/*@charset "utf-8";
@font-face{font-family:KiaB;font-weight:normal;font-style:normal;src:url('/content/dam/kwcms/gt/en/font/kia_bold.eot');src:url('/content/dam/kwcms/gt/en/font/kia_bold.eot?#iefix') format('embedded-opentype'),url('/content/dam/kwcms/gt/en/font/kia_bold.woff') format('woff')}
@font-face{font-family:KiaM;font-weight:normal;font-style:normal;src:url('/content/dam/kwcms/gt/en/font/kia_medium.eot');src:url('/content/dam/kwcms/gt/en/font/kia_medium.eot?#iefix') format('embedded-opentype'),url('/content/dam/kwcms/gt/en/font/kia_medium.woff') format('woff')}*/

/* future vision */
.use_p{display:block}
.use_t{display:none}
.use_m{display:none}
.use_p_t{display:block}
.ex_visual.vision{background-image:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/bg_vision.jpg')}
#content.subContents.brand{padding-bottom:0}
.youtube_wrap {position:relative;width:100%;max-width:940px;padding-bottom:56.25%;margin-bottom:90px}
.youtube_wrap iframe{position:absolute; top:0;left:0;width:100%;height:100%}
.future_vision .excon_tit h2 {font-family:kiaM;}
.mobility{padding-bottom:75px}
.mobility .mobility_list{display:table}
.mobility .mobility_list:first-child{margin-top:0}
.mobility .mobility_list h3{font-family: 'kiaB';letter-spacing:3px;font-size:20px;color:#1e1e1e;}
.mobility .mobility_list.odd .thumb{width:468px;display:table-cell;vertical-align: top;text-align:left;padding:30px 0 45px}
.mobility .mobility_list.odd .thumb_desc{width:472px;display:table-cell;vertical-align: top;border-left:1px solid #eaeaea;padding-top:90px}
.mobility .mobility_list.odd h3{position:relative;padding-left:60px}
.mobility .mobility_list.odd h3::before{position:absolute;content:'';width:9px;height:9px;left:0;top:50%;margin-top:-4px;margin-left:-5px;border-radius:100%;background-color:#191919}
.mobility .mobility_list.odd p{padding:20px 0 0 60px;font-family: 'kiaM';line-height:28px;font-size:13px;letter-spacing:1px;color:#666}
.mobility .mobility_list.even .thumb{width:472px;display:table-cell;vertical-align:top;text-align:right;padding:30px 0 45px}
.mobility .mobility_list.even .thumb_desc{width:468px;display:table-cell;vertical-align:top;border-right:1px solid #eaeaea;text-align:right;padding-top:90px} /* eaeaea */
.mobility .mobility_list.even h3{position:relative;padding-right:60px}
.mobility .mobility_list.even h3::before{position:absolute;content:'';width:9px;height:9px;right:0;top:50%;margin-top:-4px;margin-right:-6px;border-radius:100%;background-color:#191919}
.mobility .mobility_list.even p{padding:20px 60px 0 0;font-family: 'kiaM';line-height:28px;font-size:13px;letter-spacing:1px;color:#666}

.mobility .mobility_list:first-child .thumb{padding-top:0}
.ces_films .video_slide{position:relative;width:844px;margin:45px auto 0}
.ces_films .video_slide .slider_nav{position:absolute;width:100%;top:105px;z-index:10}
.ces_films .video_slide .slider_nav button{width:80px;height:280px;outline:none}
.ces_films .video_slide .slider_nav .slider_prev{position:absolute;left:-80px;background: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_prev.png') no-repeat center center}
.ces_films .video_slide .slider_nav .slider_next{position:absolute;right:-80px;background: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_next.png') no-repeat center center}
.ces_films .video_slide .slider-for{position:relative;width:100%;height:0;padding-bottom:56.25%}
.ces_films .video_slide .slider-for div{position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:56.25%;z-index:1}
.ces_films .video_slide .slider-for div.on{z-index:10}
.ces_films .video_slide .slider-for div iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.ces_films .video_slide .video_slider{margin-top:15px}
.ces_films .video_slide .video_slider li{position:relative;float:left;width:205px;margin-left:8px;cursor: pointer;outline: none}
.ces_films .video_slide .video_slider li:first-child{margin-left:0}
.ces_films .video_slide .video_slider li .video_desc{font-family: 'kiaB';color:#000;line-height: 24px;font-size:13px;font-weight: bold;text-align:center}
.ces_films .video_slide .video_slider li .video_thumb{position:relative}
.ces_films .video_slide .video_slider li.on .video_thumb:after{content:'';position:absolute;display:block;top:0;;left:0;width:100%;height:100%;border:5px solid #c4162c;box-sizing:border-box;}

@media screen and (max-width:1024px) {
  .use_p{display:none}
  .use_t{display:block}
  .use_m{display:none}
  .mobility{padding:0 0 75px}
  .mobility .mobility_list.odd .thumb{width:50%}
  .mobility .mobility_list.odd .thumb_desc{width:50%}
  .mobility .mobility_list .thumb img{width:80%;height:auto}
  .mobility .mobility_list.even .thumb{width:50%}
  .mobility .mobility_list.even .thumb_desc{width:50%}
  .ces_films .video_slide{width:90%}
  .ces_films .video_slide .video_slider li{width:22.7%;margin-left:3%}
  .ces_films .video_slide .video_slider li .video_thumb img{width:100%}
}
@media screen and (max-width:767px){
  .use_p{display:none}
  .use_t{display:none}
  .use_m{display:block}
  .use_p_t{display:none}
  .youtube_wrap{width:90%;padding-bottom:50.25%;margin:0 auto 40px}
  .mobility{padding:0 5% 30px}
  .mobility .mobility_list{display:block;margin-top:30px}
  .mobility .mobility_list:first-child{margin-top:0}
  .mobility .thumb_wrap{display:table}
  .mobility .mobility_list.odd .thumb ,.mobility .mobility_list.even .thumb{display:table-cell;width:50%;vertical-align: middle;padding:0}
  .mobility .mobility_list.odd .thumb_desc ,.mobility .mobility_list.even .thumb_desc{display:table-cell;width:50%;vertical-align: middle;padding:0}
  .mobility .m_thumb_desc{display:block;width:100%;font-size:11px;color:#666666;line-height: 17px;margin-top:23px}
  .mobility .mobility_list.odd h3{padding-left:10%}
  .mobility .mobility_list.even h3{padding-right:10%}
  .mobility .mobility_list h3{font-size:13px}
  .mobility .mobility_list.odd h3::before{position:absolute;content:'';width:5px;height:5px;margin-top:-3px;margin-left:-3px;border-radius:100%}
  .mobility .mobility_list.even h3::before{position:absolute;content:'';width:5px;height:5px;margin-top:-3px;margin-right:-3px;border-radius:100%}
  .mobility .mobility_list.odd .thumb_desc,.mobility .mobility_list.even .thumb_desc{border:none}
  .ces_films .video_slide{margin-bottom:45px}
  .ces_films .video_slide .slider_nav{display:none}
  .ces_films .video_slide .video_slider li{width:48%;margin-left:4%; height:140px;} /* 2019.06.04 */
  .ces_films .video_slide .video_slider li:nth-child(3){margin-left:0;margin-top:10px}
  .ces_films .video_slide .video_slider li:nth-child(4){margin-top:10px}
  .ces_films .video_slide .video_slider li .video_desc{line-height: 18px;margin-top:5px}
}

/* global brand campaign */

.brand_campaign h2{width:100%;text-align:center;margin:0 auto;font-size:75px;line-height:82px;color:#fff;font-family:'kiaB';text-shadow: 0 0px 50px  rgba(0,0, 0, 0.5);letter-spacing:3px}
.brand_campaign h2 p{font-size:40px;line-height: 47px;margin-bottom:20px}
.brand_inner{position:relative}
.intro_video {position:relative;}
.intro_video:before {display:block;position:absolute;left:-15px;top:-15px;content:'';width:1085px;height:680px;opacity:.4;}
.intro {position: relative;text-align:center;color:#fff;}
.intro:before {display:block;content:'';margin: 0 auto 43px;width:2px;background-color:#fff;opacity:.6}
.intro .txt1 {font-family:kiaB;}
.intro .txt2 {font-family:kiaM;opacity:.4;}
.section_future{position:relative}
.future {position:relative;padding-top:13vw;background-size:cover;}
.future h3 {font-size:44px;line-height:50px;text-align:center;letter-spacing:0.1em}
.future h3:after {content:'';display:block;width:56px;height:2px;margin:14px auto;background:#646464;}
.future p {margin:30px auto 85px;max-width:880px;text-align:center;font-size:18px;color:#979797;line-height: 25px}
.future_slide_wrap {width:1090px;margin:auto;color:#fff;z-index:2000}
/* .future_slide{width:100%} */
/* .future_slide .slick-list{overflow:visible} */
.future_slide .future_item {width:350px;height:575px;position: relative;margin-left:20px}
.future_slide .future_item:first-child{margin:0}
.future_slide .future_item .future-thumb {position:relative;height:191px}
.future_slide .future_item .future-thumb img{width:100%;max-width:350px}
.future_slide .future_item .future-thumb:hover{cursor:pointer;}
.future_slide .future_item .future-thumb:after {content:'';display:block;width:66px;height:66px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_play.png') 0 0 no-repeat;background-size: cover;}
.future_slide .future_item .item-info{padding:20px 25px 25px;height:384px;box-sizing: border-box}
.future_slide .future_item .item-info h4 {border-bottom:1px solid #fff;font-family:kiaB;font-size:22px;line-height:40px}
.future_slide .future_item .item-info dt{font-size:15px;margin-top:10px}
.future_slide .future_item .item-info dd {font-size:15px;opacity:.5;line-height:22px;margin-top:10px}
.future_slide .future_item.item1 {background-color:#1d836f;}
.future_slide .future_item.item2 {background-color:#315ea7}
.future_slide .future_item.item3 {background-color:#554c96}
.future_slide .slick-dots {margin-top:15px;text-align:center;}
.future_slide .slick-dots li {position:relative;display:inline-block;width:15px;height:9px;margin:0 5px;padding:0;cursor:pointer}
.future_slide .slick-dots li button{display:block;width:15px;height:9px;background-color:#b8b8b8;border-radius: 5px;font-size:0}
.future_slide .slick-dots li.slick-active {width:50px}
.future_slide .slick-dots li.slick-active button{width:50px;background-color:#888 }
.future_slide .future_item .btn_share {position:absolute;padding-left:27px;color:#fff;outline:0;height:23px;right:20px;bottom:25px;color:rgba(255,255,255,0.7)}
.future_slide .future_item .btn_share:before {display:block;position:absolute;left:0;top:0;content:"";width:19px;height:24px;background: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_share.png') 0 0 no-repeat}
.popup_share {display:none;position:absolute;width:353px;height:159px;padding:22px;background-color: rgba(73,73,73,.95);box-sizing:border-box;z-index:99999}
.popup_share>p {width:100% !important; padding:0 !important; margin-bottom:15px !important; color:#fff;font-size:16px;text-align:left;margin-bottom:18px}
.popup_share>a {width:31px;display:inline-block;}
.popup_share>a + a {margin-left:3px;}
.popup_share>a img {width:100%;}
.popup_share>a.youtube{display:block;width:100%;height:30px;margin:0;color:#8d8c8f;font-size:16px;line-height: 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.7);text-overflow:ellipsis;white-space: nowrap;overflow:hidden;margin-top:10px}
.popup_share>a.youtube:hover,.popup_share>a.youtube:active{text-decoration: none}
.popup_movie {display:none;position:absolute;top:5vw;padding:7.8vw; min-height:auto; background-color:rgba(0,0,0,.9);z-index:200;}
.popup_movie h4 {margin-bottom:4px;color: #fff;}
.popup_movie .movie_disc {margin-top:-4px;padding:3.2vw;font-size:1.6vw;background-color:#fff;line-height:2.6vw;}
.popup_movie .pop_close {position:absolute;right:7.8vw;top:6.7vw;width:4.1vw; max-width:24px; height:4.1vw; max-height:24px; background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_close.png') 0 0 no-repeat;font-size:0;background-size:cover;}
.character {position:relative;overflow:hidden}
.character h2 {position:absolute;top:12.3vw;z-index:100;text-align:center;color:#fff;letter-spacing:0.6vw;font-size:44px}
.character_slide {width:100%;margin-top:0!important;color:#fff;}

/* 2018.05.02 추가 */

html[dir="rtl"] .slick-slide {
    float: right;
}

html[dir="rtl"] .future_slide .future_item:first-child {
    margin-left: 20px;
}


/* //2018.05.02 추가 */

.character_slide .character_item {color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center top;box-sizing:border-box;}
.character_slide .character_item h3 {font-size:26px;color:#fff;font-weight: normal;line-height: 62px;border-bottom:1px solid #fff;margin-bottom:27px}
.character_slide .character_item > p {margin-bottom:35px;font-size:18px;line-height:26px;color:rgba(255,255,255,0.7)}
.character_slide .slick-dots {position:absolute; left:50%; bottom:37vw; transform: translateX(-50%);}
.character_slide .slick-dots li {position:relative;display:inline-block;width:15px;height:9px;margin:0 5px;padding:0;cursor:pointer}
.character_slide .slick-dots li button{display:block;width:15px;height:9px;background-color:rgba(255,255,255,0.5);border-radius: 5px;font-size:0}
.character_slide .slick-dots li.slick-active {width:50px}
.character_slide .slick-dots li.slick-active button{width:50px;background-color:rgba(255,255,255,1) }

.character_slide .slick-prev{position:absolute; left:2vw; top:50%; margin-top:-70px; width:54px; height: 115px; background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_slider_l.png') 0 0 no-repeat; font-size:0; text-indent:-999px; z-index: 9;}
.character_slide .slick-next{position:absolute; right:2vw; top:50%; margin-top:-70px; width:54px; height: 115px; background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_slider_r.png') 0 0 no-repeat; font-size:0; text-indent:-999px;}


.trick_thumb {}
.trick_thumb:after {content: '';display:block;clear:both;}
.trick_thumb li {float:left;margin-left:30px;max-width:218px;width:30%}
.trick_thumb li:hover {cursor: pointer;}
.trick_thumb li:first-child {margin-left:0;}
.trick_thumb .thumb {position:relative;height:122px}
.trick_thumb .thumb:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_play.png') 0 0 no-repeat;background-size: cover;}
/*.trick_thumb .thumb:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size: cover;}/*20180425 임시*/
.trick_thumb .thumb img {width:100%;}
.trick_thumb .disc {position:relative;padding:19px 0 0 35px;opacity:.7;font-size:16px}
.trick_thumb .disc:before {position:absolute;left:0;top:1.5vw;content:'';display:block;background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/ico_arrow.png') 0 0 no-repeat;background-size:contain;}
/*.trick_thumb .disc:before {position:absolute;left:0;top:1.5vw;content:'';display:block;background-size:contain;}/*20180425 임시*/
.making {position:relative; margin-top:-18vw !important; margin-bottom:0vw !important; }
.making h2 {font-size:44px;color:#fff;line-height:50px;text-align:left;letter-spacing: 0.1em;margin-bottom:40px;}

.making .youtube_wrap {}
.making .youtube_wrap:before {display:block;position:absolute; left:-1vw; top:-1vw; width:97.2%;height:100%; content:'';opacity:.4;}
.making .youtube_wrap iframe{box-sizing: border-box;}
.interview {padding:0 7.1vw 30vw;/* background:url('../images/mobile/bg_making.jpg') 50% 0 no-repeat;background-size:cover;*/}

.interview h3 {font-size:32px; margin-bottom:50px;font-family:KiaB;color:#191919}
.interview .director_con>p, .interview .director_con>div{padding-left:30px;color:#191919;font-size:18px;line-height: 24px}
.interview .director_con>p{font-size:18px;color:#191919;line-height: 28px;width:90%}
.interview .director_con>div.director{margin-top:20px;display:table}
.interview .director_con>div.director p{display:table-cell;vertical-align: middle}
.interview .director_con{border-left:1px solid #c9c9c9;}
.staff-info:after {content:'';display:block;clear:both;}
.staff-info .name{padding-left:30px;color:#191919;font-size:18px;font-weight: bold}
.staff-info .name em {display:block;color:#929292;font-weight: normal;margin-top:13px}
.staff-info .thumb img {max-width:140px}


/* 2018.05.03 추가 rtl에 맞는 레이아웃 조정 */

html[dir="rtl"] .interview .director_con:after {
    content: '';
    display: table;
    clear: both;
}

html[dir="rtl"] .interview .director_con .staff-info.director {
    float: left;
}

html[dir="rtl"] .staff-info .name {
    padding-left: 0;
    padding-right: 30px;
}




/* .behind-story h3 2018.04.26 글자 사이즈 3.9 -> 2.6 줄임 font-size:3.9vw -> font-size:2.6vw */
.behind-story:after {content:'';display:block;clear:both;}
.behind-story h3 {margin-bottom:3.9vw;font-size:2.6vw;padding-left:50%;} 

/* 2018.05.03 추가 아랍어 글자 겹침 이슈 글자 크기 줄임 2.6 -> 2.3 */

html[dir="rtl"] .behind-story h3 {
    font-size: 2.3vw;
}

.behind-item {float:left;width:50%;padding:0 30px 0;box-sizing:border-box;border-left:1px solid #c9c9c9;}
.behind-item.left{margin-top:130px}
.behind-item .disc{display:table}
.behind-item .disc .thumb,.behind-item .disc .name{display:table-cell;vertical-align: middle}
.behind-item > p {margin:70px 0 30px 0;font-size:18px;color:#191919;line-height: 28px}


  .brand_campaign .ex_visual {height:2126px;background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/bg_header.jpg') 0 0 no-repeat;background-size:cover;box-sizing:border-box;}
  .brand_campaign .ex_visual .conversation_cpnt{padding-top:230px}
  .exkia_inner.intro_video_wrap {max-width:1090px;margin:310px auto 0;}

  .intro_video.youtube_wrap{max-width:1090px;margin-bottom:170px}

  .intro:before {height:3vw;}
  .intro .txt1 {margin-bottom:1vw;font-size:28px;line-height:48px;}
  .intro .txt2 {font-size:21px;line-height:32px;}
  .future {width:100%!important;padding-top:199px;background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/bg_future.jpg') 0 0 no-repeat;overflow:hidden}

  .future h3 br {display:none;}

  .future_slide .future_item h4 {font-size:1.1vw}
  .character_slide .character_item {padding:18vw 8.4vw 0 37vw;height:77.1875VW;}
  /* .character_slide .character_item h3 {margin-bottom:1vw;padding-top:2vw;padding-bottom:1vw;font-size:1.3vw;} */

  .character_slide .item1 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/img_character1.jpg')}
  .character_slide .item2 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/img_character2.jpg')}
  .character_slide .item3 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/img_character3.jpg')}
  .character_slide .item4 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/pc/img_character4.jpg')}
  .trick_thumb .thumb:after {width:60px;height:60px}

  .trick_thumb .disc:before {width:15px;height:20px;top:17px;left:10px;}
  .slick-dots {display: none !important;}
  .interview {padding: 0 0 10vw; }



@media screen and (max-width:1420px) {
  .exkia_inner.intro_video_wrap{width:90%}
  .ex_visual .top_title{width:100%}
  .intro_video.youtube_wrap{margin-bottom:20vw}
  /*.intro_video:before{width:100%;height:108%;border:1px solid #fff}*/

  /* .future_slide .future_item .item-inner {height:36vw;} */
  .future_slide .future_item h4 {margin:0vw 0 2vw;font-size:2.2vw;margin-bottom:2vw}
  .future_slide .future_item:first-child{margin-left:25px}
  .future_slide .future_item dd {line-height:2.4vw;}
  .future_slide .slick-dots {display:none;}

  .slick-dots {display:none !important;}
  .character_slide .character_item h3{font-size:2vw;line-height:4vw;margin-bottom:2vw}
  .character_slide .character_item > p{font-size:1.3vw;line-height:2vw;margin-bottom:1.2vw}
  .trick_thumb li{width:25%}
  .trick_thumb .thumb{height: auto}
  .trick_thumb .disc{font-size:1.2vw}
  .trick_thumb .thumb:after{width:4vw;height:4vw}
  .making{margin-top:-11vw !important}

}
@media screen and (max-width:1200px) {
  .future_slide_wrap{width:100%}
  .future_slide .slick-list{padding-left:25px}
  .future_slide .future_item{margin-left:25px}
}
@media screen and (max-width:1024px) {
  .brand_inner{position:absolute;top:0;width:100%;height:100%}
  .brand_bg{width:100%}

  .brand_campaign .ex_visual{background:none;height:auto}
  .brand_campaign .ex_visual .conversation_cpnt{padding-top:0;margin-top:25vw}
  .brand_campaign .ex_visual .top_title{width:90%;margin:0 auto}
  .brand_campaign h2{width:90%;font-size:9vw;line-height:10vw}
  .brand_campaign h2 p{font-size:5vw;line-height:6vw;margin-bottom:3vw}

  .exkia_inner.intro_video_wrap{margin-top:38vw}
  .intro_video.youtube_wrap{margin-bottom:18vw}

  .future{background:none;padding-top:5vw}
  .future h3{font-size:5vw;line-height: 6vw}
  .future_slide_wrap{width:100%}

  .future_slide .future_item{margin-left:25px}
  .future_slide .future_item:first-child{margin-left:25px}
  .future_slide .future_item .item-info h4{margin-top:0}
  .character h2{top:21vw}
  .character_slide .character_item{height:136vw}
  .character_slide .character_item{padding:33vw 8.4vw 0 29vw}
  .character_slide .item1{background-image:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/tablet/img_character1.jpg')}
  .character_slide .item2{background-image:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/tablet/img_character2.jpg')}
  .character_slide .item3{background-image:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/tablet/img_character3.jpg')}
  .character_slide .item4{background-image:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/tablet/img_character4.jpg')}
  .character_slide .character_item h3{font-size:3vw;line-height:4.7vw}
  .character_slide .character_item > p{font-size:2vw;line-height: 3vw}
  .trick_thumb li{width:29%}
  .trick_thumb .disc{font-size:1.7vw}
  .character_slide .slick-next,.character_slide .slick-prev{transform:scale(0.5,0.5)}
  .making{margin-top:-34vw !important}

  .character h2,.making h2{font-size:5vw;margin-bottom:3vw}
  .ex_kiaWrap .exkia_inner.making{width:90%;margin:0 auto}
  .ex_kiaWrap .exkia_inner.making .youtube_wrap{margin-bottom:8vw}
  .interview h3{font-size:4vw}
  .staff-info .thumb img{width:100px}
  .interview .director_con>p{font-size:2vw;line-height:3vw}
  .staff-info .name{font-size:2.5vw}
  .staff-info .name em{font-size:2vw}
  .behind-item > p{font-size:2vw;line-height:3vw;margin:6vw 0 3vw 0}


}
@media screen and (max-width:767px) {

  .exkia_inner.intro_video_wrap {width:100%;}
  .brand_campaign .ex_visual .top_title{width:100%}
  .intro_video.youtube_wrap{margin-bottom:14vw}
  .intro_video {margin:33vw auto 27vw;}
  .intro_video:before {width:89vw;height: 54vw;}
  .intro:before {height:5vw;margin-bottom:25px}
  .intro .txt1 {margin-bottom:2.6vw;font-size:3.5vw;line-height:5vw;}
  .intro .txt2 {font-size:2.6vw;line-height:3.9vw;}
  .future {margin:0!important;height:100%;box-sizing:border-box}
  .future p {width:90%;margin-bottom:7.1vw;font-size:3.1vw;line-height:4vw;margin:2vw auto 3vw}
  .future h3 {font-size: 5.2vw;}
  .future h3:after{margin:3vw auto}
  .future h3 br {display:block;}
  .future_slide_wrap{width:80%;margin:auto}
  .future_slide{margin-left:0}
  .future_slide .slick-list{margin-left:0}
  .future_slide .future_item:first-child{margin-left:0}
  .future_slide .future_item{position:Relative;width:inherit;margin-left:0;height:inherit}
	/* 2018.05.03 추가 모바일 슬라이드 레이아웃 깨짐 수정 */
    html[dir="rtl"] .future_slide .future_item:first-child {
        margin-left: 0;
    }

  .future_slide .future_item h4 {font-size:2vw;margin:3.9vw 0;padding-bottom:1.8vw;}
  .future_slide .future_item .future-thumb:after {width:8.6vw;height:8.6vw;}
  .future_slide .future_item dt, .future_slide .future_item dd {font-size:2.3vw;}
  .future_slide .future_item dt {margin-bottom:0.6vw;}
  .future_slide .future_item dd {margin-bottom:1.5vw;}
  .future_slide .future_item .future-thumb{height:auto}
  .future_slide .future_item .future-thumb img{width:100%;max-width:inherit;}
  .future_slide .future_item .item-info{position:relative;padding:5vw;;height:auto;box-sizing: border-box}
  .future_slide .future_item .item-info h4{font-size:3.5vw;line-height: 5vw}

  .future_slide .future_item .item-info dt{font-size:3vw;line-height: 4.3vw}

  .future_slide .future_item .item-info dt:first-child{margin-top:3vw}
  .future_slide .future_item .item-info dd{font-size:2.7vw;line-height: 3.5vw}
  .future_slide .future_item .btn_share{bottom:2.3vw;right:2.3vw;font-size:2vw}
  .future_slide .future_item .btn_share:before{width:10px;height:12px;background-size:10px 12px;top: 50%;margin-left: 10px;margin-top: -6px}
  .future_slide .future_item .btn_share_con {display:none; position:absolute; right:3.9vw;bottom:2.5vw}
  .future_slide .future_item .btn_share_con a{float:left; margin-left:3px;}
  .future_slide .future_item .btn_share_con a>img{width:5vw;}

  .character h2 {left:inherit;font-size:5.2vw;}
  .future_slide .slick-list{padding-left:0}
  .character_slide .character_item {height:147vw;padding:23vw 8.4vw 0 8.4vw;}
  .character_slide .character_item h3 {font-size:3.1vw;}
  .character_slide .character_item > p {margin-bottom:3.9vw;line-height:3.3vw;font-size:2.3vw;}
  .character_slide .item1 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/mobile/img_character1.jpg')}
  .character_slide .item2 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/mobile/img_character2.jpg')}
  .character_slide .item3 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/mobile/img_character3.jpg')}
  .character_slide .item4 {background-image: url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/mobile/img_character4.jpg')}
  .character_slide .item2 h3, .character_slide .item3 h3, .character_slide .item4 h3 {margin-top:40vw;}

  .popup_share{display:none}
  .trick_thumb li{width:27%;margin-left:8%}
  .trick_thumb .thumb:after {width:7.1vw;height:7.1vw;}
  .trick_thumb .disc {font-size:2.3vw;line-height:3.1vw;}
  .trick_thumb .disc:before {width:14px;height:12px;}

  .slick-dots {display:block !important;}
  .director {padding-left:3.2vw;}
  .character h2{top:13vw}
  .trick_thumb .disc{padding:5px 0 0 18px}
  .trick_thumb .disc:before{top:4px;left:4px}
  .character_slide .slick-prev{display: none !important;}
  .character_slide .slick-next{display: none !important;}
  .making{margin-top:-30vw !important}
  .interview h3{margin-bottom:15px}
  .interview .director_con{border-left:none}
  .interview .director_con>p{padding-left:12px;font-size:2.3vw;line-height: 3.2vw}
  .interview .director_con>div{padding-left:0}
  .staff-info .thumb img{width:70px}
  .staff-info .name{padding-left:15px}
  .staff-info .name em{margin-top:0}
  .behind-item{padding:0 3vw 0}

}
@media screen and (max-width:380px) {
.character_slide .slick-dots {bottom:30vw;}
}
@media screen and (min-width:1023px) {
  .popup_movie{min-height: 700px;}
  }

.layer_bg{position:absolute;display:block;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.9);z-index:10000}
.movie_pop{position:absolute;width:870px;background-color:transparent;z-index:10010;}
.movie_pop .movie_close{width:32px;height:32px;background:url('/content/dam/kwcms/gt/en/images/experience/brand/futureVision/common/btn_close.png') no-repeat 0 0;position:absolute;top:23px;right:0;text-indent:-99999px;font-size:0}
html[dir="rtl"] .movie_pop .movie_close {right: initial;left: 0;} /* 2018.05.03 추가 rtl일때 비디오 팝업 닫기 버튼 왼쪽으로 수정 */
.movie_pop .movie_tit{height:75px;line-height: 75px;font-size:32px;color:#fff}
.movie_pop .movie_wrap{position:relative;width:100%;padding-bottom:56.25%;height:0}
.movie_pop .movie_wrap  iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.movie_pop .movie_info{width:100%;min-height:155px;background-color:#fff;padding:33px 40px;box-sizing:border-box}
.movie_pop .movie_info dl dt,.movie_pop .movie_info dl dd{float:left}
.movie_pop .movie_info dl dt{font-size:18px;color:#252525}
.movie_pop .movie_info dl dd{font-size:18px;color:#919191}
.movie_pop .movie_info dl dd::before{content:' - ';display:inline-block;width:15px;text-align:Center}
.movie_pop .movie_info dl:after{content:'';display:block;clear:both}
.movie_pop .movie_info dl{margin-top:15px}
.movie_pop .movie_info dl:first-child{margin-top:0}
@media screen and (max-width:1000px) {
  .movie_pop{width:90%}
}
@media screen and (max-width:767px) {
  .movie_pop .movie_close{width:20px;height:20px;background-size:20px 20px;top:14px}
  .movie_pop .movie_tit{font-size:5vw;height:12vw;line-height:12vw}
  .movie_pop .movie_info{padding:5vw}
  .movie_pop .movie_info dl dt,.movie_pop .movie_info dl dd{font-size:3vw}
}