@charset "utf-8";
/*
    font-family: "Arita"; 400 700
    font-family: "brandon-grotesque"; 400 600 700
*/

.box{ width:100%; height:100vh; position:relative;}

@media all and (max-width: 750px){
    .box,
    .con01.scrolled{
        pointer-events:all;-webkit-overflow-scrolling: touch;
        touch-action: none;
    }
    .box{overflow:hidden;}
}

/* -----common----- */
.feel-the-glow{letter-spacing: -0.035em;}
.feel-the-glow .mo-only{display: none;}
.feel-the-glow .inner{width:100%;max-width:1440px;margin:0 auto;box-sizing: border-box;}
.feel-the-glow p{margin:0;}

@media all and (max-width:1920px){
    .feel-the-glow .inner{max-width:75vw;}
}

@media all and (max-width:800px){
    .feel-the-glow .inner{max-width:85vw;}
}

@media all and (max-width:750px){
    .feel-the-glow .pc-only{display: none;}
    .feel-the-glow .mo-only{display: block;}
    .feel-the-glow .inner{max-width:100%;padding:0 60px;padding: 0 8vw;}
}

/* -----visual-con----- */
.visual-con{position: relative;background: url('/kr/ko/assets/image/brand/feel-the-glow/img_20211215_visual-pc.jpg') no-repeat center top / cover;text-align: center;}
.visual-con .txt{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);color:#fff;}
.visual-con .txt h2{font-weight: bold;}
.visual-con .txt h2 span{display: block;font-family: "brandon-grotesque";font-size: 89px;line-height: 1;}
.visual-con .txt h2 span:nth-of-type(1){padding-right: 210px;}
.visual-con .txt h2 span:nth-of-type(2){padding-left: 210px;margin-top: -25px;}
.visual-con .txt h2 span i{font-size:67px;font-family: "Arita";font-style:normal;}
.visual-con .desc01{margin-top:40px;font-size: 24px;}
.visual-con .desc02{font-size: 24px;font-family: "brandon-grotesque";}
.visual-con .arrow{display:block;width: 43px;position:absolute;bottom:110px;left:50%;transform:translateX(-50%);}
.visual-con .arrow img{width:100%;}

