@charset "UTF-8";
#container{padding-top:0!important;margin-top:0!important}
#footer.renew-footer{padding-top:0;margin:0}
#footer.renew-footer .btn-top{z-index:2}
.story2023 sup{font-size:50%;font-family:700;position:relative;top:-.05em}
.story2023 .img{display:block;height:100%}
.story2023 .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.story2023 .pc-only{display:block}
.story2023 .mo-only{display:none}
.story2023-section--intro{width:100%;height:100vh;text-align:center;background:url(https://amc.apglobal.com/image/384224417642/image_r7ukdkdug14u71sf54g5uqot4d/-FJPG/organience_barrier_repair_intro_bg_kr_230417.jpg) no-repeat 50% 0/cover;display:flex;align-items:center;justify-content:center}
.story2023-section--intro .section-wrap{display:flex;flex-direction:column}
.story2023-section--intro .title{display:block;color:#fff}
.story2023-section--intro .title--desc{font-size:41px;line-height:1.2195121951;letter-spacing:-.025em;font-weight:400}
.story2023-section--intro .title--prd-name{font-family:"HCo Gotham SSm";font-weight:700;font-weight:700;font-size:70px;line-height:100%;margin-top:20px}
.story2023-scroll__btn{position:absolute;display:inline-block;left:50%;bottom:0;transform:translatex(-50%);opacity:1;transition:opacity .3s linear;z-index:2;margin-bottom:35px}
.story2023-scroll__btn .scroll-icon{display:inline-block;color:#d2d3d3;font-family:400;text-transform:uppercase;font-size:16px;line-height:100%;padding-top:40px}
.story2023-scroll__btn .scroll-icon>span{position:absolute;top:0;left:50%;margin-left:-10px;border:1px solid #cecfcf;border-radius:50px;box-sizing:border-box;width:20px;height:30px}
.story2023-scroll__btn .scroll-icon>span::before{position:absolute;transform:translateY(0);top:0;left:50%;transform:translateX(-50%);margin-left:-3px;content:"";background-color:#cecfcf;border-radius:100%;animation:scrolldown 1.5s infinite;box-sizing:border-box;width:6px;height:6px;top:5px}
@keyframes scrolldown{
0%{transform:translateY(0);opacity:1}
60%{opacity:1}
100%{transform:translateY(200%);opacity:0}
}.story2023-section--tech{background:url(https://amc.apglobal.com/image/384224417642/image_ui497dl7gh58ra46l39c1t8t3g/-FJPG/organience_barrier_repair_tech_bg_kr_230417.jpg) no-repeat 50% 0/cover;padding-top:240px}
.story2023-section--tech .section-inner{max-width:1920px;margin:0 auto;width:1560px}
.story2023-section--tech .section-wrap{display:flex;align-items:center}
.story2023-section--tech .section-wrap-01{position:relative;flex-direction:row-reverse}
.story2023-section--tech .section-wrap-01::after{position:absolute;top:0;right:0;display:block;content:"ORGANIENCE BARRIER";font-size:24px;line-height:100%;letter-spacing:-.025em;font-family:"HCo Gotham SSm";font-weight:500;color:#e6d6bc;word-spacing:1.82em;transform:rotateZ(90deg);transform-origin:left top;margin-right:-337px}
.story2023-section--tech .section-wrap-01 .text-wrap{margin-left:200px}
.story2023-section--tech .section-wrap-01 .desc{font-size:36px;line-height:1.3888888889;letter-spacing:-.025em;font-weight:700;color:#36211a}
.story2023-section--tech .section-wrap-01 .text-font{font-family:"HCo Gotham SSm";font-weight:700}
.story2023-section--tech .section-wrap-01 .img{margin-top:55px;margin-right:55px}
.story2023-section--tech .section-wrap-01 .img-wrap{width:680px;height:900px}
.story2023-section--tech .section-wrap-02 .desc{font-size:36px;line-height:1.3888888889;letter-spacing:-.025em;font-weight:400;color:#36211a}
.story2023-section--tech .section-wrap-02 .desc+.desc{font-weight:700;margin-top:25px}
.story2023-section--tech .section-wrap-02 .text-bold{font-weight:700}
.story2023-section--tech .section-wrap-02 .text-wrap{margin-top:140px}
.story2023-section--tech .section-wrap-02 .img-wrap{position:relative;z-index:1;width:680px;height:1020px}
.story2023-section--tech .section-wrap-02 .img-wrap img{position:absolute;top:0;width:100%;height:980px;margin-top:140px}
.story2023-section--tech .text-wrap{flex:1}
.story2023-section--scroll{overflow:hidden}
.story2023-scroll__inner{position:relative;min-height:100vh;background-position:center center;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-image:url(https://amc.apglobal.com/image/384224417642/image_94pmcl1jqh53h07ckgke5lvb79/-FJPG/organience_barrier_repair_scroll_bg_kr_230417.jpg);width:100%}
.story2023-scroll__inner span{display:block}
.story2023-scroll__inner .section-title{display:flex;flex-direction:column;justify-content:center;text-align:center;position:sticky;top:0;width:100%;height:100vh}
.story2023-scroll__inner .top{font-size:36px;line-height:1.1944444444;letter-spacing:-.025em;color:#fff;font-weight:400}
.story2023-scroll__inner .bot{font-size:60px;line-height:100%;letter-spacing:-.025em;color:#fff;font-family:"HCo Gotham SSm";font-weight:700;margin-top:20px}
.story2023-scroll__content{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;position:absolute;top:0;left:0;width:100%;text-align:center}
.story2023-card-list{width:1560px;margin-top:100vh;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;will-change:transform;transition:transform .5s linear}
.story2023-card-list__item{position:relative;width:680px}
.story2023-card-list__item:nth-child(1){height:808px}
.story2023-card-list__item:nth-child(2){height:991px;margin-top:380px}
.story2023-card-list__item:nth-child(3){height:756px;margin-top:-445px}
.story2023-card-list__item .text-wrap{position:absolute;bottom:0;width:100%;margin-bottom:110px}
.story2023-card-list__item .title{font-size:38px;line-height:1.3157894737;letter-spacing:-.025em;color:#000;font-weight:700}
.story2023-card-list__item .desc{font-size:22px;line-height:1.7272727273;letter-spacing:-.025em;color:#000;font-weight:400;margin-top:20px}
.story2023-section--prd-info{background-color:#ececec;display:flex;justify-content:center;padding:170px 0}
.story2023-section--prd-info .section-inner{width:1560px}
.story2023-prd-list__img{display:block;height:420px}
.story2023-prd-list__img .detail-btn{display:none}
.story2023-prd-list__img:hover{position:relative}
.story2023-prd-list__img:hover .detail-btn{display:block;position:absolute;width:178px;bottom:0;left:50%;transform:translateX(-50%);background-color:#fff;font-size:16px;line-height:3;color:#000;font-weight:700;border-radius:50px;margin-bottom:127px}
.story2023-prd-list__img:hover .detail-btn::after{content:"";display:inline-block;background:url(https://amc.apglobal.com/image/384224417642/image_jnenr8r1017obe7tvodff7b83j/-FPNG/organience_barrier_repair_prd_arrow_230417.png) no-repeat 50% 0/contain;width:24px;height:12px;margin-left:8px}
.story2023-prd-info__title{text-align:center;font-size:60px;line-height:1.1666666667;color:#1d1d1f;font-family:"HCo Gotham SSm";font-weight:700}
.story2023-prd-list{display:flex;margin:80px 240px 0;justify-content:space-between}
.story2023-prd-list__item{text-align:center;width:315px}
.story2023-prd-list__name{font-size:26px;line-height:1.5384615385;letter-spacing:-.025em;color:#1d1d1f;font-weight:700;margin-top:-20px}
@media (max-width:1920px){
.story2023-section--intro .title--desc{font-size:2.1354166667vw;font-size:max(11px,2.1354166667vw)}
.story2023-section--intro .title--prd-name{font-size:3.6458333333vw;font-size:max(11px,3.6458333333vw)}
.story2023-section--intro .title--prd-name{margin-top:1.6708437761%}
.story2023-scroll__btn .scroll-icon>span::before{top:.2604166667vw}
.story2023-section--tech{padding-top:12.5%}
.story2023-section--tech .section-inner{width:81.25%}
.story2023-section--tech .section-wrap-01::after{font-size:1.25vw;font-size:max(11px,1.25vw)}
.story2023-section--tech .section-wrap-01::after{margin-right:-21.6025641026%}
.story2023-section--tech .section-wrap-01 .text-wrap{margin-left:12.8205128205%}
.story2023-section--tech .section-wrap-01 .desc{font-size:1.875vw;font-size:max(11px,1.875vw)}
.story2023-section--tech .section-wrap-01 .img{margin-top:8.0882352941%;margin-right:8.0882352941%}
.story2023-section--tech .section-wrap-01 .img-wrap{height:46.875vw}
.story2023-section--tech .section-wrap-01 .img-wrap{width:43.5897435897%}
.story2023-section--tech .section-wrap-02 .desc{font-size:1.875vw;font-size:max(11px,1.875vw)}
.story2023-section--tech .section-wrap-02 .desc+.desc{margin-top:6.25%}
.story2023-section--tech .section-wrap-02 .text-wrap{margin-top:8.9743589744%}
.story2023-section--tech .section-wrap-02 .img-wrap{height:53.125vw}
.story2023-section--tech .section-wrap-02 .img-wrap{width:43.5897435897%}
.story2023-section--tech .section-wrap-02 .img-wrap img{height:51.0416666667vw}
.story2023-section--tech .section-wrap-02 .img-wrap img{margin-top:20.5882352941%}
.story2023-scroll__inner .top{font-size:1.875vw;font-size:max(11px,1.875vw)}
.story2023-scroll__inner .bot{font-size:3.125vw;font-size:max(11px,3.125vw)}
.story2023-card-list{width:81.25%}
.story2023-card-list__item{width:43.5897435897%}
.story2023-card-list__item:nth-child(1){height:42.0833333333vw}
.story2023-card-list__item:nth-child(2){height:51.6145833333vw}
.story2023-card-list__item:nth-child(2){margin-top:24.358974359%}
.story2023-card-list__item:nth-child(3){height:39.375vw}
.story2023-card-list__item:nth-child(3){margin-top:-28.5256410256%}
.story2023-card-list__item .text-wrap{margin-bottom:16.1764705882%}
.story2023-card-list__item .title{font-size:1.9791666667vw;font-size:max(11px,1.9791666667vw)}
.story2023-card-list__item .desc{font-size:1.1458333333vw;font-size:max(11px,1.1458333333vw)}
.story2023-card-list__item .desc{margin-top:2.9411764706%}
.story2023-section--prd-info{padding:8.8541666667% 0}
.story2023-section--prd-info .section-inner{width:81.25%}
.story2023-prd-list__img{height:21.875vw}
.story2023-prd-list__img:hover .detail-btn{font-size:.8333333333vw;font-size:max(11px,.8333333333vw)}
.story2023-prd-list__img:hover .detail-btn{width:56.5079365079%;margin-bottom:40.3174603175%}
.story2023-prd-list__img:hover .detail-btn::after{height:.625vw}
.story2023-prd-list__img:hover .detail-btn::after{width:13.4831460674%;margin-left:4.4943820225%}
.story2023-prd-info__title{font-size:3.125vw;font-size:max(11px,3.125vw)}
.story2023-prd-list{margin:5.1282051282% 15.3846153846% 0}
.story2023-prd-list__item{width:29.1666666667%}
.story2023-prd-list__name{font-size:1.3541666667vw;font-size:max(11px,1.3541666667vw)}
.story2023-prd-list__name{margin-top:-6.3492063492%}
}@media (max-width:750px) and (max-width:750px){
.story2023-prd-list__item:nth-child(1) img{width:16vw}
.story2023-prd-list__item:nth-child(2) img{width:17.3333333333vw}
.story2023-prd-list__item:last-child img{width:17.8666666667vw}
}@media (max-width:750px) and (max-width:320px){
.story2023-prd-list__item:nth-child(1) img{width:51.2px}
.story2023-prd-list__item:nth-child(2) img{width:55.4666666667px}
.story2023-prd-list__item:last-child img{width:57.1733333333px}
}@media (max-width:750px){
.story2023 .pc-only{display:none}
.story2023 .mo-only{display:block}
.story2023-section--intro{background:url(https://amc.apglobal.com/image/384224417642/image_8ptsor3jt13iv3eja1lrkevm29/-FJPG/organience_barrier_repair_intro_bg_mo_kr_230417.jpg) no-repeat 50% 0/cover}
.story2023-section--intro .title--desc{font-size:4.5333333333vw;font-size:max(11px,4.5333333333vw)}
.story2023-section--intro .title--desc{line-height:1.3529411765}
.story2023-section--intro .title--prd-name{font-size:9.8666666667vw;font-size:max(11px,9.8666666667vw)}
.story2023-section--intro .title--prd-name{line-height:1.0540540541;margin-top:2.4%}
.story2023-scroll__btn{margin-bottom:25px}
.story2023-scroll__btn .scroll-icon{font-size:12px;color:#fff;opacity:.55;padding-top:30px}
.story2023-scroll__btn .scroll-icon>span{border-width:.1333333333vw}
.story2023-scroll__btn .scroll-icon>span{border:1px solid #fff;width:15px;height:23px}
.story2023-scroll__btn .scroll-icon>span::before{width:4px;height:4px;margin-left:-2px;top:3px;background-color:#fff}
.story2023-section--tech{padding-top:18.6666666667%;background:#fff url(https://amc.apglobal.com/image/384224417642/image_4smt3en65p4v1965n81df8i77a/-FJPG/organience_barrier_repair_tech_bg_mo_kr_230417.jpg) no-repeat bottom/contain}
.story2023-section--tech .section-inner{width:100%}
.story2023-section--tech .section-wrap{flex-direction:column}
.story2023-section--tech .section-wrap-01::after{font-size:2.9333333333vw;font-size:max(11px,2.9333333333vw)}
.story2023-section--tech .section-wrap-01::after{right:auto;left:0;transform-origin:right top;transform:rotateZ(-90deg);word-spacing:1.14em;margin-left:-31.3333333333%}
.story2023-section--tech .section-wrap-01 .text-wrap{width:100%;margin:0;padding-left:8%;padding-right:10.6666666667%;box-sizing:border-box}
.story2023-section--tech .section-wrap-01 .desc{font-size:4.5333333333vw;font-size:max(11px,4.5333333333vw)}
.story2023-section--tech .section-wrap-01 .desc{text-align:right;line-height:1.4117647059}
.story2023-section--tech .section-wrap-01 .img{margin-top:8.1967213115%;margin-left:22px;margin-right:0}
.story2023-section--tech .section-wrap-01 .img-wrap{height:117.3333333333vw}
.story2023-section--tech .section-wrap-01 .img-wrap{width:89.3333333333%;margin-top:8%;margin-right:auto}
.story2023-section--tech .section-wrap-02 .desc{font-size:4.5333333333vw;font-size:max(11px,4.5333333333vw)}
.story2023-section--tech .section-wrap-02 .desc{line-height:1.2941176471}
.story2023-section--tech .section-wrap-02 .desc+.desc{margin-top:2.9333333333%}
.story2023-section--tech .section-wrap-02 .text-wrap{width:100%;margin-top:17.3333333333%;box-sizing:border-box;padding-left:10.6666666667%}
.story2023-section--tech .section-wrap-02 .img-wrap{height:110.4vw}
.story2023-section--tech .section-wrap-02 .img-wrap{width:89.3333333333%;margin-left:auto}
.story2023-section--tech .section-wrap-02 .img-wrap img{height:117.0666666667vw}
.story2023-section--tech .section-wrap-02 .img-wrap img{margin-top:7.2%}
.story2023-scroll__inner{background-attachment:unset;background-image:url(https://amc.apglobal.com/image/384224417642/image_1a5l25v9jh7t16fhd7hp3uli3n/-FJPG/organience_barrier_repair_scroll_bg_mo_kr_230417_02.jpg);padding-top:32%;padding-bottom:18.6666666667%}
.story2023-scroll__inner .section-title{position:relative;height:auto}
.story2023-scroll__inner .top{font-size:3.4666666667vw;font-size:max(11px,3.4666666667vw)}
.story2023-scroll__inner .top{line-height:1.3846153846}
.story2023-scroll__inner .bot{font-size:8vw;font-size:max(11px,8vw)}
.story2023-scroll__inner .bot{line-height:1.0666666667;margin-top:2.6666666667%}
.story2023-card-list{width:84%;flex-direction:column;flex-wrap:nowrap;transition:none}
.story2023-card-list__item{width:100%}
.story2023-card-list__item:nth-child(1){height:auto}
.story2023-card-list__item:nth-child(2){height:auto;margin-top:9.5238095238%}
.story2023-card-list__item:nth-child(3){height:auto;margin-top:9.5238095238%}
.story2023-card-list__item .text-wrap{margin-bottom:17.4603174603%}
.story2023-card-list__item .title{font-size:4.8vw;font-size:max(11px,4.8vw)}
.story2023-card-list__item .title{line-height:1.2777777778}
.story2023-card-list__item .desc{font-size:3.2vw;font-size:max(11px,3.2vw)}
.story2023-card-list__item .desc{line-height:1.5833333333;margin-top:2.380952381%}
.story2023-section--prd-info{padding:17.3333333333% 0 12.6666666667%}
.story2023-section--prd-info .section-inner{width:100%}
.story2023-prd-list__img{height:auto;display:flex;align-items:center;justify-content:center}
.story2023-prd-info__title{font-size:8.2666666667vw;font-size:max(11px,8.2666666667vw)}
.story2023-prd-list{flex-wrap:wrap;justify-content:center;margin:17.3333333333% 0 0}
.story2023-prd-list__item{width:44.6666666667%}
.story2023-prd-list__item:last-child{margin-top:19.3333333333%}
.story2023-prd-list__name{font-size:4vw;font-size:max(11px,4vw)}
.story2023-prd-list__name{line-height:1.5333333333;margin-top:-6.3492063492%}
}@media (max-width:320px){
.story2023-section--intro .title--desc{font-size:14.5066666667px}
.story2023-section--intro .title--prd-name{font-size:31.5733333333px}
.story2023-scroll__btn .scroll-icon>span{border-width:.4266666667px}
.story2023-section--tech .section-wrap-01::after{font-size:11px}
.story2023-section--tech .section-wrap-01 .desc{font-size:14.5066666667px}
.story2023-section--tech .section-wrap-01 .img-wrap{height:375.4666666667px}
.story2023-section--tech .section-wrap-02 .desc{font-size:14.5066666667px}
.story2023-section--tech .section-wrap-02 .img-wrap{height:353.28px}
.story2023-section--tech .section-wrap-02 .img-wrap img{height:374.6133333333px}
.story2023-scroll__inner .top{font-size:11.0933333333px}
.story2023-scroll__inner .bot{font-size:25.6px}
.story2023-card-list__item .title{font-size:15.36px}
.story2023-card-list__item .desc{font-size:11px}
.story2023-prd-info__title{font-size:26.4533333333px}
.story2023-prd-list__name{font-size:12.8px}
}