@charset "utf-8";
/**** 현대 디자인 개선****/
/* 현대 개선 사항 2022-0407 */
.typeHyundai .btn.banner { margin-top: -5px !important;}
.typeHyundai #headerWrapper span.col-0 { padding: 0 !important; line-height: 25px !important;}


/**** 현대 디자인 개선 : e ****/

/* 현대 메인 개선사항 2021-0629 */
.typeHyundai #container { padding: 0 40px !important; background: linear-gradient(180deg, #f6f3f2 44%, #dfdfdf 44%);}
.typeHyundai #container.main .slogan .sloganDesc::after { display: none;}
.typeHyundai #headerWrapper .bg_car.hyundai { z-index: 5; display: block; left: 2.1%; bottom: -650px;}
.typeHyundai #contents { z-index: 100;}
.typeHyundai #container.main .slogan { z-index: 5;}
.typeHyundai #container.main .slogan .sloganTitle { color: #fff; line-height: 60px;}
.typeHyundai #container.main .slogan .sloganDesc { font-family:'HyundaiSansTextKR',sans-serif; color: #ebebeb !important; font-weight: 500; line-height: 22px;}

/*** 제네시스 개선사항 2021-09-01***/
.typeGenesis #container.main .slogan .sloganDesc {top:-5px;padding-top:6px;font-size:16px;line-height:22px;font-weight:300;letter-spacing:normal; font-family:'GenesisSansHead-Light',sans-serif; color:#fff;}
.typeGenesis #headerWrapper header h1 img { width: 128px; height: 26px;}
.typeGenesis #container.main .cnts_main .article_main_1 {background-color:rgba(61,61,61,0.88);}
.typeGenesis #container.main .cnts_main article header h4 { font-family:'GenesisSansHead-Light'; font-size: 18px; font-weight: 300;}
.typeGenesis .cnts_main article .desc_font_0 { font-size:14px; line-height:20px; font-weight:400; letter-spacing:normal; color:#e2e2e2;}
.typeGenesis #container.main { top:9px;font-family:'GenesisSansHead-Light',sans-serif;} /* 2019-12-05 */
.typeGenesis #container.main .desc_font_0 { font-family:'GenesisSansTextKR',sans-serif;}
.typeGenesis #container.main .header_font_5 { font-family:'GenesisSansTextKR',sans-serif; font-weight: 300;}
.typeGenesis #container.main .cnts_customer_center { font-family:'GenesisSansHead-Light',sans-serif; font-weight: 300;}
.typeGenesis #container.main .slogan .sloganTitle { top:-5px ;font-family:'GenesisSansHead-Light',sans-serif; color: #a36b4f; font-weight: 300;}
.typeGenesis #container.main .slogan .sloganTitle > p { position: relative; overflow: hidden;font-family:'GenesisSansHead-Light',sans-serif; letter-spacing: -1.5px;} 
.typeGenesis #container.main .cnts_main .article_main_0 .notice_title { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 14px !important;}
.typeGenesis #container.main .cnts_main .btn.shortcut { width:100px; height:50px; padding: 10px 0px; font-size:16px; line-height: 22px; letter-spacing:normal ;background: #fff; color:#000; text-align:center;
                                                        opacity:0; transition:width 0.2s ease, opacity 0.2s ease;box-sizing:border-box;display:inline-block;}
.typeGenesis #container.main .cnts_main .btn.shortcut:hover {height:50px; padding-top:12px; line-height: 22px; color:#fff; background:#000;  text-align:center; border:1px solid #fff; box-sizing:border-box; display:inline-block;}
.typeGenesis #container.main .cnts_main .btn.shortcut { font-family:'GenesisSansTextKR',sans-serif; font-size: 14px; font-weight: 300;}



/**** theme.page.main.css : US, CA, EU, TR 전용 CSS  ****/

