@charset "utf-8";.wide-layer.is-open{transform:translateX(0);opacity:1}
.wide-layer.is-open+.layer-dimmed{z-index:101;opacity:1;transition:z-index 0,opacity 1s}
button.wide-layer__closeBtn{position:absolute;left:-88px;top:calc(50% - 44px);overflow:hidden;width:88px;height:88px;background-color:#1e1e1e;text-indent:-9999em}
.wide-layer__closeBtn:before,.wide-layer__closeBtn:after{content:'';position:absolute;left:calc(50% - 13px);top:50%;width:27px;height:1px;background-color:#fff;transform:rotate(45deg)}
.wide-layer__closeBtn:after{transform:rotate(-45deg)}
.layer-dimmed{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:0;transition:z-index 0 1s,opacity 1s}
.layer-dimmed--blue{background-color:rgba(0,44,95,.8)}
.is-hidden{display:none !important}
.cmpnt-media .swiper-button-next,.cmpnt-media .swiper-button-prev{background:0}
.cmpnt-media .swiper-button-next:after,.cmpnt-media .swiper-button-prev:after{font-size:25px;color:#000}
.cmpnt-media .swiper-button-next.swiper-button-disabled,.cmpnt-media .swiper-button-prev.swiper-button-disabled{display:none}
.media-kit__thumb{position:relative;border:1px solid #dbdbdb;background-color:#f6f3f2}
.media-kit_media{position:relative;background-color:#f6f3f2}
.media-kit_media[data-type="image"]{aspect-ratio:16/9;overflow:hidden;text-align:center}
.media-kit_media[data-type="video"]{position:relative;aspect-ratio:16/9;overflow:hidden}
.media-kit_media[data-type="image"] img{object-fit:contain;height:100%;width:100%;aspect-ratio:16/9}
.media-kit_media[data-type="video"]{margin:0}
.media-kit_media[data-type="video"] video{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.media-kit_media+.cmpnt-media__brief{border-top:1px solid #dbdbdb}
.media-kit__thumb .cmpnt-media__brief{padding:16px 20px}
.media-kit__title{padding-left:28px;background-repeat:no-repeat;background-position:0 50%;background-size:18px;font-size:16px;line-height:1.2;font-family:hyundaiMedium}
.media-kit__title[data-type="image"]{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_type_image.svg')}
.media-kit__title[data-type="video"]{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_type_video.svg')}
.media-kit__title[data-type="doc"]{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_type_doc.svg')}
.media-kit__thumb+.media-kit__info{margin-top:30px}
.media-kit__info{font-size:14px;line-height:22px;color:#666}
.media-kit__info>ul>li+li{margin-top:25px}
.media-kit__info a{color:inherit}
.media-kit__info .bold-text{display:block}
.media-kit__info .outlink{font-family:hyundaiMedium}
.bold-text{font-size:14px;font-family:hyundaiMedium;color:#000;line-height:22px}
.mediaSwiper{position:static}
.mediaSwiper .swiper-button-next{right:25px;top:41%}
.mediaSwiper .swiper-button-prev{left:25px;top:41%}
.cmpnt-media__page{overflow:auto}
.cmpnt-media__page--list{max-width:1000px;padding:70px}
.cmpnt-media__page--detail{position:relative;width:0;-ms-overflow-style:none;scrollbar-width:none}
.cmpnt-media__page--detail::-webkit-scrollbar{display:none}
.cmpnt-media__tab{position:sticky;top:0;z-index:1;padding-bottom:35px;font-family:HyundaiMedium}
.cmpnt-media__tab:before{content:'';position:absolute;left:0;top:-70px;width:100%;height:70px;background-color:#fff}
.cmpnt-media__tab sup{color:#999;padding-left:4px;font-size:12px}
.cmpnt-media__tab a:hover sup,.cmpnt-media__tab .on sup{color:#002c5f}
.cmpnt-media__tab ul{display:flex;gap:24px;background-color:#fff}
.cmpnt-media__tab li{white-space:nowrap;font-size:20px}
.cmpnt-media__tab a{display:inline-block;box-sizing:border-box;height:28px;color:#999;text-decoration:none}
.cmpnt-media__tab a:hover,.cmpnt-media__tab li.on a{border-bottom:1px solid #002c5f;color:#002c5f}
.cmpnt-media__wrap{position:relative;display:none}
.cmpnt-media-txt--ios{display:none}
.cmpnt-media__wrap.is-active,.cmpnt-media-empty.is-active{display:block}
.cmpnt-media-empty{display:inline-block;height:32px}
.cmpnt-media__btn{padding:3px 34px 3px 10px;border:1px solid #dbdbdb;background-repeat:no-repeat;background-position:right 10px top 50%;background-size:18px;font-size:14px;font-family:hyundaiMedium;line-height:24px}
.cmpnt-media__btn--add{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_media-cart.svg')}
.cmpnt-media__btn--empty{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_empty.svg')}
.cmpnt-media__btn--empty.is-hide{display:none}
.cmpnt-media-empty__message{display:none}
.cmpnt-media-empty__message.is-visible{display:flex;align-items:center}
.cmpnt-media-empty__message span{display:inline-block;background-color:#fff;font-family:hyundaiMedium;font-size:14px;line-height:24px;padding-left:24px;background-repeat:no-repeat;background-position:left 0 top 20%;background-size:18px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_empty.svg')}
.cmpnt-media-empty__message span+.cmpnt-media__btn{margin-left:15px}
.cmpnt-media-empty__message .cmpnt-media__btn+.cmpnt-media__btn{margin-left:6px}
.cmpnt-media__btn--delete{font-family:hyundaiRegular;padding:2px 12px}
.cmpnt-media__btn--cancel{font-family:hyundaiRegular;padding:2px 12px;color:#999}
.cmpnt-media__btn--cancel:hover{color:#999}
.cmpnt-media__btn:hover{border:1px solid #00aad2;text-decoration:none}
.cmpnt-media__btn:focus{text-decoration:none}
.cmpnt-media__post{font-size:16px;line-height:22px}
.cmpnt-media__topic{display:block;font-size:14px;font-family:hyundaiMedium;color:#999;line-height:24px}
.cmpnt-media__list{display:flex;flex-wrap:wrap;gap:10px}
.cmpnt-media__list--row{margin-right:-10px}
.cmpnt-media__list--col{flex-direction:column}
.cmpnt-media__item{border:1px solid #dbdbdb}
.cmpnt-media__item:hover,.cmpnt-media__item.is-hover{border-color:#00aad2}
.cmpnt-media__list--row .cmpnt-media__item{width:calc(33.3% - 10px)}
.cmpnt-media__list--col .cmpnt-media__item{position:relative;display:flex;justify-content:space-between;align-items:center;padding-right:20px;border-color:#d8d8d8}
.cmpnt-media__thumb{position:relative}
.cmpnt-media__list--col .cmpnt-media__thumb{display:flex;align-items:center;gap:20px;background:0}
#panel__media-kits .media-kit_media[data-type="video"]::after{content:'';position:absolute;left:50%;top:50%;width:45px;height:45px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/btn_video-play.png') no-repeat 50% 50%;background-size:100%;transform:translate(-50%,-50%)}
#panel__media-kits .media-kit_media[data-type="doc"]{aspect-ratio:16/9;font-family:hyundaiMedium;font-size:18px;color:#999;padding:24px;display:flex;align-items:center}
#panel__media-kits .media-kit_media[data-type="doc"] span{display:inline-block;position:relative;margin-top:25px}
#panel__media-kits .media-kit_media[data-type="doc"] span::before{content:'';position:absolute;left:0;top:-25px;width:20px;height:20px;margin-bottom:3px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_document.svg') no-repeat 50% 50%;background-size:100%}
#panel__media-cart .media-kit_media{width:110px;height:61px}
#panel__media-cart .media-kit_media[data-type="video"]::after{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/btn_video-play.png') no-repeat 50% 50%;background-size:100%;transform:translate(-50%,-50%)}
#panel__media-cart .media-kit_media[data-type="doc"]::after{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;margin-bottom:3px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_document.svg') no-repeat 50% 50%;background-size:100%;transform:translate(-50%,-50%)}
#panel__media-kits .cmpnt-media__item{position:relative}
.cmpnt-media__brief{display:flex;justify-content:space-between;align-items:center;background-color:#fff;word-break:break-all;gap:5px}
.cmpnt-media__list--row .cmpnt-media__brief{padding:9px 15px 7px 10px}
.cmpnt-media__info{font-size:12px;line-height:1}
.cmpnt-media__info--gray{display:block;margin-top:3px;font-size:12px;color:#999}
.cmpnt-media__list--col .cmpnt-media__info{font-size:14px}
.cmpnt-media__list--col .cmpnt-media__info--gray{margin-top:4px}
.cmpnt-media__btnWrap{padding-top:70px;text-align:center}
.cmpnt-media__moreBtn{min-width:366px;padding:10px;border:1px solid #e4dcd3;font-size:16px;font-family:hyundaiMedium;color:#999}
.cmpnt-media__moreBtn:after{content:'';display:inline-block;width:10px;height:10px;margin-left:5px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_plus.svg') no-repeat 50% 50%;background-size:100%;opacity:.5}
.cmpnt-media__moreBtn:hover,.cmpnt-media__moreBtn:focus{color:#999;text-decoration:none}
.cmpnt-media__backBtn{display:none;font-size:14px;font-family:hyundaiMedium;color:#666}
.cmpnt-media__backBtn:before{content:'';display:inline-block;width:5px;height:5px;margin:0 2px 2px 1px;border:2px solid #666;border-width:0 0 2px 2px;transform:rotate(45deg)}
.cmpnt-media .outlink::after{content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-left:5px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_outlink.svg');font-size:0;line-height:0;vertical-align:middle}
.cmpnt-media .outlink:hover{color:#002c5f;text-decoration:none}
.cmpnt-media .outlink:hover::after{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_outlink_blue.svg')}
.function{display:flex;gap:10px}
.function__text{display:none}
.function__btn{overflow:hidden;display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;text-indent:-9999em}
.function__btn--copyText{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_copy-text.svg')}
.function__btn--download{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_download.svg')}
.function__btn--download:hover{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_download_on.svg')}
.function__btn--mediaCart{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_media-cart.svg')}
.function__btn--mediaCart:hover,.function__btn--mediaCart.is-added{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_media-cart_on.svg')}
.function__btn--delete{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_delete.svg')}
.function__btn--share{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_share.svg')}
.function__btn--share:hover{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/detail/ico_share_on.svg')}
.cmpnt-media__list--row .function__btn{width:20px;height:20px}
.download{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:1px solid #dbdbdb;background-color:#f6f3f2}
.download+.download{margin-top:0}
.download__ico{padding-left:28px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_zip.svg') no-repeat 0 0;background-size:20px;font-size:16px;font-family:hyundaiMedium;line-height:24px}
.download__ico+.download__file{padding-left:15px}
.download__file{font-size:14px;line-height:12px}
.download-status{position:absolute;right:0;top:0;display:none;align-items:center;height:100%;padding:0 20px;background-color:#fff}
.download-status__text{padding-right:10px;font-size:12px;line-height:12px}
.download-status__progress{position:relative;width:34px;height:7px;background-color:#d8d8d8}
.download-status__progress>span,.download-status__progress>span:before,.download-status__progress>span:after{position:absolute;top:0;width:2px;height:7px;background-color:#fff}
.download-status__progress>span{left:calc(50% - 1px)}
.download-status__progress>span:before{content:'';left:-9px}
.download-status__progress>span:after{content:'';right:-9px}
.download-status__bar{width:0;height:100%;background-color:#000}
.download-status--ing .download-status__bar{animation:downloading 2s linear infinite}
.download-status--ing,.download-status--completed{display:flex}
.download-status--completed .download-status__bar{width:100%}
@-webkit-keyframes downloading{25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}
}
@keyframes downloading{25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}
}
.cmpnt-media__row{display:flex;gap:40px;padding:30px 0}
.cmpnt-media__row+.cmpnt-media__row{border-top:1px solid #d8d8d8}
.cmpnt-media__row .cmpnt-media__post{width:200px;margin-bottom:0}
.cmpnt-media__row .cmpnt-media__list{width:620px}
.cmpnt-media__empty{display:flex;flex-direction:column;justify-content:center;gap:15px;height:calc(100vh - 213px);transform:translateY(-36px)}
.gray-text{color:#999}
.gray-text--big{font-size:30px;font-family:hyundaiMedium;line-height:34px}
.gray-text--small{font-size:16px;line-height:22px}
@media print,screen and (min-width:1024px) and (max-width:20000px){#panel__media-kits{min-width:620px}
.cmpnt-media.has-detail{width:82%}
.has-detail #panel__media-kits{min-width:auto}
.cmpnt-media__page+.cmpnt-media__page{border-left:1px solid #dbdbdb}
.download .download-status,.download .download-status__progress>span,.download .download-status__progress>span:before,.download .download-status__progress>span:after{background-color:#f6f3f2}
.has-detail .cmpnt-media__page--list{width:45.226%;max-width:710px;padding:70px 30px}
.has-detail .cmpnt-media__list--row{margin-right:0}
.has-detail .cmpnt-media__list--row .cmpnt-media__item{width:calc(50% - 5px)}
.has-detail .cmpnt-media__page--detail{width:55.710%;max-width:860px;padding:70px 60px}
.cmpnt-media__list--col .cmpnt-media__thumb{width:calc(100% - 70px)}
.cmpnt-media__list--col .cmpnt-media__info{width:calc(100% - 130px)}
.cmpnt-media__wrap{margin-top:-70px}
.cmpnt-media__btn.cmpnt-media__btn--add{position:sticky;left:100%;top:3px;z-index:5}
.cmpnt-media__row .cmpnt-media__post{margin-top:0}
.cmpnt-media__post{margin:50px 0 20px}
.cmpnt-media-empty{position:sticky;left:100%;top:3px;z-index:5}
.download{margin-top:50px}
.cmpnt-media__info{width:calc(100% - 50px)}
.media-kit__thumb .post-messagePop::before{right:30px}
.cmpnt-media__item .post-messagePop::before{right:22px}
.media-kit__thumb .post-messagePop::before{right:30px}
.cmpnt-media__btn--add+.post-messagePop::before{right:18px}
.cmpnt-media__tab ul{padding-bottom:10px}
@keyframes cartAddAni{from{background-position:0 0}
to{background-position:-72px 0}
}
}
@media screen and (min-width:1024px) and (max-width:1400px){.cmpnt-media.has-detail .cmpnt-media__tab{background:#fff}
.cmpnt-media.has-detail .cmpnt-media__btn.cmpnt-media__btn--add{top:34px}
}
@media screen and (min-width:1024px) and (max-width:1120px){.wide-layer,.cmpnt-media.has-detail{width:89%}
.has-detail .cmpnt-media__page--list{padding:70px 2vw}
.has-detail #panel__media-kits .media-kit_media[data-type="doc"]{padding:12px}
.has-detail #panel__media-kits .media-kit_media[data-type="doc"] span{font-size:14px;margin-top:25px}
.has-detail #panel__media-kits .media-kit_media[data-type="doc"] span::before{top:-20px}
.has-detail .cmpnt-media__tab ul{gap:18px}
.has-detail .cmpnt-media__tab li{font-size:18px}
.has-detail .cmpnt-media__btn{font-size:12px}
.media-kit__thumb .cmpnt-media__brief{padding:16px}
}
@media screen and (min-width:0) and (max-width:1023px){button.wide-layer__closeBtn{left:auto;right:14px;top:14px;z-index:1;width:30px;height:30px;background:0}
.wide-layer__closeBtn:before,.wide-layer__closeBtn:after{left:calc(50% - 9px);width:18px;background-color:#000}
.wide-layer{left:0}
.wide-layer.has-detail{left:auto}
.cmpnt-media__page--list{width:100%;padding:50px 25px}
.ios .cmpnt-media__page--list{padding-bottom:150px}
.cmpnt-media__tab{padding-bottom:60px;background-color:#fff;border-bottom:1px solid #dbdbdb}
.cmpnt-media__tab::before{top:-50px;height:51px}
.cmpnt-media__tab::after{bottom:-31px;height:30px}
.cmpnt-media__tab.is-cart::after{bottom:-20px;height:30px}
.cmpnt-media__tab ul{display:flex;gap:21px;position:static}
.cmpnt-media__tab li{white-space:nowrap;font-size:18px}
.cmpnt-media__wrap{padding-top:28px}
.cmpnt-media__btn+.download{margin-top:10px}
.cmpnt-media__post{line-height:21px}
.cmpnt-media__post+.cmpnt-media__list--row{margin-top:20px}
.cmpnt-media__btn.cmpnt-media__btn--add{padding:0 34px 0 0;position:fixed;right:22px;top:110px;z-index:2;border:0}
.cmpnt-media__btn.cmpnt-media__btn--add:hover{border:0}
.cmpnt-media-empty{position:fixed;right:0;top:99px;z-index:2;width:100%;padding:0 25px;text-align:right}
.cmpnt-media-empty span{display:flex;flex:1}
.cmpnt-media__btn--empty{border:0}
.cmpnt-media__list{flex-direction:column;gap:15px;margin-right:0}
.cmpnt-media__list--row .cmpnt-media__item{width:100%}
.cmpnt-media__list--col .cmpnt-media__item{flex-direction:column;padding-right:0}
.cmpnt-media__list--col .cmpnt-media__thumb{justify-content:flex-start;gap:10px;width:100%}
.cmpnt-media__btnWrap{padding-top:50px}
.cmpnt-media__moreBtn{min-width:100%;font-size:14px}
.cmpnt-media__backBtn{position:absolute;left:25px;top:25px;display:inline-block}
.ios .cmpnt-media__tab{padding-bottom:70px}
.ios .cmpnt-media-txt--ios{position:fixed;left:25px;top:90px;font-size:13px;z-index:2;display:block}
.ios .cmpnt-media-empty{top:115px}
.cmpnt-media__item .post-messagePop::before{right:25px}
.has-detail .cmpnt-media__page--detail{flex-shrink:0;width:100vw;padding:70px 25px}
.ios .has-detail .cmpnt-media__page--detail{padding-bottom:150px}
.has-detail .cmpnt-media__btn--add,.has-detail .cmpnt-media-empty{display:none}
.download .function,.cmpnt-media__list--col .function{position:relative;justify-content:flex-end;align-items:center;width:100%;padding:15px;border-top:1px solid #d8d8d8;background-color:#fff}
.function__text{position:absolute;left:15px;top:50%;display:block;transform:translateY(-50%)}
.cmpnt-media__list--row .function{gap:15px}
.cmpnt-media__list--row .function__btn{width:25px;height:25px}
#panel__media-cart.cmpnt-media__wrap{padding-top:10px}
#panel__media-cart span.slash{display:block;font-size:0;height:3px}
.download{flex-direction:column;align-items:flex-start;padding:0}
.download__info{width:100%;padding:15px}
.download__ico{font-size:14px}
.download__file{font-size:12px}
.download__ico+.download__file{display:block;padding:8px 0 0}
.download-status__text{font-size:14px}
.download-status__progress{width:42px;height:9px;background-color:rgba(0,0,0,.25)}
.download-status__progress>span,.download-status__progress>span:before,.download-status__progress>span:after{height:9px}
.download-status__progress>span{left:calc(50% - 1px)}
.download-status__progress>span:before{left:-11px}
.download-status__progress>span:after{right:-11px}
.download+.cmpnt-media__row{padding-top:40px}
.cmpnt-media__row{flex-direction:column;gap:20px}
.cmpnt-media__row .cmpnt-media__post,.cmpnt-media__row .cmpnt-media__list{width:100%}
.media-kit .cmpnt-media__post{display:block}
.cmpnt-media__list--col .cmpnt-media__info{width:calc(100% - 120px);word-break:break-all;padding-right:10px;font-size:12px}
.cmpnt-media__page--detail .cmpnt-media__post+.media-kit__thumb{margin-top:20px}
.media-kit__thumb .post-messagePop::before{left:46px}
.mediaSwiper .swiper-button-next,.mediaSwiper .swiper-button-prev{display:none}
.cmpnt-media__btn--add+.post-messagePop{position:fixed;right:22px}
.cmpnt-media__btn--add+.post-messagePop::before{right:17px}
}
@media screen and (min-width:768px) and (max-width:1023px){.media-kit__thumb .post-messagePop{right:0}
.media-kit__thumb .post-messagePop::before{left:57px}
.cmpnt-media__list--row{flex-direction:unset;justify-content:space-between}
.cmpnt-media__list--row .cmpnt-media__item{width:calc(50% - 8px)}
}
@media screen and (min-width:0) and (max-width:767px){.media-kit__thumb{border:0}
.media-kit__thumb .post-messagePop{right:auto;left:5px}
.media-kit__thumb .cmpnt-media__brief{flex-direction:column;align-items:flex-start;padding:0}
.media-kit__thumb .function{gap:18px;width:100%;padding:10px 0}
.media-kit__title{width:100%;padding:20px 0 10px 28px;border-bottom:1px solid #dbdbdb;background-position:0 20px}
}