/*****	START :ARTICLE COMPONENTS *****/
/* Article Common */
.contentWrap.pageArticle{padding-bottom: 60px;}
/* common title styles */
.tit-big,
[class*="tit-medium"]{line-height:1.18em}
.tit-small,
.tit-medium-s{line-height:1.277779em}
.tit-small{font-size:29px}/*200212 new option*/
.tit-x-small{font-size:17px}
[class*="cmpnt-"].full{overflow:hidden}
.contentWrap:not(.pageArticle) .headline .cmpnt-tit{background-color:#fff}/*sub main headline*/
.pageArticle  [class*="tit-"] > .tit-sub{display:block;font:"HyundaiRegular","HyundaiKRRegular"}
.pageArticle  [class*="tit-"] ~ .desc.tit-sub{margin-top:1.5em}
@media print,screen and (min-width:741px){
  /* layout */
  .pageArticle [class*=cmpnt-] + [class*=cmpnt-]:not(.noMargin){margin-top:150px}
  /* Common */
  .pageArticle .ptNormal{padding-top:100px}
  .pageArticle .ptWide{padding-top:150px}
  .pageArticle .ptNarrow{padding-top:70px}
  .pageArticle .pbNormal{padding-bottom:100px}
  .pageArticle .pbWide{padding-bottom:150px}
  .pageArticle .pbNarrow{padding-bottom:70px}
  .pageArticle .mtNormal{margin-top:100px}
  .pageArticle .mtWide{margin-top:150px}
  .pageArticle .mtNarrow{margin-top:70px}
  /* common title styles :191224 modify*/
  .tit-big{font-size:70px}
  .tit-big ~ .desc.tit-sub{font-size:16px}
  .tit-medium{font-size:48px}
  .tit-medium-m{font-size:40px}
  .tit-medium-s{font-size:36px}
  .tit-small{margin-bottom:15px}
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit{padding-top:70px}/*sub main headline*/
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit .tit-big{font-size:55px}/*sub main headline*/
  .pageArticle [class*=cmpnt-tit] [class*="h-"]:not(.desc){max-width:736px}
  .pageArticle  .tit-medium ~ .desc.tit-sub{font-size:20px}
}
@media print,screen and (max-width:740px){
  /* layout */
  .pageArticle [class*=cmpnt-] + [class*=cmpnt-]:not(.noMargin){margin-top:80px}
  /* Common */
  .pageArticle .ptNormal{padding-top:60px}
  .pageArticle .ptWide{padding-top:80px}
  .pageArticle .ptNarrow{padding-top:40px}
  .pageArticle .pbNormal{padding-bottom:60px}
  .pageArticle .pbWide{padding-bottom:80px}
  .pageArticle .pbNarrow{padding-bottom:40px}
  .pageArticle .mtNormal{margin-top:60px}
  .pageArticle .mtWide{margin-top:80px}
  .pageArticle .mtNarrow{margin-top:40px}
  /* common title styles */
  .tit-big{font-size:38px}
  [class*="tit-medium"]{font-size:30px}
  .tit-big ~ .desc.tit-sub{font-size:14px}
  .tit-medium ~ .desc.tit-sub{font-size:14px}
  [class*="cmpnt-"].full .tit-medium-s{font-size:30px}
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit{padding-top:30px}/*sub main headline*/
	.contentWrap:not(.pageArticle) .headline .cmpnt-tit .tit-big{font-size:35px}/*sub main headline*/
}
/* common text styles */
.pageArticle .desc{font:"HyundaiTextRegular","HyundaiKRRegular";line-height:1.7em;word-break:keep-all}
.pageArticle .desc:nth-child(n+2){margin-top:1em}
.tit-medium-s + .desc.small-1{margin-top:5px;color:#666}
.pageArticle .desc.small-1{font-size:14px;line-height:1.429em}
.pageArticle .desc.small-2{font-size:15px;letter-spacing:1.5px}
.pageArticle .desc a{color:rgba(0,0,0,0.6);text-decoration:underline}
.pageArticle .bgBl .desc a{color:#fff}/* 200421 add */
.pageArticle .txtArea .more-deco:nth-child(n+2){margin-top:2em}
[class*="cmpnt-"] > .contBox-2 > [class*="tit"]:not(last-child){margin-bottom:20px}
@media print,screen and (min-width:741px){
  .pageArticle  .desc{font-size:17px}
  .pageArticle .desc.right{text-align:right}
  .pageArticle  .imgArea img + .desc{margin-top:10px;text-align:left}
}
@media print,screen and (max-width:740px){
  .pageArticle .desc{font-size:16px}
  .pageArticle .imgArea img + .desc{font-size:14px}
}

/* Article component - Headline */
.bgBl [class*="tit-"]:not(p){color:#fff}

/* Article component - Intro :200113 update (brand article2 - Autonomous_Café_revised)*/
.pageArticle .cmpnt-intro .desc{color:#434343;font:"HyundaiMedium","HyundaiKRMedium"}
.pageArticle .cmpnt-intro dl.desc dt{margin-right:0.7em}
.pageArticle .cmpnt-intro dl.desc .boxFlex-m{flex-wrap:wrap}
.pageArticle .cmpnt-intro dl.desc dd{display:inline}
.pageArticle .cmpnt-intro dl.desc dd + dd{margin-right:0.4em}
/* .pageArticle .cmpnt-intro .desc.small-1{font-weight:bold;font:"HyundaiTextRegular","HyundaiKRRegular"}*/
.pageArticle .cmpnt-intro .desc.small-2 + .desc.small-1{margin-top:15px}
.pageArticle dl.desc.small-2 > *{color:#000}
.pageArticle .icon-time{background:url("../images/philosophy/icon-clock.png") left center / 17px 17px no-repeat}
@media print,screen and (min-width:741px){
  .pageArticle .cmpnt-intro{margin-top:100px}
  .pageArticle .cmpnt-intro .articleTit .category{margin-bottom:10px;font-size:18px}/* 201021 modify */
  .pageArticle .cmpnt-intro .articleTit h1{font-size:58px;line-height:1.18em}/* 201021 add */
  .pageArticle .cmpnt-intro .desc{width:850px;margin-top:34px}
  .pageArticle .cmpnt-intro dl.desc{display:flex;flex-wrap:wrap;width:890px;margin-left:-36px}
  .pageArticle .cmpnt-intro dl.desc dt{margin-left:36px}
  .pageArticle .cmpnt-intro .desc.icon-time{margin-top:40px}
  .pageArticle .icon-time{padding-left:26px}
}
@media print,screen and (max-width:740px){
  .pageArticle .cmpnt-intro{margin:50px 0}
  .pageArticle .cmpnt-intro + [class*=cmpnt-]{margin-top:50px}
  .pageArticle .cmpnt-intro h2.articleTit{font-size:38px}
  .pageArticle .cmpnt-intro .articleTit .category{margin-bottom:10px;font-size:15px}/* 201021 modify */
  .pageArticle .cmpnt-intro .articleTit h1{font-size:38px;line-height:1.18em}/* 201021 add */
  .pageArticle .cmpnt-intro .desc{margin-top:40px;font-size:14px;color:#434343}
  .pageArticle .cmpnt-intro dl.desc dt{float:left}
  .pageArticle .cmpnt-intro .desc.icon-time{margin-top:20px}
  .pageArticle .icon-time{padding-left:26px}
  .pageArticle .cmpnt-intro .icon-time + .desc.tit-sub{margin-top:40px}
}

/* Article component - Headline */
@media print,screen and (min-width:741px){
  .pageArticle .h-big,
  .pageArticle .h-small{max-width:737px}
}
@media print,screen and (max-width:740px){
}

/* Article component - background */
.cmpnt-bg-area.bgImg{background-size:cover;background-repeat:no-repeat;background-position:center}

/* Article component - 2 Columns Content */
.vac{display:flex;flex-direction:column;justify-content:center}
.vab{display:flex;flex-direction:column;justify-content:flex-end}
.cmpnt-cont-cols .tit-medium + .small-1{color:#666}
.cmpnt-cont-cols .imgArea img{max-width:100%}
.cmpnt-cont-cols .imgArea iframe{width:100%}
.cmpnt-cont-cols .imgArea .imgBox{max-width:100%}/* 200515 add */
  /* interview */
  .cmpnt-cont-cols dt.txtArea > .desc{font-size:18px;line-height:1.5em}
@media print,screen and (min-width:741px){
  .cmpnt-cont-cols .txtArea{margin-top:-0.2em}
  .cmpnt-cont-cols .tit-medium + .small-1{margin-top:-10px}
  .cmpnt-cont-cols .imgArea:not(:only-child):last-child{display:flex;flex-direction:column;align-items:flex-end}
  .cmpnt-cont-cols .right .imgArea:not(:only-child):last-child{display:flex;flex-direction:column;align-items:flex-start}/* 200421 add */
  .cmpnt-cont-cols .imgArea .desc{width:100%;text-align:left}
  .cmpnt-cont-cols .col-4w.imgArea iframe{height:198px}
  .cmpnt-cont-cols .col-6w.imgArea iframe{height:306px}
  .cmpnt-cont-cols .col-8w.imgArea iframe{height:416px}
  .cmpnt-cont-cols .imgArea iframe{height:52.6vw}
}
@media print,screen and (max-width:740px){
  .cmpnt-cont-cols.margin-l .imgArea{margin-left:224px}
  .cmpnt-cont-cols .txtArea:nth-last-of-type(2){margin-bottom:30px}
  .cmpnt-cont-cols .imgArea.vtc{width:56.9%}
  .cmpnt-cont-cols .imgArea iframe{height:52.6vw}
  .cmpnt-cont-cols .tit-medium + .small-1{margin-top:-5px}
  .cmpnt-cont-cols [class*="col"].imgArea + [class*="col"].txtArea:last-child{order:-1}
}

/* Article component - Single Content - FULL,BIG,MEDIUM :200113 .imgArea.wide update*/

@media print,screen and (min-width:741px){
  .cmpnt-media iframe{width:100%;height:630px}
  .cmpnt-media .imgArea{}/*컴포넌트 일괄 정리 후 제거 필요*/ /* 200515 modify */
  .cmpnt-media .imgArea .desc{text-align:left}
  .cmpnt-media.big .imgArea{text-align:center}
  .cmpnt-media.big .imgArea img{max-width:100%}
  .cmpnt-media.full .imgArea{display:flex;flex-flow:column}
  .cmpnt-media.full .imgArea img,
  .cmpnt-media.full .imgArea a,
  .cmpnt-media.full .imgArea iframe{align-self:center;min-width:100%}
  .cmpnt-media.full .imgArea iframe{width:100vw;height:580px}
  .cmpnt-media.right{text-align:right}
  .cmpnt-media.center{text-align:center}
}
@media print,screen and (max-width:740px){
  .cmpnt-media .imgArea img,
  .cmpnt-media .imgArea iframe{display:block;width:calc(100% + 30px);margin:0 -15px}
  .cmpnt-media iframe{height:55vw}
  .cmpnt-media.center img{text-align:center}
  .cmpnt-media.big img{width:calc(100% + 30px);margin-left:-15px}
}

/* Article component - QUOTE text :191224 modify*/
.cmpnt-quote.bgBl .quoteArea{color:#fff}
.cmpnt-quote .quoteArea{overflow:visible;text-align:left}
.cmpnt-quote .quoteArea .desc{font:"HyundaiMedium","HyundaiKRMedium"}
.cmpnt-quote .quoteArea > .desc{display:inline-block;position:relative;font-size:28px;line-height:1.642856em;text-align:left}
.cmpnt-quote .quoteArea > .desc:first-child:before{display:block;position:absolute;top:-0.16em;left:0;line-height:1;content:"\201C"}
.cmpnt-quote .quoteArea > .desc .small-2{display:block;font-style:normal}
.pageArticle .cmpnt-quote .txtArea{padding-top:6px}
@media print,screen and (min-width:741px){
  .cmpnt-bg-area.ptNormal .cmpnt-quote .quoteArea{}/* 200515 modify :margin-top:-15px;*/
  .cmpnt-bg-area.ptNormal .cmpnt-quote .quoteArea > .desc{}/* 200515 modify :height:358px;*/
  .cmpnt-quote[class*="bg"] .quoteArea{padding-top:100px;padding-bottom:120px}
  .cmpnt-quote .quoteArea.col-6w:only-child{width:auto;max-width:110%;margin-left:auto;margin-right:auto}
  .cmpnt-quote .quoteArea > .desc{padding:0 96px;font-size:28px}
  .cmpnt-quote .right .quoteArea > .desc{margin-left:66px;padding:0 30px 0 96px}
  .cmpnt-quote .quoteArea > .desc:first-child:before{font-size:150px}
  .cmpnt-quote .quoteArea > .desc .small-2{margin-top:30px;font-size:15px}
  .cmpnt-quote .txtArea{padding-top:6px}
}
@media print,screen and (max-width:740px){
  .cmpnt-bg-area.ptNormal .cmpnt-quote{padding-top:0;padding-bottom:0}/* 200520 modify */
  .cmpnt-quote[class*="bg"] .quoteArea{padding-top:40px;padding-bottom:50px}
  .cmpnt-quote .quoteArea > .desc{padding:0 10px 0 50px;font-size:19px}
  .cmpnt-quote .quoteArea > .desc:first-child:before{font-size:80px}
  .cmpnt-quote .quoteArea > .desc .small-2{margin-top:14px;font-size:12px}
  .cmpnt-quote .txtArea{margin-top:10px}
}

/* Article component - Gallery
  200221 :change to looping slider
*/
.pageArticle .cmpnt-gallery .imgArea{position:relative}
.pageArticle .cmpnt-gallery .imgArea .img-sub{position:absolute;right:0;bottom:0}
  /* image desc text */
  .pageArticle .cmpnt-gallery .desc{margin-top:10px}
  /* control */
  .pageArticle .cmpnt-gallery .area-control{display:flex;justify-content: flex-end;align-items: center;position: absolute;bottom: 0;left:0;right: 0;}/* 210225 modify */
  .pageArticle .cmpnt-gallery .swiper-control{display:flex;margin-left:auto}
  .pageArticle .cmpnt-gallery .swiper-control .pageNum{margin:0 10px;font-size:12px;color:#434343;line-height:44px}
  .pageArticle .cmpnt-gallery .swiper-control button{position:relative;width:44px;height:44px;border:1px solid #434343;border-radius:100%;text-indent:-999em}
  .pageArticle .cmpnt-gallery .swiper-control button:before{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;border-top:1px solid #434343;border-right:1px solid #434343;content:"";transform:translate(-65%,-50%) rotate(45deg)}
  .pageArticle .cmpnt-gallery .swiper-control button.prev:before{transform:translate(-25%,-50%) rotate(-135deg)}
@media print,screen and (min-width:741px){
  .pageArticle .cmpnt-gallery .swiper-wrapper{align-items:flex-end}
  .pageArticle .cmpnt-gallery .swiper-slide{width:100vw;line-height:0}
  .pageArticle .cmpnt-gallery .swiper-slide .imgArea{width:624px;overflow:hidden}
  .pageArticle .cmpnt-gallery .swiper-slide-active .imgArea{width:100vw !important;transition:0.9s ease-in-out width }
  .pageArticle .cmpnt-gallery .swiper-slide-active .imgArea img{width:1600px;height:685px}
  .pageArticle .cmpnt-gallery .desc{padding-right:200px;max-width:1120px}
  .pageArticle .cmpnt-gallery .swiper-slide-next{text-align:right;transition:0.8s}
  .pageArticle .cmpnt-gallery .swiper-slide-next .imgArea{display:inline-block}
  .pageArticle .cmpnt-gallery .swiper-slide-next .imgArea img{width:100%;height:275px}
  /* image desc text */
  .pageArticle .cmpnt-gallery li:not(.swiper-slide-active) .desc{opacity:0}
  /* control */
  .pageArticle .cmpnt-gallery .slideWrap.has-control{padding-bottom:66px}
  .pageArticle .cmpnt-gallery .area-control{margin-top:-0.8em}
  .pageArticle .cmpnt-gallery .swiper-control{left:0;right:0}
  .pageArticle .cmpnt-gallery .slideWrap:not(.has-control) .swiper-control{display:none}
  .pageArticle .cmpnt-gallery .area-control .btnDown{margin-right:20px}
}
@media print,screen and (max-width:740px){
  .pageArticle .cmpnt-gallery{margin-bottom:0}/* 200520 add */ /* 210225 modify */
  .pageArticle .cmpnt-gallery .slideWrap{padding-bottom:64px}
  .pageArticle .cmpnt-gallery .swiper-slide{overflow:hidden}
    /* image desc text */
    .pageArticle .cmpnt-gallery .desc{font-size:14px}
    /* control */
    .pageArticle .cmpnt-gallery .area-control{position:absolute;bottom:0;justify-content:space-between;width:100%}
}

/* Article component - Media Tab */
.cmpnt-media-tab .txtArea .tit-small{max-width:300px}
.cmpnt-media-tab .wrap-tab{background-color:#f6f3f2}
.cmpnt-media-tab .tabs{display:flex}
.cmpnt-media-tab .tabs .tab{flex-shrink:0}
.cmpnt-media-tab .tabs .tab button{position:relative;text-align:center;color:#434343;line-height:1}
.cmpnt-media-tab .tabs .tab button:after{display:block;position:absolute;left:50%;width:0;background-color:#002c5f;content:'';transition:0.3s ease}
.cmpnt-media-tab .conts-tab .cont-tab{display:none}
  /* on */
  .cmpnt-media-tab .tabs .tab.on button,
  .cmpnt-media-tab .tabs .tab button:hover,
  .cmpnt-media-tab .tabs .tab button:focus{color:#002c5f;text-decoration:none}
  .cmpnt-media-tab .conts-tab .cont-tab.on{display:block}
@media print,screen and (min-width:741px){
  .cmpnt-media-tab .txtArea .tit-small{max-width:300px}
  .cmpnt-media-tab .tabs .tab button{padding:22px 25px 21px;font-size:14px}
  .cmpnt-media-tab .tabs .tab button:after{bottom:9px;margin-left:-35px;height:3px}
  .cmpnt-media-tab .conts-tab .cont-tab{display:none;padding:40px 95px 35px 30px}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea{display:flex;flex-direction:column;justify-content:flex-end}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea > .desc:first-child{margin-top:-0.3em}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea > .desc:last-child{margin-bottom:-0.3em}
  .cmpnt-media-tab .cont-tab .txtArea .tit-small{margin-bottom:0}
  .cmpnt-media-tab .cont-tab .imgArea iframe{width:100%;height:400px}
  /* on */
  .cmpnt-media-tab .tabs .tab:hover button:after,
  .cmpnt-media-tab .tabs .tab.on button:after{width:70px}
}
@media print,screen and (max-width:740px){
  .cmpnt-media-tab .wrap-tab{margin-left:-15px;margin-right:-15px}
  .cmpnt-media-tab .txtArea .tit-small{max-width:300px}
  .cmpnt-media-tab .tabs{overflow-x:auto }
  .cmpnt-media-tab .tabs .tab button{padding:15px 10px 14px;font-size:12px;letter-spacing:0.3px}
  .cmpnt-media-tab .tabs .tab button:after{bottom:6px;margin-left:-23px;height:2px}
  .cmpnt-media-tab .conts-tab .cont-tab{padding:23px 15px 12px}
  .cmpnt-media-tab .imgArea{margin-bottom:34px}
  .cmpnt-media-tab .txtArea .tit-small{margin-bottom:0;font-size:20px}
  .cmpnt-media-tab .txtArea .desc{font-size:12px}
  .cmpnt-media-tab .cont-tab .imgArea iframe{width:100%;height:50vw}
  /* on */
  .cmpnt-media-tab .tabs .tab:hover button:after,
  .cmpnt-media-tab .tabs .tab.on button:after{width:46px}
}

/** S:ARTICLE TEMPLATE BOTTOM AREA :200409 modify **/
/* share area */
.pageArticle .shareArea .tit{color:rgba(0,0,0,0.85)}

/* vehicle banner area */
/* read more articles area */
.pageArticle .more-articles [class*="Tit"]{color:#434343}
/* share area */
.pageArticle .shareArea .tit{margin-bottom:12px;font-weight:normal;font-size:18px;line-height:1;font:"HyundaiMedium","HyundaiKRMedium"}/* 201021 modify */
.pageArticle .shareArea .shareList li + li{margin-left:34px}
.pageArticle .shareArea .shareList li img{width:30px}

/* s :200720 add */
.pageArticle .shareArea .shareList li img{display:none}
.pageArticle .shareArea .shareList li a,.pageArticle .shareArea .shareList li button{display:inline-block;width:30px;height:30px;background-size:30px 30px}
.pageArticle .shareArea .shareList li.btnFacebook a{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/facebook.png")}
.pageArticle .shareArea .shareList li.btnTwitter a{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/twitter.png")}
.pageArticle .shareArea .shareList li.btnPinterest a{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/pinterest.png")}
.pageArticle .shareArea .shareList li.btnCopyUrl button{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/link.png")}
/* e :200720 add */

/* vehicle banner area */
.more-vehicle{padding:50px 0}
.more-vehicle .col-space-f{display:flex;flex-direction:column;justify-content:space-between}
/* 200703 add */
.more-vehicle a{display:flex;width:1120px;max-width:100%;margin:0 auto}
.more-vehicle a:hover{text-decoration:none}
.more-vehicle a:hover .more-deco:after{width:2.4em}
/* //200703 add */
@media print,screen and (min-width:741px){
  /* share area */
  .pageArticle .shareArea{padding:175px 0}

 /* vehicle banner area */
 .pageArticle .more-vehicle .imgArea img{width:100%}

 /* read more articles area */
 .pageArticle .more-articles{padding:50px 0}
}
@media print,screen and (max-width:740px){
  /* share area */
  .pageArticle .shareArea{padding:100px 0}

 /* vehicle banner area */
 .more-vehicle [class*="wrap-cols"] > [class*="col"]{margin-bottom:0}
 .more-vehicle a{flex-flow:column}/* 200703 add */
 .pageArticle .more-vehicle .txtArea{height:207px}
 .pageArticle .more-vehicle .secTit .category{font-size:12px}
 .pageArticle .more-vehicle .imgArea{height:80.3125VW}
 .pageArticle .more-vehicle .imgArea img{height:100%}

 /* read more articles area */
 .pageArticle .more-articles{padding:35px 0}
 .pageArticle .more-articles .wrap-cols-multiW > [class*="col"]:first-of-type{margin-bottom:10px}
}
/** E:ARTICLE TEMPLATE BOTTOM AREA :200409 modify**/

/* S: 210225 add */
@media print,screen and (min-width:741px) and (max-width:20000px){
.br-pcMo {display:block !important;}
.br-pc {display:block !important;}
.br-mo {display:none !important;}
}

@media screen and (min-width:0) and (max-width:740px){ 
.br-pcMo {display:block !important;}
.br-pc {display:none !important;}
.br-mo {display:block !important;}
}
/* E: 210225 add */

/* S:191204 add :layerPop */
.layerPop-side{position:fixed;box-sizing:border-box;background-color:#e4dcd3;transition:transform 0.3s,opacity 1s;opacity:0}
.layerPop-side.on{transform:translate(0);transition:transform 0.5s;opacity:1}
.layerPop-side h2{color:#002c5f;line-height:1.28em}
.layerPop-side p.desc{color:#434343;line-height:1.71em}
.layerPop-side .wrap-button button{font-size:12px;text-align:center;line-height:35px;letter-spacing:0.5px}
.layerPop-side .wrap-button button.btn-1{background-color:#002c5f;color:#fff}
.layerPop-side .wrap-button button.btn-2{color:#002c5f}
.layerPop-side button[class*="icon_close"]{position:absolute}
@media screen and (min-width:741px){
  .layerPop-side{display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;right:0;z-index:99;width:25%;min-width:355px;height:100%;transform:translateX(150%)}
  .layerPop-side .contBox{width:100%;padding:46px 6.5% 55px}
  .layerPop-side h2{font-size:36px}
  .layerPop-side p.desc{font-size:17px}
  .layerPop-side .wrap-button{margin-top:28px}
  .layerPop-side .wrap-button button{width:160px}
  .layerPop-side button[class*="icon_close"]{top:30px;right:6.5%}
}
@media screen and (max-width:740px){
  .layerPop-side{bottom:0;z-index:999;width:100%;transform:translateY(150%)}
  .layerPop-side .contBox{width:100%;padding:18px 15px}
  .layerPop-side h2{font-size:30px}
  .layerPop-side p.desc{font-size:14px}
  .layerPop-side .wrap-button{display:flex;margin-top:10px;margin-right:-15px}
  .layerPop-side .wrap-button button.btn-1{width:160px}
  .layerPop-side .wrap-button button.btn-2{width:144px}
  .layerPop-side button[class*="icon_close"]{top:17px;right:15px}
}
/* E:191204 add :layerPop */

/* S:201005 add : show more */
@media print,screen and (min-width:741px){
.btnWrap.main {margin:0;padding:46px 0 150px 0;background-color:#fff;}
button.btn-more {display:inline-block;min-width:168px;height:46px;padding:0 25px;border-color:#002c5e;font-size:18px;line-height:46px;color:#fff;text-align:left;vertical-align:middle;box-sizing:border-box}
button.btn-more:after{display:inline-block;content:'';width:12px;height:7px;margin:0 0 0 12px;background:url("../../../../../../content/dam/hyundai/ww/en/images/common/ico_more.png") no-repeat 0 0;background-size:12px auto;}
}
@media print,screen and (max-width:740px){
    .btnWrap.main {margin:0;padding:26px 0 75px 0;background-color:#fff;}
    button.btn-more {display:inline-block;text-align:center;width:93%;height:45px;line-height:1;margin:0 15px;font-size:16px;}
    button.btn-more:after{display:inline-block;content:'';width:12px;height:7px;margin:0 0 0 10px;background:url("../../../../../../content/dam/hyundai/ww/en/images/common/ico_more_mobile.png") no-repeat 0 0;background-size:12px auto;}
} 
/* E:201005 add : show more */
/* 211116 add : articles category keyword */
.tit-keyword {margin-top:5px; font-size:12px; line-height:1.27;}/* 220215 */
.tit-keyword a {display:inline-block; margin:7px 7px 0 0;  font-size:inherit; color:#002c5f; letter-spacing:0.03em; line-height:1;}
.tit-keyword a:hover {color:#00aad2;}
.wrap-cols-hero .col-main .tit-keyword {margin-top:13px;}
.wrap-cols-hero .col-main .tit-keyword a {font-size:15px; margin:0 12px 10px 0;}
.wrap-cols-hero .col-sub .colTit .tit-keyword {margin-top:7px;}
.wrap-cols-hero .col-sub .colTit .tit-keyword a {font-size:14px; color:#fff;}
.wrap-cols-hero .col-sub .colTit .tit-keyword a:hover {color:#00aad2;}
@media print, screen and (max-width:740px){
  .tit-keyword a {margin:2px 7px 0 0; letter-spacing:0.024em;}
  .wrap-cols-hero .col-main .tit-keyword a {margin-bottom:6px; letter-spacing:0.015em;}
  .wrap-cols-hero .col-sub .colTit .tit-keyword {margin-top:2px;}
  .wrap-cols-hero .col-sub .colTit .tit-keyword a {margin:7px 5px 6px 0; letter-spacing:0.015em;}
}
/*
END :guide-2019.css
*/


.contentWrap .bgBl *,.contentWrap .bgBl * span{color:#fff}
.txtArea.bgBl .more-deco:after{background-color:#fff}
	/* common section title */
	[class*="Tit"] .category{display:block;font-size:12px;line-height:1;letter-spacing:0.1em;color:#002c5f}
  .secTit .category{margin-bottom:5px;font-size:15px;font-weight:normal}
  [class*="wrap-cols"] a:hover,
  [class*="wrap-cols"] a:focus{text-decoration:none}
@media print,screen and (min-width:741px){
  .contentWrap.onlyMain{padding-top:71px}
  .contBox-2{width:1120px;max-width:100%;margin:0 auto}
  [class*="wrap-cols"]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:-50px}
  [class*="wrap-cols"] > [class*="col"]{margin-bottom:50px}
  [class*="wrap-cols"] .imgArea + .colTit{margin-top:15px;font-weight:normal;font-size:18px;line-height:1;font:"HyundaiMedium","HyundaiKRMedium"}/* 201021 modify */
  [class*="wrap-cols"] .imgArea + .colTit .category{margin-bottom:6px}
    /* flex series */
    [class*="boxFlex"]{display:flex}
    [class*="boxFlex-"][class*="-spcbtw"]{justify-content:space-between}
    [class*="boxFlex-col"]{flex-direction:column}
    /* section title */
	.secTit{margin-bottom:10px;font-weight:normal;font-size:40px;line-height:1.3;font:"HyundaiMedium","HyundaiKRMedium"}/* 201021 modify */
    .contBox-2 > .secTit{margin-bottom:20px}
}
@media print,screen and (max-width:740px){
  .contentWrap.onlyMain{padding-top:60px}
  .contBox-2{padding:0 15px}
  [class*="wrap-cols"]{margin-bottom:-20px}
  [class*="wrap-cols"] .imgArea + .colTit{margin-top:10px;line-height:1.267em}
  [class*="wrap-cols"] .imgArea + .colTit .category{margin-bottom:2px}
  [class*="wrap-cols"] > [class*="col"]{overflow:hidden;margin-bottom:20px}
    /* flex series */
    [class*="boxFlex-m"]{display:flex}
    /* .boxFlex-m-rvrs{flex-direction:column-reverse}*/
    .boxFlex-col-spcbtw{display:flex;flex-direction:column;justify-content:space-between}
    /* section title */
    [class*="Tit"]:not(.br-m) > br,
    [class*="tit"]:not(.br-m) > br,[class*="tit"]:not(.br-m) h1 > br{display:none}/* 201021 modify */
	.secTit{margin-bottom:12px;font-size:30px;line-height:1.27;font:"HyundaiMedium","HyundaiKRMedium"}/* 201021 modify */
}

/* COMMON LAYOUT - Multi Width Columns (main article) */
/* Multi Width Columns - cross align */
  /* cross align - common case */
  .wrap-cols-multiW.align-cross .col-4w{z-index:3}
  .wrap-cols-multiW.align-cross .col-6w{z-index:2}
  .wrap-cols-multiW.align-cross .col-8w{z-index:1}
@media print,screen and (min-width:741px){
  .wrap-cols-multiW.right{flex-direction:row-reverse}
  .wrap-cols-multiW.align-cross{margin-bottom:0px}
  .wrap-cols-multiW.align-cross.right{justify-content:flex-end}
  .wrap-cols-multiW [class*="col"][class*="bg"].txtArea{padding:32px}/* 191115 add - new case (overview component) */
  .wrap-cols-multiW .col-space-f{flex:1}
  .wrap-cols-multiW .col-2w{width:17.14285714286%}
  .wrap-cols-multiW .col-3w{width:22.85714285714%}
  .wrap-cols-multiW .col-3w-f{width:25.71428571429%}
  .wrap-cols-multiW .col-4w{width:31.42857142857%}
  .wrap-cols-multiW .col-4w-f{width:34.28571428571%}
  .wrap-cols-multiW .col-5w{width:40%}
  .wrap-cols-multiW .col-6w{width:48.57142857143%}
  .wrap-cols-multiW .col-7w{width:57.14285714286%}
  .wrap-cols-multiW .col-7w-f{width:60%}
  .wrap-cols-multiW .col-8w{width:65.71428571429%}
  .wrap-cols-multiW .col-9w{width:74.28571428571%}
  .wrap-cols-multiW .col-10w{width:82.85714285714%}
    /* cross align - common case */
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-8w{padding-right:0}
    /* cross align - each case :191224 modify*/
    /* falling layout */
    .wrap-cols-multiW.align-cross:not(.right) .col-4w + .col-6w{margin:66px 96px 0}
    .wrap-cols-multiW.align-cross:not(.right) .col-8w + .col-4w,
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-4w,
    .wrap-cols-multiW.align-cross:not(.right) .col-4w + .col-8w{margin:119px 96px 0 -999em}
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-8w,
    .wrap-cols-multiW.align-cross:not(.right) .col-8w + .col-6w{margin:131px 0 0 -999em}
    /* rising layout */
    .wrap-cols-multiW.align-cross.right .col-6w + .col-4w,
    .wrap-cols-multiW.align-cross.right .col-4w + .col-6w{margin:66px 128px 0 0}
    .wrap-cols-multiW.align-cross.right .col-4w + .col-8w,
    .wrap-cols-multiW.align-cross.right .col-8w + .col-4w{margin:119px -63px 0 0}
    .wrap-cols-multiW.align-cross.right .col-8w + .col-6w,
    .wrap-cols-multiW.align-cross.right .col-6w + .col-8w{margin:131px -160px 0 0}
}
@media print,screen and (max-width:740px){
  .wrap-cols-multiW.align-cross{margin-bottom:0}
  .wrap-cols-multiW.align-cross [class*="col"]{position:relative}
  .wrap-cols-multiW [class*="col"][class*="bg"].txtArea{padding:17px 15px}/* 191115 add - new case (overview component) */
  .area-cols .colTit{font-size:15px;font:"HyundaiMedium","HyundaiKRMedium"}/* 201021 modify */
  .wrap-cols-multiW{display:flex;flex-flow:column}
  .wrap-cols-multiW > [class*="col"]{width:100%}
  .wrap-cols-multiW [class*="col"].half{width:calc(50% - 5px)}
  .wrap-cols-multiW [class*="col"].half + .half{margin-left:10px}
  .wrap-cols-multiW [class*="col"][class*="w-f"]{margin-bottom:0}
  .wrap-cols-multiW.align-cross.m-overlap > [class*=col]:first-child{display:flex;flex-direction:column-reverse}
  .wrap-cols-multiW.align-cross.m-overlap > [class*=col]:first-child .desc{margin:0 0 1em}
  .wrap-cols-multiW.align-cross.right:not(.m-overlap) > .half:first-child,
  .wrap-cols-multiW.align-cross:not(.m-overlap):not(.right) > .half:last-child{margin-left:calc(50% + 5px)}
  .wrap-cols-multiW.align-cross.m-overlap:not(.right) > .half:first-child{margin:0 0 -77px 8.625%}
  .wrap-cols-multiW.align-cross.m-overlap:not(.right) > .half:last-child{margin:-77px 0 0 43.105%}
  .wrap-cols-multiW.align-cross.m-overlap.right > .half:first-child{margin:0 0 -77px 43.105%}
  .wrap-cols-multiW.align-cross.m-overlap.right > .half:last-child{margin:-77px 0 0 8.625%}
  .wrap-cols-multiW.align-cross > [class*="col"]{overflow:visible}
  .wrap-cols-multiW.align-cross .col-6w.imgArea + .col-6w .col-4w{margin-left:calc(50% + 5px)}
  .wrap-cols-multiW.align-cross-rvrs .col-10w:not(.imgArea) + .col-2w .col-4w{margin:-77px 0 0 8.625%}
  .wrap-cols-multiW.align-cross .col-6w:not(.imgArea) +.col-6w .col-4w,
  .wrap-cols-multiW.align-cross .col-6w +.col-6w.half{margin:-77px 0 0 43.105%}
  .wrap-cols-multiW.align-cross .col-4w-f .col-6w.half,
  .wrap-cols-multiW.align-cross .col-4w:first-child .col-6w.half,
  .wrap-cols-multiW.align-cross .col-2w:first-child .col-4w.half{margin:0 0 -57px 8.625%}
  .wrap-cols-multiW.align-cross-rvrs .col-6w:first-child{margin:0 0 -57px 43.105%}
  .wrap-cols-multiW.align-cross .col-6w:first-child .col-8w .desc{position:absolute;width:40%}
}
.bgBl {
    background-color: #002c5f !important;
}
.bgDB {
    background-color: #e4dcd3 !important;
}
.art-wrap{
    padding: 90px 0 40px;
}
@media(max-width: 767px){
    .art-wrap{
    padding: 0 0 20px;
}
}
@media print, screen and (min-width: 741px){
.cmpnt-media.full .imgArea picture {
    align-self: center;
    min-width: 100%;
}}