/* 기아-북미전용 2021-0525 */
.typeKia #headerWrapper header { top: 15px; height: 140px; font-family: 'KIA-SIG',sans-serif;}
.typeKia #headerWrapper header h1 { font-family: 'KIA-SIG',sans-serif;}
.typeKia #headerWrapper span.col-0 { padding-top: 0 !important; margin-top: 2px;}
.typeKia #headerWrapper .gnb_depth1 { padding-top: 0 !important; margin-top: 12px;}
.typeKia #headerWrapper nav.gnbArea { bottom: 18px;}
.typeKia #container.main .slogan .sloganTitle > p { position: relative; overflow: hidden; font-family:'KIA-SIG',sans-serif; letter-spacing: -1.5px; height: 75px;}
.typeKia #container.main .slogan .sloganDesc { padding-top:6px; font-family: 'KIA-SIG',sans-serif; font-size:19px; line-height:26px; font-weight:500; letter-spacing:normal; color:#666;}
.typeKia #container.main { font-family:'KIA-SIG',sans-serif;}
.typeKia #container.main .desc_font_0 { font-family:'KIA-SIG',sans-serif;}
.typeKia #container.main .cnts_main .article_main_1 { background-color: #ea0029;}
.typeKia #contents { font-family:'KIA-SIG',sans-serif !important;}
.typeKia #mainFooter { font-family:'KIA-SIG',sans-serif;}

