@media (min-width:1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) * .5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}.brand.arpoten .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/arpoten/brand_visual_bg_pc.jpg) center no-repeat;background-size:cover}@media (max-width:1024px){.brand.arpoten .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/arpoten/brand_visual_bg_m.jpg) center no-repeat;background-size:cover}}.brand.arpoten .brand_visual .bg_wrap .bg:before{background:linear-gradient(182deg,rgba(255,101,0,0) -2.49%,rgba(255,101,0,.06) 52.71%,rgba(255,101,0,.6) 98.65%)}.brand.arpoten .brand_visual .bg_wrap .inner .line:after,.brand.arpoten .brand_visual .bg_wrap .inner .line:before{background-color:#ff6500}.brand.gutsys .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/gutsys/brand_visual_bg_pc.jpg) center no-repeat;background-size:cover}@media (max-width:1024px){.brand.gutsys .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/gutsys/brand_visual_bg_m.jpg) center no-repeat;background-size:cover}}.brand.gutsys .brand_visual .bg_wrap .bg:before{background:linear-gradient(182deg,rgba(178,124,250,0) -2.49%,rgba(178,124,250,.06) 43.39%,rgba(178,124,250,.6) 98.65%)}.brand.gutsys .brand_visual .bg_wrap .inner .line:after,.brand.gutsys .brand_visual .bg_wrap .inner .line:before{background-color:#b27cfa}.brand.health-functional-food .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/health-functional-food/brand_visual_bg_pc.jpg) center no-repeat;background-size:cover}@media (max-width:1024px){.brand.health-functional-food .brand_visual .bg_wrap .bg{background:url(/resources/kr/images/brand/health-functional-food/brand_visual_bg_m.jpg) center no-repeat;background-size:cover}}.brand.health-functional-food .brand_visual .bg_wrap .bg:before{background:linear-gradient(182deg,rgba(104,183,72,0) -2.49%,rgba(104,183,72,.07) 52.71%,rgba(104,183,72,.7) 98.65%)}.brand.health-functional-food .brand_visual .bg_wrap .inner .line:after,.brand.health-functional-food .brand_visual .bg_wrap .inner .line:before{background-color:#68b748}.brand .content{padding:0}.brand .brand_visual{position:relative;height:300vh;--bgClip:0% 0% 0% 0%;--logoClip:0 100% 0 0;--opacity:1}.brand .brand_visual.active{--logoClip:0 0 0 0}.brand .brand_visual.active .bg_wrap .bg{transform:scale(1)}.brand .brand_visual .bg_wrap{position:relative;width:100%;height:100%;-webkit-clip-path:inset(var(--bgClip));clip-path:inset(var(--bgClip));overflow:hidden;z-index:1}.brand .brand_visual .bg_wrap.active .bg:after,.brand .brand_visual .bg_wrap.active .bg:before{opacity:1;visibility:visible}.brand .brand_visual .bg_wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transform:scale(1.2);transition:transform 1.5s}.brand .brand_visual .bg_wrap .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;visibility:hidden;pointer-events:none;z-index:2;transition:.7s}.brand .brand_visual .bg_wrap .bg:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 48.27%,rgba(0,0,0,0) 90.33%);z-index:1;transition:.7s}.brand .brand_visual .bg_wrap .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(calc(500px * var(--base-ratio)),calc(calc(500 / var(--base-size)) * var(--base-percent)));-webkit-clip-path:inset(var(--logoClip));clip-path:inset(var(--logoClip));opacity:var(--opacity);transition:-webkit-clip-path 1s;transition:clip-path 1s;transition:clip-path 1s,-webkit-clip-path 1s}.brand .brand_visual .bg_wrap .logo img{width:100%}.brand .brand_visual .bg_wrap .inner{position:absolute;width:76%;height:84%;inset:8% 12% 8% 12%;display:flex;align-items:center;justify-content:center}.brand .brand_visual .bg_wrap .inner .txt_area{position:relative;z-index:3;width:max(calc(480px * var(--base-ratio)),calc(calc(480 / var(--base-size)) * var(--base-percent)))}.brand .brand_visual .bg_wrap .inner .txt_area p{text-align:center;padding:0 max(calc(45px * var(--base-ratio)),calc(calc(45 / var(--base-size)) * var(--base-percent)));font-size:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;word-break:keep-all;word-wrap:break-word;font-weight:700;color:#fff;transform:translateY(50%);opacity:0;visibility:hidden}.brand .brand_visual .bg_wrap .inner .txt_area.active p{transform:translateY(0);opacity:1;visibility:visible;transition:.7s}.brand .brand_visual .bg_wrap .inner .line{width:0;height:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;--linePosition:0;z-index:3}.brand .brand_visual .bg_wrap .inner .line:before{content:"";width:50%;height:100%;position:absolute;left:var(--linePosition);top:0;background-color:#fff}.brand .brand_visual .bg_wrap .inner .line:after{content:"";width:50%;height:100%;position:absolute;right:var(--linePosition);top:0;background-color:#fff}@media (max-width:1024px){.brand .brand_visual{height:200vh}.brand .brand_visual .bg_wrap .logo{width:100%;max-width:max(calc(335px * var(--base-ratio)),calc(calc(335 / var(--base-size)) * var(--base-percent)))}.brand .brand_visual .bg_wrap .inner{position:absolute;width:calc(100% - max(calc(40pxpx * var(--base-ratio)),calc(calc(40px / var(--base-size)) * var(--base-percent))));height:calc(100% - max(calc(70pxpx * var(--base-ratio)),calc(calc(70px / var(--base-size)) * var(--base-percent))));inset:max(calc(35px * var(--base-ratio)),calc(calc(35 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)),calc(calc(35 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))}.brand .brand_visual .bg_wrap .inner .txt_area{width:100%}.brand .brand_visual .bg_wrap .inner .txt_area p{padding:0 max(calc(35px * var(--base-ratio)),calc(calc(35 / var(--base-size)) * var(--base-percent)));font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .brand_visual .bg_wrap .inner .line{display:none}}@media (max-width:359px){.brand .brand_visual .bg_wrap .inner .txt_area p br{display:none}}.brand .sec_grid{position:relative;overflow:hidden;padding:max(calc(285px * var(--base-ratio)),calc(calc(285 / var(--base-size)) * var(--base-percent))) 0 0}.brand .sec_grid .ticker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .ticker .roller{display:flex;align-items:center;gap:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .ticker .roller span{font-size:max(calc(100px * var(--base-ratio)),calc(calc(100 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;font-family:proxima-nova,sans-serif;white-space:nowrap;font-weight:500;line-height:1.1;color:#e8e8e8}.brand .sec_grid .ticker .roller i{width:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));height:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));border-radius:50%;background-color:#e8e8e8}.brand .sec_grid .top_area{display:flex;justify-content:space-between}.brand .sec_grid .top_area[data-motion] .txt h3,.brand .sec_grid .top_area[data-motion] .txt p{transform:translateX(-50%);opacity:0;visibility:hidden;transition:1s}.brand .sec_grid .top_area[data-motion] .img img{transform:scale(1.3);transition:1s}.brand .sec_grid .top_area[data-motion].active .txt h3,.brand .sec_grid .top_area[data-motion].active .txt p{transform:translateX(0);opacity:1;visibility:visible}.brand .sec_grid .top_area[data-motion].active .img img{transform:scale(1)}.brand .sec_grid .top_area .txt{padding-top:max(calc(100px * var(--base-ratio)),calc(calc(100 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .top_area .img{width:max(calc(528px * var(--base-ratio)),calc(calc(528 / var(--base-size)) * var(--base-percent)));height:max(calc(578px * var(--base-ratio)),calc(calc(578 / var(--base-size)) * var(--base-percent)));background-color:#eee;overflow:hidden}.brand .sec_grid .top_area .img img.web{display:block}.brand .sec_grid .top_area .img img.mobile{display:none}.brand .sec_grid .bot_area{margin-top:max(calc(calc(calc(70 / var(--base-size)) * var(--base-percent)) * -1));display:flex;gap:max(calc(140px * var(--base-ratio)),calc(calc(140 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .bot_area[data-motion] .txt{transform:translateX(50%);opacity:0;visibility:hidden;transition:1s}.brand .sec_grid .bot_area[data-motion] .img img{transform:scale(1.3);transition:1s}.brand .sec_grid .bot_area[data-motion].active .txt{transform:translateX(0);opacity:1;visibility:visible}.brand .sec_grid .bot_area[data-motion].active .img img{transform:scale(1)}.brand .sec_grid .bot_area .txt{padding-top:max(calc(170px * var(--base-ratio)),calc(calc(170 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .bot_area .img{width:max(calc(377px * var(--base-ratio)),calc(calc(377 / var(--base-size)) * var(--base-percent)));height:max(calc(494px * var(--base-ratio)),calc(calc(494 / var(--base-size)) * var(--base-percent)));background-color:#eee;overflow:hidden}.brand .sec_grid .bot_area .img img.web{display:block}.brand .sec_grid .bot_area .img img.mobile{display:none}.brand .sec_grid .txt h3{font-size:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;word-break:keep-all;word-wrap:break-word;font-weight:700;color:#1c1c1c}.brand .sec_grid .txt p{font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;word-break:keep-all;word-wrap:break-word;font-weight:400;line-height:1.5;color:#4f4f4f}.brand .sec_grid .txt>*+*{margin-top:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}@media (max-width:1024px){.brand .sec_grid{padding:max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent))) 0 0}.brand .sec_grid .ticker{top:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));gap:max(calc(15px * var(--base-ratio)),calc(calc(15 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .ticker .roller{gap:max(calc(15px * var(--base-ratio)),calc(calc(15 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .ticker .roller span{font-size:max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .sec_grid .ticker .roller i{width:max(calc(7px * var(--base-ratio)),calc(calc(7 / var(--base-size)) * var(--base-percent)));height:max(calc(7px * var(--base-ratio)),calc(calc(7 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .top_area{gap:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .top_area[data-motion] .txt h3{transform:translateY(max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))));transition:.7s}.brand .sec_grid .top_area[data-motion] .txt p{transform:translateY(max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent))));transition:.7s .2s}.brand .sec_grid .top_area[data-motion].active .txt h3,.brand .sec_grid .top_area[data-motion].active .txt p{transform:translateY(0)}.brand .sec_grid .top_area .txt{width:50%;padding-top:max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .top_area .img{width:50%;height:auto}.brand .sec_grid .bot_area{gap:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1))}.brand .sec_grid .bot_area .txt{width:50%;padding-top:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .bot_area .img{flex-shrink:1;width:50%;height:auto}.brand .sec_grid .txt h3{font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .sec_grid .txt p{font-size:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;line-height:1.5}.brand .sec_grid .txt>*+*{margin-top:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))}}@media (max-width:767px){.brand .sec_grid .top_area{display:block}.brand .sec_grid .top_area .txt{width:100%;padding-top:0}.brand .sec_grid .top_area .img{width:100%;margin:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))) 0 0 auto}.brand .sec_grid .top_area .img img.web{display:none}.brand .sec_grid .top_area .img img.mobile{display:block}.brand .sec_grid .bot_area{display:grid;justify-items:end;row-gap:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)))}.brand .sec_grid .bot_area .txt{width:100%;padding-top:0}.brand .sec_grid .bot_area .img{width:100%;order:2}.brand .sec_grid .bot_area .img img.web{display:none}.brand .sec_grid .bot_area .img img.mobile{display:block}}.brand .sec_recommend{padding:max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent)));background-color:#fff;position:relative;z-index:2;overflow:hidden}.brand .sec_recommend[data-motion] .tit span{opacity:0;visibility:hidden;transform:translateY(max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))));transition:.7s}.brand .sec_recommend[data-motion] .tit h3{opacity:0;visibility:hidden;transform:translateY(max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent))));transition:.7s .2s}.brand .sec_recommend[data-motion].active h3,.brand .sec_recommend[data-motion].active span{opacity:1;visibility:visible;transform:translate(0)}.brand .sec_recommend .row_wrap{position:relative}.brand .sec_recommend .tit{text-align:center}.brand .sec_recommend .tit span{display:block;font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;font-family:proxima-nova,sans-serif;font-weight:500;line-height:1.1}.brand .sec_recommend .tit h3{font-size:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;word-break:keep-all;word-wrap:break-word;font-weight:700;margin-top:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)));color:#1c1c1c}.brand .sec_recommend .line{width:100%;position:absolute;left:0;top:40%;--lineClip:0 100% 0 0;-webkit-clip-path:inset(var(--lineClip));clip-path:inset(var(--lineClip));transition:-webkit-clip-path .5s;transition:clip-path .5s;transition:clip-path .5s,-webkit-clip-path .5s}.brand .sec_recommend .line img{width:100%;max-width:100%}.brand .sec_recommend .line img.web{display:block}.brand .sec_recommend .line img.mobile{display:none}.brand .sec_recommend .line.active{--lineClip:0 0 0 0;transition:-webkit-clip-path 1.5s linear;transition:clip-path 1.5s linear;transition:clip-path 1.5s linear,-webkit-clip-path 1.5s linear}.brand .sec_recommend .list{margin-top:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul{display:flex;justify-content:space-between}@-webkit-keyframes updownInfinite{from{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes updownInfinite{from{transform:translateY(0)}to{transform:translateY(20px)}}.brand .sec_recommend .list ul li{transform:translateY(20%);opacity:.3;transition:.7s}.brand .sec_recommend .list ul li.active{transform:translateY(0);opacity:1}.brand .sec_recommend .list ul li.active .img_area{-webkit-animation-play-state:running;animation-play-state:running}.brand .sec_recommend .list ul li.active .txt_area{-webkit-animation-play-state:running;animation-play-state:running}.brand .sec_recommend .list ul li .img_area{width:auto;height:max(calc(262px * var(--base-ratio)),calc(calc(262 / var(--base-size)) * var(--base-percent)));border-radius:50%;-webkit-animation:updownInfinite 1.5s .7s linear infinite alternate;animation:updownInfinite 1.5s .7s linear infinite alternate;-webkit-animation-play-state:paused;animation-play-state:paused}.brand .sec_recommend .list ul li .img_area img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand .sec_recommend .list ul li .txt_area{padding-top:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)));text-align:center;-webkit-animation:updownInfinite 1.5s .7s linear infinite alternate;animation:updownInfinite 1.5s .7s linear infinite alternate;-webkit-animation-play-state:paused;animation-play-state:paused}.brand .sec_recommend .list ul li .txt_area i{width:max(calc(36px * var(--base-ratio)),calc(calc(36 / var(--base-size)) * var(--base-percent)));display:block;margin:0 auto}.brand .sec_recommend .list ul li .txt_area i img{width:100%;display:block}.brand .sec_recommend .list ul li .txt_area p{margin-top:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;font-weight:500;color:#1c1c1c}.brand .sec_recommend .list ul li:nth-of-type(2){margin-top:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)))}@media (max-width:1199px){.brand .sec_recommend .list ul li .img_area{height:max(calc(280px * var(--base-ratio)),calc(calc(280 / var(--base-size)) * var(--base-percent)))}}@media (max-width:1024px){.brand .sec_recommend{padding:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .tit span{font-size:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;line-height:1.1}.brand .sec_recommend .tit h3{font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .sec_recommend .list ul li .img_area{width:max(calc(180px * var(--base-ratio)),calc(calc(180 / var(--base-size)) * var(--base-percent)));height:max(calc(180px * var(--base-ratio)),calc(calc(180 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul li .img_area img{width:auto;height:100%}.brand .sec_recommend .list ul li .txt_area{padding-top:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul li .txt_area i{width:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul li .txt_area p{margin-top:max(calc(11px * var(--base-ratio)),calc(calc(11 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}}@media (max-width:767px){.brand .sec_recommend .tit{text-align:left}.brand .sec_recommend .line{left:50%;width:max(calc(375px * var(--base-ratio)),calc(calc(375 / var(--base-size)) * var(--base-percent)));top:max(calc(270px * var(--base-ratio)),calc(calc(270 / var(--base-size)) * var(--base-percent)));transform:translateX(-50%);--lineClip:0 0 100% 0;-webkit-clip-path:inset(var(--lineClip));clip-path:inset(var(--lineClip))}.brand .sec_recommend .line img.web{display:none}.brand .sec_recommend .line img.mobile{display:block}.brand .sec_recommend .line.active{--lineClip:0 0 0% 0}.brand .sec_recommend .list{margin:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))) auto 0;max-width:max(calc(375px * var(--base-ratio)),calc(calc(375 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul{flex-direction:column;gap:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul li{margin:0}.brand .sec_recommend .list ul li .img_area{width:max(calc(230px * var(--base-ratio)),calc(calc(230 / var(--base-size)) * var(--base-percent)));height:max(calc(230px * var(--base-ratio)),calc(calc(230 / var(--base-size)) * var(--base-percent)))}.brand .sec_recommend .list ul li:nth-of-type(2){margin-top:0}.brand .sec_recommend .list ul li:nth-of-type(even){margin:0 0 0 auto}.brand .sec_recommend .list ul li:nth-of-type(odd){margin:0 auto 0 0}}.brand .sec_brand_list{width:100%;height:auto;padding:max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 max(calc(180px * var(--base-ratio)),calc(calc(180 / var(--base-size)) * var(--base-percent)));background:#fff;position:relative;z-index:2;overflow:hidden}.brand .sec_brand_list[data-motion] .top .txt span{opacity:0;visibility:hidden;transform:translateY(max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))));transition:.7s}.brand .sec_brand_list[data-motion] .top .txt h3{opacity:0;visibility:hidden;transform:translateY(max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent))));transition:.7s .2s}.brand .sec_brand_list[data-motion] .list{opacity:0;visibility:hidden;transform:translateY(20%);transition:.7s .4s}.brand .sec_brand_list[data-motion].active .top .txt h3,.brand .sec_brand_list[data-motion].active .top .txt span{opacity:1;visibility:visible;transform:translate(0)}.brand .sec_brand_list[data-motion].active .list{opacity:1;visibility:visible;transform:translate(0)}.brand .sec_brand_list .top .txt span{display:block;font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;font-family:proxima-nova,sans-serif;font-weight:500;color:#f27321}.brand .sec_brand_list .top .txt h3{font-size:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;word-break:keep-all;word-wrap:break-word;font-weight:700;color:#1c1c1c;margin-top:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list{margin-top:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list .scroll_inner{overflow:visible}.brand .sec_brand_list .list ul li{width:max(calc(271px * var(--base-ratio)),calc(calc(271 / var(--base-size)) * var(--base-percent)));position:relative}.brand .sec_brand_list .list ul li+li{margin-left:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list ul li .img_area{width:100%;height:max(calc(271px * var(--base-ratio)),calc(calc(271 / var(--base-size)) * var(--base-percent)));position:relative;border-radius:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)));overflow:hidden}.brand .sec_brand_list .list ul li .img_area:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;transition:.4s;z-index:1}.brand .sec_brand_list .list ul li .img_area>img{position:absolute;left:50%;top:0;transform:translateX(-50%);-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.brand .sec_brand_list .list ul li .img_area .center{position:absolute;left:0;top:50%;transform:translateY(-30%);width:100%;padding:0 max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));text-align:center;opacity:0;transition:.4s;z-index:2}.brand .sec_brand_list .list ul li .img_area .center .logo{display:block;margin:0 auto;font-size:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;font-weight:700;color:#fff}.brand .sec_brand_list .list ul li .img_area .center .logo img{width:max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent)));margin:0 auto}.brand .sec_brand_list .list ul li .img_area .center .btn_area{display:block;margin:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent))) auto 0}.brand .sec_brand_list .list ul li .img_area .center .btn_area img{width:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));margin:0 auto}.brand .sec_brand_list .list ul li .txt_area{padding:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;text-align:center}.brand .sec_brand_list .list ul li .txt_area p{font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em;color:#1c1c1c;font-weight:500}@media (min-width:1025px){.brand .sec_brand_list .list ul li a:hover .img_area:before{opacity:1}.brand .sec_brand_list .list ul li a:hover .center{opacity:1;transform:translateY(-50%)}}.brand .sec_brand_list .swiper-scrollbar{position:relative;inset:auto;width:100%}@media (max-width:1024px){.brand .sec_brand_list{padding:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .top .txt span{display:block;font-size:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .sec_brand_list .top .txt h3{font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}.brand .sec_brand_list .list{margin-top:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list ul li{width:max(calc(200px * var(--base-ratio)),calc(calc(200 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list ul li .img_area{height:max(calc(200px * var(--base-ratio)),calc(calc(200 / var(--base-size)) * var(--base-percent)))}.brand .sec_brand_list .list ul li .txt_area{padding:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent))) 0}.brand .sec_brand_list .list ul li .txt_area p{font-size:max(calc(13px * var(--base-ratio)),calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-.02em}}.brand.gutsys .sec_grid .top_area .txt h3 b{color:#b27cfa}.brand.gutsys .sec_recommend .tit span{color:#b27cfa}.brand.gutsys .sec_recommend .line{top:45%}@media (max-width:1024px){.brand.gutsys .sec_recommend .line{top:max(calc(320px * var(--base-ratio)),calc(calc(320 / var(--base-size)) * var(--base-percent)))}}.brand.gutsys .sec_ticker_common{background-color:#f7f1ff}.brand.gutsys .sec_ticker_common .inner .txt_area span{color:#b27cfa}.brand.gutsys .sec_brand_list .top .txt span{color:#b27cfa}