@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}
.story2022{width:100%}
.story2022 sup{position:relative;font-size:50%;top:.16em}
.story2022 .story2022__img{display:block;height:100%}
.story2022 .story2022__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.story2022 .pc-only{display:block}
.story2022 .mo-only{display:none}
.story2022-section--intro.is-scroll .title{font-size:110px;padding-bottom:30px}
.story2022-section--intro.is-scroll .desc{display:block;animation:textUp 1s}
.story2022-section--intro.is-scroll .section-bg img{transform:scale(1)}
.story2022-section--intro.is-zoom .title{font-size:200px;animation:scrollZoom 2s}
.story2022-section--intro .section-bg{overflow:hidden;display:block;position:relative;position:sticky;top:0;z-index:-1;width:100%;height:100vh}
.story2022-section--intro .section-bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all 1s;transform:scale(1.2)}
.story2022-section--intro .title{font-size:200px;font-family:"HCo Gotham SSm";font-weight:700;line-height:100%;letter-spacing:-.025em;color:#fff;transition:all 1s;margin-top:20px}
.story2022-section--intro .title sup{font-family:"HCo Gotham SSm";font-size:64%;top:.12em}
.story2022-section--intro .desc{font-size:22px;line-height:1.7272727273;letter-spacing:-.025em;color:#fff;font-family:aritaM;transition:all 1s;display:none}
.story2022-scroll__content{position:relative;text-align:center;color:#fff;width:100%;height:110vh}
.story2022-scroll__text{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center}
.story2022-scroll__inner{margin:-100vh auto 0 auto;min-height:100vh;width:100%}
.story2022-scroll__btn{position:absolute;width:100%;left:50%;bottom:0;transform:translatex(-50%);opacity:1;transition:opacity .3s linear;z-index:2;margin-bottom:35px}
.story2022-scroll__btn .scroll-icon{display:inline-block;color:#d2d3d3;font-family:aritaM;text-transform:uppercase;font-size:16px;line-height:100%;padding-top:40px}
.story2022-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}
.story2022-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}
.story2022-story{background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.story2022-story01{text-align:center;background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story01_bg_221223.jpg);padding-top:180px;padding-bottom:160px}
.story2022-story02{background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story02_bg_221223.jpg)}
.story2022-story02 .img-wrap{box-sizing:border-box;padding-left:30px}
.story2022-story03{background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story02_bg_221223.jpg)}
.story2022-story03 .text-wrap{box-sizing:border-box;padding-left:55px}
.story2022-story__inner{max-width:1530px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:200px 0}
.story2022-story__inner>div{width:50%}
.story2022-story__inner>div:nth-child(1){padding-left:155px;box-sizing:border-box}
.story2022-story01__title{font-family:"HCo Gotham SSm";font-weight:700;font-size:110px;line-height:100%;letter-spacing:-.025em;color:#fab518}
.story2022-story01__desc{display:block;font-size:22px;line-height:1.7272727273;letter-spacing:-.025em;color:#fff;font-weight:500;margin-top:50px}
.story2022-story01__desc.text-l{font-size:28px;line-height:1.1071428571;margin-top:25px}
.story2022-story01__desc .text-color{font-family:"HCo Gotham SSm";color:#fab518}
.story2022-story01__img{width:709px;height:478px;margin:80px auto 0}
.story2022-story__desc{font-size:24px;line-height:1.5;letter-spacing:-.025em;color:#1d1d1f;font-family:aritaM}
.story2022-story__desc.text-b{margin-top:10px;font-size:38px;line-height:1.3684210526;font-family:aritaB}
.story2022-prd-info{max-width:1530px;margin:0 auto;padding:160px 0 180px}
.story2022-section--prd-info{background:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_info_bg_221223.jpg) no-repeat 50% 0/cover}
.story2022-prd-info__title{text-align:center;font-size:84px;line-height:100%;letter-spacing:-.025em;color:#1d1d1f;font-family:"HCo Gotham SSm";font-weight:700}
.story2022-prd-info__title sup{font-family:"HCo Gotham SSm";font-size:65%;top:.16em;font-weight:800}
.story2022-prd-list{display:flex;justify-content:center;margin-top:80px}
.story2022-prd-list__detail{position:relative}
.story2022-prd-list__detail:hover .detail-btn{display:block}
.story2022-prd-list__detail .detail-btn{display:none;position:absolute;z-index:1;top:0;margin-top:320px;width:100%;text-align:center}
.story2022-prd-list__detail .detail-text{display:inline-block;font-family:aritaB;font-size:16px;line-height:3.125;color:#000;background-color:#fff;padding:0 38px;border-radius:50px}
.story2022-prd-list__detail .detail-text::after{content:"";display:inline-block;background:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_detail_arrow_icon_221223.png) no-repeat 50% 0/cover;width:24px;height:12px;margin-left:8px;vertical-align:middle}
.story2022-prd-list__info{text-align:center;font-size:26px;line-height:1.5384615385;letter-spacing:-.025em;color:#1d1d1f;font-family:aritaB;margin-top:35px}
.story2022-prd-list__img{position:relative;z-index:1}
.story2022-prd-list__img::after{z-index:-1;position:absolute;left:50%;transform:translateX(-50%);bottom:0;content:"";display:block;background-position:50% 0;background-size:cover;background-repeat:no-repeat}
.story2022-prd-list__img.img01::after{width:77px;height:56px;margin-bottom:-30px;background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_info_cut01_bot_221213.png)}
.story2022-prd-list__img.img02::after{width:190px;height:90px;margin-bottom:-50px;background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_info_cut02_bot_221213.png)}
.story2022-prd-list__img.img03::after{width:93px;height:93px;margin-bottom:-60px;background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_info_cut03_bot_221213.png)}
.story2022-prd-list__img.img04::after{width:107px;height:79px;margin-bottom:-45px;background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_prd_info_cut04_bot_221213.png)}
@keyframes scrolldown{
0%{transform:translateY(0);opacity:1}
60%{opacity:1}
100%{transform:translateY(200%);opacity:0}
}@keyframes scrollZoom{
0%{transform:scale(.1)}
100%{transform:scale(1)}
}@keyframes textUp{
0%{transform:translateY(50%)}
100%{transform:translateY(0)}
}@media (max-width:1920px){
.story2022-scroll__btn .scroll-icon>span::before{top:.2604166667vw}
}@media (max-width:1530px){
.story2022-section--intro.is-scroll .title{font-size:7.1895424837vw;font-size:max(11px,7.1895424837vw)}
.story2022-section--intro.is-scroll .title{padding-bottom:1.9607843137%}
.story2022-section--intro.is-zoom .title{font-size:13.0718954248vw;font-size:max(11px,13.0718954248vw)}
.story2022-section--intro .title{font-size:13.0718954248vw;font-size:max(11px,13.0718954248vw)}
.story2022-section--intro .title{margin-top:1.3071895425%}
.story2022-section--intro .desc{font-size:1.4379084967vw;font-size:max(11px,1.4379084967vw)}
.story2022-story01{padding-top:11.7647058824%;padding-bottom:10.4575163399%}
.story2022-story02 .img-wrap{padding-left:1.9607843137%}
.story2022-story03 .text-wrap{padding-left:3.5947712418%}
.story2022-story__inner{padding:13.0718954248% 0}
.story2022-story__inner>div:nth-child(1){padding-left:10.1307189542%}
.story2022-story01__title{font-size:7.1895424837vw;font-size:max(11px,7.1895424837vw)}
.story2022-story01__desc{font-size:1.4379084967vw;font-size:max(11px,1.4379084967vw)}
.story2022-story01__desc.text-l{font-size:1.8300653595vw;font-size:max(11px,1.8300653595vw)}
.story2022-story01__desc.text-l{margin-top:1.6339869281%}
.story2022-story01__img{width:46.339869281%;height:31.2418300654vw;margin:5.2287581699% auto 0}
.story2022-story02__img img{width:78.9115646259%;height:44.4444444444vw}
.story2022-story03__img img{width:95.0819672131%;height:44.4444444444vw}
.story2022-story__desc{font-size:1.568627451vw;font-size:max(11px,1.568627451vw)}
.story2022-story__desc.text-b{font-size:2.4836601307vw;font-size:max(11px,2.4836601307vw)}
.story2022-story__desc.text-b{margin-top:1.3071895425%}
.story2022-prd-info{padding:10.4575163399% 0 11.7647058824%}
.story2022-prd-info__title{font-size:5.4901960784vw;font-size:max(11px,5.4901960784vw)}
.story2022-prd-list{margin:5.2287581699% 5.5555555556% 0}
.story2022-prd-list__detail .detail-btn{margin-top:94.1176470588%}
.story2022-prd-list__detail .detail-text{padding:0 11.1764705882%}
.story2022-prd-list__info{font-size:1.6993464052vw;font-size:max(11px,1.6993464052vw)}
.story2022-prd-list__info{margin-top:10.2941176471%}
.story2022-prd-list__img.img01::after{width:22.6470588235%;height:3.660130719vw;margin-bottom:-8.8235294118%}
.story2022-prd-list__img.img02::after{width:55.8823529412%;height:5.8823529412vw;margin-bottom:-14.7058823529%}
.story2022-prd-list__img.img03::after{width:27.3529411765%;height:6.0784313725vw;margin-bottom:-17.6470588235%}
.story2022-prd-list__img.img04::after{width:31.4705882353%;height:5.1633986928vw;margin-bottom:-13.2352941176%}
}@media (max-width:750px){
.story2022 .pc-only{display:none}
.story2022 .mo-only{display:block}
.story2022-section--intro.is-scroll .title{font-size:14.6666666667vw;font-size:max(11px,14.6666666667vw)}
.story2022-section--intro.is-scroll .title{padding-bottom:10px}
.story2022-section--intro.is-zoom .title{font-size:19.3333333333vw;font-size:max(11px,19.3333333333vw)}
.story2022-section--intro .section-bg img{transform:scale(1.1)}
.story2022-section--intro .title{font-size:19.3333333333vw;font-size:max(11px,19.3333333333vw)}
.story2022-section--intro .title{margin-top:0}
.story2022-section--intro .title sup{font-size:80%;top:.25em}
.story2022-section--intro .desc{font-size:15px}
.story2022-scroll__content{height:120vh}
.story2022-scroll__btn{margin-bottom:25px}
.story2022-scroll__btn .scroll-icon{font-size:12px;color:#fff;opacity:.55;padding-top:30px}
.story2022-scroll__btn .scroll-icon>span{border-width:.1333333333vw}
.story2022-scroll__btn .scroll-icon>span{border:1px solid #fff;width:15px;height:23px}
.story2022-scroll__btn .scroll-icon>span::before{width:3px;height:3px;background-color:#fff;animation:none;margin-left:0}
.story2022-story .img-wrap{margin-top:25px}
.story2022-story01{background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story01_bg_mo_221223.jpg);padding-top:100px;padding-bottom:100px}
.story2022-story02{background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story02_bg_mo_221223.jpg)}
.story2022-story02 .img-wrap{padding-left:0}
.story2022-story03{background-image:url(/kr/ko/resource/images/content/brand-story/ag-vcn/ag_vcn_page_story02_bg_mo_221223.jpg)}
.story2022-story03 .text-wrap{text-align:right;padding-left:0}
.story2022-story__inner{flex-direction:column;padding:55px 0 85px;margin:0 25px}
.story2022-story__inner.mo-flex-reverse{flex-direction:column-reverse}
.story2022-story__inner>div{width:100%}
.story2022-story__inner>div:nth-child(1){padding-left:0}
.story2022-story01__title{font-size:42px}
.story2022-story01__desc{font-size:15px;margin-top:27px}
.story2022-story01__desc.text-l{font-size:18px;margin-top:12px}
.story2022-story01__img{width:calc(100% - 50px);margin:40px auto 0;height:auto}
.story2022-story02__img img{width:100%;height:auto}
.story2022-story03__img img{width:100%;height:auto}
.story2022-story__desc{font-size:15px;line-height:1.5333333333}
.story2022-story__desc.text-b{font-size:22px;line-height:1.4090909091;margin-top:5px}
.story2022-prd-info{padding:55px 0 115px}
.story2022-prd-info__title sup{font-size:80%;top:.25em}
.story2022-prd-info__title{font-size:42px}
.story2022-prd-list{flex-wrap:wrap;margin:10px 6.6666666667% 0}
.story2022-prd-list__item{width:50%}
.story2022-prd-list__item:nth-child(n+3){margin-top:25px}
.story2022-prd-list__detail:hover .detail-btn{display:none}
.story2022-prd-list__detail .detail-text{font-size:13px;padding:0 30px}
.story2022-prd-list__detail .detail-text::after{width:20px;height:10px;margin-left:7px}
.story2022-prd-list__info{font-size:15px;line-height:1.5333333333;margin-top:10px}
.story2022-prd-list__img.img01::after{width:26.4615384615%;height:8.4vw;margin-bottom:-10.1538461538%;margin-left:-2.7692307692%}
.story2022-prd-list__img.img02::after{width:65.5384615385%;height:13.4666666667vw;margin-bottom:-16.9230769231%;margin-left:2.1538461538%}
.story2022-prd-list__img.img03::after{width:32%;height:12.4vw;margin-bottom:-18.4615384615%;margin-left:-2.7692307692%}
.story2022-prd-list__img.img04::after{width:36.9230769231%;height:11.7333333333vw;margin-bottom:-16.9230769231%;margin-left:3.0769230769%}
}@media (max-width:350px){
.story2022-story01__title{font-size:40px}
.story2022-prd-list__detail .detail-text{padding:0 24px}
}@media (max-width:340px){
.story2022-story03 .text-wrap br{display:none}
}@media (max-width:320px){
.story2022-section--intro.is-scroll .title{font-size:46.9333333333px}
.story2022-section--intro.is-zoom .title{font-size:61.8666666667px}
.story2022-section--intro .title{font-size:61.8666666667px}
.story2022-scroll__btn .scroll-icon>span{border-width:.4266666667px}
}