@charset "UTF-8";.about-innisfree__content{max-width:147.42rem;margin:0 auto}.about-innisfree__content img{width:100%}.fl_l{float:left}.fl_r{float:right}.ta_l{text-align:left}.ta_c{text-align:center}.ta_r{text-align:right}#brand-story-container{font-optical-sizing:auto;font-style:normal;color:#fff;background:#0089b9}#brand-story-container .brand-story-main{container-type:inline-size;container-name:brand-story}@media(min-width:1280px){#brand-story-container{padding-left:calc((100vw - 1280px)/2)}}#brand-story-container .pos_area{position:relative;width:100%;height:min(133.3333333333cqi,100vh)}#brand-story-container .island_wrap{position:absolute;top:0;width:100%;max-width:128rem;height:min(133.3333333333cqi,100vh);z-index:-1;transition:all .3s}#brand-story-container .island_wrap.active{position:fixed;top:0;transition:all .3s}#brand-story-container .txt_wrap{position:absolute;width:100%;height:min(133.3333333333cqi,100vh)}#brand-story-container .brand-story-main{max-width:128rem;position:relative;z-index:1}#brand-story-container .content_title{font-size:clamp(1.8rem,3.125vw,4rem);font-weight:900;line-height:1;text-transform:uppercase;text-shadow:.1rem .6rem 2.4rem rgba(19,41,57,.66)}#brand-story-container .content_txt{font-size:clamp(1.4rem,2.65625vw,3.4rem);line-height:1.882;font-weight:400}#brand-story-container .content_txt .yellow{color:#ff7}#brand-story-container .quote{font-size:clamp(1rem,3.125vw,4rem);font-weight:500;line-height:1.575}#brand-story-container .island{position:absolute;top:0;background-image:url(/cdn/shop/files/pub_about-brand_kv_pc.webp?v=1765355453);background-size:contain;background-repeat:no-repeat;width:100%;height:100vh}@media(min-width:620px){#brand-story-container .island{background-size:cover}}#brand-story-container .island .sea{position:absolute;background-image:url(/cdn/shop/files/pub_about-brand_kv-sea_pc.webp?v=1765355453);background-size:contain;background-repeat:no-repeat;top:0;left:0;max-width:128rem;width:100%;max-height:169.7rem;height:100vh;filter:url(#turbulence)}@media(min-width:620px){#brand-story-container .island .sea{background-size:cover}}#brand-story-container .kv .logo-1{width:16.40625%;padding-top:3.75%;padding-right:5.5625%}#brand-story-container .kv .quote{padding-top:33.90625%;padding-left:5.5625%}#brand-story-container .kv .innisfree_logo{width:24.453125%;padding-top:9.53125%;padding-left:5.5625%}#brand-story-container .about_us .content_title{margin-top:5%}#brand-story-container .about_us .content_txt{font-size:clamp(1rem,2.1875vw,2.8rem);margin:5.5625% 10%;padding:6% 0;border-radius:4rem;background-color:#004c626e;box-shadow:inset 0 0 13.6rem #00000052}#brand-story-container .about_us .content_txt .yellow{color:#ff7}#brand-story-container .video video{position:relative;z-index:1}#brand-story-container .after_video{background:#0089b9}#brand-story-container .the_new_isle{margin-top:-2.5rem}#brand-story-container .the_new_isle .island{position:relative;background-image:url(/cdn/shop/files/pub_about-brand_isle-bg_pc.webp?v=1765355453);background-position:center;background-size:cover;background-repeat:no-repeat;max-height:104rem;height:100vw}#brand-story-container .the_new_isle .island .island_sea{position:absolute;background-image:url(/cdn/shop/files/pub_about-brand_isle-bg-sea_pc.webp?v=1765355453);background-position:center;background-size:cover;top:0;left:0;max-width:128rem;width:100%;max-height:104rem;height:100vw;filter:url(#turbulence)}#brand-story-container .the_new_isle .island .content{position:absolute;top:0;left:0;max-width:128rem;width:100%;max-height:104rem;height:100vw;margin-top:14%}#brand-story-container .the_new_isle .island .content .swiper-slide>.range{display:none}#brand-story-container .the_new_isle .island .content .swiper-slide-active>.range{display:block}#brand-story-container .the_new_isle .island .content .range{position:relative}#brand-story-container .the_new_isle .island .content .range .card{padding:2% 2% 2% 4.0625%;position:absolute;border-radius:.9rem;background-color:#ffffff1a;box-shadow:.27rem .53rem .7rem #13293969;height:unset}#brand-story-container .the_new_isle .island .content .range .card.element{cursor:pointer;padding:2% 2% 2% 3%}#brand-story-container .the_new_isle .island .content .range .card.element div div{display:flex;justify-content:space-between;border-bottom:.1rem rgba(255,255,255,.2) solid;padding-bottom:clamp(0rem,1.015625vw,1.3rem);margin-bottom:clamp(0rem,1.015625vw,1.3rem)}#brand-story-container .the_new_isle .island .content .range .card.element div div .arrow_img{width:1.8rem}#brand-story-container .the_new_isle .island .content .range .card.element div div span{color:#06ff80;font-size:clamp(1rem,2.65625vw,3.4rem);line-height:1.2;font-weight:700;display:block}#brand-story-container .the_new_isle .island .content .range .card.element div span{display:inline-block;color:#fff;font-size:clamp(.6rem,1.40625vw,1.2rem);line-height:1.2;font-weight:500}#brand-story-container .the_new_isle .island .content .range .card div span{color:#ff7;font-size:clamp(.8rem,2.65625vw,3.4rem);line-height:1.2;font-weight:700;display:block}#brand-story-container .the_new_isle .island .content .range .card div a{display:flex;align-items:center;margin-top:2%}#brand-story-container .the_new_isle .island .content .range .card div a span{margin-right:2%;display:block;color:#fff;font-size:clamp(0rem,1.40625vw,1.8rem);font-weight:400;line-height:1}#brand-story-container .the_new_isle .island .content .range .card div a img{width:clamp(0rem,2.1875vw,2.8rem)}#brand-story-container .the_new_isle .island .content .range .card img.pic,#brand-story-container .the_new_isle .island .content .range .card img.line{position:absolute}#brand-story-container .the_new_isle .island .content .range .green_tea_forest{top:clamp(0rem,6.09375vw,7.8rem);left:clamp(0rem,10.3125vw,13.2rem)}#brand-story-container .the_new_isle .island .content .range .green_tea_forest>div{position:relative}#brand-story-container .the_new_isle .island .content .range .green_tea_forest>div>span{width:clamp(0rem,25.625vw,32.8rem)}#brand-story-container .the_new_isle .island .content .range .green_tea_forest .pic{width:clamp(0rem,10.625vw,13.6rem);top:clamp(-7.6rem,-5.9375vw,0rem);left:clamp(0rem,0vw,0rem)}#brand-story-container .the_new_isle .island .content .range .green_tea_forest .line{width:clamp(0rem,9.0625vw,11.6rem);bottom:clamp(-2.6rem,-2.03125vw,0rem);right:clamp(-11.5rem,-8.984375vw,0rem)}#brand-story-container .the_new_isle .island .content .range .youth_leaf{top:clamp(0rem,29.6875vw,38rem);left:clamp(0rem,6.5625vw,8.4rem)}#brand-story-container .the_new_isle .island .content .range .youth_leaf>div>span{width:clamp(0rem,24.21875vw,31rem)}#brand-story-container .the_new_isle .island .content .range .youth_leaf .pic{width:clamp(0rem,6.953125vw,8.9rem);top:clamp(-6.8rem,-5.3125vw,0rem);left:clamp(0rem,.9375vw,1.2rem)}#brand-story-container .the_new_isle .island .content .range .youth_leaf .line{width:clamp(0rem,14.0625vw,18rem);top:clamp(-1.6rem,-1.25vw,0rem);right:clamp(-5.4rem,-4.21875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .cica{top:clamp(0rem,51.90625vw,62.6rem);left:clamp(0rem,23.4375vw,30rem)}#brand-story-container .the_new_isle .island .content .range .cica>div>span{width:clamp(0rem,27.03125vw,34.6rem)}#brand-story-container .the_new_isle .island .content .range .cica .pic{width:clamp(0rem,6.953125vw,8.9rem);top:clamp(0rem,1.5625vw,2rem);left:clamp(-6.4rem,-5vw,0rem)}#brand-story-container .the_new_isle .island .content .range .cica .line{width:clamp(0rem,6.484375vw,8.3rem);top:clamp(-10rem,-7.8125vw,0rem);right:clamp(0rem,7.5vw,9.6rem)}#brand-story-container .the_new_isle .island .content .range .stone{top:clamp(0rem,7.8125vw,10rem);right:clamp(0rem,11.71875vw,15rem)}#brand-story-container .the_new_isle .island .content .range .stone>div>span{width:clamp(0rem,17.03125vw,21.8rem)}#brand-story-container .the_new_isle .island .content .range .stone .pic{width:clamp(0rem,6.953125vw,8.9rem);top:clamp(0rem,.3125vw,.4rem);left:clamp(-6.4rem,-5vw,0rem)}#brand-story-container .the_new_isle .island .content .range .stone .line{width:clamp(0rem,5.546875vw,7.1rem);top:clamp(0rem,10.9375vw,14rem);left:clamp(-7rem,-5.46875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .light{top:clamp(0rem,37.5vw,48rem);right:clamp(0rem,7.96875vw,10.2rem)}#brand-story-container .the_new_isle .island .content .range .light>div>span{width:clamp(0rem,22.5vw,28.8rem)}#brand-story-container .the_new_isle .island .content .range .light .pic{width:clamp(0rem,8.984375vw,11.5rem);top:clamp(-7.4rem,-5.78125vw,0rem);left:clamp(0rem,2.34375vw,3rem)}#brand-story-container .the_new_isle .island .content .range .light .line{width:clamp(0rem,9.6875vw,12.4rem);top:clamp(0rem,.78125vw,1rem);left:clamp(-12.3rem,-9.609375vw,0rem)}#brand-story-container .the_new_isle .island .content .range .green_tea{top:clamp(0rem,10.78125vw,13.8rem);left:clamp(0rem,8.4375vw,10.8rem)}#brand-story-container .the_new_isle .island .content .range .green_tea .pic{max-width:6.1rem;width:4.765625vw;top:clamp(-6rem,-4.6875vw,0rem);left:clamp(-2.4rem,-1.875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .green_tea .line{width:clamp(0rem,9.0625vw,11.6rem);bottom:clamp(-2.6rem,-2.03125vw,0rem);right:clamp(-11.6rem,-9.0625vw,0rem)}#brand-story-container .the_new_isle .island .content .range .black_tea{top:clamp(0rem,30.3125vw,38.8rem);left:clamp(0rem,6.40625vw,8.2rem)}#brand-story-container .the_new_isle .island .content .range .black_tea .pic{width:clamp(0rem,4.84375vw,6.2rem);top:clamp(-7.4rem,-5.78125vw,0rem);left:clamp(-2.4rem,-1.875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .black_tea .line{width:clamp(0rem,14.21875vw,18.2rem);top:clamp(-1.6rem,-1.25vw,0rem);right:clamp(-8.2rem,-6.40625vw,0rem)}#brand-story-container .the_new_isle .island .content .range .retinol{top:clamp(0rem,48.125vw,61.6rem);left:clamp(0rem,17.96875vw,23rem)}#brand-story-container .the_new_isle .island .content .range .retinol .pic{width:clamp(0rem,4.921875vw,6.3rem);top:clamp(-6.4rem,-5vw,0rem);left:clamp(-2.4rem,-1.875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .retinol .line{width:clamp(0rem,5.9375vw,7.6rem);top:clamp(-9rem,-7.03125vw,0rem);right:clamp(-.7rem,-.546875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .volcanic{top:clamp(0rem,11.5625vw,14.8rem);right:clamp(0rem,3.75vw,4.8rem)}#brand-story-container .the_new_isle .island .content .range .volcanic .pic{width:clamp(0rem,7.03125vw,9rem);top:clamp(-3.8rem,-2.96875vw,0rem);left:clamp(-5.4rem,-4.21875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .volcanic .line{width:clamp(0rem,9.765625vw,12.5rem);bottom:clamp(0rem,4.84375vw,6.2rem);left:clamp(-12.5rem,-9.765625vw,0rem)}#brand-story-container .the_new_isle .island .content .range .vitamin_c{top:clamp(0rem,40.625vw,52rem);right:clamp(0rem,8.4375vw,10.8rem)}#brand-story-container .the_new_isle .island .content .range .vitamin_c .pic{width:clamp(0rem,4.921875vw,6.3rem);top:clamp(-7.4rem,-5.78125vw,0rem);left:clamp(-2.4rem,-1.875vw,0rem)}#brand-story-container .the_new_isle .island .content .range .vitamin_c .line{width:clamp(0rem,9.765625vw,12.5rem);bottom:clamp(0rem,1.71875vw,2.2rem);left:clamp(-12.4rem,-9.6875vw,0rem)}#brand-story-container .be_free_with_innisfree{position:relative;padding-bottom:8%}#brand-story-container .be_free_with_innisfree>div{margin-left:5.5625%}#brand-story-container .be_free_with_innisfree .quote:not(.green_box){padding-top:35%}#brand-story-container .be_free_with_innisfree .innisfree_logo{margin-top:1%;width:17.5%}#brand-story-container .be_free_with_innisfree .green_box{width:-moz-fit-content;width:fit-content;margin-top:2%;margin-left:-1%;padding:.5% 2%;border-radius:1rem;background-color:#01b65d;display:flex;align-items:baseline;word-break:keep-all;justify-content:flex-start}#brand-story-container .be_free_with_innisfree .green_box img.innisfree_logo{padding:0 1%;width:15.6388888889cqi}#brand-story-container .be_free_with_innisfree .man_pic{position:absolute;top:6%;right:30%;max-width:40.7rem;width:31.796875vw}#brand-story-container .be_free_with_innisfree .man_pic2{position:absolute;top:22%;right:5.5625%;max-width:38.3rem;width:29.921975vw}#brand-story-container .be_free_with_innisfree .girl_pic{position:absolute;top:26%;right:5.5625%;max-width:38.3rem;width:29.921975vw}#brand-story-container .history{padding-bottom:4%}#brand-story-container .history .content_title{margin:5% 0}#brand-story-container .history .swiper{width:89%}#brand-story-container .history .swiper img{width:100%}#brand-story-container .history .swiper-pagination{position:relative;margin-top:5%;background-color:#16d0ef;max-height:.6rem;height:.46875vw;display:flex;align-items:center;justify-content:space-around}#brand-story-container .history .swiper-pagination-bullet{max-width:1.8rem;max-height:1.8rem;--swiper-pagination-bullet-width: 1.40625vw;--swiper-pagination-bullet-height: 1.40625vw;border:clamp(.1rem,.234375vw,.3rem) white solid;--swiper-pagination-bullet-inactive-color: #005e30;--swiper-pagination-bullet-inactive-opacity: 1}#brand-story-container .history .swiper-pagination-bullet-active{--swiper-pagination-color: #01b65d}#brand-story-container .more{padding:2.5% 5.5625% 5%}#brand-story-container .more .content_title{margin:5% 0}#brand-story-container .more .card_group{display:flex;gap:.4rem}#brand-story-container .more .card_group .card:first-of-type{background-image:url(/cdn/shop/files/pub_about-brand_green-tea-heritage_pc.webp?v=1765355453)}#brand-story-container .more .card_group .card:last-of-type{background-image:url(/cdn/shop/files/pub_about-brand_better-for-earth_pc.webp?v=1765355453)}#brand-story-container .more .card{background-repeat:no-repeat;background-size:cover;max-width:56.7rem;max-height:17.8rem;width:44.296875vw;height:13.90625vw;display:flex;align-items:center;padding-left:1.5%;flex-direction:row}#brand-story-container .more .card a{color:#fff}#brand-story-container .more .card a span:first-of-type{font-size:clamp(1.3rem,2.65625vw,3.4rem);font-weight:900}#brand-story-container .more .card a span:last-of-type{display:flex;align-items:center;gap:.4rem;font-size:clamp(1rem,1.5625vw,2rem);font-weight:500}#brand-story-container .more .card a span:last-of-type img{margin-top:1%;max-width:2.8rem;width:2.1875vw}@media(min-width:990px){#brand-story-container .pos_area,#brand-story-container .island_wrap,#brand-story-container .txt_wrap{height:min(84.7222222222cqi,100vh)}#brand-story-container .brad-story-main{background-color:#0089b9}#brand-story-container .quote{font-size:clamp(1.8rem,3.125vw,4rem)}#brand-story-container .about_us .content_title{margin-top:8.203125%}#brand-story-container .about_us .content_txt{font-size:clamp(1.4rem,2.1875vw,2.8rem)}#brand-story-container .the_new_isle{margin-top:-2rem}#brand-story-container .the_new_isle .island,#brand-story-container .the_new_isle .island .island_sea{height:81.25vw}#brand-story-container .the_new_isle .island .content{height:81.25vw;margin-top:7.5%}#brand-story-container .the_new_isle .island .content .range .card.element div div span{font-size:clamp(1.4rem,2.65625vw,3.4rem)}#brand-story-container .the_new_isle .island .content .range .card.element div span{font-size:clamp(1.2rem,1.40625vw,1.8rem)}#brand-story-container .the_new_isle .island .content .range .card div span{font-size:clamp(1.4rem,2.65625vw,3.4rem)}#brand-story-container .the_new_isle .island .content .range .cica{top:clamp(0rem,48.90625vw,62.6rem);left:clamp(0rem,23.4375vw,30rem)}#brand-story-container .more .card a span:first-of-type{font-size:clamp(2rem,2.65625vw,3.4rem);font-weight:900}#brand-story-container .more .card a span:last-of-type{display:flex;align-items:center;gap:.4rem;font-size:clamp(1.2rem,1.5625vw,2rem);font-weight:500}}.template-page--pub-about-innisfree .footer{margin-block-start:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pub-about-brand.scss.css.map */