@charset "utf-8";.ckvmn.sectionWrap{padding:0}
.ckvmn .swiper.visual .contsInfo .toolTipWrap,.ckvmn .swiper.visual .contsInfo .toolTipWrap *,.ckvmn .swiper.visual .btn{pointer-events:auto}
.ckvmn .swiper.visual .text_shadow{text-shadow:2px 2px 0 #bbb !important}
.ckvmn .txtList li p,.ckvmn .tooTipList li p{font-family:'HyundaiHRegular'}
.ckvmn .titWrap .tit,.ckvmn .titWrap p,.ckvmn .cta a{font-family:'HyundaiMedium'}
.ckvmn .sectionFull{margin:0}
.ckvmn .swiper.visual{overflow:hidden;position:relative}
.ckvmn .swiper.visual .swiper-wrapper{margin-bottom:0;width:100%;display:flex}
.ckvmn .swiper.visual .swiper-slide{flex-shrink:0;width:100%}
.ckvmn .swiper.visual .swiper-wrapper .obj-wrap{overflow:hidden;position:relative;height:1080px;width:100%;margin:0 auto;display:flex;flex-flow:column;justify-content:space-between}
.ckvmn .swiper.visual .swiper-wrapper .obj-wrap::before{content:'';z-index:6;position:absolute;right:0;top:0;width:100%;height:140px;background-image:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0))}
.ckvmn .swiper.visual .swiper-wrapper .obj-wrap .cover-img{position:absolute;top:0;right:0;width:100%;height:100%}
.ckvmn .swiper.visual .swiper-wrapper .obj-wrap .cover-img img{width:100%;height:100%;object-fit:cover}
.ckvmn .swiper.visual .swiper-wrapper .obj-wrap video{position:absolute;right:0;top:0;z-index:5;width:100%;height:100%;object-fit:cover;background-color:#000}
.ckvmn .video-btn_play{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.ckvmn .video-btn_play span{content:'';display:block;position:absolute;top:50%;left:50%;z-index:12;width:60px;height:60px;margin:-30px 0 0 -30px;background:url(../../../../../template_en/en/images/common/btn-video.png) no-repeat top left;overflow:hidden;cursor:pointer;text-indent:-1000px}
.ckvmn .obj-wrap.isAutoplay .video-btn_play,.ckvmn .obj-wrap.isAutoplay .video-btn_play span{cursor:default}
.ckvmn .obj-wrap.isAutoplay .video-btn_play span{background:0}
.ckvmn .fade-out span{animation:ckvmn-fadeout 1s;-moz-animation:ckvmn-fadeout 1s;-webkit-animation:ckvmn-fadeout 1s;-o-animation:ckvmn-fadeout 1s;animation-fill-mode:forwards}
@keyframes ckvmn-fadeout{from{opacity:1}
to{opacity:0}
}
@-moz-keyframes ckvmn-fadeOut{from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes ckvmn-fadeOut{from{opacity:1}
to{opacity:0}
}
@-o-keyframes ckvmn-fadeOut{from{opacity:1}
to{opacity:0}
}
.ckvmn .swiper.visual .contsInfo{z-index:10;position:relative;padding:170px 0 200px;height:100%;display:flex;flex-flow:column;justify-content:space-between;pointer-events:none}
.ckvmn .swiper.visual .contsInfo .titWrap{display:block;width:100%;margin-bottom:25px}
.ckvmn .swiper.visual .contsInfo .titWrap .icon{margin-bottom:10px;height:40px}
.ckvmn .swiper.visual .contsInfo .titWrap .icon img{width:auto;height:100%}
.ckvmn .swiper.visual .contsInfo .titWrap .tit{display:block;line-height:1.17;letter-spacing:1.16px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitS{font-size:46px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitM{font-size:58px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitL{font-size:70px}
.ckvmn .swiper.visual .contsInfo .titWrap p{margin-top:5px;font-size:24px}
.ckvmn .swiper.visual .contsInfo .txtList{margin-top:30px}
.ckvmn .swiper.visual .contsInfo .txtList li{position:relative;font-size:20px;line-height:1.5;letter-spacing:.4px}
.ckvmn .swiper.visual .contsInfo .txtList li+li{margin-top:10px}
.ckvmn .swiper.visual .contsInfo .txtList li .bullet{padding-right:15px}
.ckvmn .swiper.visual .contsInfo .txtList li .bullet::before{top:7px;width:5px;height:5px;border-radius:50%}
.ckvmn .swiper.visual .contsInfo .tooTipList{margin-top:20px}
.ckvmn .swiper.visual .contsInfo .tooTipList li p{display:inline-block;font-size:16px;line-height:1.75;letter-spacing:.24px}
.ckvmn .swiper.visual .contsInfo .toolTipWrap{display:inline-block;vertical-align:top}
.ckvmn .swiper.visual .toolTipWrap .ic_Bquestion{position:relative;top:4px;right:7px}
.ckvmn .swiper.visual .awardWrap .awardList{width:100%;margin:0;display:flex;flex-wrap:wrap}
.ckvmn .swiper.visual .awardWrap .awardList li{height:70px;margin:6px 0 0 6px}
.ckvmn .swiper.visual .awardWrap .awardList li:last-of-type{margin-left:0}
.ckvmn .swiper.visual .awardWrap .awardList li img{display:block;height:100%}
.ckvmn .banner{z-index:11;position:absolute;right:0;bottom:0;padding:50px 20px;width:100%;flex:none}
.ckvmn .banner.bg_black{background-color:rgba(0,0,0,.43)}
.ckvmn .banner.bg_white{background-color:rgba(255,255,255,.43)}
.ckvmn .banner.bg_gray{background-color:rgba(102,102,102,.43)}
.ckvmn .banner .pip-inner,.ckvmn .banner .pip-inner .cta{display:flex;align-items:center}
.ckvmn .banner .pip-inner{margin:0 auto;padding:0;max-width:1440px;justify-content:flex-end}
.ckvmn .banner .pip-inner .cta a+a{margin-right:10px}
.ckvmn .banner .pip-inner .cta a{padding:0 28px;display:flex;align-items:center;justify-content:center;height:50px;font-size:16px;line-height:1.75;letter-spacing:.32px;border-width:1px;border-style:solid}
.ckvmn .banner .pip-inner .cta .btn_black{border-color:#000}
.ckvmn .banner .pip-inner .cta .btn_gray{border-color:#666}
.ckvmn .banner .pip-inner .cta .btn_white{border-color:#fff}
.ckvmn .swiper.visual .sectionL{align-items:flex-end}
.ckvmn .swiper.visual .sectionL .contsInfo{margin-left:50px;max-width:1440px;align-items:flex-start}
.ckvmn .swiper.visual .sectionC{align-items:center}
.ckvmn .swiper.visual .sectionC .contsInfo{max-width:1440px}
.ckvmn .swiper.visual .sectionR .contsInfo{margin:0 auto;width:1440px}
.ckvmn .mainControlWrap .controlWrap{display:none}
.ckvmn .btn-slide .btn-prev,.ckvmn .btn-slide .btn-next{display:block;position:absolute;top:calc(50% - 22px);z-index:10;width:44px;height:44px;text-indent:-9999px;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,0.35);background-size:9px auto}
.ckvmn .btn-slide .btn-prev::after,.ckvmn .btn-slide .btn-next::after{position:initial}
.ckvmn .btn-slide .btn-prev{right:0;background-image:url("../../../images/common/ico-prev-arr-white.png")}
.ckvmn .btn-slide .btn-next{left:0;background-image:url("../../../images/common/ico-next-arr-white.png")}
.ckvmn .btn-slide .btn-next.swiper-button-disabled,.ckvmn .btn-slide .btn-prev.swiper-button-disabled{opacity:0;cursor:default}
@media(max-width:1440px){.ckvmn .swiper.visual .contsInfo{padding:170px 50px 200px}
.ckvmn .banner .pip-inner{width:100%}
.ckvmn .swiper.visual .sectionL .contsInfo{margin-left:0}
.ckvmn .swiper.visual .sectionR .contsInfo{width:100%}
}
@media(max-width:1024px){.ckvmn .swiper.visual .swiper-wrapper .obj-wrap{height:775px}
.ckvmn .swiper.visual .contsInfo{padding:155px 50px 125px}
.ckvmn .swiper.visual .contsInfo .titWrap{margin-bottom:15px}
.ckvmn .swiper.visual .contsInfo .titWrap .icon{height:25px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitS{font-size:25px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitM{font-size:30px}
.ckvmn .swiper.visual .contsInfo .titWrap .tit.subTitL{font-size:35px}
.ckvmn .swiper.visual .contsInfo .titWrap p{font-size:16px;line-height:1.38;letter-spacing:.32px}
.ckvmn .swiper.visual .contsInfo .txtList{margin-top:15px}
.ckvmn .swiper.visual .contsInfo .txtList li{margin-bottom:5px;font-size:14px}
.ckvmn .swiper.visual .contsInfo .txtList li .bullet{padding-left:10px}
.ckvmn .swiper.visual .contsInfo .txtList li .bullet::before{top:5px;width:4px;height:4px}
.ckvmn .swiper.visual .contsInfo .tooTipList{margin-top:10px}
.ckvmn .swiper.visual .contsInfo .tooTipList li{margin-bottom:5px}
.ckvmn .swiper.visual .contsInfo .tooTipList li:last-of-type{margin-bottom:0}
.ckvmn .swiper.visual .contsInfo .tooTipList li p{font-size:14px;line-height:18px}
.ckvmn .swiper.visual .awardWrap .awardList{width:100%;margin:0;display:flex}
.ckvmn .swiper.visual .awardWrap .awardList li{height:40px;margin:3px 0 0 3px}
.ckvmn .swiper.visual .awardWrap .awardList li img{width:auto}
.ckvmn .banner{padding:27px 15px}
.ckvmn .banner .pip-inner .cta a{padding:0 15px;height:40px;font-size:14px;line-height:15px}
}
@media(max-width:767px){.ckvmn .swiper.visual .contsInfo{padding:95px 20px 102px;width:100%}
.ckvmn .swiper.visual .contsInfo .titWrap .icon img{width:auto !important}
.ckvmn .banner .pip-inner{display:block}
.ckvmn .banner .pip-inner .cta{float:none}
.ckvmn .banner .pip-inner .cta a{padding:0 5px;width:100%}
.ckvmn .banner .pip-inner .cta a+a{margin-right:0;border-right-width:0}
.ckvmn .swiper.visual .sectionC{justify-content:flex-start}
.ckvmn .swiper.visual .sectionR{justify-content:flex-start}
}