/* motion */
.feel-the-glow .motion1 {position: absolute; width: 31.927vw; height: 23.021vw; left: 0; top: 0;}
.feel-the-glow .motion1 > .light {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_circle_light.png') no-repeat center / cover; opacity: 0; animation: circleMotion 2.5s ease-in infinite;}
.feel-the-glow .motion2 {position: absolute; width: 21.094vw; height: 21.406vw; right: 25vw; bottom: 15vh;}
.feel-the-glow .motion2 > * {position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; opacity: 0; }
.feel-the-glow .motion2 > .circle1 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_circle_01.png'); animation: circleMotion 2s ease-in infinite;}
.feel-the-glow .motion2 > .circle2 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_circle_02.png'); animation: circleMotion 3s ease-in 0.5s infinite}
.feel-the-glow .motion2 > .circle3 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_circle_03.png'); animation: circleMotion 1.5s ease-in 1s infinite}
.feel-the-glow .motion3 {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.feel-the-glow .motion3 > * {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; }
.feel-the-glow .motion3 > .light1 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_01.png'); animation: circleMotion 2s ease-in infinite;}
.feel-the-glow .motion3 > .light2 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_02.png'); animation: circleMotion 2s ease-in 1s infinite;}
.feel-the-glow .motion3 > .light3 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_03.png'); animation: circleMotion 2.5s ease-in infinite;}
.feel-the-glow .motion3 > .light4 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_04.png'); animation: circleMotion 3s ease-in infinite;}
.feel-the-glow .motion3 > .light5 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_05.png'); animation: circleMotion 2s ease-in 1s infinite;}
.feel-the-glow .motion3 > .light6 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_06.png'); animation: circleMotion 2s ease-in infinite;}
.feel-the-glow .motion3 > .light7 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_07.png'); animation: circleMotion 2.5s ease-in 1s infinite;}
.feel-the-glow .motion3 > .light8 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_08.png'); animation: circleMotion 2s ease-in infinite;}
.feel-the-glow .motion3 > .light9 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_09.png'); animation: circleMotion 2.5s ease-in infinite;}
.feel-the-glow .motion3 > .light10 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_10.png'); animation: circleMotion 3s ease-in 1s infinite;}
.feel-the-glow .motion3 > .light11 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_11.png'); animation: circleMotion 2s ease-in infinite;}
/* .feel-the-glow .motion3 > .light12 {background-image: url('/kr/ko/assets/image/brand/feel-the-glow/img_motion_light_12.png'); animation: circleMotion 2s ease-in infinite;} */
@keyframes circleMotion {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media all and (max-width:1920px){
    .visual-con .txt h2 span{font-size: 4.635vw;}
    .visual-con .txt h2 span:nth-of-type(1){padding-right: 10.938vw;}
    .visual-con .txt h2 span:nth-of-type(2){padding-left: 10.938vw;margin-top: -1.302vw;}
    .visual-con .txt h2 span i{font-size:3.490vw;}
    .visual-con .desc01{margin-top:2.083vw;font-size: 1.250vw;}
    .visual-con .desc02{font-size: 1.250vw;}
    .visual-con .arrow{width: 2.240vw;bottom:5.729vw;}
}

@media all and (max-width:750px){
    .visual-con{background: url('/kr/ko/assets/image/brand/feel-the-glow/visual-mo.jpg') no-repeat center top / cover;}
    .visual-con .txt{width:100%;top:calc(50% - 50px);}
    .visual-con .txt h2 img{width: 468px;}
    .visual-con .txt h2 span:nth-of-type(1){padding-right: 250px;}
    .visual-con .txt h2 span:nth-of-type(2){padding-left: 90px;}
    .visual-con .desc02{font-size: 34px;}
    .visual-con .arrow{bottom:100px;}
    .feel-the-glow .motion1 {display: none;}

    /* vw */
    .visual-con .txt h2 img{width: 62.4vw;}
    .visual-con .txt h2 span{font-size: 11.867vw;}
    .visual-con .txt h2 span:nth-of-type(1){padding-right: 33.333vw;}
    .visual-con .txt h2 span:nth-of-type(2){padding-left: 12vw;margin-top: -3.333vw;}
    .visual-con .txt h2 span i{font-size:8.933vw;}
    .visual-con .desc01{margin-top:5.333vw;font-size: 4.8vw;}
    .visual-con .desc02{font-size: 4.533vw;}
    .visual-con .arrow{width: 5.733vw;bottom:calc(13.333vw + 65px);}
}

/* -----glow-con01----- */
.glow-con01{position:relative;}
.glow-con01 .inner{width:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);font-size: 0;}
.glow-con01 .inner > div{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.glow-con01 .img{width:calc(50% - 10px);}
.glow-con01 .img img{width:100%;}
.glow-con01 .txt{width:calc(50% + 10px);padding-left: 122px;padding-top: 150px;}
.glow-con01 .txt h3{font-size: 36px;line-height: 1.5;color:#333;font-weight: bold;}
.glow-con01 .p-wrap p{margin-top: 34px;font-size: 20px;line-height: 1.6;letter-spacing: -0.045em;color:#555;}
.glow-con01 .p-wrap p:last-of-type{font-size: 24px;font-family: "brandon-grotesque";font-weight: bold;letter-spacing: 0;}

@media all and (max-width:1920px){
    .glow-con01 .txt{padding-left: 6.354vw;padding-top: 7.813vw;}
    .glow-con01 .txt h3{font-size: 1.875vw;}
    .glow-con01 .p-wrap p{margin-top: 1.771vw;font-size: 1.042vw;}
    .glow-con01 .p-wrap p:last-of-type{font-size: 1.250vw;}
}

@media all and (max-width:750px){
    .glow-con01{background: url('/kr/ko/assets/image/brand/feel-the-glow/glow01-mo-bg.jpg') no-repeat center bottom / cover;}
    .glow-con01 .inner{position:static;transform:translate3d(0,0,0);}
    .glow-con01 .inner > .img{display: none;}
    .glow-con01 .txt{display:block;width:100%;padding:100px 0 0;}
    .glow-con01 .txt h3{font-size: 40px;color:#fff;}
    .glow-con01 .p-wrap p{margin-top: 42px;font-size: 28px;color:#fff;line-height: 1.5;}
    .glow-con01 .p-wrap p:last-of-type{font-size: 28px;}

    /* vw */
    .glow-con01 .txt{padding:13.333vw 0 0;}
    .scroll-up .glow-con01 .txt{padding:calc(13.333vw + 30px) 0 0;}
    .glow-con01 .txt h3{font-size: 5.333vw;}
    .glow-con01 .p-wrap p{margin-top: 5.600vw;font-size: 3.733vw;}
    .glow-con01 .p-wrap p:last-of-type{font-size: 3.733vw;}
}

/* -----glow-con02----- */
.glow-con02{background-color: #f5f9ff;padding-top: 100px;box-sizing: border-box;}
.glow-con02 h3{text-align: center;}
.glow-con02 h3 img{width: 154px;}
.glow-con02 h3 span{display: block;font-size: 50px;color:#333;font-weight: bold;letter-spacing: 0;font-family: "brandon-grotesque";}
.glow-con02 .cont-wrap{margin-top: 50px;position:relative;}
.glow-con02 .txt{position:absolute;left: 102px;top:20%;}
.glow-con02 .tit .quote{display:block;width: 33px;}
.glow-con02 .tit .quote img{width: 100%;}
.glow-con02 .tit h4{margin-top:20px;font-size: 36px;color:#282828;line-height: 1.5;font-weight: bold;}
.glow-con02 .txt p{margin-top: 20px;font-size: 20px;color:#333;line-height: 1.6;}
.glow-con02 .img{text-align:right;}
.glow-con02 .img img{width: 700px;}

@media all and (max-width:1920px){
    .glow-con02{padding-top: 5.208vw;}
    .glow-con02 h3 img{width: 8.021vw;}
    .glow-con02 h3 span{font-size: 2.604vw;}
    .glow-con02 .cont-wrap{margin-top: 2.604vw;}
    .glow-con02 .txt{left: 5.313vw;}
    .glow-con02 .tit .quote{width: 1.719vw;}
    .glow-con02 .tit h4{margin-top:1.042vw;font-size: 1.875vw;}
    .glow-con02 .txt p{margin-top: 1.042vw;font-size: 1.042vw;}
    .glow-con02 .img img{width: 36.458vw;}
}

@media all and (max-width:750px){
    .glow-con02{padding-top: 70px;background: url('/kr/ko/assets/image/brand/feel-the-glow/glow02-mo-bg.jpg') no-repeat center top / cover;}
    .glow-con02 .cont-wrap{margin-top: 690px;}
    .glow-con02 .img{display: none;}
    .glow-con02 .txt{position:static;}
    .glow-con02 .tit .quote{width: 40px;}
    .glow-con02 .tit h4{color:#282828;}
    .glow-con02 .txt p{font-size: 28px;line-height: 1.5;}

    /* vw */
    .glow-con02{padding-top: 9.333vw;}
    .glow-con02 h3 img{width: 20.533vw;}
    .glow-con02 h3 span{font-size: 8.533vw;}
    .glow-con02 .cont-wrap{margin-top: 90vw;}
    .glow-con02 .tit .quote{width: 5.333vw;}
    .glow-con02 .tit h4{margin-top:2.667vw;font-size: 4.8vw;}
    .glow-con02 .txt p{margin-top: 2.667vw;font-size: 3.733vw;}
}

/* -----glow-con03----- */
.glow-con03{padding:200px 0 110px;text-align: center;}
.glow-con03 h3 img{width: 154px;}
.glow-con03 h3 span{display: block;font-size: 50px;color:#333;font-weight: bold;letter-spacing: 0;font-family: "brandon-grotesque";}
.glow-con03 p{margin-top:10px;font-size: 24px;color:#333;line-height: 1.4583;letter-spacing: -0.025em;}
.glow-con03 p:after{content:'';display:block;width: 2px;height: 100px;margin:45px auto 0;background-color: #0e0e0e;}

@media all and (max-width:1920px){
    .glow-con03{padding:10.417vw 0 5.729vw;}
    .glow-con03 h3 img{width: 8.021vw;}
    .glow-con03 h3 span{font-size: 2.604vw;}
    .glow-con03 p{margin-top:0.521vw;font-size: 1.250vw;}
    .glow-con03 p:after{height: 5.208vw;margin:2.344vw auto 0;}
}

@media all and (max-width:750px){
    .glow-con03{padding: 80px 0;}
    .glow-con03 p{font-size: 28px;line-height: 1.5;}

    /* vw */
    .glow-con03{padding: 10.667vw 0;}
    .glow-con03 h3 img{width: 20.533vw;}
    .glow-con03 h3 span{font-size: 8.533vw;}
    .glow-con03 p{margin-top:1.333vw;font-size: 3.333vw;}
    .glow-con03 p:after{height: 13.333vw;margin:6vw auto 0;}
}

/* -----glow-con04----- */
.glow-con04{overflow:hidden;}
.glow-con04 li{position: relative;z-index: 2;}
.glow-con04 li + li{margin-top: 132px;}
.glow-con04 li:after{content:'';display:block;width:60vw;height:100%;position:absolute;top:0;z-index: -1;}
.glow-con04 li .inner:after{content:'';display:block;clear:both;}
.glow-con04 .txt-wrap{width:calc(50% + 10px);box-sizing: border-box;position:relative;}
.glow-con04 .tit h3 span{display: inline-block;vertical-align: middle;}
.glow-con04 .tit h3 .num{margin-left:-6px;font-size: 110px;font-weight: bold;font-family: "brandon-grotesque";letter-spacing: -0.055em;line-height: 1;}
.glow-con04 .tit h3 .que{margin-left: 20px;font-size: 32px;line-height: 1.5;font-weight: bold;}
.glow-con04 .desc{margin-top: 115px;}
.glow-con04 .desc h4{font-weight: bold;}
.glow-con04 .desc h4 span{display: block;}
.glow-con04 .desc .eng-h4{font-size: 42px;font-family: "brandon-grotesque";letter-spacing: 0;line-height: 1;}
.glow-con04 .desc .ko-h4{font-size: 28px;letter-spacing: -0.025em;line-height: 1.5;}
.glow-con04 .desc p{margin-top:25px;font-size: 18px;color:#555;line-height: 1.55;letter-spacing: -0.025em;}
.glow-con04 .img-wrap{width:calc(50% - 10px);}
.glow-con04 .img-wrap img{width:100%;}

.glow-con04 li:nth-of-type(odd):after{left:0;}
.glow-con04 li:nth-of-type(odd) .inner > div{float:left;}
.glow-con04 li:nth-of-type(odd) .txt-wrap{padding-left: 102px;}

.glow-con04 li:nth-of-type(even):after{right:0;}
.glow-con04 li:nth-of-type(even) .inner > div{float:right;}
.glow-con04 li:nth-of-type(even) .txt-wrap{padding-left: 122px;}

.glow-con04 li.list01:after{background-color: #f4fafe;}
.glow-con04 li.list01 .txt{padding-top: 120px;}
.glow-con04 li.list01 .tit h3 span,
.glow-con04 li.list01 .desc h4{color:#1162b4;}

.glow-con04 li.list02:after{background-color: #fdf7f0;}
.glow-con04 li.list02 .txt{padding-top: 120px;}
.glow-con04 li.list02 .tit h3 span,
.glow-con04 li.list02 .desc h4{color:#A2640C;}

.glow-con04 li.list03:after{background-color: #f4f1ed;}
.glow-con04 li.list03 .txt{padding-top: 100px;}
.glow-con04 li.list03 .tit h3 span,
.glow-con04 li.list03 .desc h4{color:#9f7313;}
.glow-con04 li.list03 .tit h3 .que{font-size:28px}

.glow-con04 li.list04:after{background-color: #f4f8fc;}
.glow-con04 li.list04 .txt{padding-top: 100px;}
.glow-con04 li.list04 .tit h3 span,
.glow-con04 li.list04 .desc h4{color:#3b68b4;}

.glow-con04 li.list05:after{background-color: #eef8f8;}
.glow-con04 li.list05 .txt{padding-top: 100px;}
.glow-con04 li.list05 .tit h3 span,
.glow-con04 li.list05 .desc h4{color:#487371;}


@media all and (max-width:1920px){
    .glow-con04 li + li{margin-top: 6.875vw;}
    .glow-con04 .tit h3 .num{font-size: 5.729vw;}
    .glow-con04 .tit h3 .que{margin-left: 1.042vw;font-size: 1.667vw;}
    .glow-con04 .desc{margin-top: 5.990vw;}
    .glow-con04 .desc .eng-h4{font-size: 2.188vw;}
    .glow-con04 .desc .ko-h4{font-size: 1.458vw;}
    .glow-con04 .desc p{margin-top:1.302vw;font-size: 0.938vw;}

    .glow-con04 li:nth-of-type(odd) .txt-wrap{padding-left: 5.313vw;}
    .glow-con04 li:nth-of-type(even) .txt-wrap{padding-left: 6.354vw;}
    .glow-con04 li.list01 .txt{padding-top: 6.250vw;}
    .glow-con04 li.list02 .txt{padding-top: 6.250vw;}
    .glow-con04 li.list03 .txt{padding-top: 5.208vw;}
    .glow-con04 li.list04 .txt{padding-top: 5.208vw;}
    .glow-con04 li.list05 .txt{padding-top: 5.208vw;}

    .glow-con04 li.list03 .tit h3 .que{font-size:1.4583vw}


}

@media all and (max-width:800px){
    .glow-con04 li:nth-of-type(odd) .txt-wrap{padding-left: 0;}
}

@media all and (max-width:750px){
    .glow-con04{height:1334px;}
    .glow-con04 li{height:1334px;padding-top:70px;box-sizing: border-box;}
    .glow-con04 li + li{margin-top: 0;}
    .glow-con04 li:after{display: none;}
    .glow-con04 .txt-wrap,
    .glow-con04 .img-wrap{width:100%;}
    .glow-con04 .tit h3 .num{font-size: 120px;}
    .glow-con04 .tit h3 .que{font-size: 36px;line-height: 1.33;}
    .glow-con04 .desc{margin-top: 60px;}
    .glow-con04 .desc .eng-h4{font-size: 40px;}
    .glow-con04 .desc .ko-h4{font-size: 36px;}
    .glow-con04 .desc p{height:400px;margin-top: 45px;font-size: 24px;line-height: 1.5;}
    .glow-con04 li.list01 .desc p{height:auto;margin-top: 55px;}
    .glow-con04 li.list02 .desc p{height:auto;margin-top: 95px;}
    .glow-con04 .img-wrap{margin-top: 40px;}

    .glow-con04 li:nth-of-type(odd) .inner > div{float:none;}
    .glow-con04 li:nth-of-type(odd) .txt-wrap{padding-left: 0;}

    .glow-con04 li:nth-of-type(even) .inner > div{float:none;}
    .glow-con04 li:nth-of-type(even) .txt-wrap{padding-left: 0;}

    .glow-con04 li.list01{background-color: #f4fafe;}
    .glow-con04 li.list02{background-color: #f5eeec;}
    .glow-con04 li.list03{background-color: #f4f1ed;}
    .glow-con04 li.list04{background-color: #eff4fb;}
    .glow-con04 li.list05{background-color: #eef8f8;}
    .glow-con04 li.list01 .txt,
    .glow-con04 li.list02 .txt,
    .glow-con04 li.list03 .txt,
    .glow-con04 li.list04 .txt,
    .glow-con04 li.list05 .txt{padding-top: 0;}

    .glow-con04 li.list03 .tit h3 .que{font-size:27px}

    /* vw */
    .glow-con04{height:177.867vw;}
    .glow-con04 li{height:177.867vw;padding-top: 9.333vw;}
    .glow-con04 .tit h3 .num{font-size: 16vw;}
    .glow-con04 .tit h3 .que{font-size: 4.800vw;margin-left: 2.667vw;}
    .glow-con04 .desc{margin-top: 8vw;}
    .glow-con04 .desc .eng-h4{font-size: 5.333vw;}
    .glow-con04 .desc .ko-h4{font-size: 4.800vw;}
    .glow-con04 .desc p{height:53.333vw;margin-top: 6vw;font-size: 3.200vw;}
    .glow-con04 li.list01 .desc p{height:auto;margin-top: 7.333vw;}
    .glow-con04 li.list02 .desc p{height:auto;margin-top: 12.667vw;}
    .glow-con04 .img-wrap{margin-top: 5.333vw;}
    .glow-con04 li.list03 .tit h3 .que{font-size:3.6000vw}
    
    /* slide */
    .glow-con04 .slick-dots{width:100%;height:16px;text-align: center;position:absolute;bottom:60px;left:0;}
    .glow-con04 .slick-dots li{display: inline-block;vertical-align: top;width:16px;height:16px;padding-top: 0;margin:0 10px;background-color: #b6b6b6;border-radius:8px;}
    .glow-con04 .slick-dots li.slick-active{width: 36px;background-color: #5d5a5a;}
    .glow-con04 .slick-dots li button{font-size:0;width: 100%;height:100%;position:absolute;top:0;left:0;}
    /* slide - vw */
    .glow-con04 .slick-dots{bottom:8vw;height:2.133vw;}
    .glow-con04 .slick-dots li{width:2.133vw;height:2.133vw;margin:0 1.333vw;}
    .glow-con04 .slick-dots li.slick-active{width: 4.8vw;}
}

/* -----glow-con05----- */
.glow-con05{padding:210px 0;text-align: center;}
.glow-con05 h3 span{display: inline-block;font-size: 55px;line-height: 1;color:#333;font-weight: bold;font-family: "brandon-grotesque";position:relative;z-index: 2;}
.glow-con05 h3 span:before{content:'';display:block;width:100%;height:30px;background-color: #B4CDFF; opacity: 0.6; position:absolute;bottom:0;left:0;z-index: -1;}
.glow-con05 h4{margin-top:20px;font-size: 28px;color:#666;letter-spacing: 0.03em;font-family: "brandon-grotesque";}
.glow-con05 .video-wrap{width:62.292vw;height:29.583vw;min-width:1196px;min-height:568px;margin: 65px auto 0;}
.glow-con05 .video-wrap video{width:100%;}

@media all and (min-width:1921px){
    .glow-con05 .video-wrap{width:100%;}
}

@media all and (max-width:1920px){
    .glow-con05{padding:10.938vw 0;}
    .glow-con05 h3 span{font-size: 2.865vw;}
    .glow-con05 h3 span:before{height:1.563vw;}
    .glow-con05 h4{margin-top:1.042vw;font-size: 1.458vw;}
    .glow-con05 .video-wrap{min-width:62.292vw;min-height:29.583vw;margin: 3.385vw auto 0;}
}

@media all and (max-width:750px){
    .glow-con05{padding:75px 0 115px;}
    .glow-con05 .inner{padding:0 30px;}
    .glow-con05 h3 span{font-size: 52px;}
    .glow-con05 h4{font-size: 28px;}
    .glow-con05 .video-wrap{width: 690px;height: 421px;margin-top: 75px;min-width:auto;min-height: auto;}

    /* vw */
    .glow-con05{padding:10vw 0 15.333vw;}
    .glow-con05 .inner{padding:0 4vw;}
    .glow-con05 h3 span{font-size: 6.933vw;}
    .glow-con05 h3 span:before{height: 4vw;}
    .glow-con05 h4{font-size: 3.733vw;margin-top: 2.667vw;}
    .glow-con05 .video-wrap{width: 92vw;height: 56.133vw;margin-top: 10vw;}
}

/* -----glow-con06----- */
.glow-con06{width:100%; height:100vh; position:relative;background: url('/kr/ko/assets/image/brand/feel-the-glow/img_20211215_glow06-pc-bg.jpg') no-repeat center top / cover;text-align: center;}
.glow-con06 .holo,
.glow-con06 .txt-wrap{width:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);}
.glow-con06 .holo{width: 266px;}
.glow-con06 .holo img{width: 100%;}
.glow-con06 .txt-wrap h3{font-size: 24px;color:#fff;line-height: 1.5;}
.glow-con06 .txt-logo{margin-top: 40px;}
.glow-con06 .txt-logo img{width: 154px;}

@media all and (max-width:1920px){
    .glow-con06 .holo{width: 13.854vw;}
    .glow-con06 .txt-wrap h3{font-size: 1.250vw;}
    .glow-con06 .txt-logo{margin-top: 2.083vw;}
    .glow-con06 .txt-logo img{width: 8.021vw;}
}

@media all and (max-width:750px){
    .glow-con06{position:relative;background: url('/kr/ko/assets/image/brand/feel-the-glow/glow06-mo-bg.jpg') no-repeat center top / cover;}
    .glow-con06{font-size: 32px;}
    .glow-con06 > .txt-wrap{top:54%;}
    .glow-con06 .txt-logo img{width: 202px;}

    /* vw */
    .glow-con06 .holo{width: 35.467vw;}
    .glow-con06 .txt-wrap h3{font-size: 4.267vw;}
    .glow-con06 .txt-logo{margin-top: 5.333vw;line-height: 1;}
    .glow-con06 .txt-logo img{width: 26.933vw;}
}


/* -----animation----- */
/* visual-con */
.visual-con .txt h2,
.visual-con p{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.visual-con.flag .txt h2,
.visual-con.flag p{opacity: 1;transform: translateZ(0);}
.visual-con.flag .txt h2{transition-delay: 0.0s;}
.visual-con.flag p{transition-delay: 0.3s;}

/* glow-con01 */
.glow-con01 .img,
.glow-con01 .txt h3,
.glow-con01 .p-wrap{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con01.flag .img,
.glow-con01.flag .txt h3,
.glow-con01.flag .p-wrap{opacity: 1;transform: translateZ(0);}
.glow-con01.flag .img{transition-delay: 0.0s;}
.glow-con01.flag .txt h3{transition-delay: 0.3s;}
.glow-con01.flag .p-wrap{transition-delay: 0.6s;}

/* glow-con02 */
.glow-con02 h3 img,
.glow-con02 h3 span,
.glow-con02 .tit,
.glow-con02 .txt p,
.glow-con02 .img{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con02.flag h3 img,
.glow-con02.flag h3 span,
.glow-con02.flag .tit,
.glow-con02.flag .txt p,
.glow-con02.flag .img{opacity: 1;transform: translateZ(0);}
.glow-con02.flag h3 img{transition-delay: 0.0s;}
.glow-con02.flag h3 span{transition-delay: 0.3s;}
.glow-con02.flag .tit{transition-delay: 0.6s;}
.glow-con02.flag .txt p{transition-delay: 0.9s;}
.glow-con02.flag .img{transition-delay: 0.9s;}
@media all and (max-width:750px){
    .glow-con02.flag h3 img,
    .glow-con02.flag h3 span{transition-delay: 0.0s;}
    .glow-con02.flag .tit{transition-delay: 0.3s;}
    .glow-con02.flag .txt p{transition-delay: 0.6s;}
}

/* glow-con03 */
.glow-con03 h3,
.glow-con03 p{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con03.flag h3,
.glow-con03.flag p{opacity: 1;transform: translateZ(0);}
.glow-con03.flag h3{transition-delay: 0.0s;}
.glow-con03.flag p{transition-delay: 0.3s;}

/* glow-con04 */
@media all and (min-width:751px){
    .glow-con04 li .tit,
    .glow-con04 .desc h4,
    .glow-con04 .desc p,
    .glow-con04 .img-wrap{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
    .glow-con04 li.flag .tit,
    .glow-con04 li.flag .desc h4,
    .glow-con04 li.flag .desc p,
    .glow-con04 li.flag .img-wrap{opacity: 1;transform: translateZ(0);}
    .glow-con04 li.flag .tit{transition-delay: 0.0s;}
    .glow-con04 li.flag .desc h4{transition-delay: 0.3s;}
    .glow-con04 li.flag .desc p{transition-delay: 0.6s;}
    .glow-con04 li.flag .img-wrap{transition-delay: 0.6s;}
}
@media all and (max-width:750px){
    .glow-con04{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
    .glow-con04.flag{opacity: 1;transform: translateZ(0);}
}

/* glow-con05 */
.glow-con05 h3,
.glow-con05 h4,
.glow-con05 .video-wrap{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con05 h3 span:before{width:0%;transition-duration: 1s;transition-timing-function:ease;transition-property: width;}
.glow-con05.flag h3,
.glow-con05.flag h4,
.glow-con05.flag .video-wrap{opacity: 1;transform: translateZ(0);}
.glow-con05.flag h3 span:before{width:100%;}
.glow-con05.flag h3{transition-delay: 0.0s;}
.glow-con05.flag h3 span:before{transition-delay: 0.2s;}
.glow-con05.flag h4{transition-delay: 0.5s;}
.glow-con05.flag .video-wrap{transition-delay: 0.5s;}

/* glow-con06 */
.glow-con06 .holo{transform:translate3d(-50%,-40%,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con06 .txt-wrap h3,
.glow-con06 .txt-logo{transform:translate3d(0,50px,0);transition-duration: 1s;transition-timing-function:ease;transition-property: opacity, transform;opacity:0;}
.glow-con06.flag .holo,
.glow-con06.flag .txt-wrap h3,
.glow-con06.flag .txt-logo{opacity: 1;transform: translateZ(0);}
.glow-con06.flag .holo{transition-delay: 0.0s;transform:translate3d(-50%,-50%,0);}
.glow-con06.flag .txt-wrap h3{transition-delay: 0.3s;}
.glow-con06.flag .txt-logo{transition-delay: 0.6s;}



/* ios safari 대응 */
@supports (-webkit-touch-callout: none) {
    @media all and (max-width:750px){
        .visual-con,
        .glow-con01{height: -webkit-fill-available;}

        .glow-con02 .cont-wrap{margin-top: 85vw;}
    }
}