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

.wrapper.subpage {
overflow: hidden;
}
.container.meets-arts { position: initial;  font-family: "brandon-grotesque";font-weight: 300;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.container.meets-arts { position: static;}
}

.meets-arts img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.meets-arts strong, .meets-arts em, .meets-arts b {
    font-weight: bold;
}
/* -----common----- */
.meets-arts{letter-spacing: -0.025em;}
.meets-arts .mo-only{display: none;}
.meets-arts .inner{width:100%;max-width:1338px;margin:0 auto;box-sizing: border-box;}
.meets-arts p{margin:0;}

.meets-intro {position: relative; display: flex; align-items: center; justify-content: center; }
.meets-intro .inner {max-width: none; width: 100%;}

.meets-intro .intro-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.meets-intro .intro-bg span {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .5s;}
.meets-intro .intro-bg span.on {opacity: 1;}
.meets-intro .intro-bg span[data-active-idx='2'] {background: linear-gradient(0deg, rgba(189,178,231,1) 0%, rgba(151,180,222,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='1'] {background: linear-gradient(0deg, rgba(222,194,207,1) 0%, rgba(164,150,196,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='0'] {background: linear-gradient(0deg, rgba(201,201,196,1) 0%, rgba(173,176,167,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='3'] {background: linear-gradient(0deg, rgba(175,160,219,1) 0%, rgba(214,185,224,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='4'] {background: linear-gradient(0deg, rgba(130,168,216,1) 0%, rgba(181,215,241,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='5'] {background: linear-gradient(0deg, rgba(234,184,192,1) 0%, rgba(236,199,167,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='6'] {background: linear-gradient(0deg, rgba(241,209,181,1) 0%, rgba(227,177,184,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='7'] {background: linear-gradient(0deg, rgba(185,209,219,1) 0%, rgba(114,134,190,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='8'] {background: linear-gradient(0deg, rgba(219,175,194,1) 0%, rgba(103,119,170,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='9'] {background: linear-gradient(0deg, rgba(217,197,232,1) 0%, rgba(118,136,204,1) 100%);}
.meets-intro .intro-bg span[data-active-idx='10'] {background: linear-gradient(0deg, rgba(173,207,208,1) 0%, rgba(140,181,173,1) 100%);}

.meets-intro .wrap-intro-kv {position: relative; z-index: 10; color: #fff; text-align: center;}
.meets-intro .wrap-intro-kv h1 {font-family: 'brandon-grotesque';}
.meets-intro .wrap-intro-kv h1 + p {color: #f5f5f5; }
.meets-intro .wrap-intro-kv h1 span {display: block; font-weight: 700;}
.meets-intro .wrap-intro-kv h1 strong {font-weight: 700; display: block;}

.wrap-card-slide {width: 100%;}
/* .wrap-card-slide .slide-wrapper {transform: translateX(100%); width: 100%; opacity: 0; transition: opacity, transform 1s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: 1s;} */
.wrap-card-slide .slide-wrapper {animation: slideInit 1.5s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; transform: translateX(100%); width: 100%; opacity: 0;}

@keyframes slideInit {
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.wrap-card-slide .swiper-container {overflow: inherit;}
.wrap-card-slide .swiper-container .swiper-slide {width: auto; position: static;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo  {display: flex; position: relative;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo {position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; isolation: isolate;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo .vdo-poster {position: absolute; z-index: 10; opacity: 1; left: 0; top: 0; height: 100%; width: 100%; transition: opacity .5s; transition-delay: .5s;}
.wrap-card-slide .swiper-container .swiper-slide.swiper-slide-active .wrap-vdo .inner-vdo .vdo-poster {opacity: 0;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo .vdo-poster img {width: 100%; max-width: none; height: 100%;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo video {position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: auto;}
.wrap-card-slide .wrap-slide-text ul {position: relative; width: 412px; margin: 0 auto; }
.wrap-card-slide .wrap-slide-text li {position: absolute; left: 0; top: 0; width: 100%;}
.wrap-card-slide .wrap-slide-text .slide-text {opacity: 0; transition: opacity .5s; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; color: #fff;}
.wrap-card-slide .wrap-slide-text .slide-text.on {opacity: 1;}
.wrap-card-slide .wrap-slide-text .slide-text strong {display: block; width: 100%; font-weight: 700; font-family: 'brandon-grotesque';}
.wrap-card-slide .wrap-slide-text .slide-text div {word-break: keep-all; font-weight: 600; font-family: "brandon-grotesque"; }
.wrap-card-slide .slide-controls {position: relative; width: 100%; display: flex; justify-content: center;}
.wrap-card-slide .slide-controls .control-inner {display: flex; align-items: center;}
.wrap-card-slide .slide-controls .swiper-button-next,
.wrap-card-slide .slide-controls .swiper-button-prev {background: none; position: static; margin-top: 0;}
.wrap-card-slide .slide-controls .swiper-button-prev::before,
.wrap-card-slide .slide-controls .swiper-button-next::before {color: #fff; font-weight: 600;}
.wrap-card-slide .slide-controls .swiper-pagination {display: flex; position: static; color: rgba(255,255,255,.6);}
.wrap-card-slide .slide-controls .pagination {font-weight: 700;}
.wrap-card-slide .slide-controls .swiper-pagination-clickable .swiper-pagination-bullet {width: 100%; border-radius: 0; background-color: #fff; opacity: .4; margin: 0;}
.wrap-card-slide .slide-controls .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {border: none; background-color: #fff; opacity: 1;}
.wrap-card-slide .slide-controls .pagination,
.wrap-card-slide .slide-controls .pagination-total {font-family: 'brandon-grotesque';}
.wrap-card-slide .slide-controls .pagination-total {padding: 0 10px;}

/* mobile first */
.meets-intro {height: calc(100vh - 60px); }
.mobile .meets-intro {height: calc(100vh - 33vw); }
    
.meets-intro .wrap-intro-kv h1 + p {font-size: 3.2vw; padding-top: 1.333vw;}
.meets-intro .wrap-intro-kv h1 span {font-size: 4vw; letter-spacing: 0.8vw;}
.meets-intro .wrap-intro-kv h1 strong {font-size: 8.267vw; margin-top: -1.333vw;}

.wrap-card-slide {padding-top: 5.333vw;}

.wrap-card-slide .swiper-container .swiper-slide .card-inner {width: 60.533vw;}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo  {width: 60.533vw; height: 60.533vw; border-radius: 3.333vw; box-shadow: 0 1.333vw 6.667vw rgba(0,0,0,.15);}
.wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo {border-radius: 3.333vw;}
.wrap-card-slide .wrap-slide-text {padding-top: 5.333vw;}
.wrap-card-slide .wrap-slide-text ul {width: 60.533vw; height: 24vw;}
.wrap-card-slide .wrap-slide-text .slide-text strong {font-size: 4.267vw;}
.wrap-card-slide .wrap-slide-text .slide-text div {font-size: 3.2vw; padding-top: 0.667vw;}
/* .wrap-card-slide .slide-controls .control-inner {width: 27.733vw;} */
.wrap-card-slide .slide-controls .swiper-pagination {display: flex; position: static; color: rgba(255,255,255,.6); width: 29.333vw; height: 0.533vw;}
.wrap-card-slide .slide-controls .pagination {font-weight: 700;}
.wrap-card-slide .slide-controls .swiper-pagination-clickable .swiper-pagination-bullet {width: 100%; border-radius: 0; background-color: #fff; opacity: .4; margin: 0; height: 0.533vw;}
.wrap-card-slide .slide-controls .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {border: none; background-color: #fff; opacity: 1;}
.wrap-card-slide .slide-controls .pagination,
.wrap-card-slide .slide-controls .pagination-total {font-family: 'brandon-grotesque';}
.wrap-card-slide .slide-controls .pagination-total {opacity: .6;}
.mobile .wrap-card-slide .slide-controls .pagination-total {margin-top: .8vw; display: flex; align-items: center; height: 100%;}

@media all and (min-width:60em){

    .meets-intro {height: calc(100vh - 60px); min-height: 900px; }
    
    .meets-intro .wrap-intro-kv h1 + p {font-size: 18px; padding-top: 10px;}
    .meets-intro .wrap-intro-kv h1 span {font-size: 24px; letter-spacing: 3px;}
    .meets-intro .wrap-intro-kv h1 strong {font-size: 58px; margin-top: -10px;}
    
    .wrap-card-slide {padding-top: 40px;}
    /* .wrap-card-slide .slide-wrapper {animation-duration: 1.5s;} */
    
    .wrap-card-slide .swiper-container .swiper-slide .card-inner {width: 412px;}
    .wrap-card-slide .swiper-container .swiper-slide .wrap-vdo  {width: 412px; height: 412px; border-radius: 30px; box-shadow: 0 10px 50px rgba(0,0,0,.15);}
    .wrap-card-slide .swiper-container .swiper-slide .wrap-vdo .inner-vdo {border-radius: 30px;}
    .wrap-card-slide .wrap-slide-text {padding-top: 40px;}
    .wrap-card-slide .wrap-slide-text ul {width: 412px; height: 160px;}
    .wrap-card-slide .wrap-slide-text .slide-text strong {font-size: 28px;}
    .wrap-card-slide .wrap-slide-text .slide-text div {font-size: 18px; padding-top: 5px;}
    /* .wrap-card-slide .slide-controls .control-inner {width: 160px;} */
    .wrap-card-slide .slide-controls .swiper-button-prev::before,
    .wrap-card-slide .slide-controls .swiper-button-next::before {font-weight: 600; font-size: 24px;}
    .wrap-card-slide .slide-controls .swiper-pagination {width: 220px; height: 4px;}
    .wrap-card-slide .slide-controls .pagination,
    .wrap-card-slide .slide-controls .pagination-total {font-size: 18px;}
    .wrap-card-slide .slide-controls .swiper-pagination-clickable .swiper-pagination-bullet {height: 4px;}

}

/* meets-con01 */
.meets-con01{padding:150px 0 100px;}
.meets-con01 .tit{width:1111px;margin:0 auto;position:relative;}
.meets-con01 .tit h3 img{width:100%;}
.meets-con01 .artist-logo{position:absolute;right:0;bottom:-95px;}
.meets-con01 ul{position:relative;z-index: 1;width:1062px;margin: 135px auto 0;font-size: 0;}
.meets-con01 li{display: inline-block;vertical-align: top;width:calc(50% - 25px);}
.meets-con01 li + li{margin-left: 50px;}
.meets-con01 .img{width: 487px;box-shadow:15px 15px 80px rgba(56,63,93,0.5);}
.meets-con01 .img img{width:100%;}
.meets-con01 .txt{margin-top: 40px;}
.meets-con01 .txt .kor-name{font-size: 16px;color:#897ca8;font-family: "brandon-grotesque";font-weight: 700;}
.meets-con01 .txt .eng-name{font-size: 28px;color:#603db8; font-family: "brandon-grotesque"; font-weight: 700;}
.meets-con01 .txt p{font-size: 16px;line-height: 1.75;color:#666;}
.meets-con01 .txt .kor-desc{margin-top: 20px;}
.meets-con01 .txt .eng-desc{margin-top: 14px;font-family: "brandon-grotesque";font-weight: 300;}

/* meets-con02 */
.meets-con02 .inter-txt li + li{margin-top: 30px;}
.meets-con02 .inter-txt li h4,
.meets-con02 .inter-txt li p{font-size: 18px;line-height: 1.75;}
.meets-con02 .inter-txt li h4{color:#333;font-weight: 700;}
.meets-con02 .inter-txt li p{margin-top: 10px;color:#747474;}

/* interview-con01 */
.interview-con01{background-color: #f6f6f8;margin-top: 79px;position:relative; font-family: "brandon-grotesque";}
.interview-con01:before{content:'';display: block;width: 585px;height: 79px;background: url('/hk/zh/resource/img/meets-arts/interview01_txt.png') no-repeat center top / cover;position:absolute;top:-79px;left:49.75%;}
.interview-con01 .inner{position:relative;}
.interview-con01 .img{position: absolute;left:0;bottom:0;}
.interview-con01 .txt{padding:73px 0 72px 720px; position: relative;z-index: 2;}

/* interview-con02 */
.interview-con02{padding:240px 0 1055px;background: url('/hk/zh/resource/img/meets-arts/interview02_bg.jpg') no-repeat center bottom / cover; font-family: "brandon-grotesque";}
.interview-con02 .inter-list > li{position:relative;}
.interview-con02 .inter-list .vdo{position:absolute;top:50%;transform:translateY(-50%);}
.interview-con02 .inter-list .vdo video{width:100%;}
.interview-con02 .inter-list .txt{box-sizing: border-box;}

.interview-con02 .list01 .vdo{width: 489px;right: 160px;}
.interview-con02 .list01 .txt{padding-left: 110px;}

.interview-con02 .list02{margin-top: 267px;}
.interview-con02 .list02 .vdo{width: 878px;left: -22%;}
.interview-con02 .list02 .txt{left:0;padding-left: 730px;}

/* meets-con03 */
.meets-con03{padding:180px 0 140px;text-align: center;}
.meets-con03 h3::after{content:'';display: block;width: 60px;height: 3px;margin:30px auto 0;background-color: #a3a3a3; }
.meets-con03 h3 img{width: 607px;}
.meets-con03 .desc{margin-top: 20px;font-size: 18px;color:#666;line-height: 1.77;}
.meets-con03 .youtube-list{margin-top: 55px;}
.meets-con03 .youtube-list ul{font-size: 0;}
.meets-con03 .youtube-list li{display: inline-block;vertical-align: top;width:calc(25% - 15px);margin-right: 20px;}
.meets-con03 .youtube-list li:nth-of-type(4n),
.meets-con03 .youtube-list li:last-of-type{margin-right: 0;}
.meets-con03 .youtube-list li:nth-of-type(n+5){margin-top: 30px;}
.meets-con03 .youtube-list li a{display: block;}
.meets-con03 .youtube-list li a img{width:100%;}
.meets-con03 .youtube-list li h4{margin-top: 15px;font-size: 24px;color:#666;font-family: "brandon-grotesque";font-weight: 600;}
.meets-con03 .progress-bar{display: none;width:100%;height:4px;background-color: #ccc;}
.meets-con03 .progress-bar span{display:block;height:100%;background-color: #333;transition: width 0.3s;}
.meets-digital02{margin-top: 165px;}

/* 유튜브 팝업 */
.meets-arts .popup{display: none;position:fixed;left: 0;top: 0;z-index: 10001;width: 100%;height: 100%; margin: 0 !important; padding: 0 !important; background: none; border-radius: 0;}
.meets-arts .popup.show{display: block;animation: fadeInPopup 0.4s cubic-bezier(0.73,0,0.07,1);}
.meets-arts .popup.youtube-player .inner-wrap{position:relative;z-index:1002;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;}
.meets-arts .popup.youtube-player .inner-wrap > div{height:inherit;}
.meets-arts .popup.youtube-player .inner-wrap iframe{width: 100%;height:99.8%;border:0;}
.meets-arts .popup .inner-wrap .btn-close{display: inline-block;font-size: 0;text-align: center;vertical-align: top;text-indent: 0;overflow: hidden;position:absolute;min-width:0;height:auto;top:30px;right:30px;padding:10px;line-height: 1;}
.meets-arts .popup.youtube-player .inner-wrap i.icon-close{display: block;width: 40px;height: 40px;background: url('/hk/zh/resource/img/meets-arts/pop_up.png') no-repeat center top / cover;}

@keyframes fadeInPopup {
    from {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media all and (min-width:1921px){
    /* 인터뷰 영역 BG */
    .interview-con02{background: url('/hk/zh/resource/img/meets-arts/interview02_bg_big.jpg') no-repeat center bottom / contain;}
    .interview-con02 .list02 .vdo{left: -19.3%;}
}

@media all and (max-width:1919px){
    /* meets-con01 */
    .meets-con01{padding:7.813vw 0 5.208vw;}
    .meets-con01 .tit{width:57.865vw;}
    .meets-con01 .artist-logo{bottom:-4.948vw;}
    .meets-con01 .artist-logo img{width: 26.458vw;}
    .meets-con01 ul{width:55.313vw;margin-top: 7.031vw;}
    .meets-con01 .img{width: 25.365vw;box-shadow:15px 15px 4.167vw rgba(56,63,93,0.5);}
    .meets-con01 .txt{margin-top: 2.083vw;}
    .meets-con01 .txt .kor-name{font-size: 0.833vw;}
    .meets-con01 .txt .eng-name{font-size: 1.458vw;}
    .meets-con01 .txt p{font-size: 0.833vw;}
    .meets-con01 .txt .kor-desc{margin-top: 1.042vw;}
    .meets-con01 .txt .eng-desc{margin-top: 0.729vw;}

    /* meets-con02 */
    .meets-con02 .inter-txt li + li{margin-top: 1.563vw;}
    .meets-con02 .inter-txt li h4,
    .meets-con02 .inter-txt li p{font-size: 0.938vw;}

    /* interview-con01 */
    .interview-con01{margin-top: 4.115vw;}
    .interview-con01:before{width: 30.469vw;height: 4.115vw;top:-4.115vw;}
    .interview-con01 .txt{padding:3.402vw 0 3.402vw 37.5vw;}
    .interview-con01 .img img{width: 39.063vw;}

    /* interview-con02 */
    .interview-con02{padding:12.5vw 0 54.948vw;}

    .interview-con02 .list01 .vdo{width: 25.469vw;right: 8.333vw;}
    .interview-con02 .list01 .txt{padding-left: 8.333vw;}

    .interview-con02 .list02{margin-top: 13.906vw;}
    .interview-con02 .list02 .vdo{width: 45.729vw;}
    .interview-con02 .list02 .txt{padding-left: 40vw;}

    /* meets-con03 */
    .meets-con03{padding:9.375vw 0 7.292vw;}
    .meets-con03 h3::after{width: 3.125vw;margin:1.563vw auto 0;}
    .meets-con03 h3 img{width: 31.615vw;}
    .meets-con03 .desc{margin-top: 1.042vw;font-size: 0.938vw;}
    .meets-con03 .youtube-list{margin-top: 2.865vw;}
    .meets-con03 .youtube-list li h4{margin-top: 0.781vw;font-size: 1.250vw;}
    .meets-digital02{margin-top: 8.594vw;}
}
@media all and (max-width:1550px){
    /* interview-con02 */
    .interview-con02 .list02 .vdo{left: 0;}
    .interview-con02 .list02 .txt{padding-left: 50vw;}
}

@media all and (max-width:750px){
    .meets-arts .inner{padding:0 40px; padding:0 5.333vw;}
    .meets-arts .pc-only{display: none;}
    .meets-arts .mo-only{display: block;}

    
    /* meets-con01 */
    .meets-con01{padding:120px 0 145px; padding:16vw 0 19.333vw;}
    .meets-con01 .tit{width:656px; width:87.467vw;}
    .meets-con01 .artist-logo{position:static;margin-top: 30px;text-align: right; margin-top: 4vw;}
    .meets-con01 .artist-logo img.mo-only{display: inline-block;width: 61.600vw;}
    .meets-con01 ul{width:100%;margin-top: 66px; margin-top: 8.8vw;}
    .meets-con01 li{display: block;width:100%;}
    .meets-con01 li + li{margin-left: 0;margin-top: 80px; margin-top: 10.667vw;}
    .meets-con01 .img{width: 487px;margin:0 auto; width: 64.933vw;box-shadow:2vw 2vw 10.667vw rgba(56,63,93,0.5);}
    .meets-con01 .txt{margin-top: 60px; margin-top: 8vw;}
    .meets-con01 .txt .kor-name{font-size: 24px; font-size: 3.200vw;}
    .meets-con01 .txt .eng-name{font-size: 36px; font-size: 4.800vw;}
    .meets-con01 .txt p{font-size: 24px;line-height: 1.66; font-size: 3.200vw;}
    .meets-con01 .txt .kor-desc{margin-top: 20px; margin-top: 2.667vw;}
    .meets-con01 .txt .eng-desc{margin-top: 10px; margin-top: 1.333vw;}

    /* meets-con02 */
    .meets-con02 .inter-txt li + li{margin-top: 60px; margin-top: 8vw;}
    .meets-con02 .inter-txt li h4,
    .meets-con02 .inter-txt li p{font-size: 26px;line-height: 1.69; font-size: 3.467vw;}
    .meets-con02 .inter-txt li p{margin-top: 10px; margin-top: 1.333vw;}

    /* interview-con01 */
    .interview-con01{margin-top: 51px;padding-top: 65px; margin-top: 6.800vw;padding-top: 8.667vw;}
    .interview-con01:before{width: 335px;height: 45px;top:-45px;left:50%;transform:translateX(-50%); width: 45.667vw;height: 6vw;top:-6vw;}
    .interview-con01 .txt{padding:0;}
    .interview-con01 .img{position: relative;}
    .interview-con01 .img img{width: 100%;}

    /* interview-con02 */
    .interview-con02{padding:100px 0 725px;background: url('/hk/zh/resource/img/meets-arts/interview02_bg_mo.jpg') no-repeat center bottom / cover; padding:13.333vw 0 96.667vw;}
    .interview-con02 .inter-list .vdo{position:static;margin:0 auto;}
    .interview-con02 .inter-list .txt{margin-top: 80px; margin-top: 10.667vw;}
    .interview-con02 .list01 .vdo{width: 488px;transform:translateY(0); width: 65.067vw;}
    .interview-con02 .list01 .txt{padding-left: 0;}
    .interview-con02 .list02{margin-top: 95px; margin-top: 12.667vw;}
    .interview-con02 .list02 .vdo{width: 710px;margin-left:-40px;transform:translateY(0); width: 94.667vw;margin-left:-5.333vw;}
    .interview-con02 .list02 .txt{padding-left: 0;}

    /* meets-con03 */
    .meets-con03{padding:170px 0 200px;overflow: hidden; padding:22.667vw 0 26.667vw;}
    .meets-con03 .inner{padding:0 30px; padding:0 4vw;}
    .meets-con03 h3::after{width: 61px;height: 2px;margin:30px auto 0; width: 8.133vw;margin:4vw auto 0;}
    .meets-con03 h3 img{width: 417px; width: 55.6vw;}
    .meets-con03 .desc{margin-top: 30px;font-size: 26px;line-height: 1.615; margin-top: 4vw;font-size: 3.467vw;}
    .meets-con03 .youtube-list{margin-top: 70px;overflow-y:visible; margin-top: 9.333vw;}
    .meets-con03 .youtube-list li{width:335px;margin-right: 20px; width:44.667vw;margin-right: 2.667vw;}
    .meets-con03 .youtube-list li:nth-of-type(2n){margin-right: 20px; margin-right: 2.667vw;}
    .meets-con03 .youtube-list li:last-of-type{margin-right: 0;}
    .meets-con03 .youtube-list li:nth-of-type(n+5){margin-top: 0;}
    .meets-con03 .youtube-list li h4{margin-top: 15px;font-size: 26px; margin-top: 2vw;font-size: 3.467vw;}
    .meets-con03 .progress-bar{display: block;width:100%;height:4px;margin-top: 80px; margin-top: 10.667vw;}
    .meets-digital02{margin-top: 180px; margin-top: 24vw;}
}

@media all and (max-width:640px){
    .meets-con03 h3::after{height: 1px;}
    .meets-con03 .progress-bar{height: 2px;}
}

/* page aos */
.interview-con02 .inter-list .vdo{transform:translate3d(0,-40%,0);}
.interview-con02 .inter-list .vdo.aos-animate{transform:translate3d(0,-50%,0);}
@media all and (max-width:750px){
    .interview-con02 .inter-list .vdo.aos-animate{transform:translate3d(0,0,0);}
}


/* 추가 반영 */
.interview-con01 .inner {
  position: relative;
  min-height: 33.7083333333vw;
}

.interview-con02 .inner {
  position: relative;
  min-height: 66.9791666667vw;
}

.interview-con02 .inter-list .inter-txt {
  max-width: 28vw;
  min-height: 24.2708333333vw;
}

@media all and (max-width: 750px) {
  .interview-con02 .inter-list .inter-txt {
    max-width: none;
  }
}