/* 공지사항 메뉴박스 타이틀 */
#container.main .cnts_main .article_main_0 .notice_title { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 18px !important;}
.cnts_main article .date_font_0 { font-size: 14px; line-height: 20px; font-weight: 300; letter-spacing: normal; color: #bbb;}

/* 현대수정 2021-0518 */
.typeHyundai #headerWrapper .gnb_depth1 { padding-top: 0 !important;}
.typeHyundai .btn.banner{margin-top: -10px !important;}
/**/



.typeGenesis #container.main .slogan .sloganDesc::after { display: none;}

#contents > section.cnts_main { padding-top: 0; padding-bottom: 0;}

/* 제네시스 수정 2020-10-13 */
.typeGenesis #container.main .slogan .sloganDesc::after { display: none;}
.typeGenesis #container.main .cnts_main .btn.shortcut img { display:none;}
.typeGenesis #container.main .cnts_main .shortCutBtnBox .mr10 { margin: 0;}
.typeGenesis .cnts_main article .date_font_0 { font-family:'GenesisSansTextKR',sans-serif;}

#wrapper {min-width:1200px; overflow:hidden; word-break:keep-all;}
#headerWrapper .bg_car {position:absolute; z-index:-1;}
#headerWrapper .bg_car img{position: absolute; bottom: 0; left: 0;} /* 2019-11-25 추가 */ 

.typeKia #headerWrapper .bg_car.kia {bottom:-487px; left:46%; width:100%; height:100%; display:block;}
.typeGenesis #headerWrapper .bg_car.genesis {bottom:-430px; left: 19%; width:100%; height:100%; display:block;}

.typeHyundai #container.main {font-family:'HyundaiSansTextKR',sans-serif;}
.typeHyundai #container.main .desc_font_0 {font-family:'HyundaiSansTextKR',sans-serif; font-size: 18px;}
.typeHyundai #container.main .date_font_0 {font-family:'HyundaiSansTextKR',sans-serif;}
.typeHyundai #container.main .header_font_5 {font-family:'HyundaiSansTextKR',sans-serif;}
.typeHyundai #container.main .cnts_customer_center {font-family:'HyundaiSansTextKR',sans-serif;}

.typeKia #container.main .slogan .sloganTitle span.word00 {-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -ms-animation-delay:0.6s; animation-delay:0.6s;}
.typeKia #container.main .slogan .sloganTitle span.word01 {-webkit-animation-delay:0.65s; -moz-animation-delay:0.65s; -ms-animation-delay:0.65s; animation-delay:0.65s;}
.typeKia #container.main .slogan .sloganTitle span.word02 {-webkit-animation-delay:0.7s; -moz-animation-delay:0.7s; -ms-animation-delay:0.7s; animation-delay:0.7s;}
.typeKia #container.main .slogan .sloganTitle span.word03 {-webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -ms-animation-delay:0.75s; animation-delay:0.75s;}


#container.main .slogan {padding: 22px 100px 57px 103px;}
#container.main .slogan .sloganTitle > p {position: relative; overflow: hidden;font-family:'HyundaiSansTextKR',sans-serif; letter-spacing: -1.5px;} /* 2019-11-26 폰트추가*/
#container.main .slogan .sloganTitle {font-size:60px; line-height:70px; font-weight:700; letter-spacing:normal; color:#16181d; animation:none;}
#container.main .slogan .sloganTitle span {display:inline-block; -webkit-animation:sloganAnimation 0.4s ease 2s backwards; -moz-animation:sloganAnimation 0.5s ease 2s backwards; -ms-animation:sloganAnimation 0.5s ease 2s backwards; animation:sloganAnimation 0.4s ease 2s backwards;}
#container.main .slogan .sloganTitle span.word00 {-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -ms-animation-delay:0.6s; animation-delay:0.6s;}
#container.main .slogan .sloganTitle span.word01 {-webkit-animation-delay:0.65s; -moz-animation-delay:0.65s; -ms-animation-delay:0.65s; animation-delay:0.65s;}
#container.main .slogan .sloganTitle span.word02 {-webkit-animation-delay:0.7s; -moz-animation-delay:0.7s; -ms-animation-delay:0.7s; animation-delay:0.7s;}
#container.main .slogan .sloganTitle span.word03 {-webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -ms-animation-delay:0.75s; animation-delay:0.75s;}
@keyframes sloganAnimation {0%{opacity:0.4; transform:translatey(100%);} 100%{opacity:1; transform:translatey(0%);}}


#container.main .slogan .sloganDesc {padding-top:6px; font-size:19px; line-height:26px; font-weight:400;letter-spacing:normal;color:#666;}
#container.main .slogan .sloganDesc::after {content:""; position:absolute; bottom:-40px; left:0; width:60px; height:1px; background-color:#7c7c7c;}

.typeGenesis #container.main .articleWrap {display:table; width:100%; table-layout:fixed;cursor: pointer;}
#container.main .articleWrap {display:table; width:100%; table-layout:fixed;cursor: pointer;}
#container.main .articleWrap > article {position:relative; float:none; width:25%; min-width:calc( 1280px * 25 / 100 ); transition:width 0.65s ease; -ms-transition:width 0.65s ease;  box-sizing:border-box; display:table-cell; overflow:hidden;}
#container.main .articleWrap > article.non_active_article {width:21%; min-width:calc( 1280px * 21 / 100 );}
#container.main .articleWrap > article.active_article {width:37%; min-width:calc( 1280px * 37 / 100 );}
.cnts_main article header h4 {max-width:210px; font-size:24px; line-height:30px; font-weight:700; letter-spacing:normal; color:#fff;}


.cnts_main .article_con {height:320px !important; padding:41px 40px 56px 40px !important; display:flex !important; overflow:hidden !important; flex-direction:column !important; justify-content:space-between !important; box-sizing:border-box !important;} /*2019-11-26 수정*/ 
.cnts_main .article_main_0 .article_con {padding-bottom: 62px;}


.typeGenesis #contents { font-family: 'GenesisSansTextKR';}
.cnts_main article .article_con .icon_box {height:55px; margin-bottom:19px;}
.cnts_main article .header_font_5 {font-size:18px; line-height:23px; font-weight:400; letter-spacing:normal; color:#fff;}
.cnts_main article .desc_font_0 {font-size:18px; line-height:20px; font-weight:400; letter-spacing:normal; color:#bbb;}
#container.main .cnts_main .article_main_0 {background-color:rgba(33,33,33,0.88);}
#container.main .cnts_main .article_main_0 .swiper-container {/*max-width:280px !important;*/ margin-left:0;} /* 2020-02-26 수정 */      /* 07-10*/
#container.main .cnts_main .article_main_0 .swiper-slide{width:100%; opacity:1; transition:opacity 0.2s ease;display: none;} /* 2019-12-02 수정 */
/*#container.main .cnts_main .article_main_0 .swiper-slide.swiper-slide-next{opacity:0;}*/ /* 2020-02-19 수정(깜빡임 IE 대응)*/
#container.main .cnts_main .article_main_0 .swiper-slide .cnts_update_notice_latest > header {margin-bottom:21px;}
#container.main .cnts_main .article_main_0 .swiper-pagination {bottom:43px; left:39px; display: none;}
#container.main .cnts_main .article_main_0 .swiper-pagination-bullet {width:50px; height:2px; margin-right:5px; border-radius:0; background-color:#fff; opacity:0.32;}
#container.main .cnts_main .article_main_0 .swiper-pagination-bullet-active {height:3px; opacity:1;}
.article_main_0 .rolling_btn_wrap {position:absolute; bottom:0; right:0; opacity:0; transition:opacity 0.2s ease; display: none;}
.article_main_0 .rolling_btn_style_1_con .rolling_btn {width:55px; height:55px; background-position:center center; background-repeat:no-repeat; background-size:10px 17px; box-sizing:border-box; display:inline-block;}
.article_main_0.active_article .rolling_btn_wrap {opacity:1;}
.article_main_0 .rolling_btn_style_1_con.left .rolling_btn {background-color:rgba(0,0,0,0.4); background-image:url('/images/etc/blt_arrowLeft.png');}
.article_main_0 .rolling_btn_style_1_con.right .rolling_btn {background-color:rgba(0,0,0,0.7); background-image:url('/images/etc/blt_arrowRight.png');}
#container.main .cnts_main .article_main_0.active_article .notice_title{ max-width: 100%;}
#container.main .cnts_main .article_main_0 .notice_desc {max-height:80px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:normal; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
#container.main .cnts_main .article_main_0 .desc_box {height:0; transition:margin-bottom 0.5s ease, height 0.4s ease;}
#container.main .cnts_main .article_main_0.active_article .desc_box {display: none;}
.typeHyundai #container.main .cnts_main .article_main_1 {background-color:rgba(0,44,95,1);}

#container.main .cnts_main .article_main_1 > header {margin-bottom:120px;}
#container.main .cnts_main .article_main_1 .cnts_sup {position:relative; font-size:0; line-height:0;}

#container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:360px !important;}
#container.main .cnts_main .article_main_2.active_article .cnts_update_guide{position:relative; font-size:0; line-height:0;}
#container.main .cnts_main .shortCutBtnBox{position:absolute;right:0; bottom:0;} /* 초기값 top:4px, right:0; 2019-12-17 수정 */
#container.main .cnts_main .btn.shortcut {width:100px; height:50px; padding:11px 0px; font-size:16px; line-height:22px; font-weight:700; letter-spacing:normal; color:#fff; text-align:center; border:3px solid rgba(255,255,255,0.7); /*display:none; */opacity:0; transition:width 0.2s ease, opacity 0.2s ease; box-sizing:border-box; display:inline-block;}
#container.main .cnts_main .article_main_3 .btn.shortcut:last-child{position:absolute;right:0; bottom:0;} /* 2019-11-27 추가 */
#container.main .cnts_main article.active_article .btn.shortcut {width:180px; opacity:1;}
#container.main .cnts_main article.active_article .btn.shortcut + img {padding-bottom:1px;}
#container.main .cnts_main .btn.shortcut:hover {border-color:rgba(255,255,255,1);}
#container.main .cnts_main .article_main_2 {background-color:rgba(0,0,0,0.88);}
#container.main .cnts_main .article_main_2 > header {margin-bottom:120px;}
#container.main .cnts_main .article_main_3 {background-color:rgba(61,61,61,0.88);}

.article_main_3 .cnts_customer_center {font-size:14px; line-height:20px; font-weight:400; letter-spacing:normal; color:#fff; display: none;}} /* 2019-12-02 수정*/
.article_main_3 .cnts_customer_center ul{margin-bottom: 12px;} /* 2019-12-02 추가 */
.article_main_3 .cnts_customer_center li {transition:all 0.2s ease; width: 91px; float: left; margin-right: 26px;} /* 2019-12-02 수정 */
.article_main_3 .cnts_customer_center li:hover {color:#bbb;}
.article_main_3 .cnts_customer_center li:last-child {margin-right:0;} /* 2019-12-02 수정 (초기값 : margin-bottom: 0)*/
.article_main_3 .cnts_customer_center .descBox{max-width:210px;} /* 2019-12-13 추가 */

/*2019-12-02 추가 */
.article_main_3 .cnts_customer_center li:nth-child(2n+1){margin-right: 26px; clear: left; transition: margin-right 0.5s ease;}
.article_main_3 .cnts_customer_center li:nth-last-child(2){margin-bottom: 0;}
.article_main_3.non_active_article .cnts_customer_center li:nth-child(2n+1){margin-right: 5px;}
/* */


#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}



@media (max-width:1280px){		/* 2020-04-13 추가(1200 전체) */
	#container.main .cnts_main .article_main_0 .swiper-slide {display: block;} 
	#container.main .cnts_main .article_main_0 .swiper-pagination {display: block;}
	#container.main .cnts_main .article_main_0 .swiper-container {margin-left:0;}  /* 07-10*/
	#container.main .cnts_main .article_main_0 .swiper-pagination-bullet {width:40px; height:2px; margin-right:5px; border-radius:0; background-color:#fff; opacity:0.32;}
	#container.main .cnts_main .article_main_0 .swiper-pagination-bullet-active {height:3px; opacity:1;}
	.cnts_main article header h4 {max-width:250px; font-size:23px;}
	.cnts_main article .desc_font_0 {letter-spacing:-.5px; font-size:15px !important;} 
	.cnts_main .article_con{padding:41px 40px 56px 20px !important;} 
	#container.main .cnts_main .btn.shortcut {min-width:195px; letter-spacing:-.2px;} 
	#container.main .cnts_main .article_main_0 .swiper-container {width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}


@media (min-width:1280px) and (max-width:1365px){
	#container.main .cnts_main .article_main_0 .swiper-slide {display: block;} 
	#container.main .cnts_main .article_main_0 .swiper-pagination {display: block;}
	#container.main .cnts_main .article_main_0 .swiper-container { margin-left:0;} /* 2020-04-13 추가 */       /* 07-10 */
	#container.main .cnts_main .article_main_0 .swiper-pagination {left:20px;}
	#container.main .cnts_main .descBox {max-width:215px !important;} /* 2020-04-02 추가 */
	.cnts_main article header h4 {max-width:250px; font-size:23px;} /* 2020-04-02 추가 */
	.cnts_main article .desc_font_0 {letter-spacing:-.5px; font-size:15px !important;} /* 2020-04-02 추가 */
	.cnts_main .article_con{padding:41px 40px 56px 20px !important;} /* 2020-04-02 추가 */
	#container.main .cnts_main .btn.shortcut {min-width:195px; letter-spacing:-.2px;} /* 2020-04-02 추가 */ 
	#container.main .cnts_main .article_main_0 .swiper-container {width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}

/* 2020-04-03 추가 */
@media (min-width:1280px) and (max-width:1365px){
    .typeHyundai #container { padding: 0 40px !important; width: 1351px; height: 680px; background: linear-gradient(180deg, #f6f3f2 55.9%, #dfdfdf 44.1%);}
    .typeHyundai #contents { top: 20px;}
    .typeHyundai #container.main .slogan { padding: 70px 130px; height: 360px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -530px; left: 40px; background: none;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 1271px;}
    .typeHyundai .cnts_main .article_con { height: 300px;}

    #container.main .cnts_main .descBox {max-width:215px !important;} /* 2020-04-02 추가 */
    .cnts_main article header h4 {max-width:250px; font-size:23px;} /* 2020-04-02 추가 */
    .cnts_main article .desc_font_0 {letter-spacing:-.5px; font-size:15px;} /* 2020-04-02 추가 */
    .cnts_main .article_con{padding:41px 40px 56px 20px !important;} /* 2020-04-02 추가 */
    #container.main .cnts_main .btn.shortcut {min-width:195px; letter-spacing:-.2px;} /* 2020-04-02 추가 */
	#container.main .cnts_main .article_main_0 .swiper-container {width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
   }


@media all and (min-width: 1366px){
    .typeHyundai #container { padding: 0 40px !important; width: 1351px; height: 680px; background: linear-gradient(180deg, #f6f3f2 55.9%, #dfdfdf 44.1%);}
    .typeHyundai #contents { top: 20px;}
    .typeHyundai #container.main .slogan { padding: 70px 130px; height: 360px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -530px; left: 40px; background: none;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 1271px;}
    .typeHyundai .cnts_main .article_con { padding: 41px 40px 56px 15px !important; height: 300px;}
    .typeHyundai #container.main .desc_font_0 { font-size: 12px;}

    #container.main .cnts_main .article_main_0 .swiper-slide {display: block;} /* 2019-12-02 수정 */
    #container.main .cnts_main .article_main_0 .swiper-pagination {display: block;}
    #container.main .cnts_main .article_main_0 .rolling_btn_wrap {display: block;}
    #container.main .cnts_main .article_main_1 .cnts_sup .descBox{display: block;}
    #container.main .cnts_main .article_main_2 .cnts_update_guide .descBox{display: block;}
    #container.main .cnts_main .article_main_3 .cnts_customer_center{display: block;}
    #container.main .cnts_main .shortCutBtnBox{bottom:0;}  /* 초기값: top:4px; 2019-12-17 수정*/
    .cnts_main article .desc_font_0 {letter-spacing:normal; font-size:14px;} /* 2020-04-02 추가 */
	#container.main .cnts_main .article_main_0 .swiper-container {max-width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}

@media all and (min-width:1400px){
    .typeHyundai #container { padding: 0 40px !important; width: 1400px; height: 680px; background: linear-gradient(180deg, #f6f3f2 55.9%, #dfdfdf 44.1%);}
    .typeHyundai #contents { top: 20px;}
    .typeHyundai #container.main .slogan { padding: 70px 130px; height: 360px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -535px; left: 40px; background: none;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 1320px;}
    .typeHyundai .cnts_main .article_con { height: 300px;}


    .typeHyundai .cnts_main .article_con { padding: 41px 40px 56px 15px !important;}
    .typeHyundai #container.main .desc_font_0 { font-size: 15px;}

    .typeKia #headerWrapper .bg_car.kia {bottom:-612px;}               
    .typeGenesis #headerWrapper .bg_car.genesis {bottom:-570px;}        
    .cnts_main article .desc_font_0 {letter-spacing:normal; font-size:18px;} 
	#container.main .cnts_main .article_main_0 .swiper-container {max-width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}

@media all and (min-width:1600px){ 
    .typeHyundai #container { padding: 0 40px !important; width: 1585px; height: 810px; background: linear-gradient(180deg, #f6f3f2 60.5%, #dfdfdf 39.5%);}
    .typeHyundai #contents { top: 0;}
    .typeHyundai #container.main .slogan { padding: 150px 130px; height: 490px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -665px;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 1505px;}  
    .typeHyundai .cnts_main .article_con { padding: 41px 40px 56px 25px !important;}

    .typeHyundai #container.main .desc_font_0 { font-size: 17px;}
    .cnts_main article header h4 { max-width:none;}
    #container.main .cnts_main article.active_article .btn.shortcut {width:240px; opacity:1;}
    .article_main_0 .rolling_btn_style_1_con .rolling_btn { display: block; width:74px; height:74px;} 
    #container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:250px !important;} 
    #container.main .cnts_main .article_main_0 .swiper-container {width:100%;}
	#container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
    #container.main .cnts_main .article_main_0 .notice_title{}
    #container.main .cnts_main .article_main_0.active_article .desc_box {margin-bottom:19px;}
    .cnts_main article .desc_font_0 {max-width:360px;letter-spacing:normal; font-size:16px; letter-spacing: -.3px;}
	.cnts_main .article_con { height: 330px; padding: 41px 40px 56px 25px !important; display: flex !important; overflow: hidden !important; flex-direction: column !important; 
							justify-content: space-between !important; box-sizing: border-box !important;}
}

@media all and (min-width:1800px){ /* 해상도 X */
    #container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}

@media all and (min-width:1920px){
    .typeHyundai #container { padding: 0 40px !important; width: 1920px; height: 707px; background: linear-gradient(180deg, #f6f3f2 55.8%, #dfdfdf 44.2%);}
    .typeHyundai #contents { top: 0;}
    .typeHyundai #container.main .slogan { padding: 80px 130px; height: 395px;}
    .typeHyundai #container.main .slogan .sloganTitle { margin-bottom: 30px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -610px;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 1840px;}    
    .typeHyundai .cnts_main .article_con { padding: 41px 40px 56px 25px !important;}

	 #container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:360px !important;} 
    .typeKia #headerWrapper .bg_car.kia {bottom:-688px;}          /* 2019-11-25 추가 */
    .typeGenesis #headerWrapper .bg_car.genesis {left:calc((100% - 1920px) / 2 + 220px); bottom:calc((100% - 1920px) / 2 + 240px); } 
    .cnts_main article .desc_font_0 {letter-spacing:normal; font-size:18px;} 
    #container.main .cnts_main .article_main_0.non_active_article .swiper-container {max-width:100%;}
}

/* 2560, 3840  2020-02-03 추가 */
@media all and (min-width:2560px){
    .typeHyundai #container { padding: 0 40px !important; height: 780px; background: linear-gradient(180deg, #f6f3f2 58.6%, #dfdfdf 41.4%);}
    .typeHyundai #contents { top: 0;}
    .typeHyundai #container.main .slogan { padding: 70px 130px; height: 457px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -1275px;}
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 2480px;}
	#container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:360px !important;}
}

@media all and (min-width:3840px){     
    .typeHyundai #container { padding: 0 40px !important; width: 3840px; height: 860px; background: linear-gradient(180deg, #f6f3f2 62.8%, #dfdfdf 37.2%);}
    .typeHyundai #contents { z-index: 200; position: absolute; top: 540px; width: 3760px;}
    .typeHyundai #container.main .slogan { padding: 100px 130px; height: 540px;}
    .typeHyundai #container.main .slogan .sloganTitle { margin-bottom: 30px; font-size: 100px; line-height: 120px !important;}
    .typeHyundai #container.main .slogan .sloganDesc { left: 0; font-size: 40px; line-height: 45px;}
    .typeHyundai #container.main .slogan .sloganTitle > p { height: 120px;}
    .typeHyundai #headerWrapper .bg_car.hyundai { bottom: -980px;}  
    .typeHyundai #headerWrapper .bg_car.hyundai img { width: 3760px;}    

    .typeGenesis #container { padding: 0 40px !important; width: 3840px; height: 860px; background: linear-gradient(180deg, #000 62.8%, #101010 37.2%);}
    .typeGenesis #contents { z-index: 200; position: absolute; top: 540px; width: 3760px;}
    .typeGenesis #container.main .slogan { padding: 100px 130px; height: 540px;}
    .typeGenesis #container.main .slogan .sloganTitle { margin-bottom: 30px; font-size: 100px; line-height: 120px;}
    .typeGenesis #container.main .slogan .sloganDesc { left: 0; font-size: 40px; line-height: 45px;}
    .typeGenesis #container.main .slogan .sloganTitle > p { height: 120px;}
    .typeGenesis #headerWrapper .bg_car.hyundai { bottom: -980px;}  
    .typeGenesis #headerWrapper .bg_car.hyundai img { width: 3760px;} 


	#container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:360px !important;} /* 2019-12-18 */
    #headerWrapper header .gnbArea .gnb_depth1 > li {position:relative; padding-right:60px; font-size:20px; line-height:26px;font-weight:600; letter-spacing:normal;
    color:#666; display:inline-block; transition:all 0.2s ease; vertical-align:top;}
    
    .typeKia #headerWrapper .bg_car.kia {left:calc((160% - 3840px) / 2 + 220px); bottom:calc((100% - 3840px) / 2 + 800px);}  
    .typeKia #headerWrapper .bg_car.kia img {width:2500px;} 
    .typeGenesis #headerWrapper .bg_car.genesis {left:calc((111% - 3840px) / 2 + 220px); bottom:calc((100% - 3840px) / 2 + 580px);}  
    .typeGenesis #headerWrapper .bg_car.genesis img {width:3650px;} 
      
    /* 슬로건 */
    #container.main .slogan .sloganTitle {font-size:70px; line-height:80px;}
    #container.main .slogan .sloganDesc {left:45px; font-size:30px; line-height:37px;}

    /* 메뉴박스 */
    #container.main .cnts_main .article_main_2 .cnts_update_guide .descBox > p {max-width:400px !important;}
    #container.main .cnts_main .article_con {height:550px; padding:50px !important;}
    #container.main h4 {padding-top:25px; font-size:30px; line-height:34px; font-weight:700; letter-spacing:normal;}
    .cnts_main article .desc_font_0 {font-size:18px; line-height:20px; font-weight:400; letter-spacing:normal; color:#bbb;}
    .cnts_main .article_con {height:550px;} /* 메뉴박스 속성 */
    .articleWrap {padding-top:0px;} /* 메뉴박스 아웃라인 */
    .articleWrap .icon_box img {width:70px; height:70px;} /* 메뉴박스 아이콘 */

    /* 업데이트 공지 폰트속성 */
    #container.main .cnts_main article .date_font_0 {font-size:18px; line-height:24px; font-weight:300; letter-spacing:normal; color:#bbb;}
    #container.main .cnts_main article .header_font_5 {font-size:22px; line-height:27px; font-weight:400; letter-spacing:normal; color:#fff;}
    #container.main .cnts_main .article_main_0 .swiper-pagination-bullet {left:40px; width:100px; height:5px;}
    
    /* 메뉴박스 버튼 */
    #container.main .cnts_main .btn.shortcut {width:300px; height:60px; padding:11px 0px; font-size:20px; line-height:32px; font-weight:700;}
    #container.main .cnts_main article.active_article .btn.shortcut {width:300px; opacity:1;}
    #container.main .cnts_main .article_main_0 .swiper-pagination {margin-left:10px;}
    #container.main .cnts_main .article_main_0 .rolling_btn_style_1_con .rolling_btn{width:95px; height:95px;}

    @if($basicInfos['corporate'] == 'HM' && $basicInfos['region'] == 'JP')
        .typeHyundai #container.main .slogan { background: url('/images/bg/bg_hyundaiCar_JP3840.png') no-repeat center 95% / 100%;}
    @else
        .typeHyundai #container.main .slogan { background: url('/images/bg/bg_hyundaiCar_JP.png') no-repeat center 85% / 100%;}
    @endif
}

/* 아랍어용 메인 CSS 수정 20191213 */
.dir_rtl {direction:rtl;}
.dir_rtl [class*="col-"] {float: right;}
.dir_rtl .logo{padding-right:0;padding-left:30px;margin-right:0;margin-left:30px;}
.dir_rtl #headerWrapper header .logo::after {right: auto;left: 0 !important;}
.dir_rtl .gnbArea{float: left !important;}
.dir_rtl #headerWrapper header .gnbArea .gnb_depth1 > li {padding-right:0;padding-left:70px;}
.dir_rtl #headerWrapper header .gnbArea .gnb_depth1 > li:last-child {padding-left: 0 !important;}
.dir_rtl #headerWrapper header .gnbArea .gnb_depth1 li span.mr7{margin-right:0;margin-left:7px }
.dir_rtl #headerWrapper header .gnbArea .gnb_depth1 li span.mr15{margin-right:0;margin-left:15px;}
.dir_rtl section.slogan{direction:ltr !important;}
.dir_rtl section.slogan [class*="col-"] {float:left !important;}
.dir_rtl #mainFooter div.col-0.fr{float:left !important;}
.dir_rtl .rolling_btn_wrap{float:left !important;right:auto;left:0;}
.dir_rtl .rolling_btn_wrap .rolling_btn_style_1_con.left{float:left !important;}
.dir_rtl #container.main .cnts_main .shortCutBtnBox{right:auto;left:0;}
.dir_rtl #container.main .cnts_main .article_main_3 .btn.shortcut:last-child{right:auto;left:0;}
.dir_rtl #container.main .cnts_main .btn.shortcut span.mr10{margin-left:10px !important;}
.dir_rtl #container.main .cnts_main .article_main_0 .swiper-container {margin-left:0;margin-right:0;}
.dir_rtl #container.main .cnts_main .article_main_0 .swiper-pagination {left:0;right:39px;}
.dir_rtl #container.main .cnts_main .article_main_0 .swiper-pagination-bullet {margin-right:0;margin-left:5px;}
.dir_rtl #container.main .cnts_main .article_main_0 .cnts_update_notice_latest header div.col-12.mb6.date_font_0{direction:ltr;text-align:right;}

.dir_rtl .col-center{float:none;}
/* 아랍어용 메인 CSS 수정 끝 */


/*2020-02-24 당구장표시 기호 부분 clear 처리 class 추가*/
.refer{clear:both;}

/**** 메인 리사이징 ****/
@if($basicInfos['corporate'] == 'HM' && $basicInfos['region'] == 'JP')
    .typeHyundai #container.main .slogan { background: url('/images/bg/bg_hyundaiCar_JP.png') no-repeat center 85% / 100%;}
@else
    .typeHyundai #container.main .slogan { background: url('/images/bg/bg_hyundaiCar.png') no-repeat center 50% / 100%;}
@endif

.typeGenesis #container.main .slogan { background: url('/images/bg/bg_genesisCar.png') no-repeat center 24% / 100%;}

@media (min-width:1200px) and (max-width:3839px){
    .typeHyundai #container { padding: 0 40px !important; width:100%; height: 707px; background: linear-gradient(180deg, #f6f3f2 54.7%, #dfdfdf 45.3%);}
    .typeHyundai #contents { top: 0px;}
    .typeHyundai #container.main .slogan { padding: 80px 130px; height: 387px;}
    .typeHyundai #container.main .slogan .sloganTitle { margin-bottom: 30px;}   
    .typeHyundai .cnts_main .article_con { padding: 41px 40px 56px 25px !important;}
    .typeHyundai #container.main .cnts_main .article_main_0 .rolling_btn_wrap { display: block;}
}

@media (min-width:1200px) and (max-width:3839px){
    .typeGenesis #container { padding: 0 40px !important; width:100%; height: 707px; background: linear-gradient(180deg, #000 54.7%, #101010 45.3%);}
    .typeGenesis #contents { top: 0px;}
    .typeGenesis #container.main .slogan { padding: 80px 130px; height: 387px;}
    .typeGenesis #container.main .slogan .sloganTitle { margin-bottom: 30px;}   
    .typeGenesis .cnts_main .article_con { padding: 41px 40px 56px 25px !important;}
    .typeGenesis #container.main .cnts_main .article_main_0 .rolling_btn_wrap { display: block;}
}