@charset "utf-8";

/*
 2019 3분기 모니터링 : 5월 개선작업 이후 틀어지는 영역 전반적인 수정
 */
 
/* Component default */
/* Slider */
/* Slider >  pagination common */
.sliderPagination {font-size: 0;line-height: 0;text-align: center;}
.sliderPagination .pager {overflow: hidden;display: inline-block;width: 12px;height: 12px;margin: 0 5px;line-height: 1;text-indent: -9999px;}
.sliderPagination .pager .ix-btn,
.sliderPagination .pager a {display:block;width:12px;height:12px;border: 1px solid #999;background: #fff;border-radius: 50%;cursor: pointer;box-sizing: border-box;}
.sliderPagination .pager .ix-btn[aria-disabled="true"],
.sliderPagination .pager a[aria-disabled="true"] {display: none;}
.sliderPagination .pager.active a,
.sliderPagination .pager.active .ix-btn {border: none;background: #00aad2;}
.ix-controller.disabled {display:none !important;}
/* D : tab */
@media screen and (max-width: 1024px) {
   .sliderPagination .pager .ix-btn {vertical-align:top;}
   .sliderPagination .pager .ix-btn,
   .sliderPagination .pager a {width:9px;height:9px;}
   .sliderPagination .pager {width: 9px;height: 9px;margin: 0 4px;}
} 
/* Slider >  button common */
.sliderBtnWrap .btnPrev,
.sliderBtnWrap .btnNext {overflow: hidden;display: block;position: absolute;z-index: 10;width: 44px;height: 44px;text-indent: -9999px;cursor: pointer;}
.sliderBtnWrap .btnPrev,
.sliderWrap .mainControlWrap .btnPrev {left: 0;background: url("../../template_en/en/images/common/btn-prev.png") no-repeat center center;}/*191016 main btn add*/
.sliderBtnWrap .btnNext,
.sliderWrap .mainControlWrap .btnNext {right: 0;background: url("../../template_en/en/images/common/btn-next.png") no-repeat center center;}/*191016 main btn add*/
.sliderBtnWrap .btnNext.disabled,
.sliderBtnWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}
/* Slider >  tabSlider > column 1 */
.sliderWrap {position: relative;width: 100%;}
.sliderWrap .sliderListWrap {overflow: hidden;width: 100%;}
.sliderWrap .sliderListWrap .sliderList {overflow: hidden;margin-bottom:0px !important;}
.sliderWrap .sliderListWrap .sliderList .sliders {float: left;position: relative;width: 100%;}
.sliderWrap .btnPrev,
.sliderWrap .btnNext {top: 265px;}
.sliderWrap .sliderPagination {position: absolute;top: 539px;right: 0;bottom: auto;left: 0;}
@media screen and (max-width: 1024px) {
   /* Slider */
   .sliderWrap .sliderListWrap .sliderList {margin-bottom:20px;}
}
@media screen and (max-width: 767px) {
   /* Slider */
   .sliderWrap .btnPrev,
   .sliderWrap .btnNext {margin-top: -18px;}
   .sliderWrap .sliderPagination {top: 45vw;}
}
.slide_direction {z-index:9999;}

/* Tooltip */
.toolTipWrap {position: relative;margin: 0 auto;}
.toolTipWrap.ib {display: inline-block;vertical-align: middle;margin-top: -2px;margin-left: 5px;}
.toolTipWrap .ic_Bquestion {overflow: hidden;font-size: 0;text-indent: -99999px;}
.tooltip_templates {display: none;}

.tooltipster-box .tooltipTit {display: block;padding-bottom: 15px;font-size: 14px;line-height: 1.25;font-family: "HyundaiMedium";}
.tooltipster-box .tooltipCon {font-size: 12px;line-height: 1.83;}

.toolTipWrap .ic_Bquestion {display: block;width: 18px;height: 18px;background:url("../../template_en/en/images/common/ico-qs-off.png") no-repeat 0 0;background-size: 100% auto;text-indent: -9999px;}
.toolTipWrap .ic_Bquestion.on {width: 18px;height: 18px;background:url("../../template_en/en/images/common/ico-qs.png") no-repeat 0 0;background-size: 100% auto;}
.toolTbox {width:236px;}
.toolTbox p {font-size: 13px;line-height: 1.83em;}
.toolTbox .btnClose  {display: block;position: absolute;top:20px;right: 28px;width: 12px;height: 12px;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat 0 0;background-size: 100% auto;text-indent: -9999px;cursor: pointer;}
@media screen and (max-width:1024px){
   .toolTipWrap.ib {margin-left: 10px;}
   .tooltipster-box .tooltipTit {padding-bottom: 9px;font-size: 19px;}
   .tooltipster-box .tooltipCon {font-size: 14px;line-height: 1.5;}
   .toolTipWrap .ic_Bquestion {margin-top:-5px;}
}
@media screen and (max-width:767px){
   .toolTipWrap .ic_Bquestion {width: 16px;height: 16px;}
}

/* Accordion : CAOA, CAOB, PSPE, SCCO*/
/* accordion : white */
.togListWrap {position: relative;}
.togListWrap .togList {margin-bottom:2px;}
.togListWrap .btnOpenClose {display: table;position: relative;width: 100%;padding: 25px 60px 25px 40px;padding-bottom: 20px;background: #002c5f;font-size:20px;font-weight: normal;line-height: 26px;color: #fff;font-family: "HyundaiMedium";text-align: left;text-decoration:none;box-sizing: border-box;}/* 2017-11-12 */
.togListWrap .btnOpenClose:after {display: block;position: absolute;top: 34px;right: 40px;width: 20px;height: 12px;background: url("../../template_en/en/images/common/ico-toggle.png") no-repeat 0 -270px;content: '';}
.togListWrap .btnOpenClose h3 {display:table-cell;vertical-align:middle;}
.togListWrap .togList.on .btnOpenClose {background: #f6f3f2;color: #000;}
.togListWrap .togList.on .btnOpenClose:after {background-position: 0 0;}
.togListWrap .togCont {display: none;padding: 20px 40px 60px 60px;background: #f6f3f2;}
.togListWrap .togList.on .togCont {margin-top: 2px;}
.togListWrap .togList.on .togCont {display: block;}
.togListWrap .togCont p {font-size:14px;line-height:21px;font-family: "HyundaiRegular";}
.togListWrap .togCont p.tgPB1 {padding-bottom: 48px;}
.togListWrap .togCont p.tgPB2 {padding-bottom: 24px;}
.togListWrap.country .n3 .grid a:focus{text-decoration:none;}
/* 2017-11-12 */
.togListWrap .caobBtnOpenClose {display: table;position: relative;width: 100%;height: 80px;padding: 0 60px 0 40px;padding-bottom: 20px;background: #002c5f;font-size:20px;font-weight: normal;line-height: 26px;color: #fff;font-family: "HyundaiMedium";text-align: left;text-decoration:none;box-sizing: border-box;}
.togListWrap .caobBtnOpenClose:after {display: block;position: absolute;top: 34px;right: 40px;width: 20px;height: 12px;background: url("../../template_en/en/images/common/ico-toggle.png") no-repeat 0 -270px;content: '';}
.togListWrap .caobBtnOpenClose h3 {display:table-cell;vertical-align:middle;}
.togListWrap .togList.on .caobBtnOpenClose {background: #f6f3f2;color: #000;}
.togListWrap .togList.on .caobBtnOpenClose:after {background-position: 0 0;}
/* 2017-11-12 */
@media screen and  (max-width:1024px)  {
   .togListWrap .togCont p {font-size:12px;line-height:17px;}
   .togListWrap .togList {margin-bottom: 1px;}
   .togListWrap .btnOpenClose {display:block;position:relative;width: 100%;padding: 14px 30px 15px 15px;font-size:15px;line-height: 50px;} /* 2017-11-12 */
   .togListWrap .btnOpenClose:after {top: 22px;right: 15px;width: 12px;height: 7px;background-size: 12px auto;background-position:0 -162px;}
   .togListWrap .btnOpenClose h3 {overflow: hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} /* 2017-11-12 */
   .togListWrap .togList.on .btnOpenClose:after {background-size: 12px auto;background-position: 0 0;}
   .togListWrap .togCont{padding: 20px 15px 45px 30px;}
   .togListWrap.togListWhtie .togList .btnOpenClose {height: 35px;padding: 0 15px;font-size: 12px;line-height: 35px;}
   .togListWrap.togListWhtie .togList .btnOpenClose:after {right: 15px;}
   .togListWrap.togListWhtie .togCont {padding: 20px 15px;}
   .togListWrap .togCont p.tgPB1 {padding-bottom: 30px;}
   .togListWrap .togCont p.tgPB2 {padding-bottom: 30px;}
   .togListWrap .caobBtnOpenClose {display:block;position:relative;width: 100%;height: 50px;padding: 0 30px 0 15px;font-size:15px;line-height: 50px;}
   .togListWrap .caobBtnOpenClose:after {top: 22px;right: 15px;width: 12px;height: 7px;background-size: 12px auto;background-position:0 -162px;}
   .togListWrap .caobBtnOpenClose h3 {overflow: hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}/* 2017-11-12 *//* 2017-11-12 *//* 2017-11-12 */
}
@media screen and  (max-width:767px)  {
   .togListWrap .togCont{padding:20px 15px 60px 15px;}
}
/* accordion : blue */
.togListWrap {position:relative;/*border-bottom:solid 1px #e4dcd3;*/}
.togList li.dep1 {float:left;border-right:1px solid #e4dcd3;border-left:1px solid #e4dcd3;}
.togList li.dep1:last-child {border-bottom:solid 1px #e4dcd3;}
.togList li.dep1 {width:100%;}
.togList li.dep1 .tit {display:block;position:relative;padding:0 30px;border-top:solid 1px #e4dcd3;font-size:14px;line-height:58px;color:#000;font-family:"HyundaiMedium";}
.togList li.dep1 .tit {background:url("../../template_en/en/images/common/ico-toggle-down.png") 98% no-repeat;background-size:10px 7px;}
.togList li.dep1.on .tit {background:url("../../template_en/en/images/common/ico-toggle-up.png") 98% no-repeat;background-size:10px 7px;}
/* Accordion > 2depth menu */
.togList li.dep1 .aswer {display:none;float:left;width:100%;}
.togList li.dep1 .aswer .dep2 {padding:30px 60px 20px;border-top:1px solid #e4dcd3;}
@media screen and (max-width: 1024px) {
   .togList li.dep1 .tit {padding:0 30px 0 15px;font-size:12px;line-height:34px;}
   .togList li.dep1 .aswer .dep2 {padding:30px 50px 20px;}
}
@media screen and (max-width: 767px) {
   .togList li.dep1 p a.tit {padding:0 15px;font-size:14px;line-height:35px;}
   .togList li.dep1 p a.tit {background:url("../../template_en/en/images/common/ico-toggle-down.png") 96% no-repeat;background-size:10px 7px;}
   .togList li.dep1.on p a.tit {background:url("../../template_en/en/images/common/ico-toggle-up.png") 96% no-repeat;background-size:10px 7px;}
   .togList li.dep1 .aswer .dep2 {padding:12px 30px 0;}
}

/**** Common Component ****/
/* CKVM : Key visual main */
.ckvm .sliderWrap .contsInfo {pointer-events:none;}
.ckvm .sliderWrap .btn {width:214px;}
.ckvm .sliderWrap .contsInfo .toolTipWrap,
.ckvm .sliderWrap .contsInfo .toolTipWrap *,
.ckvm .sliderWrap .btn {pointer-events:auto;}
.ckvm .sliderWrap .toolTipWrap .ic_Bquestion {position:absolute;top:5px;left:5px;}
.ckvm .sliderWrap .sliderListWrap .sliderList {overflow: hidden;margin-bottom:0 !important;}
/* CKVM > slider button  : 191016 edit*/
.ckvm .sliderWrap .mainControlWrap .btnPrev,
.ckvm .sliderWrap .mainControlWrap .btnNext{overflow: hidden;display: block;position: absolute;top: calc(50% - 160px);z-index: 10; width: 44px;height: 44px;text-indent: -9999px;cursor: pointer;} /* GT디자인가이드_19 190214 */
@media (max-width: 1024px) {
  /* CKVM */
   .ckvm .sliderWrap .sliderListWrap .sliderList {margin-bottom:0 !important;}
   /* CKVM > slider button  : 191016-v2 edit*/
   .ckvm .sliderWrap .mainControlWrap .btnPrev,
   .ckvm .sliderWrap .mainControlWrap .btnNext{top: calc(50% - 116px);}
}
@media (max-width: 767px) {
  /* CKVM */
   .ckvm .sliderWrap .mainVisualList .visual .awardWrap {position:static;left: 50px;}
    .ckvm .sliderWrap .btnWrap .colWd {min-width:120px;} /* 190313 add */
    .ckvm .sliderWrap .btn {width:100%;} /* 190313 add */
   /*.ckvm .sliderWrap .slide_direction {/*display: block;}*/ /* 180423 modify */
}
 /* 190313 add : 360케이스 추가 */
@media (max-width: 360px) {
   /* CKVM */
   .ckvm .sliderWrap .btnWrap .colWd {min-width:45%;}
}

/* Main Slider */
/* CKVM *//* PKVN */
.mianVisualWrap {overflow:hidden;position:relative;}
.mianVisualWrap .mainVisualList {width:100%;}
.mianVisualWrap .mainVisualList:after {display:block;content:"";clear:both;}
.mianVisualWrap .mainVisualList {float:left;}
.mianVisualWrap .mainVisualList .visual {overflow:hidden;position: relative;height:720px;max-width:1860px;margin:0 auto;}
.mianVisualWrap .mainVisualList .visual.video {cursor: pointer;}
.mianVisualWrap .mainVisualList .visual.video::before {display:block;position:absolute;top:50%;left:50%;z-index:10;width:60px;height:60px;margin:-30px 0 0 -30px;background:url("../../template_en/en/images/common/btn-video.png") no-repeat top left;content:"";line-height:0;text-indent:-999px;}
.mianVisualWrap .mainVisualList .visual.video::after {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:.6;}
.mianVisualWrap .mainVisualList .visual .img {position:absolute;top:0;left:0;width:100%;height:100%;}
.mianVisualWrap .mainVisualList .visual .img img {position:absolute;top:50%;left:50%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.mianVisualWrap .mainVisualList .visual .img.video::before {display:block;position:absolute;top:50%;left:50%;z-index:10;width:60px;height:60px;margin:-30px 0 0 -30px;background:url("../../template_en/en/images/common/btn-video.png") no-repeat top left;content:"";line-height:0;text-indent:-999px;}
.mianVisualWrap .mainVisualList .visual .img.video::after {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:.6;}
.mianVisualWrap .mainVisualList .visual .contsInfo {position:absolute;top:96px;bottom:0;left: 50%;width:1120px;margin-left: -560px;} /*GT디자인가이드_01,GT디자인가이드_02 190219 */
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap {display:block;width:100%;margin-bottom:25px;}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {display:inline-block;vertical-align:20px;margin-right:20px;}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {display:inline-block;margin:0;font-size: 58px;line-height: 71px;color: #000000;font-family: 'HyundaiMedium';}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap p.stit {margin:0;margin-bottom:25px;font-size: 20px;line-height: 1.5;color: #000000;font-family:"HyundaiMedium";}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList {margin-bottom:25px;}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList:after {display:block;content:"";clear:both;}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList li {float:left;width:100%;}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList {margin-bottom:33px;}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList li {float:left;width:100%;}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList li p {display:inline-block;}
.mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap {margin-bottom:65px;text-align:left;}
.mianVisualWrap .mainVisualList .visual .contsInfo .toolTipWrap {display:inline-block;vertical-align:top;}
.mianVisualWrap .mainVisualList .visual .awardWrap {position:absolute;bottom:60px;left:0;width:1120px;}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList {width:100%;margin:0;}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList:after {display:block;content:"";clear:both;}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {float:left;height:85px;margin-left:20px;}/* 220512 */
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li img {width:auto;height:60px;max-width:100%;}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:first-child {margin-left:0;}
.mianVisualWrap .mainVisualList .visualsubInfo {width:100%;background:#f6f3f2;}
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea {width:1120px;margin:0 auto;padding:50px 0;}
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {margin-bottom:20px;} /* 20171115 */




.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .icoNote {margin-top:20px;}

/* 220512 add */
.ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {display:block;}
.ckvm .mianVisualWrap .mainVisualList .visual .awardWrap .awardList {display:inline-block;width:auto;}
.ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap.alignB {position:absolute;bottom:185px;margin-bottom:0;}
/* //220512 add */

/* slide indicator */
.mainControlWrap .controlWrap {width:100%;padding:30px 0 60px 0;text-align:center;}
.mainControlWrap .ix-thumbs {display:inline-block;}
.mainControlWrap .ix-thumbs .ix-thumb {display:inline-block;margin:5px;}

/* slider sliderPagination  */
.sliderWrap .mainControlWrap .sliderPagination {position: relative;top:0;}
.mainControlWrap .slide_control {display:inline-block;vertical-align:top;margin-left:10px;}
.mainControlWrap .btnStop,
.mainControlWrap .btnPlay {overflow: hidden;display:inline-block;vertical-align:top;width: 10px;height: 12px;margin-top:5px;text-indent: -9999px;cursor: pointer;}
.mainControlWrap .btnStop {background: url("../../template_en/en/images/common/btn-stop.png") no-repeat;background-size:100%;}
.mainControlWrap .btnPlay {display: none;background: url("../../template_en/en/images/common/btn-play.png") no-repeat;background-size:100%;}
/* slider button  */
.mainControlWrap .btnPrev {left: 40px;background: url("../../template_en/en/images/common/ico-arr-prev-s.png") no-repeat center center;} /*GT디자인가이드_19 190221*/
.mainControlWrap .btnPrev.bgW {left: 40px;background: url("../../template_en/en/images/common/ico-prev-arr-white.png") no-repeat center center;}
.mainControlWrap .btnNext {right: 40px;background: url("../../template_en/en/images/common/ico-arr-next-s.png") no-repeat center center;} /*GT디자인가이드_19 190221*/
.mainControlWrap .btnNext.bgW {right:40px;background: url("../../template_en/en/images/common/ico-next-arr-white.png") no-repeat center center;}
.mainControlWrap .btnNext.disabled,
.mainControlWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}
@media (max-width: 1240px) {
  /* CKVM */
   .mianVisualWrap .mainVisualList .visual .awardWrap {bottom:60px;left:0;width:auto;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList {width:auto;padding:0 0;}
   .mainControlWrap .btnPrev,
   .mainControlWrap .btnPrev.bgW {left: 30px;}
   .mainControlWrap .btnNext,
   .mainControlWrap .btnNext.bgW {right:30px;}
   .mianVisualWrap .mainVisualList .visualsubInfo {width:100%;background:#f6f3f2;}
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {width:auto;margin:0 auto;padding:50px 25px;}
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {margin-bottom:20px;} /* 20171115 */
    /* 220512 add */
    .ckvm .mianVisualWrap .mainVisualList .visual .awardWrap.alignC {left:50%;right:50px;margin-left:-384px;}
    .ckvm .mianVisualWrap .mainVisualList .visual .awardWrap.alignR {right:0;}
    /* //220512 add */
}
@media (max-width: 1024px) {
  /* CKVM */
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap.alignB {bottom:82px;}/* 220512 add */
   .mianVisualWrap .mainVisualList .visual .awardWrap {bottom:30px;left:0;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {height:30px;margin-left:13px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:first-child {margin-right: 13px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li img {height:30px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:nth-child(2) {margin-left:0;}
   .mainControlWrap .controlWrap {padding:25px 0;}
   .mainControlWrap .btnPrev,
   .mainControlWrap .btnPrev.bgW {left: 20px;}
   .mainControlWrap .btnNext,
   .mainControlWrap .btnNext.bgW {right:20px;}
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {width:auto;margin:0 auto;padding:29px 23px;}
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .icoNote {margin-top:20px;}
   .mainControlWrap .btnStop,
   .mainControlWrap .btnPlay {width: 8px;height: 10px;}
}
@media (max-width: 767px) {
  /* CKVM */
   .mianVisualWrap .mainVisualList .visual .awardWrap {position:static;top:182px;bottom:auto;left:25px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {height:30px;margin-left:13px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:first-child {margin-right: 13px;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:nth-child(2) {margin-left:0;}
   .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:nth-child(4) {margin-top:10px;margin-left:0;}
   .mianVisualWrap .ix-thumbs {padding:25px 0;}
   .mianVisualWrap .mainVisualList .visual .img {position:static;} /* 180423 add */
   .mianVisualWrap .mainVisualList .visual .img img {position:static;width:100%;transform:none;} /* 180423 add */
   .mianVisualWrap .mainVisualList .visual .videoPoster img {position:static;width:100%;transform:none;} /* 180423 add */
   .mianVisualWrap .mainVisualList .visual .contsInfo{ left:5%;margin-left: 0px;} /*GT디자인가이드_01,GT디자인가이드_02 190219*/ /* 코드 이동  190321 */
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {display:block;}
   .mianVisualWrap .mainVisualList .visual .img {position:static; height:auto;} /* 180423 */ /* add */
   .mianVisualWrap .mainVisualList .visual .img img {position:static;top:auto;left:auto;transform:none;} /* 180423 */ /* add */
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {padding:20px 25px;}
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
   .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {margin-bottom:10px;} /* 20171115 */
    /* 220512 add */
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap {margin-bottom:20px;}
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit.alignC, 
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit.alignR, 
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .stit.alignC, 
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .stit.alignR, 
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap.alignC, 
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap.alignR {text-align:left !important;}
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap.alignB {bottom:60px;}
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap .colWd {display:block !important;margin-top:10px;margin-left:0;}
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap .colWd:nth-child(1) {margin-top:5px;}
    .ckvm .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap .colWd .btn {width:auto;padding:0 35px;}
    /* //220512 add */
}

/* CKVO : Key visual */
.sliderWrap.ckvoWrap .sliderList {width:100%;}
.sliderWrap.ckvoWrap .sliderList:after {display:block;content:"";clear:both;}
.sliderWrap.ckvoWrap .sliderList {float:left;width:100%;}
.sliderWrap.ckvoWrap .sliderList .visual {overflow:hidden;position: relative;height:540px;max-width:1860px;margin:0 auto;}
.sliderWrap.ckvoWrap .sliderList .visual .img {position:relative;width:100%;height:100%;}
.sliderWrap.ckvoWrap .sliderList .visual .img img {position:absolute; top:50%; left:50%; max-height: 100%; transform:translate(-50%, -50%);}
.sliderWrap.ckvoWrap .sliderList .visual.video {cursor: pointer;}
.sliderWrap.ckvoWrap .sliderList .visual.video::before {display:block;position:absolute;top:50%;left:50%;z-index:10;width:60px;height:60px;margin:-30px 0 0 -30px;background:url("../../template_en/en/images/common/btn-video.png") no-repeat top left;content:"";line-height:0;text-indent:-999px;}
.sliderWrap.ckvoWrap .sliderList .visual.video::after {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:.6;}
/* 220512 */
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo {position:absolute;top:96px;bottom:0;left:0;right:0;width:1120px;max-width:calc(100% - 70px);margin:0 auto;padding:0 35px;box-sizing:content-box;text-align:left;}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap {margin-bottom:25px;}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {margin-bottom:15px;font-size:58px;line-height:71px;color:#000000;font-family:'HyundaiMedium';}
/* //220512 */
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {margin-bottom:40px;font-size: 20px;line-height: 1.5;color: #000000;font-family:"HyundaiMedium";}
.sliderWrap.ckvoWrap .sliderListWrap .sliderList {overflow: hidden;margin-bottom:0 !important;}
/* 220512 add */
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap {width:1120px;min-width:auto;}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap.alignB {position:absolute;bottom:85px;}
/* //220512 add */
/* CKVO > slider sliderPagination  */
.sliderWrap.ckvoWrap .ckvoControlWrap .controlWrap {width:100%;padding:30px 0 60px 0;text-align:center;}
.sliderWrap.ckvoWrap .ckvoControlWrap .sliderPagination {position: relative;top:auto;right: 0;bottom:auto;left: 0;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnStop,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPlay {overflow: hidden;width: 10px;height: 12px;text-indent: -9999px;cursor: pointer;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnStop {background: url("../../template_en/en/images/common/btn-stop.png") no-repeat;background-size:100%;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPlay {display: none;background: url("../../template_en/en/images/common/btn-play.png") no-repeat;background-size:100%;}
.sliderWrap.ckvoWrap .ckvoControlWrap .ix-thumbs {display:inline-block;}
.sliderWrap.ckvoWrap .ckvoControlWrap .ix-thumbs .ix-thumb {display:inline-block;margin:5px;}
/* CKVO > slider button  */
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW ,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {overflow: hidden;display: block;position: absolute;top:50%;z-index: 10;width: 24px;height: 40px;margin-top:-60px;text-indent: -9999px;cursor: pointer;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev {left: 40px;background: url("../../template_en/en/images/common/ico-prev-arr.png") no-repeat center center;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW {left: 40px;background: url("../../template_en/en/images/common/ico-prev-arr-white.png") no-repeat center center;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext {right:40px;background: url("../../template_en/en/images/common/ico-next-arr.png") no-repeat center center;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {right:40px;background: url("../../template_en/en/images/common/ico-next-arr-white.png") no-repeat center center;}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.disabled,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}
@media (max-width: 1240px) {
    /* CKVO */
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap {width:100%;max-width:1103px;}/* 220512 add */
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .txtArea {width:auto;margin:0 auto;padding:50px 25px;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .txtArea .icoNote {margin-top:20px;}
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev {left: 30px;}
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext {right:30px;}
}
@media (max-width: 1024px) {
   /* CKVO */
   .sliderWrap.ckvoWrap .sliderListWrap .sliderList {margin-bottom:0 !important;}
   .sliderWrap.ckvoWrap .sliderList .visual {overflow:hidden;position: relative;height:340px;max-width:100%;margin:0 auto;}
   .sliderWrap.ckvoWrap .sliderList .visual .img {position:relative;top:0;left:0;width:auto;height:340px;margin-left:0;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo {top: 55px; left: 0; width: auto;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap {margin-bottom:0; } /*GT디자인가이드_09 190219*/ /*190411*/ 
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {margin-bottom:7px;font-size: 30px;line-height: 35px;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {margin-bottom:20px;font-size: 14px;line-height: 19px;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap {max-width:887px;}/* 220512 add */
   /* CKVO > slider button  */
   .sliderWrap.ckvoWrap .ckvoControlWrap .controlWrap {padding:20px 0;}
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW ,
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {top:50%;width: 12px;height: 20px;margin-top:-32px;background-size:100%;transform:translateY(-50%);}
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW {left: 23px;}
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
   .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {right:23px;}
   .sliderWrap.ckvoWrap .sliderWrap .btnPrev,
   .sliderWrap.ckvoWrap .sliderWrap .btnNext {top: 24vw;margin-top: -22px;}
   .sliderWrap.ckvoWrap .sliderWrap .sliderPagination {top: 46vw;}
}
@media (max-width: 767px) {
   /* CKVO */
   .sectionWrap.ckvo.hyundaiStoyBgType1 {background-size:cover;} /* 180416 add */
   .sliderWrap.ckvoWrap .sliderList .visual {height:auto;} /* 180416 modify */
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo { padding: 0 25px;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {display:block;margin-bottom:7px;}
   .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {display:block;margin-bottom:30px;}/* 220512 */
   .sliderWrap.ckvoWrap .sliderList .visual .img {display: flex; flex-direction: column; justify-content: center; height:auto; max-height: 600px;} /* 180416 add */    
   .sliderWrap.ckvoWrap .sliderList .visual .img img {position:static;top:auto;left:auto;width:100%;transform:none;} /* 180423 modify */
   .sliderWrap.ckvoWrap .sliderList .videoPoster img {position:static;top:auto;left:auto;width:100%;height:100%;transform:none;} /* 180416 add */
   .ckvoControlWrap .controlWrap {padding:20px 0;}
    /* 220512 add */
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit.alignC, 
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit.alignR, 
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .stit.alignC, 
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .stit.alignR, 
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap.alignC, 
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap.alignR {text-align:left !important;}
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap.alignB {bottom:60px;}
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap .colWd {display:block !important;margin-top:10px;margin-left:0;}
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap .colWd:nth-child(1) {margin-top:0;}
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .btnWrap .colWd .btn {width:auto;padding:0 35px;}
    /* //220512 add */
}

/* CHIB : Home Image banner */
.chibBanner {width:100%;max-width:1920px;margin:0 auto;}
.chibBanner > li {float:left;position:relative;width:50%;}
.chibBanner > li a {display:block;}
.chibBanner > li a .img {overflow:hidden;position:relative;height:312px;}
.chibBanner > li a .img img {position: absolute;left:50%;width:960px;height:312px;margin-left:-480px;}
.chibBanner > li a .middel {position: absolute;top:0;left:0;width:100%;height:100%;}
.chibBanner > li a .chibTxt  {display:table;vertical-align:middle;width:100%;height:100%;padding:0 20px;color:#fff;text-decoration:none;}
.chibBanner > li a .chibTxt p {display:table-cell;vertical-align:middle;color:#fff;}
@media (max-width: 1024px) {
    /* CHIB */
   .chibBanner > li a .img {height:auto;}
   .chibBanner > li a .img img {position: static;width:100%;height:auto;margin-left:-365px;margin-left:0;}
}
@media (max-width: 767px) {
   /* CHIB */
   .chibBanner > li {width:100%;}
   .chibBanner > li a .img {height:100%;}
   .chibBanner > li a .img img {position:relative;left:0;width:100%;height:100%;margin-left:0;}
}

/* CTNA : Tab navigation A [common..css] */

/* CTNB : Tab navigation B */
.ctnbWrap .navigationTabWrap {overflow:hidden;position:relative;z-index:20;width:100%;height:70px;box-shadow:0 1px 0 rgba(0,0,0,0.05);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.ctnbWrap .navigationTab {position: relative;height:70px;max-width:1120px;margin:0 auto;line-height:70px;text-align:right;}
.ctnbWrap .navigationTab .tit {overflow:hidden;vertical-align:middle;position:absolute;top:50%;width:80px;max-height:32px;margin:0;font-size:16px;line-height:16px; font-family:"HyundaiMedium";transform: translateY(-50%);text-align:left;}
.ctnbWrap .navigationTab .tabListArea {overflow:hidden;margin-left:147px;}
.ctnbWrap .navigationTab .tabListArea .tabList {overflow:hidden;display:inline-block;text-align:left;}
.ctnbWrap .navigationTab .tabListArea .tabList .tab {float:left;padding-left:28px;}
.ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child{padding-left:0;}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a {display:block;font-size:16px;line-height:70px;color:#000;text-align:center;text-decoration:none;font-family:"HyundaiRegular";}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a:hover,
.ctnbWrap .navigationTab .tabListArea .tabList .tab.on a {font-size:16px;font-weight:bold;color:#00aad2;}
.ctnbWrap .navigationTab .ctnbBtn {overflow: hidden;display:none;position:absolute;top: 50%;z-index: 10;width: 7px;height: 12px;margin-top: -6px;text-indent: -9999px;cursor: pointer;background-position:0 0;background-repeat:no-repeat;}
.ctnbWrap .navigationTab .ctnbBtn.btnPrev {left:107px;background-image:url("../../template_en/en/images/common/ico-prev-arr-s.png");}
.ctnbWrap .navigationTab .ctnbBtn.btnNext {right:0;background-image:url("../../template_en/en/images/common/ico-next-arr-s.png");}
.ctnbWrap .navigationTab.maxWd .tabListArea {margin-right:35px;}
.ctnbWrap .navigationTab.maxWd .ctnbBtn {display:block;}
@media screen and  (max-width:1024px) {
   /* CTNB */
   .ctnbWrap .navigationTab{height:48px;padding:0 25px;line-height:48px;}
   .ctnbWrap .navigationTab .tabListArea {margin-left:143px;}
   .ctnbWrap .navigationTab.maxWd .tabListArea { height:100%;margin-right:32px;}
   .ctnbWrap .navigationTab .ctnbBtn.btnPrev {left:136px;}
   .ctnbWrap .navigationTab .tabListArea .tabList .tab{padding-left:25px;}
   .ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child{padding-left:0;}
   .ctnbWrap .navigationTab .tabListArea .tabList .tab a {line-height: 48px;} /* GT디자인가이드_10 190221 */
   .ctnbWrap .navigationTab .ctnbBtn.btnNext{right:25px;}
   .ctnbWrap .navigationTabWrap{height:48px;}
   .ctnbWrap .navigationTab .tit{max-height:28px;}
}
@media screen and  (max-width:767px) {
   .ctnbWrap .navigationTab{padding:0 15px;}
   .ctnbWrap .navigationTab .tabListArea{margin-left:56px;}
   .ctnbWrap .navigationTab .tit{width:50px;} /*GT디자인가이드_10 190211*/
   .ctnbWrap .navigationTab.maxWd .ctnbBtn {display:none;}
   .ctnbWrap .navigationTab.maxWd .tabListArea{margin-right:0;}
   .ctnbWrap .navigationTab .tabListArea .tabList .tab{padding-left:15px;}
   .ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child{padding-left:0;}
}

/* CPNN : Previous/Next navigation */
.naviJumpWrap {background: #e4dcd3;/*border-top: 1px solid #fff; 181031*/}
.naviJumpWrap .naviJump {overflow:hidden;display: table;width: 100%;max-width: 1120px;margin: 0 auto;}
.naviJumpWrap .naviJump a {display:inline-block;position:relative;text-decoration:none;}
.naviJumpWrap .naviJump .prev,
.naviJumpWrap .naviJump .next {display: table-cell;vertical-align: middle;position: relative;height: 160px;padding: 0 40px;font-size: 30px;line-height:40px;color:#000;font-family: "HyundaiMedium";}
.naviJumpWrap .naviJump .prev {width:50%;padding:15px 40px 15px 87px;text-align:left;}
.naviJumpWrap .naviJump .next {width:50%;padding:15px 87px 15px 40px;text-align:right;}
.naviJumpWrap .icoPrevArrow {display:inline-block;position:absolute;top:50%;left:-53px;width:12px;height:20px;margin:-10px 30px 0 0;background:url(../../template_en/en/images/common/ico-arr-prev-s.png) no-repeat;background-size:100%;} /* GT디자인가이드_19 190214 */
.naviJumpWrap .icoNextArrow {display:inline-block;position:absolute;top:50%;right:-53px;width:12px;height:20px;margin:-10px 0 0 30px;background:url(../../template_en/en/images/common/ico-arr-next-s.png) no-repeat;background-size:100%;} /* GT디자인가이드_19 190214 */
@media screen and (max-width:1024px){
    /* CPNN */
   .naviJumpWrap {max-width: 100%;/*border-top: 1px solid #fff; 181031*/}
   .naviJumpWrap .naviJump {width: 100%;padding: 0 15px;}
   .naviJumpWrap .naviJump .prev,
   .naviJumpWrap .naviJump .next {height: 100px;padding:0 10px;font-size:18px;line-height:28px;}
   .naviJumpWrap .naviJump .prev{padding: 10px 10px 10px 35px;}
   .naviJumpWrap .naviJump .next{padding: 10px 35px 10px 10px;}
   .naviJumpWrap .icoPrevArrow {vertical-align: middle;position:absolute;top:50%; left:-30px; width:12px;height:20px; margin-top:-10px;background:url(../../template_en/en/images/common/ico-prev-arr.png) no-repeat;background-size:100%;/*left:-22px;margin:-6px 15px 0 0; */} /* GT디자인가이드_19 190214 */
   .naviJumpWrap .icoNextArrow {vertical-align:middle;position:absolute;top:50%; right:-30px; width:12px;height:20px; margin-top:-10px;background:url(../../template_en/en/images/common/ico-next-arr.png) no-repeat;background-size:100%;/*right:-22px;margin:-6px 0 0 15px;*/} /* GT디자인가이드_19 190214 */
}
@media screen and (max-width: 767px) {
   /* CPNN */
   .naviJumpWrap .naviJump{overflow:hidden;display:table;width:100%;}
   .naviJumpWrap .naviJump .prev,
   .naviJumpWrap .naviJump .next  {display: table-cell;width:50%;height:70px;padding:0;} /* 180418 modify */
   .naviJumpWrap .naviJump .prev {padding: 0 10px 0 25px;}  /* 180418 add */
   .naviJumpWrap .naviJump .next {padding: 0 25px 0 10px;}  /* 180418 add */
   .naviJumpWrap .icoPrevArrow {position:absolute;top:50%;}  /* 180418 add */
   .naviJumpWrap .icoNextArrow {position:absolute;top:50%;}  /* 180418 add */
}

/* CTTA : Text set A */
.cttaWrap {width:100%;}
.cttaWrap h2,
.cttaWrap h3,
.cttaWrap h4 {margin-bottom:20px;}
.cttaWrap .txtList {margin-bottom:20px;}
.cttaWrap p.cttaMb {margin-bottom:40px;}
@media screen and  (max-width:1024px) {
   /* CTTA */
   .cttaWrap h2,
   .cttaWrap h3,
   .cttaWrap h4 {margin-bottom:15px;}
   .cttaWrap .txtList {margin-bottom:15px;}
   .cttaWrap p.cttaMb {margin-bottom:30px;}
}
/* CTTB : Text set B */
/* [2018.10.05:천지연] GT : START - cttb,cttc */
.cttbWrap dl {width:100%;padding-top:20px;}/*181004*/
.cttbWrap dl:first-child{padding-top:0;}/*181004*/
@media screen and  (max-width:1024px) {
   /* CTTB */
   .cttbWrap dl {width:100%;padding-top:15px;}/*181004*/
}

/* CTTC : Text set C */
.cttcWrap {width:100%;}
.cttcWrap p {margin-bottom:20px;}
.cttcWrap pre {overflow:initial;}
.cttcWrap p strong { font-weight:normal !important;font-family: 'HyundaiMedium' !important;}
@media screen and  (max-width:1024px) {
   /* CTTC */
   .cttcWrap p{margin-bottom:15px;}/*181004*/
}
/* [2018.10.05:천지연] GT : END */

/* CDOO : Common_Disclaimer [common.css .icoNote] */
/* CTAA : CTA A [common.css] */
/* CTAB : CTA B [common.css] */
/* CTAC : CTA B [common.css] */

/* CTAB : Common CTA B */
.topLinkBar {background: #002c5f;}
.topLinkBar .barInner {overflow: hidden;display: table;width: 100%;height: 72px;max-width: 1120px;margin: 0 auto;}
.topLinkBar .barInner .col {display: table-cell;vertical-align: middle;height: 72px;}
.topLinkBar .barInner .col a {display: inline-block;vertical-align:-10px;font-size: 20px;color: #fff;font-family: "HyundaiMedium";}
.ctad .topLinkBar{background: #fff;}
.ctad .barInner a img{margin-right:10px;}
.ctad span.gt_cta,
.ctad span.configurator,
.ctad span.drive,
.ctad span.quote{margin-right:0;}
.ctad .topLinkBar .hiddenSm{display:inline-block !important;}
.ctad .topLinkBar .barInner .col{display:table-cell; vertical-align:middle; height:auto;}
.ctad .topLinkBar .barInner {overflow: hidden;display: table;width: 100%;height: auto;max-width: 1120px;margin: 0 auto;}
.ctad .topLinkBar .barInner .col a {display: inline-block;vertical-align:top; padding:20px 0;font-size: 20px;line-height:30px;}
.ctad .topLinkBar .barInner .col a:hover,
.ctad .topLinkBar .barInner .col a:focus{text-decoration:none;}
.ctad .topLinkBar .barInner .col a:hover span{text-decoration:underline;}
@media screen and  (max-width:1024px) {
   .topLinkBar .barInner {height: 60px;max-width: 100%;}
   .topLinkBar .barInner .col {display: table-cell;vertical-align: middle;height: 60px;}
   .topLinkBar .barInner .col a {vertical-align:-4px;font-size: 14px;}
   .ctad .barInner a img{width:26px; height:26px;}
   .ctad .topLinkBar .barInner .col a { padding:17px 0;font-size: 14px;line-height:26px;}
}
@media screen and  (max-width:767px) {
   .topLinkBar .barInner .col a {display:block;vertical-align:0;}
   .ctad .barInner a img{display:block;margin:auto;margin-right:0;}
   .ctad .topLinkBar .barInner .col a{display:block;vertical-align:0; padding:9px 0; font-size:10px; line-height:12px;}
   .ctad span.gt_cta,
   .ctad span.configurator,
   .ctad span.drive,
   .ctad span.quote{margin-top:4px;margin-bottom:0;}
}

/* CTOA : Table A */
/* CTOA */
.ctoaTableRow {width: 100%;border-right: 1px solid #e4dcd3;border-bottom: 1px solid #e4dcd3;table-layout:fixed;} /* 180416 modify */
/*.ctoaTableRow tr th,
.ctoaTableRow tr td {/*height: 43px;line-height: 1.286;box-sizing: border-box;}*/
.ctoaTableRow tr th {padding:20px;border-right: 1px solid #e4dcd3;border-bottom: 1px solid #fff;border-left: 1px solid #e4dcd3;background: #e4dcd3;font-size: 14px;font-weight: 400;line-height:24px;text-align: left;font-family: "HyundaiMedium";}
.ctoaTableRow tr td {padding: 20px;border-bottom: 1px solid #e4dcd3;background: #fff;font-size:14px;line-height: 1.286;font-family:"HyundaiRegular";}
.ctoaTableRow tr:first-child th,
.ctoaTableRow tr:first-child td {border-top: 1px solid #e4dcd3;}
.ctoaTableRow tr:last-child th,
.ctoaTableRow tr:last-child td {border-bottom: 0 none;}
.ctoaTableRow .Bullet {display:block;}
.ctoaWrap h2,
.ctoaWrap h3,
.ctoaWrap h4 {margin-bottom:24px;}
.ctoaWrap h2 {margin-bottom:20px;}
@media screen and  (max-width:1024px) {
   /* CTOA */
   .ctoaWrap h3,
   .ctoaWrap h4 {margin-bottom:24px;}
   .ctoaWrap h2{margin-bottom:15px;}
   .ctoaTableRow tr th,
   .ctoaTableRow tr td{padding: 15px;}
}
@media screen and  (max-width:767px) {
   /* CTOA */
   .ctoaWrap h2,
   .ctoaWrap h3,
   .ctoaWrap h4 {margin-bottom:13px;}
   .ctoaTableRow tr th,
   .ctoaTableRow tr td{padding: 10px;}
}

/* CTOB : Table B */
.ctobWrap {width:100%;}
.ctobWrap.last {margin-bottom:0;}
.ctobWrap h3,
.ctobWrap h4 {margin-bottom:24px;}
.ctobWrap h2 {margin-bottom:15px;}
.ctobWrap .tableTypeCol2 {background-color: #fff;box-sizing: border-box;}
.ctobWrap .tableTypeCol2 tr td {background: none;}
@media screen and  (max-width:1024px) {
   /* CTOB */
   .ctobWrap {padding-bottom:39px;}
   .ctobWrap h3,
   .ctobWrap h4 {margin-bottom:24px;}
   .ctobWrap h2 {margin-bottom:15px;}
}
@media screen and  (max-width:767px) {
   /* CTOB */
   /* .ctobWrap {margin-bottom:46px;} 180702 del */
   .ctobWrap h3,
   .ctobWrap h4 {margin-bottom:13px;}
   .ctobWrap h2 {margin-bottom:15px;}
   .ctobWrap .tableTypeCol2 tr th, 
   .ctobWrap .tableTypeCol2 tr td{padding:10px;}
}

/* CTOC : Table C */
.ctocWrap {width:100%;}
.ctocWrap h2,
.ctocWrap h3,
.ctocWrap h4 {margin-bottom:31px;}
.tableTypeCol2.ctoc .tbcol {width:10%;}
.tableTypeCol2.ctoc .tbcol2 {width:20%;}
.tableTypeCol2.ctoc .tbcol3 {width:40%;}
.tableTypeCol2.ctoc tr td {vertical-align:top;border-right:solid 1px #e4dcd3;}
.tableTypeCol2.ctoc tr td:first-child {border-left:solid 1px #e4dcd3;}
.tableTypeCol2.ctoc tr th {background:#e4dcd3;color:#333;} /*GT디자인가이드_11 190213*/
.tableTypeCol2.ctoc tr th:first-child {border-left: 1px solid #e4dcd3;}
.tableTypeCol2.ctoc tr th:last-child {border-right: 1px solid #e4dcd3;}
@media screen and  (max-width:1024px) {
   /* CTOC */
   .ctocWrap h3,
   .ctocWrap h4 {margin-bottom:31px;}
   .ctocWrap h2 {margin-bottom:15px;}
   .ctocWrap .tableTypeCol2 tr th{padding:13px 15px 14px;}
}
@media screen and  (max-width:767px) {
   /* CTOC */
   .ctocWrap h3,
   .ctocWrap h4 {margin-bottom:13px;}
   .ctocWrap h2 {margin-bottom:15px;}
   .tableTypeCol2.ctoc .tbcol {width:100%;}
   .tableTypeCol2.ctoc .tbcol2 {width:100%;}
   .tableTypeCol2.ctoc .tbcol3 {width:100%;}
   .tableTypeCol2.ctoc thead th {display:none;}
   .tableTypeCol2.ctoc tbody td {display:block;}
   .tableTypeCol2.ctoc tr td:first-child {padding:13px 15px 14px;background:#002c5f;color: #fff; font-family:"HyundaiMedium";}
}

/* CTOD : Table D */
.ctodWrap {width:100%;}
.ctodWrap h3,
.ctodWrap h4 {margin-bottom:29px;}
.ctodWrap h2 {margin-bottom:30px;}
.ctodWrap .ctodbox {margin-bottom:15px;}
@media screen and  (max-width:1024px) {
   /* CTOD */
   .ctodWrap h3,
   .ctodWrap h4 {margin-bottom:26px;}
   .ctodWrap h2 {margin-bottom:25px;}
   .ctodWrap .ctodbox {margin-bottom:12px;}
}
@media screen and  (max-width:767px) {
   /*CTDO*/
   .ctodWrap .ctodbox .tTitle {display: none;}
}

/* CNSA : Non-slide set A */
.cnsaWrap {width:100%;}
.cnsaWrap .titWrap h3,
.cnsaWrap .titWrap h4 {margin-bottom:41px;}
.cnsaWrap .titWrap h2 {margin-bottom:80px;}
.cnsaWrap .gridbox.areaFlip li.gridCont2 .imgArea {float:right;}

.cnsaWrap .gridbox li .imgArea {min-height:170px;}
.cnsaWrap .gridbox li .txtArea h2,
.cnsaWrap .gridbox li .txtArea h3 .cnsaWrap .gridbox li .txtArea h4{margin-bottom:8px;}
.cnsaWrap .gridbox li .txtArea .icoNote {margin-top:15px;}
.cnsaWrap .gridbox li .imgArea img{position: static; width:100%; transform:none;}

/* [2018.09.28:천지연] GT : START - cnsa */
.gridbox li .txtArea{display:table-cell;}
.gridbox li .imgArea.col1{float:left; width:256px; margin-right:20px;}
/* [2018.09.28:천지연] GT : END*/

@media screen and  (max-width:1024px) {
   /* CNSA */
   .cnsaWrap .gridbox li .imgArea {min-height:192px;}
   /* .cnsaWrap .gridbox li .imgArea img{position: absolute; transform:translate(-50%, -50%); width:auto;height:100%;} */
   
   /* [2018.09.28:천지연] GT : START - cnsa */
   .cnsaWrap.col1 .gridbox li .imgArea img{width:100%;}
}

@media screen and  (max-width:767px) {
   /* CNSA */
   .cnsaWrap .subTitS{font-size:17px; line-height:22px;}
   .cnsaWrap .gridbox li {margin-bottom:40px;}
   .cnsaWrap .gridbox li .imgArea {height:192;margin-bottom:20px;}
   .cnsaWrap .gridbox li .imgArea img{position: static; width:100%;height:auto; transform:none;}
   
   /* [2018.09.28:천지연] GT : START - cnsa */
   .gridbox li .imgArea.col1{float:none; width:100%; height:auto;}/*181030*/
}

/* CNSB : Non-slide set B */
.cnsbMessage {position:relative;background:#f6f3f2;}
.cnsbMessage:after {display: block;content: "";clear: both;}
.cnsbMessage .imgArea{overflow:hidden; float:left;vertical-align:top;position:relative;width:66%;}
.cnsbMessage .imgArea img {position:relative;left:50%;width:100%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);} /* 180423 modify */
.cnsbMessage .txtArea{ float:right;vertical-align:middle;width:34%;padding:60px 50px 0;}
.cnsbMessage .txtArea .subTitL {margin:3px 0 21px 0;}
.cnsbMessage .txtArea .conAreaM {margin-top:21px;}
.cnsbMessage .txtArea .sign {margin-top:20px;}
.areaFlip .cnsbMessage .imgArea {float:right;}
.areaFlip .cnsbMessage .txtArea {float:left;}

@media screen and  (max-width:1024px) {
   /* CNSB */
   .cnsbMessage .imgArea {width:50%;}
   .cnsbMessage .txtArea {width:50%;padding:40px 30px 0;}
   .cnsbMessage .txtArea .subTitL {margin:4px 0 14px 0;}
   .cnsbMessage .txtArea .conAreaM {margin-top:15px;}
   .cnsbMessage .txtArea .sign{margin-top:15px;}
   .cnsbMessage .txtArea .sign img {width:100px;}
}
@media screen and  (max-width:767px) {
   /* CNSB */
   .cnsbMessage .imgArea{display:block;width:100%;}
   .cnsbMessage .imgArea img {position:static;top:auto;left:auto;transform:none;} /* 180423 add */
   .cnsbMessage .txtArea{display:block;width:100%;padding:30px 15px 45px;}
   .cnsbMessage .txtArea .subTitL {margin:13px 0;}
   .cnsbMessage .subTitM{margin-top:0;}
   .cnsbMessage .txtArea .sign{margin-top:15px;}
}

/* CNSC : Non-slide set C */
.cnscWrap {padding:0 160px;}
.cnscWrap h3,
.cnscWrap h4 {margin-bottom:27px;}
.cnscWrap h2{margin-bottom:30px;}
.cnscImg {display:block;width:100%;}
.cnscWrap .titWrap {width:100%;max-width:1120px;margin:0 auto;} /* GT디자인가이드_09 190221 */
.cnscWrap .txtArea {width:100%;max-width:1120px;margin:0 auto;} /* GT디자인가이드_09 190221 */
.cnscWrap .txtArea p{margin-bottom:50px !important;}
@media screen and  (max-width:1024px) {
   /* CNSC */
   .cnscWrap {padding:0 84px;}
   .cnscWrap h3,
   .cnscWrap h4 {margin-bottom:14px;}
   .cnscWrap h2{margin-bottom:20px;}
   .cnscWrap .txtArea p{margin-bottom:20px !important;}
}
@media screen and  (max-width:767px) {
   /* CNSC */
   .cnscWrap {padding:0 35px;}
}

/* CNSD : Non-slide set D */
.cnsdWrap {width:100%;}
.cnsdWrap .fullImg {height:420px;margin-bottom:50px;}
.cnsd .txtArea {position:relative;}
.cnsd .txtArea:after {display:block;content:"";clear:both;}
.cnsd .txtArea dt.grid {float:left;width:560px;}
.cnsd .txtArea dt.grid a.link {display:block;position:absolute;bottom:0;left:0;padding-right:20px;background:url("../../template_en/en/images/common/ico-link-arr.png") right no-repeat;background-size:8px;font-size:18px;color:#002c5f;font-family: 'HyundaiMedium' ;}
.cnsd .txtArea dd.grid {float:left;width:550px;margin:0;padding:0 0 0 10px;}
@media screen and  (max-width:1240px) {
   /* CNSD */
   .cnsdWrap {padding-bottom:40px;}
   .cnsdWrap .fullImg {margin-bottom:25px;/*height:192px;*/} /* 180423 modify */
   .cnsdWrap .fullImg .img img {height:auto;} /* 180423 add */
   .cnsd .txtArea dt.grid {width:42.5%;}
   .cnsd .txtArea dd.grid {width:53.5%;padding:0 0 0 4%;}
}
@media screen and  (max-width:767px) {
   .cnsdWrap .subTitM{margin-top:0;margin-bottom:15px;}
}
@media screen and  (max-width:1024px) {
   /* CNSD */
   .cnsdWrap .fullImg {height:192px;} /* 180423 add */
}
@media screen and  (max-width:1240px) {
   /* CNSD */
   .cnsdWrap .fullImg {height:192px;margin-bottom:25px;}
}
@media screen and  (max-width:767px) {
   /* CNSD */
   .cnsdWrap .fullImg {height:auto;} /* 180423 add */
   .cnsd .txtArea dt.grid {width:100%;}
   .cnsd .txtArea dd.grid {width:100%;padding-left:0;}
}

/* CTSA : Text slide set A */
.ctsaWrap .fullImg {height:420px;margin-bottom:40px;}
.ctsaWrap .txtSlideWrap .txtSlideList li .txtArea {padding:0 42px;}
@media screen and  (max-width:1024px) {
   /* CTSA */
   .ctsaWrap .fullImg {height:auto;margin-bottom:20px;}
   .ctsaWrap .fullImg .img img {position:static;top:auto;left:auto;transform:none;} /* 180503 add */
}
@media screen and  (max-width:767px) {
   .ctsaWrap .txtSlideWrap .txtSlideList li .txtArea {padding:0;}
}
/* CTSB : Text slide set B */
.ctsbWrap {padding-top:61px;}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtArea{width:auto;padding:0 160px;}
.ctsbWrap .txtBgCycle {position: relative;width:530px;height:280px;margin:0 auto 50px auto;}
.ctsbWrap .txtBgCycle:after {display:block;content:"";clear:both;}
.ctsbWrap .txtBgCycle li {position:absolute;top:0;width:280px;height:280px;border: 2px solid #e4dcd3;background:#e4dcd3;border-radius: 50%;opacity: 0.7;}
.ctsbWrap .txtBgCycle li p {display: table-cell;vertical-align: middle;width: 280px;height: 280px; padding: 40px;font-size: 20px;line-height: 30px;color: #000;text-align: center;font-family: "HyundaiMedium";word-break: break-all;}
.ctsbWrap .txtBgCycle li:nth-child(1) {left:0;}
.ctsbWrap .txtBgCycle li:nth-child(2) {left:250px;}
.ctsbWrap .txtBgCycle li:nth-child(3) {left:500px;}
.ctsbWrap .txtBgCycle.col3 {width:780px;}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2 {margin-bottom:15px;}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtList{margin-top:30px;}
@media screen and  (max-width:1024px) {
   /* CTSB */
   .ctsbWrap {padding-top:33px;}
   .ctsbWrap .txtBgCycle {width:390px;height:210px;margin:0 auto 40px;}
   .ctsbWrap .txtBgCycle li {width:210px;height:210px;}
   .ctsbWrap .txtBgCycle li p {width:210px; height:210px; padding: 32px;font-size:17px;line-height:21px;}
   .ctsbWrap .txtBgCycle li:nth-child(1) {left:0;}
   .ctsbWrap .txtBgCycle li:nth-child(2) {left:180px;}
   .ctsbWrap .txtBgCycle li:nth-child(3) {left:360px;}
   .ctsbWrap .txtBgCycle.col3 {width:570px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li .txtList{margin-top:20px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea{padding:0 60px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2 {margin-bottom:10px;}
}
@media screen and  (max-width:767px) {
   /* CTSB */
   .ctsbWrap .txtBgCycle {width:210px;height:400px;margin:0 auto 35px;}
   .ctsbWrap .txtBgCycle li {width:210px;height:210px;}
   .ctsbWrap .txtBgCycle li p {width:210px; height:210px; padding: 32px;font-size:17px;line-height:21px;}
   .ctsbWrap .txtBgCycle li:nth-child(1) {left:0;}
   .ctsbWrap .txtBgCycle li:nth-child(2) {top:180px;left:0;}
   .ctsbWrap .txtBgCycle li:nth-child(3) {top:360px;left:0;}
   .ctsbWrap .txtBgCycle.col3 {width:210px;height:570px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li{padding:0 15px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2{margin-bottom:15px;}
   .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea{padding:0;}
}

/* Text Slider [CTSA, CTSB] */
.txtSlideWrap {position: relative;width:100%;}
.txtSlideWrap .txtSlideList {overflow:hidden;position: relative;}
.txtSlideWrap .txtSlideList:after {display:block;content:"";clear:both;}
.txtSlideWrap .txtSlideList li {float:left;width:100%;}
.txtSlideWrap .txtSlideList li .txtArea {padding:0 25px;}
.txtSlideWrap .txtSlideList li .txtArea h3,
.txtSlideWrap .txtSlideList li .txtArea h4 {margin-bottom:12px;}
.txtSlideWrap .txtSlideList li .txtArea h2 {margin-bottom:20px;}
.txtSlideWrap .txtSlideList li .txtList {margin-top:40px;}
/* Text Slider [CTSA, CTSB] > button */
.txtSlideWrap .sliderBtnWrap .btnPrev,
.txtSlideWrap .sliderBtnWrap .btnNext {overflow: hidden;display: block;position: absolute;top: 50%;width: 12px;height: 20px;margin-top: -8px;text-indent: -9999px;}
.txtSlideWrap .sliderBtnWrap .btnPrev {left: 0;background: url("../../template_en/en/images/common/btn-prev2.png") no-repeat center center;}
.txtSlideWrap .sliderBtnWrap .btnNext {right: 0;background: url("../../template_en/en/images/common/btn-next2.png") no-repeat center center;}
.txtSlideWrap .sliderBtnWrap .btnPrev.disabled,
.txtSlideWrap .sliderBtnWrap .btnNext.disabled {opacity: 0.3;cursor:default;}
.txtSlideWrap .ix-controller.disabled {visibility:hidden;}
.txtSlideWrap .ix-list-viewport {overflow:hidden;}/* viewport */
/* Text Slider [CTSA, CTSB] >  Indicator */
.txtSlideWrap .ix-thumbs {position:relative;margin-top:50px;text-align:center;}
.txtSlideWrap .ix-thumbs .ix-thumb {overflow:hidden;display:inline-block;width:12px;height:12px;margin:5px;border:1px solid #999;box-sizing:border-box;border-radius:50%;} /* 180416 modify */
.txtSlideWrap .ix-thumbs .ix-thumb .ix-btn {display:block;background:#fff;text-indent:-9999px;}
.txtSlideWrap .ix-thumbs .ix-thumb.active {border:0 none;}
.txtSlideWrap .ix-thumbs .ix-thumb.active .ix-btn {background:#00aad2;}
@media screen and (max-width: 1024px) {
   .txtSlideWrap .ix-thumbs {margin-top:35px;}
   .txtSlideWrap .txtSlideList li .txtArea h3,
   .txtSlideWrap .txtSlideList li .txtArea h4 {margin-bottom:9px;}
   .txtSlideWrap .txtSlideList li .txtArea h2 {margin-bottom:15px;}
   .txtSlideWrap .txtSlideList li .txtList {margin-top:30px;}
}
@media screen and (max-width: 767px) {
   .txtSlideWrap .txtSlideList li .txtArea {padding:0 0;}
   .slide_direction {display:none;} /* slide indicator */
   .txtSlideWrap .ix-thumbs .ix-thumb{width:9px; height:9px;}
}

/* slider > CWSS, PWSE */
.galleryWrap {overflow: hidden;position: relative;}
.galleryListBox {position:relative;margin: 0 -16px;}
.gallerybox:after {display:block;content:'';clear:both;}
.gallerybox li.galleryList {float:left;padding: 0 16px;}
.gallerybox li.galleryList:last-child {margin: 0;}
.gallerybox li.galleryList .gallery_name {overflow: hidden;display: block;display: -webkit-box;max-height: 48px;margin-top: 25px;font-size: 16px;font-weight: 400;line-height: 1.5;color: #000;font-family: "HyundaiMedium" !important;box-sizing:content-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gallerybox li.galleryList .galleryCont {display: block;margin-top: 7px;font-size: 14px;line-height: 1.43;font-family: "HyundaiRegular";}
.gallerybox .galleryLink {display: block;}
.gallerybox .gallayLink {display:block;}
.gallerybox .gallayLink .gallery_img {margin-bottom:0px;}
.gallayLink .txtArea h2,
.gallayLink .txtArea h3,
.gallayLink .txtArea h4 {margin:20px 0 0;}
.gallayLink .txtArea {margin-bottom:0;}
.galleryWrap .sliderPagination {margin-top: 50px;}
.galleryWrap .btnPrev,
.galleryWrap .btnNext {top: 63px;}
.galleryWrap .btnNext.disabled,
.galleryWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}
/* D : Web */
@media screen and (max-width: 1240px) {
   .galleryListBox {position:relative;margin: 0 -11px;}
   .gallerybox li.galleryList {width:25%;margin: 0;padding: 0 11px;}
   .gallerybox li.galleryList .gallery_name {max-height: 42px;margin-top: 18px;font-size: 14px;line-height: 1.5;}
   .gallerybox li.galleryList .galleryCont {font-size: 12px;}
   .galleryWrap .btnPrev,
   .galleryWrap .btnNext {top: 7.2vw;margin-top: -22px;}
   .galleryWrap .sliderPagination{margin-top:35px;}
}
/* D : tab */
@media screen and (max-width: 1024px) {
   .galleryFullT .galleryListBox li {width:50%;}
   .gallayLink .gallery_img {margin-bottom:18px;}
   .gallayLink .txtArea h3,
   .gallayLink .txtArea h4 {margin-bottom:3px;}
   .gallayLink .txtArea h2{margin-top:15px;margin-bottom:0;}
}
/* D : mobile */
@media screen and (max-width: 767px) {
   .galleryFullM .galleryListBox {margin: 0 -5px;}
   .galleryFullM .gallerybox li.galleryList {width:100%;padding: 0 5px;}
   .galleryFullM .gallerybox li.galleryList .gallery_name {margin-top: 18px;}
   .gallayLink .gallery_img {margin-bottom:15px;}
}

/* CISA : Image slide set A */
.cisaSlider {max-width:1120px;}
.cisaSlider .btnPrev,
.cisaSlider .btnNext {top: 190px;}
.cisaSlider .sliderPagination {position: absolute;top: 380px;right: 0;bottom: auto;left: 0;}
.cisaSlider .txtArea h3,
.cisaSlider .txtArea h4 {margin-top:40px;margin-bottom:12px;}
.cisaSlider .txtArea h2 {margin-top:35px;margin-bottom:15px;}
.cisaSlider .fullImg {height:420px;}
@media screen and (max-width: 1024px) {
   /* CISA */
   .cisaSlider .btnPrev,
   .cisaSlider .btnNext {top: 74px;margin-top: 0;} /* 180423 modify */
   .cisaSlider .sliderPagination {top: 165px;}
   .cisaSlider .sliderListWrap .sliderList {margin-bottom:20px !important;}
   .cisaSlider .txtArea h3,
   .cisaSlider .txtArea h4 {margin-bottom:9px;}
   .cisaSlider .txtArea h2{margin-top:20px; margin-bottom:10px;}
   .cisaSlider .fullImg {height:auto;}
   .cisaSlider .videoPoster img {position:static;width:100%;transform:none;}
   .cisaSlider .conAreaM{text-align:left;}
}
@media screen and (max-width: 767px) {
   /* CISA */
   .cisaSlider .slide_direction {display:block;} /* 180423 add */
   .cisaSlider .sliderPagination {top: 165px;}
   .cisaSlider .fullImg .img img { position: static;width:100%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: none;} /* 180423 add */
   .cisaSlider .txtWd{padding:0;}
}

/* CISB : Image slide set B */
.cisbSlider {max-width:1860px;margin:0 auto;}
.cisbSlider .btnPrev,
.cisbSlider .btnNext {top: 50%;margin-top:-22px;}
.cisbSlider .sliderPagination {position: absolute;top:auto;right: 0;bottom: 60px;left: 0;}
.cisbSlider .sliderList .sliders {overflow:hidden;position: relative;height:720px;max-width:1920px;margin:0 auto;}
.cisbSlider .sliderList .sliders picture {position:static;top:0;right:0;bottom:0;left:0;} /* 180423 */
.cisbSlider .sliderList .sliders picture img {position:absolute;top:50%;left:50%; max-height: 100%; transform:translate(-50%, -50%);} 
.cisbSlider .sliderList .sliderList img {width:1920px;}
.cisbSlider .titWrap {position: absolute;top:253px;width:100%;}
.cisbSlider .titWrap h2,
.cisbSlider .titWrap h3,
.cisbSlider .titWrap h4 {margin-bottom:20px;}
.cisbSlider .titWrap p {margin-bottom:60px;}
@media screen and (max-width: 1024px) {
   /* CISB */
   .cisbSlider .sliderList .sliders {overflow:hidden;position: relative;height:370px;max-width:100%;margin:0 auto;}
   .cisbSlider .titWrap {top:118px;}
   .cisbSlider .titWrap h2,
   .cisbSlider .titWrap h3,
   .cisbSlider .titWrap h4 {margin-bottom:10px;}
   .cisbSlider .titWrap p {margin-bottom:30px;}
}
@media screen and (max-width: 767px) {
   /* CISB */
   .cisbSlider .btnPrev,
   .cisbSlider .btnNext {top: 50%;margin-top:-22px;}
   .cisbSlider .sliderPagination {position: absolute;top:auto;right: 0;bottom: 60px;left: 0;}
   .cisbSlider .sliderList .sliders picture img{position:static; width:100%; transform:none;} /* 180423 */ /* add */
   .cisbSlider .sliderList .sliders{height:auto;} /* 180423 *//* add */
}

/* CWSS : Whole slide set */
.cwssWrap .gt_lypd_tsh{padding-top:10px !important;}
.cwssWrap .titWrap h2,
.cwssWrap .titWrap h3,
.cwssWrap .titWrap h4 {margin-bottom:50px;}
.cwssWrap .colLg4 h2,
.cwssWrap .colLg3 h2,
.cwssWrap .colLg2 h2 {margin-top:30px;}
.cwssWrap .colLg4 h3,
.cwssWrap .colLg3 h3,
.cwssWrap .colLg2 h3 {margin-top:20px;}
.cwssWrap .colLg4 h4,
.cwssWrap .colLg3 h4,
.cwssWrap .colLg2 h4 {margin-top:40px;}
.cwssWrap .colLg2 .col {width:50%;}
.cwssWrap .colLg3 .col {width:33.3%;}
.cwssWrap .colLg4 .col {width:25%;}
.cwssWrap .gallery_img {overflow: hidden;display: block;position: relative;width: 100%;text-align: center;}
.cwssWrap .gallery_img img {width:100%;} /* 180418 modify */
/* .cwssWrap .colLg2 .gallery_img {min-height:360px}
.cwssWrap .colLg3 .gallery_img {min-height:233px}
.cwssWrap .colLg4 .gallery_img {min-height:170px;} */
.cwssWrap .colLg2 .btnPrev,
.cwssWrap .colLg2 .btnNext {top:160px;}
.cwssWrap .colLg3 .btnPrev,
.cwssWrap .colLg3 .btnNext {top:100px;}
.cwssWrap .colLg4 .btnPrev,
.cwssWrap .colLg4 .btnNext {top:65px;margin-top: 0;}
.cwssWrap .conAreaM{margin-top:10px;}
.cwssWrap .galleryLink .txtList{margin-top:20px;}
.cwssWrap .conAreaS.bulletS:before{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@media (max-width: 1024px) {
     /* CWSS */
   .cwssWrap .gt_lypd_tsh{padding-top:0 !important;}
   .cwssWrap .titWrap h2,
   .cwssWrap .titWrap h3,
   .cwssWrap .titWrap h4 {margin-bottom:30px;}
   .cwssWrap .subTitS{margin-bottom:0;}
   /* .cwssWrap .subTitM{margin-bottom:30px; font-size:27px; line-height:32px;} 181022*/
   .cwssWrap .colLg4 h2,
   .cwssWrap .colLg2 h3,
   .cwssWrap .colLg3 h4 {margin-top:30px;}
   .cwssWrap .colLg2 .col {width:50%; padding:0 7px;}
   .cwssWrap .colLg3 .col {width:50%; padding:0 7px;}
   .cwssWrap .colLg4 .col {width:50%; padding:0 7px;}
   /* .cwssWrap .colLg2 .gallery_img {min-height:192px}
   .cwssWrap .colLg3 .gallery_img {min-height:148px}
   .cwssWrap .colLg4 .gallery_img {min-height:192px} */
   .cwssWrap .colLg2 .btnPrev,
   .cwssWrap .colLg2 .btnNext {top:50%;margin-top:-140px;}
   .cwssWrap .colLg3 .btnPrev,
   .cwssWrap .colLg3 .btnNext {top:50%;margin-top:-170px;}
   .cwssWrap .colLg4 .btnPrev,
   .cwssWrap .colLg4 .btnNext {top:50%; margin-top:-140px;}
   .cwssWrap .conAreaM{margin-top:15px;}
   .cwssWrap .galleryListBox{margin:0 -7px;}
   .cwssWrap .galleryLink .txtList{margin-top:15px;}
}
@media (max-width: 767px) {
   /* CWSS */
   .cwssWrap .titWrap h2,
   .cwssWrap .titWrap h3,
   .cwssWrap .titWrap h4 {margin:0 0 25px;}
   .cwssWrap .colLg2 h2,
   .cwssWrap .colLg3 h3,
   .cwssWrap .colLg4 h4 {margin-top:20px;}
   /* .cwssWrap .colLg2 .gallery_img {min-height:auto;} 180423 */
   /* .cwssWrap .colLg3 .gallery_img {min-height:auto;} 180423 */
   /* .cwssWrap .colLg4 .gallery_img {min-height:auto;} 180423 */
   .cwssWrap .colLg2 .btnPrev,
   .cwssWrap .colLg2 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
   .cwssWrap .colLg3 .btnPrev,
   .cwssWrap .colLg3 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
   .cwssWrap .colLg4 .btnPrev,
   .cwssWrap .colLg4 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
   .cwssWrap .gallery_img img{position:static; transform:none;} /* 180423 */ /* add 
   */
   .cwssWrap .galleryListBox{margin:0 -5px;}
}

/* CAOA, CAOB, CAOC */
.accordionLinkWrap {width:1000%;max-width:1120px;margin:0 auto;padding:0 0 30px 0;}
.accordionLinkWrap:after {display:block;content:"";clear:both;}
.accordionLinkWrap .accordionLink {display:inline-block;float:right;position: relative;padding-left:15px;font-size:14px; line-height:24px;color:#000;font-family: "HyundaiMedium";}
.accordionLinkWrap .accordionLink:after {display: block;position: absolute;top:50%;left: 0;width: 9px;height: 10px;background: url("../../template_en/en/images/common/ico-plus.png") no-repeat;background-size:100%;content: '';transform:translateY(-50%);}
.accordionLinkWrap.on .accordionLink:after {display: block;position: absolute;top:6px;left: 0;width: 9px;height: 1px;background: url("../../template_en/en/images/common/ico-minus.png") no-repeat;background-size:100%;content: '';}
.historyCont .fullImg {height:420px;}
@media screen and  (max-width:1240px) {
   .accordionLinkWrap {width:auto;padding:0 0 20px 0;}
}
@media screen and  (max-width:1024px) {
   .historyCont .fullImg {height:269px;}
}
@media screen and  (max-width:767px) {
   .historyCont .fullImg {height:auto;} /* 180423 */
}

/* CAOC : Accordian C; */
.accordionLinkWrap.caoc {padding:25px 0;}
.caocHistoryWrap {width:100%;}
.caocHistoryWrap .historyList {width:100%;}
.caocHistoryWrap {position: relative;}
.caocHistoryWrap .historyList li.dep1 .btnOpenClose {display: block;position: relative;width: 100%;height: 100px;max-width:1120px;margin:0 auto;border-bottom:solid 1px #d8d8d8;background: #fff;font-size:20px;font-weight: normal;line-height: 100px;color: #000;font-family: "HyundaiMedium";text-align: left;text-decoration:none;box-sizing: border-box;}
.caocHistoryWrap .historyList li.dep1 .btnOpenClose:after {display: block;position: absolute;top:48px;right: 0;width: 20px;height: 14px;background: url("../../template_en/en/images/common/ico-toggle-down.png") no-repeat 0 0;content: '';}
.caocHistoryWrap .historyList li.dep1 .historyContWrap {display: none;padding:0;background: url("../../template_en/en/images/service-story/bg-caoc.png") bottom no-repeat;}
.caocHistoryWrap .historyList li.dep1.on .btnOpenClose {border-bottom:0;color: #000;}
.caocHistoryWrap .historyList li.dep1.on .btnOpenClose:after {background: url("../../template_en/en/images/common/ico-toggle-up.png") no-repeat 0 0;}
.caocHistoryWrap .historyList li.dep1 .historyContWrap {display: none; margin-bottom:50px;}
.caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {width:1120px;margin:0 auto;padding:90px 0 100px 0;}
.caocHistoryWrap .historyInfo {overflow:hidden;width:100%;margin-top:50px;}
.caocHistoryWrap .historyInfo:after {display:block;content:"";clear:both;}
.caocHistoryWrap .historyInfo:first-child {margin-top:60px;}
.caocHistoryWrap .historyInfo dt {float:left;width:111px;margin-right:40px;font-size:44px;color:#000;font-family: "HyundaiMedium";}
.caocHistoryWrap .historyInfo dd {overflow:hidden;font-size:16px;line-height:28px;color:#000;font-family: "HyundaiRegular";}
.caocHistoryWrap .historyInfo dd > p {position:relative;margin-left:3px;padding-left:12px;font-size:14px;line-height:24px;}
.caocHistoryWrap .historyInfo dd > p > span {position:absolute;top:0;left:0;}
@media screen and  (max-width:1120px) {
   /* CAOC */
   .caocHistoryWrap .historyList li.dep1 .btnOpenClose {width:auto;max-width:100%;padding:0 25px;}
   .caocHistoryWrap .historyList li.dep1 .btnOpenClose:after {right:25px;}
   .caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {width:auto;padding:30px 25px 70px 25px;}
}
@media screen and  (max-width:1024px) {
   /* CAOC */
   .accordionLinkWrap.caoc {padding:25px;}
   .caocHistoryWrap .historyInfo:first-child{margin-top:30px;}
   .caocHistoryWrap .historyInfo{margin-top:30px;}
   .caocHistoryWrap .historyInfo dt {width:93px;margin-right:0;font-size:27px;line-height:32px;}
   .caocHistoryWrap .historyInfo dd {width:auto;font-size:14px;line-height:21px;}
   .caocHistoryWrap .historyList li.dep1 .historyContWrap{margin-bottom:40px;}
}
@media screen and  (max-width:767px) {
   /* CAOC */
   .caocHistoryWrap .historyList li.dep1 .btnOpenClose {height: 51px;font-size:17px;line-height: 51px;}
   .caocHistoryWrap .historyList li.dep1 .btnOpenClose:after,
   .caocHistoryWrap .historyList li.dep1.on .btnOpenClose:after {top:20px;width:9px;height:6px;background-size:100%;}
   .caocHistoryWrap .historyList li.dep1 .historyContWrap { background-size:cover;background-position-y: 0;}
   .caocHistoryWrap .historyInfo {margin-top:30px;}
   .caocHistoryWrap .historyInfo dt {font-size:27px;}
   .caocHistoryWrap .historyInfo dd {width:100%;padding-top:15px;}
   .caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {padding:30px 15px 70px 15px;}
   .caocHistoryWrap .txtWd{padding:0 15px;}
   .caocHistoryWrap .historyInfo dd > p{margin-left:5px;}
}

/* CPSV : Promotion/Special Offers View */
.cpsvWrap {width:100%;}
.cpsvWrap h3,
.cpsvWrap h4 {margin-bottom:8px;}
.cpsvWrap h2 {margin-bottom:15px;}
.cpsvWrap .subTitS {margin-bottom:10px;}
.cpsvWrap .fullImg {height:420px;margin-top:50px;}
@media screen and  (max-width:1024px) {
   /* CPSV */
   .cpsvWrap h2 {margin-bottom:10px;}
   .cpsvWrap .fullImg {height:auto; margin-top:35px;} /* 180423 */ /* add */
   .cpsvWrap .subTitS{margin-bottom:15px;}
}

/* CCBL : Campaign_Big list */
.ccblWrap {overflow:hidden;position:relative;}
.ccblWrap .bigTit {padding:100px 0 60px;}
.ccblWrap .outerWrap {overflow:hidden;position:relative;height:600px;}
.ccblWrap .img {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.ccblWrap .img img {position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.ccblWrap .ccblWrapInner {position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:131px 0 70px;}
.ccblWrap .titWrap .ftit {margin-bottom:40px;}
.ccblWrap .titWrap .ftit.subTitL {font-size: 58px; line-height: 68px;}
.ccblWrap .titWrap .ftit.subTitM {font-size: 30px; line-height: 40px;}
.ccblWrap .titWrap .ftit.subTitS {font-size: 20px; line-height: 30px;}
.ccblWrap .titWrap {margin-bottom:40px;}
.ccblWrap .btnWrap {margin-right:0 !important;margin-left:0 !important;}
.ccblWrap .btnWrap .colWd{margin-left:20px;}
.ccblWrap.videoType {padding:0;}
.ccblWrap .video {position:relative;height:100%;}
.ccblWrap .vWrap {position: absolute;top:50%;right:0;left:0;height: 0; padding-top: 25px;padding-bottom: 56.25%;transform:translateY(-50%);/* 16:9 */}
.ccblWrap video,
.ccblWrap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.ccblWrap .innerDimm {position:absolute;top:0;z-index:4;width:100%;height:100%;background:#000;opacity:0.5;}
.ccblWrap .videoPlay {overflow: hidden;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;cursor:pointer;text-indent:-1000px;}
.ccblWrap a.btn {text-align:center;}
.ccblWrap a.btn:hover, 
.ccblWrap a.btn:focus {text-decoration:none;}
.ccblWrap .ccblWrapInner .btn{margin-left:20px;}
/* .ccblWrap .ccblWrapInner .btn:first-child{margin-left:0} */
@media all and (max-width: 1024px) {
   /* CCBL */
   .ccblWrap .subTitM {margin-top:0;padding:70px 0 30px; font-size:27px; line-height:32px;}
   .ccblWrap .outerWrap {height:300px;}
   .ccblWrap .ccblWrapInner {padding:50px 25px 33px;}
   .ccblWrap .titWrap .ftit {margin-bottom:20px;}
   .ccblWrap .titWrap .ftit.subTitL {font-size: 28px;line-height: 32px;}
   .ccblWrap .titWrap .ftit.subTitM {font-size: 19px;line-height: 22px;}
   .ccblWrap .titWrap .ftit.subTitS {font-size: 17px;line-height: 20px;}
   .ccblWrap .titWrap {margin-bottom:20px;}
   .ccblWrap.videoType {padding:0;}
   .ccblWrap .btnWrap.col1{margin:0;}
   .ccblWrap .ccblWrapInner .btn{margin-left:14px;}
}
@media all and (max-width: 767px) {
   /* CCBL */
   .ccblWrap {padding:0 !important;}
   .ccblWrap .outerWrap {height:auto;} /* 180423 */
   .ccblWrap .ccblWrapInner {position:absolute; top:0; padding:46px 35px;} /* 180423 */
   .ccblWrap .titWrap .ftit {font-size:19px;text-align:center;}
   .ccblWrap .titWrap .ftit br {display:inline !important;}
   .ccblWrap .titWrap .ftit.subTitL {font-size: 28px;line-height: 32px;}
   .ccblWrap .titWrap .ftit.subTitM {font-size: 19px;line-height: 22px;}
   .ccblWrap .titWrap .ftit.subTitS {font-size: 17px;line-height: 20px;}
   /* .ccblWrap .btnWrap {margin:24px 0 0 !important;} */
   .ccblWrap .btnWrap .colWd {width:100%;margin-top:10px;margin-left:0;}
   /*.ccblWrap .titWrap .stit {padding:0 15px;} /* 180423 */
   .ccblWrap.videoType {padding:0;}
   .ccblWrap .img img {position:static;width:100%;transform:none;} /* 180423 */ /* add */
   .ccblWrap .img {position: static;} /* 180423 */ /* add */
   .ccblWrap .ccblWrapInner .btn{width:100%;}
   .ccblWrap .ccblWrapInner .btn{margin-left:0;}
}

@media all and (max-width: 320px) {
    .ccblWrap .ccblWrapInner{max-width:320px;}
    .ccblWrap .ccblWrapInner .sectionInner {min-width:auto;}
    /* CCBL */ /* GT디자인가이드_37 190416 */
}

/* CCSL : Campaign_Small list */
.gridWrap.ccslWrap {width:100%;}
.gridWrap.ccslWrap .gridbox li .imgArea {min-height:360px;}
.ccslbox {padding:40px 45px 60px 45px;background:#fff;}
.ccslbox .ccslMtb {overflow:hidden;display:-webkit-box;height:56px;margin:15px 0 50px 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ccslbox .btnWrap {margin:0 -10px;}
.ccslbox .btnWrap .colWd.lg{width:50%;margin:0;padding:0 10px;}
.ccslWrap .gridbox {display:table;width:100%;}
.ccslWrap .gridbox li {display:table-cell;float:none;}
.ccslWrap .gridbox li.gridCont2 {position:relative;background:#fff;}
.ccslWrap .gridbox li.gridCont2:after {position:absolute;top:0;left:0;width:10px;height:100%;background:#f6f3f2;content:'';}
.ccslWrap .gridbox li.gridCont2:first-child:after {right:0;left:auto;}
@media screen and  (max-width:1024px) {
   /* CCSL */
   .ccslWrap .gridbox li .imgArea img{position:static; transform:none;}
   .ccslbox {padding:25px 22px 45px 22px;background:#fff;}
   .ccslbox .ccslMtb {height:42px;margin:15px 0 25px 0;}
   .gridWrap.ccslWrap .gridbox li .imgArea {min-height:192px;}
   .gridWrap.ccslWrap .btnWrap .colWd.lg{width:100%; margin:0; margin-top:10px;}
   .gridWrap.ccslWrap .btnWrap .colWd.lg:first-child{margin-top:0;}
   .ccslWrap .gridbox li.gridCont2:after {width:7px;}
}
@media screen and  (max-width:767px) {
   /* CCSL */
   .ccslbox .ccslMtb {display:block;height:auto;}
   .ccslWrap .gridbox li {display:inline-block;}
   .ccslWrap .subTitL {font-size:17px;line-height:22px;}
   .ccslWrap .conAreaM {font-size:12px;line-height:17px;}
   .ccslWrap .gridbox li.gridCont2:after {display:none;}
   .gridWrap.ccslWrap .gridbox li .imgArea {min-height:auto;} /* 180423 */ /* add */
   .gridWrap.ccslWrap .subTitM{margin-top:0;}
}
/* CNSA, CCSL : flag in dropbox */
.gridWrap .grid{float:left;width:332px;margin-bottom:35px;margin-left:0;font-size:14px;line-height:19px;}
.gridWrap .grid img{width:26px;}
.gridWrap .grid .txtCountry{padding-left:7px;}
.gridWrap .grid a ,
.gridWrap .grid a:hover{display:block;color:#000;}
@media screen and (max-width: 1024px) {
   .gridWrap .grid {float:left;width:50%;margin-left:0;}
   .gridWrap .grid a{overflow:hidden;display:block;vertical-align:top;width:100%;height:50px;text-align:left;}
   .gridWrap .grid a img.flag{display:inline-block;vertical-align:top;margin-right:10px;}
}

/* CIOO : Iframe */
.iframe_box {width:100%;}
/* .iframe_box .tempDel {font-family:"HyundaiMedium";line-height:500px;} */
.iframe_box iframe {width:100% !important;}
/*@media screen and  (max-width:1024px) {
    .iframe_box {min-height:337px;} */
   /* .iframe_box .tempDel {line-height:337px;} */
   /* .iframe_box iframe {min-height:337px;} 
}*/
/* @media screen and  (max-width:767px) {
   .iframe_box {min-height:163px;}
   .iframe_box .tempDel {line-height:163px;}
   .iframe_box iframe {min-height:163px;} 
} */

/* CCUM : Contact us map */
.ccumMap .ccumMapLoadWrap {overflow:hidden;width:100%;height:420px;margin-bottom:50px;}
.ccumMap .btn {width:140px;height:40px;line-height:40px;text-align:center;}
.ccumMap .btnWrap {margin:25px 0 0;text-align:left;}
.ccumMap .txtArea {position:relative;}
.ccumMap .txtArea:after {display:block;content:"";clear:both;}
.ccumMap .txtArea dt.grid {float:left;width:50%;}
.ccumMap .txtArea dt.grid a.link {display:block;position:absolute;bottom:0;left:0;padding-right:20px;background:url("../../template_en/en/images/common/ico-link-arr.png") right no-repeat;background-size:8px;font-size:18px;color:#002c5f;font-family: 'HyundaiMedium' ;}
.ccumMap .txtArea dd.grid {float:left;width:50%;margin:0;padding:0 0 0 10px;}
.ccumMap .ccumMapLoadWrap img {width:100%;}
@media screen and  (max-width:1024px) {
   /* CCUM */
   .ccumMap .ccumMapLoadWrap {overflow:hidden;height:auto;margin-bottom:15px;padding-bottom:37.5%;}
   .ccumMap .subTitM{margin-top:0;}
   .ccumMap .btnWrap{margin:15px 0 0 0;}
}
@media screen and  (max-width:767px) {
   /* CCUM */
   .sectionWrap.ccum{padding:0;}
   /* .ccumMap{margin-bottom:35px;} */
   .ccumMap .ccumMapLoadWrap {overflow:hidden;padding:72.5% 0;}
   .ccumMap .txtArea .grid {width:100%;padding:0 0 10px 0;}
   .ccumMap .txtArea dt.grid {width:100%;}
   .ccumMap .txtArea dd.grid { float:none; width:auto;padding-left:0;}
   .ccumMap .btnWrap {display:none;}
   .ccumMap .ccumMapLoadWrap img{width:auto;}
   .ccumMap .txtArea{padding:0 15px;}
}
/* CCUM > layerContactUsMap */
.layerContactUsMap dl.txtArea dt.grid,
.layerContactUsMap dl.txtArea dd.grid {width:50%;padding:0;}
/* .layerContactUsMap .layerConWrap .sectionWrap {padding:40px 0 80px;} */
.layerContactUsMap .layerConWrap .sectionWrap .btnWrap {margin:60px 0 0;min-width:0;}
@media all and (max-width:1024px) {
   /* CCUM > layerContactUsMap */
   /* .layerContactUsMap .layerConWrap .sectionWrap {padding:30px 0 50px;} */
   .layerContactUsMap .layerConWrap .sectionWrap .btnWrap {margin-top:30px;} /* 180418 */
}
@media all and (max-width:767px) {
   /* CCUM > layerContactUsMap */
   .layerContactUsMap dl.txtArea dt.grid,
   .layerContactUsMap dl.txtArea dd.grid  {float:none;width:auto;}
}

/* CFOO : Common_Fleet */
.cfoo .boxArea {overflow:hidden;width:100%;margin:0 auto;}
.cfoo .boxArea .txtBoxM {float:left;position:relative;width:550px;height:auto;padding-bottom:53px;background-color:#fff;}
.cfoo .boxArea .txtBoxM .txtBox1 {padding:56px 40px 0 40px;}
.cfoo .boxArea .txtBoxM {margin-right:20px;margin-bottom:20px;}
.cfoo .boxArea .txtBoxM:nth-of-type(2n) {margin-right:0;}
.cfoo .boxArea .txtBoxM .txtBox1 .subTitMg2 {display:block;margin-bottom:2px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiMedium";}
.cfoo .boxArea .txtBoxM .txtBox1 .conAreaM {margin-bottom:4px;font-size:16px;line-height:28px;color:#000;letter-spacing:0.2px;font-family:"HyundaiRegular";}
.cfoo .boxArea .txtBoxM .txtBox1 .conAreaS {font-size:14px;line-height:24px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.cfoo .boxArea .btn {display:inline-block;position:static;bottom:55px;width:auto;height:auto;padding:0 32px;background:#002c5f; font-size:12px;line-height:36px;color:#fff;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.cfoo .boxArea .txtBoxM.alignL .btn {left:0; margin-top:24px;margin-left:40px;}
.cfoo .boxArea .txtBoxM.alignC .btn {margin-top:24px;}
.cfoo .boxArea .txtBoxM.alignR .btn {right:0;left:auto; margin-top:24px;margin-right:40px;}
@media screen and (max-width:1240px){
   /* CFOO */
   .cfoo .boxArea .txtBoxM {width:48%;height:265px;}
   .cfoo .boxArea .txtBoxM .txtBox1 {width:100%;}
}
@media screen and (max-width:1024px){
   /* CFOO */
   .cfoo .boxArea .txtBoxM {width:48%;height:155px;}
   .cfoo .boxArea .txtBoxM .txtBox1 {width:100%;height:auto;padding:28px 25px 0 25px;}
   .cfoo .boxArea .txtBoxM {height: auto;margin-right:14px;margin-bottom:14px;
       padding-bottom: 21px;}
   .cfoo .boxArea .txtBoxM .txtBox1 .subTitMg2 {margin-bottom:0;font-size:19px;line-height:24px;letter-spacing:0.3px;}
   .cfoo .boxArea .txtBoxM .txtBox1 .conAreaM {margin-bottom:0;font-size:14px;line-height:21px;letter-spacing:0.2px;}
   .cfoo .boxArea .txtBoxM .txtBox1 .conAreaS {font-size:12px;line-height:17px;letter-spacing: 0.2px;}/* 210729 modify */
   .cfoo .boxArea .btn {bottom:28px;width:100px; width: auto;height:30px; padding: 0 30px;font-size:13px;line-height:30px;}
   .cfoo .boxArea .txtBoxM.alignL .btn {left:0;margin-left:25px;}
   .cfoo .boxArea .txtBoxM.alignR .btn {margin-right:25px;}
   .cfoo .boxArea .txtBoxM.alignL .btn {left:0; margin-top:14px;margin-left:25px;}
   .cfoo .boxArea .txtBoxM.alignC .btn {margin-top:14px;}
   .cfoo .boxArea .txtBoxM.alignR .btn {right:0;left:auto; margin-top:14px;margin-right:25px;}
}
@media screen and (max-width:767px){
   /* CFOO */
   .cfoo .boxArea .txtBox1 {height:auto;}
   .cfoo .boxArea .txtBoxM {width:100%;height:auto;}
   .cfoo .boxArea .btn {bottom:28px;}

   .cfoo .boxArea .txtBoxM {margin-left:0;}
}

/* CPOA : Common_Philosophy A */
.sectionWrap.cpoa {padding:96px 0 118px 0;background:url("../../template_en/en/images/common/con-stg/bg-core-values.jpg");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
.sectionWrap.cpoa .titArea {margin-bottom:40px;}
.sectionWrap.cpoa .txtArea {margin-bottom:50px;}
.sectionWrap.cpoa .subTitL{line-height:54px;}
.cpoa .coreValuesItem {width:800px;margin:0 auto;}
.cpoa .coreValuesItem:after {display:block;content:"";clear:both;}
.cpoa .coreValuesItem li {float:left;width:340px;margin-top:50px;margin-right:120px;}
.cpoa .coreValuesItem li:nth-child(1) {margin-top:0;}
.cpoa .coreValuesItem li:nth-child(2) {margin-top:0;margin-right:0;}
.cpoa .coreValuesItem li:nth-child(4) {margin-right:0;}
.cpoa .coreValuesItem li:nth-child(6) {margin-right:0;}
.cpoa .coreValuesItem li h2,
.cpoa .coreValuesItem li h3,
.cpoa .coreValuesItem li h4 {position:relative;font-size:20px;line-height:30px;color:#002c5f;font-family:"HyundaiMedium";text-align:center;}
.cpoa .coreValuesItem li h2:before,
.cpoa .coreValuesItem li h3:before,
.cpoa .coreValuesItem li h4:before{display:block;height:72px;margin:0 auto 25px;background:url("../../template_en/en/images/service-story/bg-core-values-pc.png") no-repeat;content:'';}
.cpoa .coreValuesItem li .txt{margin-top:20px;font-size:16px;line-height:28px;font-family:"HyundaiRegular";}
.cpoa .coreValuesItem li.item01 h2:before,
.cpoa .coreValuesItem li.item01 h3:before,
.cpoa .coreValuesItem li.item01 h4:before{width:114px;background-position:0 0;}
.cpoa .coreValuesItem li.item02 h2:before,
.cpoa .coreValuesItem li.item02 h3:before,
.cpoa .coreValuesItem li.item02 h4:before{width:149px;background-position:-140px 0;}
.cpoa .coreValuesItem li.item03 h2:before,
.cpoa .coreValuesItem li.item03 h3:before,
.cpoa .coreValuesItem li.item03 h4:before{width:121px;background-position:-309px 0;}
.cpoa .coreValuesItem li.item04 h2:before,
.cpoa .coreValuesItem li.item04 h3:before,
.cpoa .coreValuesItem li.item04 h4:before{width:149px;background-position:-452px 0;}
.cpoa .coreValuesItem li.item05 h2:before,
.cpoa .coreValuesItem li.item05 h3:before,
.cpoa .coreValuesItem li.item05 h4:before{width:144px;background-position:-605px 0;}
.cpoa .coreValuesItem li.item06 h2:before,
.cpoa .coreValuesItem li.item06 h3:before,
.cpoa .coreValuesItem li.item06 h4:before{width:144px;background-position:0 0;}
@media screen and  (max-width:1024px) {
   /* CPOA */
   .sectionWrap.cpoa {padding:48px 25px 70px;}
   .sectionWrap.cpoa .titArea {margin-bottom:20px;}
   .sectionWrap.cpoa .txtArea {margin-bottom:40px;}
   .cpoa .coreValuesItem {width:600px;}
   .cpoa .coreValuesItem li {width:250px;margin-top:40px;margin-right:100px;}
   .cpoa .coreValuesItem li h2,
   .cpoa .coreValuesItem li h3,
   .cpoa .coreValuesItem li h4{font-size:14px;line-height:21px;}
   .cpoa .coreValuesItem li h2:before,
   .cpoa .coreValuesItem li h3:before,
   .cpoa .coreValuesItem li h4:before{display:block;height:55px;margin:0 auto 15px;background:url("../../template_en/en/images/service-story/bg-core-values-t.png") no-repeat;content:'';}
   .cpoa .coreValuesItem li .txt{margin-top:10px;font-size:14px;line-height:21px;}
   .cpoa .coreValuesItem li.item01 h2:before,
   .cpoa .coreValuesItem li.item01 h3:before,
   .cpoa .coreValuesItem li.item01 h4:before{width:93px;background-position:0 0;}
   .cpoa .coreValuesItem li.item02 h2:before,
   .cpoa .coreValuesItem li.item02 h3:before,
   .cpoa .coreValuesItem li.item02 h4:before{width:123px;background-position:-109px 0;}
   .cpoa .coreValuesItem li.item03 h2:before,
   .cpoa .coreValuesItem li.item03 h3:before,
   .cpoa .coreValuesItem li.item03 h4:before{width:96px;background-position:-243px 0;}
   .cpoa .coreValuesItem li.item04 h2:before,
   .cpoa .coreValuesItem li.item04 h3:before,
   .cpoa .coreValuesItem li.item04 h4:before{width:114px;background-position:-347px 0;}
   .cpoa .coreValuesItem li.item05 h2:before,
   .cpoa .coreValuesItem li.item05 h3:before,
   .cpoa .coreValuesItem li.item05 h4:before{width:107px;background-position:-465px 0;}
   .cpoa .coreValuesItem li.item06 h2:before,
   .cpoa .coreValuesItem li.item06 h3:before,
   .cpoa .coreValuesItem li.item06 h4:before{width:144px;background-position:0 0;}
}
@media screen and  (max-width:767px) {
   /* CPOA */
   .sectionWrap.cpoa {padding:48px 15px 70px;background:url("../../template_en/en/images/common/con-stg/bg-core-values-m.jpg");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
   .cpoa .coreValuesItem {width:auto;padding:0 15px;}
   .cpoa .coreValuesItem li {width:100%;margin-top:40px;margin-right:0;text-align:center;}
   .cpoa .coreValuesItem li:nth-child(2),
   .cpoa .coreValuesItem li:nth-child(6) {margin-top:40px;}
   .cpoa .txtWd{padding:0 15px;}
}

/* CPOB - Common Philosophy B  */
.sectionWrap.cpob {padding:96px 0 86px 0;}
.sectionWrap.cpob .conAreaL{font-family:"HyundaiRegular";}
.sectionWrap.bgManagementPhilosophy{background:url("../../template_en/en/images/common/con-stg/bg-management.jpg");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
.sectionWrap.cpob .txtCycle {position: relative;width:690px;height:250px;margin:50px auto 40px auto;}
.sectionWrap.cpob .txtCycle:after {display:block;content:"";clear:both;}
.sectionWrap.cpob .txtCycle li {position:absolute;top:0;width:250px; height: 250px;border: 2px solid #fff;border-radius: 50%;}
.sectionWrap.cpob .txtCycle li p {display:table-cell;vertical-align:middle; width: 250px;height:250px; padding: 32px;font-size:20px;line-height:30px;color:#fff;text-align:center;font-family:"HyundaiMedium"; word-break: break-all;}
.sectionWrap.cpob .txtCycle li:nth-child(1) {left:0;}
.sectionWrap.cpob .txtCycle li:nth-child(2) {left:220px;}
.sectionWrap.cpob .txtCycle li:nth-child(3) {left:440px;}
.sectionWrap.cpob .txtCycle.col3 {width:690px;}
@media screen and  (max-width:1024px) {
   /* CPOB */
   .sectionWrap.cpob {padding:50px 25px 70px;}
   .sectionWrap.cpob .txtCycle {width:550px;height:200px;margin:30px auto 40px auto;}
   .sectionWrap.cpob .txtCycle li {width:200px; height: 200px;}
   .sectionWrap.cpob .txtCycle li p { width: 200px;height:200px;padding: 24px;font-size:17px;line-height:22px;}
   .sectionWrap.cpob .txtCycle li:nth-child(1) {left:0;}
   .sectionWrap.cpob .txtCycle li:nth-child(2) {left:175px;}
   .sectionWrap.cpob .txtCycle li:nth-child(3) {left:350px;}
   .sectionWrap.cpob .txtCycle.col3 {width:550px;}
}
@media screen and  (max-width:767px) {
   /* CPOB */
   .sectionWrap.cpob {padding:50px 15px 70px;background:url("../../template_en/en/images/common/con-stg/bg-management-m.jpg");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
   .sectionWrap.cpob .txtCycle {width:200px;height:530px;}
   .sectionWrap.cpob .txtCycle li {width:200px; height: 200px;}
   .sectionWrap.cpob .txtCycle li p { width: 200px;height:200px;padding: 24px;font-size:17px;line-height:22px;}
   .sectionWrap.cpob .txtCycle li:nth-child(1) {left:0;}
   .sectionWrap.cpob .txtCycle li:nth-child(2) {top:165px;left:0;}
   .sectionWrap.cpob .txtCycle li:nth-child(3) {top:330px;left:0;}
   .sectionWrap.cpob .txtCycle.col3 {width:200px;height:530px;}
}

/* CCOA - CEO A */
.bgMessage {background:url("../../template_en/en/images/common/con-stg/bg-con-stg-06-pc.png");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
.ccoa .innerWrap {max-width:800px;margin:0 auto;padding:100px 0;}
.ccoa .txtArea {padding-top:20px;}
.ccoa .titArea .subTitL {margin-bottom:40px; text-align:center;}
.ccoa .titArea .subTitM{text-align:center;}
.ccoa .conAreaM p {margin-top:28px;font-size:16px;line-height:28px;color:#000;letter-spacing:0.2px;}
.ccoa .conAreaM p:first-child {margin-top:0;}
.ccoa .bottomText {margin:40px 0 0;text-align:right;}
.ccoa .bottomText .txt1,
.ccoa .bottomText .txt2 {display:inline-block;vertical-align:top;font-size:16px;line-height:28px;color:#000;}
.ccoa .bottomText .txt2 {font-family:"HyundaiMedium";}
@media screen and  (max-width:1024px) {
   /* CCOA */
   .bgMessage {background-image:url("../../template_en/en/images/common/con-stg/bg-con-stg-06-t.png");}
   .ccoa .innerWrap { max-width:none;padding:70px 47px;}
   .ccoa .titArea .subTitL {margin-bottom:30px;}
   .ccoa .conAreaM p {margin-top:20px;font-size:14px;line-height:21px;}
   .ccoa .conAreaM p:first-child {margin-top:0;}
   .ccoa .bottomText {margin-top:15px;}
   .ccoa .txtArea {padding-top:15px;}
}
@media screen and  (max-width:767px) {
   /* CCOA */
   .bgMessage {background:url("../../template_en/en/images/common/con-stg/bg-con-stg-06-m.png");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
   .ccoa .innerWrap {padding:70px 15px;}
   .ccoa .txtArea {padding:15px 0;}
   .ccoa .bottomText .txt1,
   .ccoa .bottomText .txt2 {display:block;}
}

/* CLCO - bgCareers */
.sectionWrap.clco {padding:100px 25px;background:url("../../template_en/en/images/common/con-stg/bg-con-stg-07-pc.png");-webkit-background-size:cover;background-size:cover;background-position:50% bottom;}
.sectionWrap.clco .mb2 {margin-top:60px; font-size:30px; line-height:40px;}
.sectionWrap.clco .txtArea {margin-top:30px;}
.sectionWrap.clco .txtArea .conAreaM{font-family:"HyundaiMedium";}
.sectionWrap.clco .txtArea dt.conAreaM{font-family: "HyundaiRegular";}
.sectionWrap.clco dd.conAreaM{margin-top:10px;font-weight:normal !important;}
@media screen and  (max-width:1024px) {
   /* CLCO */
   .sectionWrap.clco .txtArea{margin-top:0;}
   .sectionWrap.clco .mb1{line-height:32px;}
   .sectionWrap.clco {padding:65px 25px 70px;}
   .sectionWrap.clco .sectionFull {padding:0 25px;}
   .sectionWrap.clco dl.txtArea {margin-top:25px;}
   .sectionWrap.clco .txtArea dd.conAreaM{margin-top:5px;}
   .sectionWrap.clco .mb1 {margin-bottom:15px;}
   .sectionWrap.clco .mb2 {margin-top:45px; margin-bottom:10px; font-size:19px;line-height:24px;}
}
@media screen and  (max-width:767px) {
   /* CLCO */
   .sectionWrap.clco .txtWd{padding:0;}
   .sectionWrap.clco dl.txtArea{margin-top:30px;}
   .sectionWrap.clco .conAreaM.alignC{text-align:left !important;}
   .sectionWrap.clco {padding:65px 15px 70px;background-image:url("../../template_en/en/images/common/con-stg/bg-con-stg-07-m.png");}
   .sectionWrap.clco .sectionFull {padding:0 15px;}
   .sectionWrap.clco .positionName {padding:0 60px;}
   .sectionWrap.clco .mb2{margin-bottom:15px;}
}


/**** PIP Component ****/
/* PKVN : Key visual_normal type */
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {height:540px;}
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual .contsInfo {top:58px;}
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {display:block;}
.sliderWrap.pkvn .mainControlWrap .btnPrev,
.sliderWrap.pkvn .mainControlWrap .btnPrev.bgW,
.sliderWrap.pkvn .mainControlWrap .btnNext,
.sliderWrap.pkvn .mainControlWrap .btnNext.bgW {overflow: hidden; display: block;position: absolute; top:calc(50% - 22px);z-index: 10; width:44px; height:44px; text-indent: -9999px;cursor: pointer;/*width: 24px;height: 40px;*/} /*GT디자인가이드_19 190221*/ 
.sliderWrap.pkvn .contsInfo {pointer-events:none;}
.sliderWrap.pkvn .btn {width:214px;}
.sliderWrap.pkvn .contsInfo .toolTipWrap,
.sliderWrap.pkvn .contsInfo .toolTipWrap *,
.sliderWrap.pkvn .btn {pointer-events:auto;}
.sliderWrap.pkvn .toolTipWrap .ic_Bquestion {position:absolute;top:5px;left:5px;}
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM{ margin-bottom:0;font-weight:normal !important; text-align:center;}
/* 220510 add */
.sliderWrap.pkvn .mainVisualList .visual .awardWrap {position:absolute;bottom:30px;left:50%;width:1120px;margin-left:-560px;}
.sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li {height:auto;}
.sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li img {width:auto;height:auto;max-height:100px;max-width:none;}
/* //220510 add */
.sliderWrap.pkvn .mainVisualList .visual.alignR .awardWrap .awardList li {display:inline-block;float:initial;margin-left:16px;text-align:right;}/* 220523 add */
@media (max-width: 1240px) {
   /* PKVN */
   .mianVisualWrap .mainVisualList .visual .contsInfo {position: absolute;top:35px;right:50px;width:auto;margin-left: -384px;/* left: 0px; */} /*GT디자인가이드_01,GT디자인가이드_02 190219*/
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap {position:absolute;width:auto;margin-left:-384px;}/* 220510 */
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList {width:auto;padding:0 0;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo {width:100%;background:#f6f3f2;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {width:auto;margin:0 auto;padding:50px 25px;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {margin-top:20px;}
   .sliderWrap.pkvn .mainVisualList .visual.alignR .awardWrap {right:3.755%;}/* 220523 add */
}
@media (max-width: 1024px) {
   /* PKVN */
   .sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {height:390px;}
   .mianVisualWrap .mainVisualList .visual {overflow:hidden;position:relative;height:390px;max-width:100%;margin:0 auto;}
   .mianVisualWrap .mainVisualList .visual .contsInfo {left: 5%; margin-left: 0px;} /*GT디자인가이드_01,GT디자인가이드_02 190219*/ 
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap {margin-bottom:15px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {vertical-align:5px;margin-right:5px;margin-bottom:15px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon img {width:40px;height:15px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {margin-bottom:10px;font-size: 30px;line-height: 35px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap p.stit {font-size: 20px;line-height: 24px;} /* GT디자인가이드_01 190211*/
   .mianVisualWrap .mainVisualList .visual .contsInfo .txtList {margin-bottom:16px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList {margin-bottom:30px;}
   .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap {margin-bottom:65px;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap {left:5%;margin-left:0;}/* 220510 */
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li {margin-left:13px;}/* 220510 */
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li:first-child {margin-right: 13px;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li img {max-height:70px;}/* 220426 *//* 220510 */
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li:nth-child(2) {margin-left:0;}
   .sliderWrap.pkvn .mainControlWrap .controlWrap {padding:25px 0;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {width:auto;margin:0 auto;padding:29px 23px;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {margin-top:20px;}
}
@media (max-width: 767px) {
   /* PKVN */
   .mianVisualWrap .mainVisualList .visual {height:auto;} /* 180423 add */
   .sliderWrap.pkvn .mainVisualList .visual {position: relative;width:100%;height:390px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo {top:40px; left:5%; margin-left: 0;} /*GT디자인가이드_01,GT디자인가이드_02 190219*/
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap {margin-bottom:10px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .icon {display:block;vertical-align:top;margin-right:0;margin-bottom:5px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .icon img {width:40px;height:15px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .ftit {display:block;margin-bottom:10px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap p.stit {display:block;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .txtList {margin-bottom:10px;}
   .sliderWrap.pkvn .mainVisualList .visual .contsInfo .tooTipList {margin-bottom:15px;}
   /* 220510 add & modify */
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap {top:auto;bottom:15px;left:5%;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li {margin-top:10px;margin-left:13px;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li:first-child {margin:10px 13px 0 0;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li:nth-child(2) {margin-left:0;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li:nth-child(4) {margin-top:10px;margin-left:0;}
   .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li img {max-height:54px;}                                                                                     
   /* //220510 add & modify */
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {padding:20px 25px;}
   .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {margin-top:10px;}
   .sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {height:auto;} /* 180423 */ /* add */
   .sliderWrap.pkvn .mainVisualList .visual.alignR {text-align:left !important;}/* 220523 add */
}

/* PKML : Key visual_most like */
.gallCarImg {overflow:hidden;float:left;height:330px;margin:60px 0 0 30px;}
.gallCarImg li {display:none;}
.gallCarImg li:first-child {display:block;}
.pkml {background:#fff;}
.pkml .visual {width:1120px;}
.pkml .visual .contsInfo {top:50px;left:80px;}
.pkml .visual .titWrap {float:left;width:auto !important;}
.pkml .gallSltBox {width:280px;padding:10px 0 0 7px;}
.pkml .gallSltBox li {margin-top:11px;}
.pkml .gallSltBox li a {display:block;width:100%;padding-bottom:11px;border-bottom:1px solid #ddd;font-size:0;pointer-events:auto;text-decoration:none;}
.pkml .gallSltBox li a:hover,
.pkml .gallSltBox li.on a {border-bottom-color:#888;}
.pkml .gallSltBox li a .colorBg {overflow:hidden;display:inline-block;vertical-align:middle;width:20.5%;height:55px;font-size:0;line-height:0;color:transparent;}
.pkml .gallSltBox li a:hover .colorBg img,
.pkml .gallSltBox li.on a .colorBg img {margin-top:-55px;}
.pkml .gallSltBox li a .colorTxt {display:inline-block;vertical-align:middle;width:79.5%;padding-left:22px;box-sizing:border-box;}
.pkml .gallSltBox li a .colorTxt .cNum {display:block;font-size:16px;line-height:20px;color:#bbb;}
.pkml .gallSltBox li a:hover .colorTxt .cNum,
.pkml .gallSltBox li.on a .colorTxt .cNum {color:#777;}
.pkml .gallSltBox li a .colorTxt .cTxt {display:block;font-size:22px;line-height:30px;color:#777;}
.pkml .gallSltBox li a:hover .colorTxt .cTxt,
.pkml .gallSltBox li.on a .colorTxt .cTxt {color:#000;}
.stitTipBox {margin-top:18px;padding-left:5px;}
.stitTipBox:after {display:block;content:'';clear:both;}
.stitTipBox .stit,
.stitTipBox .toolTipWrap {display:inline-block;}
@media (max-width: 1024px) {
   /* PKML : Key visual_most like */
   .gallCarImg {width:68%;height:204px;margin:37px 0 0;padding-left:25px;}
   .gallCarImg li {text-align:center;}
   .gallCarImg li img {width:369px;}
   .pkml .gallSltBox {width:188px;padding:4px 0 0 7px;}
   .pkml .gallSltBox li {margin-top:7px;}
   .pkml .gallSltBox li a {padding-bottom:7px;}
   .pkml .gallSltBox li a .colorBg {width:35px;height:35px;}
   .pkml .gallSltBox li a .colorTxt {padding:3px 0 0 14px;}
   .pkml .gallSltBox li a .colorTxt .cNum {font-size:10px;line-height:14px;}
   .pkml .gallSltBox li a .colorTxt .cTxt {font-size:14px;line-height:19px;}
   .pkml .mianVisualWrap .mainVisualList .visual {width:100%;height:340px;}
   .pkml .mianVisualWrap .mainVisualList .visual .contsInfo {top:44px;right:68px;bottom:40px;left:68px;}
   .pkml .mianVisualWrap .mainVisualList .visual .titWrap {width:32%;}
   .pkml .mianVisualWrap .mainVisualList .visual .titWrap .icon {margin-bottom:5px;}
   .pkml .mainControlWrap .btnPrev,
   .pkml .mainControlWrap .btnPrev.bgW,
   .pkml .mainControlWrap .btnNext,
   .pkml .mainControlWrap .btnNext.bgW {top:50%;}
}
@media (max-width: 767px) {
   /* PKML : Key visual_most like */
   .gallCarImg {width:100%;height:auto;margin-top:30px;padding:0;}
   .gallCarImg li img {width:100%;height:auto;}
   .pkml .gallSltBox {float:right;width:auto;}
   .pkml .gallSltBox li {float:left;width:28px;margin-left:10px;}
   .pkml .gallSltBox li:first-child {margin-left:0;}
   .pkml .gallSltBox li a {padding-bottom:0;}
   .pkml .gallSltBox li a .colorBg {width:28px;height:28px;}
   .pkml .gallSltBox li a .colorTxt {padding:0;}
   .pkml .gallSltBox li.on a .colorTxt .cNum {font-family:"HyundaiMedium";}
   .pkml .gallSltBox li a .colorTxt .cTxt {display:none;}
   .pkml .visual .contsInfo .titWrap p.stit {display:inline-block;}
   .pkml .visual {height:auto;padding:40px 25px 40px;}
   .pkml .visual .contsInfo {position:static !important;}
   .pkml .visual .titWrap {overflow:hidden;float:none;width:100%;}
   .pkml .visual .titWrap .stitTipBox {float:left;width:50%;padding-left:2px;}
}

/* PKVM */
.sliderWrap.pkvmWrap {width:auto; }
.sliderWrap.pkvmWrap .sliderList {width:100%;}
.sliderWrap.pkvmWrap .sliderList:after {display:block;content:"";clear:both;}
.sliderWrap.pkvmWrap .sliderList li {float:left;width:100%;}
.sliderWrap.pkvmWrap .sliderList .visual {overflow:hidden;position: relative;height:740px;max-width:1860px;margin:0 auto;}
.sliderWrap.pkvmWrap .sliderList .visual .img {position:relative;}
.sliderWrap.pkvmWrap .sliderList .visual .img img {position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.sliderWrap.pkvmWrap .sliderList .visual.video {cursor: pointer;}
.sliderWrap.pkvmWrap .sliderList .visual.video::before {display:block;position:absolute;top:50%;left:50%;z-index:10;width:60px;height:60px;margin:-30px 0 0 -30px;background:url("../../template_en/en/images/common/btn-video.png") no-repeat top left;content:"";line-height:0;text-indent:-999px;}
.sliderWrap.pkvmWrap .sliderList .visual.video::after {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:.6;}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo {position:absolute;top:58px;left:10%;width:1120px;margin-left:0;}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {display:block;width:100%;margin-bottom:25px;}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {display:inline-block;margin-bottom:15px;font-size: 58px;line-height: 71px;color: #000000;font-family: 'HyundaiMedium';}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {margin-bottom:40px;font-size: 20px;line-height: 1.5;color: #000000;font-family:"HyundaiMedium";}
.sliderWrap.pkvmWrap .sliderListWrap .sliderList {overflow: hidden;margin-bottom:0 !important;}
.sliderWrap.pkvmWrap .pkvmControlWrap .sliderPagination {position: relative;top:auto;right: 0;bottom:auto;left: 0;}
.sliderWrap.pkvmWrap .pkvmControlWrap .controlWrap {width:100%;padding:40px 0 60px 0;text-align:center;}
.pkvmControlWrap .ix-thumbs {display:inline-block;}
.pkvmControlWrap .ix-thumbs .ix-thumb {display:inline-block;margin:5px;}
/* PKVM > slider sliderPagination  */
.pkvmControlWrap .slide_control {display:inline-block;vertical-align:4px;margin-left:10px;}
.pkvmControlWrap .btnStop,
.pkvmControlWrap .btnPlay {overflow: hidden;width: 10px;height: 12px;text-indent: -9999px;cursor: pointer;}
.pkvmControlWrap .btnStop {background: url("../../template_en/en/images/common/btn-stop.png") no-repeat;background-size:100%;}
.pkvmControlWrap .btnPlay {display: none;background: url("../../template_en/en/images/common/btn-play.png") no-repeat;background-size:100%;}
/* PKVM > slider button  */
.sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnNext,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev.bgW ,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnNext.bgW {overflow: hidden;display: block;position: absolute;top:50%;z-index: 10; width:12px; height:20px;margin-top:-60px; text-indent: -9999px;cursor: pointer;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);/*width: 24px;height: 40px;*/} /*GT디자인가이드_19 190221*/
.pkvmControlWrap .btnPrev {left: 40px;background: url("../../template_en/en/images/common/ico-arr-prev-s.png") no-repeat center center;}/* GT디자인가이드_19 190221*/
.pkvmControlWrap .btnPrev.bgW {left: 40px;background: url("../../template_en/en/images/common/ico-prev-arr-white.png") no-repeat center center;}
.pkvmControlWrap .btnNext {right:40px;background: url("../../template_en/en/images/common/ico-arr-next-s.png") no-repeat center center;} /*GT디자인가이드_19 190221*/
.pkvmControlWrap .btnNext.bgW {right:40px;background: url("../../template_en/en/images/common/ico-next-arr-white.png") no-repeat center center;}
.pkvmControlWrap .btnNext.disabled,
.pkvmControlWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}
@media (max-width: 1240px) {
    /* PKVM */
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {position: absolute;top:58px;right:50px;left:100px;width:auto;margin-left:0;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .txtArea {width:auto;margin:0 auto;padding:50px 25px;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .txtArea .icoNote {margin-top:20px;}
   .sliderWrap.pkvmWrap .pkvmControlWrap .controlWrap{padding:25px 0 26px 0;}
   .pkvmControlWrap .btnPrev {left: 30px;}
   .pkvmControlWrap .btnNext {right:30px;}
}
@media (max-width: 1024px) {
   /* PKVM */
   .sliderWrap.pkvmWrap .sliderListWrap .sliderList {margin-bottom:0 !important;}
   .sliderWrap.pkvmWrap .sliderList .visual {overflow:hidden;position:relative;height:465px;max-width:100%;margin:0 auto;}
   .sliderWrap.pkvmWrap .sliderList .visual .img {position:relative;top:0;left:0;width:auto;height:340px;margin-left:0;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {left:50px;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {margin-bottom:0;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {margin-bottom:7px;font-size: 30px;line-height: 35px;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {margin-bottom:20px;font-size: 14px;line-height: 19px;}
   .pkvmControlWrap .controlWrap {padding:20px 0;}

   /* PKVM >  slider button common */
   .sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev,
   .sliderWrap.pkvmWrap .pkvmControlWrap .btnNext,
   .sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev.bgW ,
   .sliderWrap.pkvmWrap .pkvmControlWrap .btnNext.bgW {top:50%;width: 12px;height: 20px;margin-top:-32px;background-size:100%;transform:translateY(-50%);}
   .pkvmControlWrap .btnPrev,
   .pkvmControlWrap .btnPrev.bgW {left: 23px;}
   .pkvmControlWrap .btnNext,
   .pkvmControlWrap .btnNext.bgW {right:23px;}
   .sliderWrap.pkvmWrap .btnPrev,
   .sliderWrap.pkvmWrap .btnNext {top: 24vw;margin-top: -22px;}
   .sliderWrap.pkvmWrap .sliderPagination {top: 46vw;}
}
@media (max-width: 767px) {
   /* PKVM */
   .sliderWrap.pkvmWrap {margin:-30px 15px 0;}
   .sliderWrap.pkvmWrap .sliderList .visual {height:auto;} /* 180423 */
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {right:20px;left:20px;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {margin-bottom:0;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {display:block;margin-bottom:7px;}
   .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {display:block;margin-bottom:50px;}
   .pkvmControlWrap .controlWrap {padding:20px 0;}
}

/* PSNO : PIP_Sticky_navigation */
.psnoSticky.sectionFull{margin:0; padding:0;}
.psnoStickyNavigationWrap {z-index:800;}
.psnoStickyNavigationWrap span.gt_cta,
.psnoStickyNavigationWrap span.configurator, 
.psnoStickyNavigationWrap span.drive,
.psnoStickyNavigationWrap span.quote{margin-right:0;}
.psnoStickyNavigationWrap .barInner a img{margin-right:20px;}
.psnoStickyNavigationWrap.fixed {position: fixed;top:0;right:0;left: 0;z-index:800;}
.psnoStickyNavigationWrap .topLinkBar {background: #002c5f;}
.psnoStickyNavigationWrap .topLinkBar .barInner {overflow: hidden;display: table;width: 100%;height: auto;max-width: 1120px;margin: 0 auto;}
.psnoStickyNavigationWrap .topLinkBar .barInner .col {display: table-cell;vertical-align: middle;height: auto;}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a {display: inline-block;vertical-align:top; padding:20px 0;font-size: 20px;line-height:30px;color: #fff;font-family: "HyundaiMedium";}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a:hover{text-decoration:none;}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a:hover span{text-decoration:underline;}
.psnoStickyNavigationWrap .topLinkBar .hiddenSm{display:inline-block !important;}
.psnoNavigationTabWrap {width:100%;height:72px;border-bottom:solid 1px #efefef;background-color: #fff;}
.psnoNavigationTabWrap .psnoNavigationTab {position:relative;max-width:1120px;margin:0 auto;}
.psnoNavigationTabWrap .psnoNavigationTab .titleWrap {display: table;position: absolute;width: 120px;height: 100%;}
.psnoNavigationTabWrap .psnoNavigationTab .tit {display: table-cell;vertical-align: middle;position: relative;width:120px;height: 72px;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea {overflow: hidden;position:relative; max-width:820px;margin: 0 150px 0 138px;padding:22px 0;/*width:auto;*/}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList {display:block;width:1120px;margin-left:0;}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;float:left;width: auto;padding:0 28px 0 0;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";text-align:center;} /* GT디자인가이드_02 190211*/
/* .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab:last-child {padding-right: 0px;} */
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab.on a {color:#00aad2;}
.psnoNavigationTabWrap .psnoNavigationTab .typeDownload { position:absolute; top:50%; right:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.psnoControlWrap {display:none;}
.psnoBtn.btnPrev,
.psnoBtn.btnNext {overflow: hidden;display: block;position: absolute;top:50%;z-index: 10;width: 7px;height: 12px;margin-top:-6px;text-indent: -9999px;cursor: pointer;}
.psnoBtn.btnPrev {left:116px;background: url("../../template_en/en/images/common/ico-prev-arr-s.png") no-repeat center center;}
.psnoBtn.btnNext {right:135px;background: url("../../template_en/en/images/common/ico-next-arr-s.png") no-repeat center center;}
.psnoBtn.btnNext.disabled,
.psnoBtn.btnPrev.disabled {opacity: 0.3;cursor: default;}
.psnoBtn.btnPrev.swiper-button-disabled,
.psnoBtn.btnNext.swiper-button-disabled {display: none;cursor: auto;pointer-events: none;}
@media screen and (max-width:1024px) {
   /* PSNO */
   .psnoNavigationTabWrap{height:47px;}
   .psnoStickyNavigationWrap .topLinkBar .barInner {max-width: 100%;}
   .psnoStickyNavigationWrap .topLinkBar .barInner .col {display: table-cell;vertical-align: middle;}
   .psnoStickyNavigationWrap .topLinkBar .barInner .col a { padding:17px 0;font-size: 14px;line-height:26px;}
   .psnoNavigationTabWrap .psnoNavigationTab {width:auto;margin:0;}
   .psnoNavigationTabWrap .psnoNavigationTab .tit {display:none;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea {width: auto;margin:0 184px 0 49px;padding: 13px 0;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList {margin-left:0;}
   .psnoBtn.btnPrev {left:25px;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab{ padding:0 32px 0 0;font-size:14px;line-height:21px;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab:last-child{padding:0 35px 0 0;} 
   .psnoNavigationTabWrap .psnoNavigationTab .typeDownload {right: 25px; font-size:14px;}
   .psnoBtn.btnNext{right:152px;}
   .psnoStickyNavigationWrap .barInner a img{width:26px;height:26px;}
}
@media screen and (max-width:767px) {
   /* PSNO */
   .psnoBtn.btnNext,
   .psnoBtn.btnPrev{display:none;}
   .psnoStickyNavigationWrap .topLinkBar .barInner .col a {display:block;vertical-align:0;padding:9px 0;font-size:12px;line-height:12px;} /* 210914 modify */
   .psnoStickyNavigationWrap .barInner a img{display:block;margin:auto;}/*191022 modify*/
   .psnoStickyNavigationWrap .topLinkBar .hiddenSm{display:none !important;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea {margin:0 68px 0 15px; padding: 13px 25px 13px 0;}
   .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab:last-child{padding: 0 25px 0 0;}
   .psnoNavigationTabWrap .psnoNavigationTab .typeDownload {position:absolute;top:50%;right:0;width: 68px;height: 100%;padding: 0;}
   .psnoNavigationTabWrap .psnoNavigationTab .typeDownload span {display: none;}
   .psnoNavigationTabWrap .psnoNavigationTab .typeDownload:before {position:absolute;top:50%;left:0;width:68px;height:100%;border-left:1px solid rgb(229, 229, 229);    background-image: url("../../template_en/en/images/common/ico-download2.png");content:'';background-position: center;background-repeat: no-repeat;transform:translateY(-50%);}
   .psnoStickyNavigationWrap span.gt_cta,
   .psnoStickyNavigationWrap span.configurator,
   .psnoStickyNavigationWrap span.drive,
   .psnoStickyNavigationWrap span.quote{margin-top:4px;margin-bottom:0;}
}

/* PTHO : Text_Headline */
.pthoWrap {width:100%;}
.pthoWrap .titWrap {font-size:0;line-height:0;}
.pthoWrap .titWrap h2,
.pthoWrap .titWrap h3,
.pthoWrap .titWrap h4 {padding-bottom:0;}
.pthoWrap .pthoLine {display:none;}
.pthoWrap .pthoLine.on {display:inline-block;width:112px;height:1px;padding-bottom:20px; border-top:1px solid #ff7500;}/*181101*/
/* .pthoWrap [class*=conArea]{padding-top:7px;} 181101 */
.pthoWrap [class*=subTit]{padding-bottom:20px !important;} /*181101 */
.pthoWrap .bullet{padding-left:0;}
.pthoWrap .bullet:before{ display: inline-block; vertical-align: middle;position:static; margin-top:-2px; margin-right: 12px;}
@media screen and  (max-width:1024px) {
   /* PTHO */
   .pthoWrap .pthoLine.on {padding:15px 0 0;}
   .pthoWrap [class*=subTit]{padding-bottom:15px !important;} /*181101 */
   /* .pthoWrap [class*=conArea]{padding-top:15px;} 181101*/
}
/* @media screen and  (max-width:767px) {
   .pthoWrap .titWrap h2,
   .pthoWrap .titWrap h3,
   .pthoWrap .titWrap h4 {padding-bottom:15px;}
} */

/* PWSB */
.pwsbSlider .sliderPagination {position: static; margin-top:50px;}
.pwsbSlider .txtArea {margin-top:50px;padding: 0 160px;}
.pwsbSlider .txtArea h3,
.pwsbSlider .txtArea h4{margin-bottom:24px;}
/* .pwsbSlider .txtArea h2{margin-bottom:0;} */
.pwsbSlider .txtArea .conAreaS {margin-top:20px;}
.pwsbSlider .txtArea ul li .conAreaS {margin-top:0;}
.pwsbSlider .txtArea .txtList{margin-top:20px;}
.pwsbSlider .txtArea .txtList p {margin-bottom:0;}
.pwsbSlider .fullImg {height:600px;}
.pwsbSlider .fullImg .img img {position:static;width:100%;-webkit-transform:translate(0, 0);transform:translate(0, 0);}/* 2017-11-11 */
@media screen and (max-width: 1024px) {
    /* PWSB */
   .pwsbSlider .txtArea {margin-top:30px;}
   .pwsbSlider .txtArea {margin-top:30px;padding: 0 68px;}
   .pwsbSlider .txtArea h3,
   .pwsbSlider .txtArea h4{margin-bottom:28px;}
   .pwsbSlider .fullImg {height:auto;}
   .pwsbSlider .fullImg .img img{transform:none;} /* 180423 */ /* add */
   .pwsbSlider .txtArea .conAreaS{margin-top:15px;}
   .pwsbSlider .txtArea .txtList{margin-top:15px;}
   .pwsbSlider .sliderPagination{margin-top:35px;}
   .pwsb .sliderBtnWrap .btnPrev, 
   .pwsb .sliderBtnWrap .btnNext{top:50%;margin-top:-130px;}
   /* .pwsbSlider .fullImg {height:384px;} *//* 2017-11-11 */
}
@media screen and (max-width: 767px) {
   /* PWSB */
   .pwsbSlider .txtArea {margin-top:30px;padding:0;}
   .pwsbSlider .txtArea h3,
   .pwsbSlider .txtArea h4{ margin-top:0;margin-bottom:15px;}
   .pwsbSlider .fullImg {height:auto !important;min-height:auto !important;}
   .pwsbSlider .fullImg .img img {width:100%;}
   /* .pwsbSlider .fullImg {height:155px;} *//* 2017-11-11 */
}

/* PWSC : Whole slide set C */
.pwscSlider .fullImg {height:600px;}
.pwscWrap .titArea {padding-bottom: 40px;}
.pwscSlider .sliderPagination {position: absolute;top: auto;right: 0;bottom: 0;left: 0;}
.pwscSlider .txtArea {padding:158px 160px 0;}
.pwscSlider .num {display: none;}
.pwscSlider .txtArea h2,
.pwscSlider .txtArea h3,
.pwscSlider .txtArea h4{margin-bottom:20px;}
.pwscSlider .txtArea h4{font-size:20px; line-height:30px;}
.pwscSlider .txtArea [class*=conArea] {display: block;margin-bottom:20px;}
.pwscSlider .txtArea .txtList [class*=conArea] {margin-bottom:0;}
.sliderWrap.pwscSlider .sliderListWrap .sliderList {margin-bottom: 0 !important;}
.sliderWrap.pwscSlider .sliderBtnWrap .btnPrev,
.sliderWrap.pwscSlider .sliderBtnWrap .btnNext {top: 278px;}
/**201008 pwsc 페이저 레이아웃 수정**/
.pwscSlider .ix-thumbs.sliderPagination {top:650px; bottom: auto; display: flex;align-items: center;justify-content: center;}
.pwscSlider .ix-thumbs.sliderPagination .pager {overflow: visible;position: relative;width: 48px;height: 48px;margin: 0 0 0 50px;text-indent: 0;}
.pwscSlider .ix-thumbs.sliderPagination .pager:after  {display: block;position: absolute;top: 50%;right: 100%;left: -52px;height: 4px;margin-top: -2px;background: #002c5f;content: "";}
.pwscSlider .ix-thumbs.sliderPagination .pager:first-child {margin: 0;}
.pwscSlider .ix-thumbs.sliderPagination .pager:first-child:after {display: none;}
.pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {width: 46px;height: 46px;border: 1px solid #002958;background: #fff;font-size: 14px;line-height: 46px;text-align: center;font-family: "HyundaiMedium";}
.pwscSlider .ix-thumbs.sliderPagination .pager.active .ix-btn { background-color: #002c5f;color: #fff;}
@media screen and (max-width: 1240px) {
   /* PWSC */
   .pwscSlider.sliderWrap .sliderBtnWrap .btnPrev,
   .pwscSlider.sliderWrap .sliderBtnWrap .btnNext {top: 278px;margin-top: 0;}
   .pwscSlider .ix-thumbs.sliderPagination {top: 650px;bottom: auto;}
}
@media screen and (max-width: 1024px) {
   /* PWSC */
   .pwscSlider .fullImg {height:384px;}
   .pwscWrap .titArea {padding-bottom: 30px;}
   .pwscSlider .txtArea {padding:112px 68px 0;}
   .pwscSlider .txtArea h2,
   .pwscSlider .txtArea h3,
   .pwscSlider .txtArea h4{margin-bottom:15px;}
   .pwscSlider .txtArea h4{font-size:17px; line-height:22px;}
   .pwscSlider .txtArea [class*=conArea] {margin-bottom:15px;}
   .pwscSlider.sliderWrap .sliderBtnWrap .btnPrev,
   .pwscSlider.sliderWrap .sliderBtnWrap .btnNext {top: 175px;margin-top: 0;}
   .pwscSlider .ix-thumbs.sliderPagination {top: 419px;}
   .pwscSlider .ix-thumbs.sliderPagination .pager {width: 32px;height: 32px;margin: 0 0 0 32px;}
   .pwscSlider .ix-thumbs.sliderPagination .pager:after  {left: -34px;height: 2px;margin-top: -1px;}
   .pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {width: 30px;height: 30px;font-size: 12px;line-height: 30px;}
}
@media screen and (max-width: 767px) {
   /* PWSC */
   .pwscWrap .subTitM{margin-top:0;}
   .pwscSlider .txtArea h4{font-size:17px; line-height:22px;}
   .pwscSlider .fullImg {height:192px;}
   .pwscSlider .num {display: block;text-align: center !important;}
   .pwscSlider .num {margin-top: 35px;}
   .pwscSlider .num .inner {display: inline-block;width: 32px;height: 32px;background: #002c5f;font-size: 12px;line-height: 32px;color: #fff;text-align: center;font-family: "HyundaiMedium";border-radius: 50%;}
   .pwscSlider .txtArea {padding: 45px 0 0 0;}
   .pwscSlider .ix-thumbs.sliderPagination {position: static;margin-top: 35px;}
   .pwscSlider .ix-thumbs.sliderPagination .pager {overflow: hidden;width: 9px;height: 9px;margin: 0 0 0 7px;background: #fff;text-indent: -9999px;/*border: 1px solid #999;*/}
   .pwscSlider .ix-thumbs.sliderPagination .pager:after  {display: none;}
   .pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {width: 9px;height: 9px;border: 0 none;border:1px solid #999;background: #fff;font-size: 0;line-height: 1;}
   .pwscSlider .ix-thumbs.sliderPagination .pager.active .ix-btn {border:none;background: #00aad2;}/* 2017-11-12 *//* 2017-11-12 */
}

/* PWSD : Whole slide set D */
.pwsdWrap .titArea {padding-bottom: 40px;}
/*.pwsdSlider .fullImg {height:600px;}*/
/* .pwsdSlider .txtArea [class*=subTit] {margin-bottom:20px;} */
.pwsdSlider .txtArea [class*=conArea] {display: block;margin-top:20px;}
.pwsdSlider .txtArea .txtList{padding-top:20px;}
.pwsdSlider .txtArea .txtList [class*=conArea] {margin-bottom:0;}
.pwsdSlider .txtArea .txtList [class*=conArea].bullet{margin-top:0;}
.pwsdSlider .ix-thumbs.sliderPagination {position: static;margin-top:40px;}
.pwsdSlider .fullImg {height:600px;}
.pwsdSlider .fullImg img {max-width:100%;}/* 2017-11-12 */
.pwsdSlider .txtWd{width:auto;padding:40px 160px 0;}
.sliderWrap.pwsdSlider .sliderBtnWrap .btnPrev,
.sliderWrap.pwsdSlider .sliderBtnWrap .btnNext {top: 278px;}
.sliderWrap.pwsdSlider .sliderListWrap .sliderList {margin-bottom:0 !important;}
@media screen and (max-width: 1240px) {
   /* PWSD */
   .pwsdSlider.sliderWrap .sliderBtnWrap .btnPrev,
   .pwsdSlider.sliderWrap .sliderBtnWrap .btnNext {top: 278px;margin-top: 0;}
   .pwsdSlider .ix-thumbs.sliderPagination {top: 650px;bottom: auto;}
}
@media screen and (max-width: 1024px) {
   /* PWSD */
   .pwsdSlider .fullImg {height:auto;}
   .pwsdSlider .fullImg img {width:100%;}
   /* .pwsdSlider .txtArea [class*=subTit] {margin-bottom:15px;} */
   .pwsdSlider .txtArea [class*=conArea] {margin-top:15px;} 
   .pwsdSlider .txtArea .txtList{padding-top:15px;}
   .pwsdSlider .ix-thumbs.sliderPagination {margin-top: 30px;}
   .pwsdSlider .txtWd{padding:30px 68px 0;}
   .pwsdSlider.sliderWrap .sliderBtnWrap .btnPrev,
   .pwsdSlider.sliderWrap .sliderBtnWrap .btnNext {top: 50%;
       margin-top: -150px;}/* 2017-11-12 */
}
@media screen and (max-width: 767px) {
   /* PWSD */
   .pwsdWrap .titArea{padding-bottom:30px;}
   .pwsdSlider .fullImg {min-height:auto !important;}
   .pwsdSlider .subTitM{margin-top:0;}
   .pwsdSlider .slide_direction {display: block;}
   .pwsdSlider .txtWd{padding:30px 0 0 0;}
   /* .pwsdSlider.sliderWrap .sliderBtnWrap .btnPrev,
   .pwsdSlider.sliderWrap .sliderBtnWrap .btnNext {top: 78px;} */
}

/* PWSE : Whole slide set E */
.pwseWrap .titWrap {margin-bottom: 40px;}
.pwseWrap .gallery_img {overflow: hidden;display: block;position: relative;width: 100%;min-height:120px;text-align: center;}
.pwseWrap .gallery_img img {position: relative; width: 100%; }
.pwseWrap .btnPrev,
.pwseWrap .btnNext {top:65px;margin-top: 0;}
.pwseWrap .galleryWrap .sliderPagination {margin-top: 40px;}
.pwseWrap .icoNote {margin-top: 30px;}
@media (max-width: 1024px) {
   /* PWSE */
   .pwseWrap .titWrap {margin-bottom: 30px;}
   .pwseWrap .galleryWrap[class*=colLg] .galleryList.col {width:25%;}
   .pwseWrap .gallery_img {margin-bottom: 15px;min-height: 80px;}
   .pwseWrap .btnPrev,
   .pwseWrap .btnNext {top: 50%; margin-top: -60px;}
   .pwseWrap .icoNote {margin-top: 25px;}
   .pwseWrap .galleryWrap .sliderPagination {margin-top: 30px;}
}
@media (max-width: 767px) {
   /* PWSE */
   .pwseWrap .subTitM{margin-top:0;}
   .pwseWrap .galleryWrap[class*=colLg] .galleryList.col {width:50%;}
   .pwseWrap .gallery_img {min-height: 60px;}
   .pwseWrap .btnPrev,
   .pwseWrap .btnNext {top: 50%;margin-top: -60px;} /* 180418 modify */
   .pwseWrap .galleryWrap .sliderPagination {text-align:center;} /* 180416 modify */
}

/* PNSA : Non-slide set A */
.pnsaWrap .sectionInner{width:100%;max-width:1120px;margin:0 auto;}
.pnsaWrap .videobox .titWrap h2,
.pnsaWrap .videobox .titWrap h3,
.pnsaWrap .videobox .titWrap h4 {margin:40px 0 20px;}
.pnsaWrap .conAreaS{font-size:16px; line-height:28px;}
.pnsaWrap .videobox .videothumb {margin-bottom:0;}
.pnsaWrap .videobox .txtList {padding-top:20px;}
.pnsaWrap .videobox .videoIn {position:absolute;top:0;right:0;left:0;z-index:1;}
.pnsaWrap .videobox .videoIn video {width:100%;height:100%;}
.pnsaWrap .imgWrap {overflow:hidden;position:relative;}
.pnsaWrap .imgWrap img {position:static;width:100%;transform:none;}
@media screen and  (max-width:1240px) {
   /* PNSA */
   .pnsaWrap .videothumb {margin-bottom:0;}
}
@media screen and  (max-width:1024px) {
   /* PNSA */
   .sectionWrap.pnsaWrap{padding:0;}
   .pnsaWrap .videobox .videothumb {margin-bottom:0;}
   .pnsaWrap .videobox .titWrap h2,
   .pnsaWrap .videobox .titWrap h3,
   .pnsaWrap .videobox .titWrap h4 {margin-top:30px;margin-bottom:15px;}
   .pnsaWrap .videobox .txtList {padding-top:15px;}
   .pnsaWrap .txtWd{width:auto; padding:0 93px;}
   .pnsaWrap .imgWrap{height:auto;}
}
@media screen and  (max-width:767px) {
   /* PNSA */
   .pnsaWrap .videothumb {margin-bottom:29px;}
   .pnsaWrap .imgWrap {height:auto;} /* 180423 */
   .pnsaWrap .txtWd {padding:0 15px;}
}

/* PNSB : Non-slide set B */
.pnsb .titWrap {margin-bottom:50px;}
.pnsb .imgtxtArea {position:relative;width:100%;}
.pnsb .imgtxtArea:after {display:block;content:"";clear:both;}
.pnsb .imgtxtArea .gridfl,
.pnsb .imgtxtArea .gridfr {overflow:hidden;float:left;width:50%;}
.pnsb .imgtxtArea .txtArea {position:absolute;bottom:0;left:50%;width:530px;padding:0 0 0 30px;}
.pnsb .imgtxtArea .imgArea {overflow:hidden;position:relative;width:100%;height:430px;max-width:600px;}
.pnsb .imgtxtArea .imgArea img {position:relative;width:100%;-webkit-transform:translateX(-50%);transform:none;}
.pnsb .conAreaM {margin-top:20px;}
.pnsb .txtList {margin-top:20px;}
.pnsb .alignFilp .imgtxtArea .gridfl {float:right;}
.pnsb .alignFilp .imgtxtArea .gridfr {float:left;}
.pnsb .alignFilp .imgtxtArea .gridfr .txtArea {left:0;}
.pnsb .bulletS:before{top:13px;}
@media screen and (max-width:1024px) {
   /* PNSB */
   .pnsb {margin-bottom:20px;}
   .pnsb .titWrap{margin-bottom:30px;}
   .pnsb .imgtxtArea {width:99.7%;}
   .pnsb .imgtxtArea .imgArea {overflow:hidden;float:right;position:relative;width:100%;height:384px;max-width:600px;margin-right:0;}
   .pnsb .imgtxtArea .txtArea {display:table-cell;vertical-align:bottom;position:relative;bottom:auto;left:auto;width:auto;height:384px;margin:0;padding:0 0 0 30px;}
   .pnsb .alignFilp .imgtxtArea .gridfr .txtArea {padding:0 30px 0 0;}
   .pnsb .bulletS:before{top:10px;}
}
@media screen and (max-width:767px) {
   /* PNSB */
   .pnsb .imgtxtArea {width:auto;}
   .pnsb .subTitM{margin-top:0;}
   .pnsb .imgtxtArea .gridfl,
   .pnsb .imgtxtArea .gridfr {width:100%;}
   .pnsb .imgtxtArea .imgArea {float:none;position:relative;width:auto;height:auto;max-width:100%;margin-right:0;}
   .pnsb .imgtxtArea.txtArea h2,
   .pnsb .imgtxtArea .txtArea h3,
   .pnsb .imgtxtArea .txtArea h4 {margin-bottom:9px;}
   .pnsb .imgtxtArea .txtArea {vertical-align:top;position:relative;bottom:auto;left:auto;width:auto;height:auto;margin-left:0;padding:30px 0 0 0;}
   .pnsb .conAreaM{margin-top:15px;}
   .pnsb .txtList{margin-top:15px;}
   .pnsb .alignFilp .imgtxtArea .gridfr .txtArea {padding:20px 0 0 0;}
}

/* PNSC : Non-slide set C */
.pnscWrap {width:100%;}
.pnscWrap .titWrap {margin:0 160px 40px 160px;}
.pnscWrap .titWrap h2,
.pnscWrap .titWrap h3,
.pnscWrap .titWrap h4 {margin-bottom:20px; text-align:center;}
.pnscWrap .titWrap p.pnscTxt {margin-bottom:20px;}
.pnscWrap .fullImg {height:600px;}
.pnscWrap .bulletS:before{top:13px;}
@media screen and  (max-width:1024px) {
   .pnscWrap .titWrap {margin:0 68px 30px 68px;}
   .pnscWrap .titWrap h2,
   .pnscWrap .titWrap h3,
   .pnscWrap .titWrap h4 {margin-bottom:15px;}
   .pnscWrap .fullImg {height:auto; min-height:auto;} /* 2017-11-11 */ /*181015*/
   .pnscWrap .titWrap p.pnscTxt{margin-bottom:15px;}
   .pnscWrap .bulletS:before{top:10px;}
   .pnscWrap .fullImg .img img{position:static; transform:none;} /*181015*/
}
@media screen and  (max-width:767px) {
   .pnscWrap .subTitM{margin-top:0;}
   .pnscWrap .titWrap {margin:0 0 30px 0;}
   .pnscWrap .fullImg {height:auto;} /* 2017-11-11 */ /* 180423 */
}

/* PNSD : Non-slide set D */
.pnsdWrap .titWrap {margin-bottom:40px;}
.pnsdWrap .imgtxtArea { display:table;position:relative;width:100%;}
.pnsdWrap .imgtxtArea:after {display:block;content:"";clear:both;}
.pnsdWrap .imgtxtArea .txtArea h2,
.pnsdWrap .imgtxtArea .txtArea h3,
.pnsdWrap .imgtxtArea .txtArea h4 {margin-bottom:20px;}
.pnsdWrap .imgtxtArea .gridfl,
.pnsdWrap .imgtxtArea .gridfr { overflow:hidden;}
.pnsdWrap .imgtxtArea .gridfl { float:left; width:50%;}
.pnsdWrap .imgtxtArea .gridfr { overflow:hidden; display:table; width:50%;}
.pnsdWrap .imgtxtArea .gridfr { vertical-align:bottom;}
.pnsdWrap .imgtxtArea .imgArea { overflow:hidden; position:relative; height:510px; text-align:left;}
.pnsdWrap .imgtxtArea .imgArea img { position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.pnsdWrap .imgtxtArea .txtArea { display:table; width:100%; min-height:510px;}
.pnsdWrap .imgtxtArea .txtArea .innerWrap {display:table-cell;vertical-align:bottom;padding: 0 0 0 50px;}
.pnsdWrap .txtList {margin: 20px 0 0px 0;}
.pnsdWrap.smallSize { max-width:1120px; margin:0 auto;} /* GT디자인가이드_14 190208 */ /* 소스 이동 190325 */
.pnsdWrap.smallSize .imgtxtArea .gridfl { width:auto; max-width:550px; min-width:450px;}
.pnsdWrap.smallSize .imgtxtArea .gridfr { width:auto;}
.pnsdWrap.smallSize .imgtxtArea .imgArea { height:294px;}
.pnsdWrap.smallSize .imgtxtArea .txtArea { min-height:294px;}
.pnsdWrap.alignTop .imgtxtArea .txtArea .innerWrap { vertical-align:top;}/* vertical */
.pnsdWrap.areaFlip .gridfl { float:right;}/* flip */
.pnsdWrap.areaFlip .imgtxtArea .txtArea .innerWrap {padding: 0 50px 0 0;}
@media screen and (max-width:1024px) {
   /* PNSD */
   .pnsdWrap .subTitL{padding:0 25px;}
   .pnsdWrap .imgtxtArea .txtArea h2,
   .pnsdWrap .imgtxtArea .txtArea h3,
   .pnsdWrap .imgtxtArea .txtArea h4 {margin-bottom:15px;}
   .pnsdWrap .titWrap {margin-bottom:30px;}
   .pnsdWrap .imgtxtArea .gridfl,
   .pnsdWrap .imgtxtArea .gridfr { display:block; float:none; width:100%;}
   .pnsdWrap .imgtxtArea .imgArea { height:471px; margin:0 auto; text-align:center;}
   .pnsdWrap .imgtxtArea .imgArea img { width:auto;}
   .pnsdWrap .imgtxtArea .txtArea { min-height:0;}
   .pnsdWrap.smallSize .imgtxtArea .gridfl { width:auto; max-width:100%; min-width:0;}
   .pnsdWrap.smallSize .imgtxtArea .gridfr { width:auto;}
   .pnsdWrap.smallSize .imgtxtArea .imgArea,
   .pnsdWrap.smallSize .imgtxtArea .txtArea { height:auto;}
   .pnsdWrap.smallSize .imgtxtArea .txtArea{min-height:auto;}
   .pnsdWrap .imgtxtArea .txtArea .innerWrap { display:block; padding:30px 25px 0 25px !important;}
   .pnsdWrap .txtList {margin:15px 0 0 0;}
}
@media screen and (max-width:767px) {
   /* PNSD */
   .pnsdWrap.smallSize .imgtxtArea .imgArea,
   .pnsdWrap.smallSize .imgtxtArea .txtArea { height:auto;} /* 180423 */
   .pnsdWrap .titWrap {margin:0 15px 30px 20px;}
   .pnsdWrap .subTitM{margin-top:0;}
   .pnsdWrap .imgtxtArea .imgArea { height:auto;} /* 180423 */
   .pnsdWrap .imgtxtArea .txtArea .innerWrap {margin-top: 30px;padding: 0 15px 0 20px !important;} /* 180419*/
   .pnsdWrap .imgtxtArea .imgArea img {position:static;top:auto;left:auto;transform:none;} /* 180419 */ /* add */
}

/* PNSF : Non-slide set F */
.pnsfWrap {position: relative;height: 1180px;background: #f3f4f9;}
.pnsfWrap .pnsfCont {position: absolute;top: 60px;left: 50%;z-index: 2;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.pnsfWrap .titWrap {padding-bottom: 20px;}
.pnsfWrap .imgBox {position: relative;height: 1180px;}
.pnsfWrap .imgBox img {position: absolute;top: 0;left: 50%;z-index:1;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.pnsfWrap .imgOnlyMobile {display: none;}
@media screen and (max-width:1024px) {
   /* PNSF */
   .pnsfWrap {height: 554px;}
   .pnsfWrap .pnsfCont {top: 45px;}
   .pnsfWrap .titWrap {padding-bottom: 15px;}
   .pnsfWrap .pnsfCont [class*=conArea] {font-size: 12px;line-height: 17px;}
   .pnsfWrap .imgBox {height: 554px;}
}
@media screen and (max-width:767px) {
   /* PNSF */
   .pnsfWrap {height: auto;padding-top: 45px;}
   .pnsfWrap .subTitM{margin-top:0;}
   .pnsfWrap .pnsfCont {position: static; padding: 0 15px 30px 15px;-webkit-transform: none;-moz-transform: none;transform: none;}
   .pnsfWrap .imgBox {display: none;}
   .pnsfWrap .imgOnlyMobile {display: block;margin:0;}
   .pnsfWrap .imgOnlyMobile .img {overflow: hidden;display: block;position: relative;margin: 0 auto;}
   .pnsfWrap .imgOnlyMobile .img.img1 {padding:0 15px 30px 15px;}
   .pnsfWrap .imgOnlyMobile .img img {width:100%;}
}

/* PNSG : Non-slide set G */
.pnsgWrap .titWrap {margin-bottom: 40px;}
.pnsgWrap .txtWrap {margin-bottom: 40px;}
.pnsgWrap .txtWrap [class*=subTit] {margin-bottom: 20px;}
.pnsgWrap .txtWrap .txtBox ~ .txtBox {margin-top: 20px;}
.pnsgWrap .imgWrap {max-width: 1120px;margin: 0 auto;}
.pnsgWrap .imgBox:after {display: table;content: "";clear: both;}
.pnsgWrap .imgWrap .pic {float: left;max-width: 550px;}
.pnsgWrap .imgBox .pic img {width: 100%;}
.pnsgWrap .imgWrap .spec {float: right;width: 538px;padding: 0 24px 0 0;}
.pnsgWrap .imgBox.areaFlip .pic {float: right;}
.pnsgWrap .imgBox.areaFlip .spec {float: left;padding: 0 0 0 24px;}
.pnsgWrap .imgWrap .spec .graphBox {overflow: hidden;position: relative;width: 514px;height: 364px;}
.pnsgWrap .imgWrap .spec .graphBox .img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.pnsgWrap .imgWrap .spec .graphBox .img img {width: auto;}
.pnsgWrap .imgWrap .spec .graphBox .imgTxt {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;}
.pnsgWrap .imgWrap .spec .graphBox .graphLayer {position:relative; z-index:99; width:100%; height:100%; background:#fff;} /* ltr */ /* 180402 */
.pnsgWrap .imgWrap .spec .maxValArea {overflow: hidden;margin-top: 20px;padding-top: 20px;border-top: 1px solid #e5e5e5;}
.pnsgWrap .imgWrap .spec .maxValArea .inner {display: table;float: left;}
.pnsgWrap .imgWrap .spec .maxValArea .maxPower {width: 54%;}
.pnsgWrap .imgWrap .spec .maxValArea .maxTorque {width: 46%;}
.pnsgWrap .imgWrap .spec .maxValArea .tit {display: table-cell;vertical-align: top;width: 50px;padding-top: 58px;font-size: 14px;line-height: 14px;font-family: "HyundaiMedium";}
.pnsgWrap .imgWrap .spec .maxValArea .maxPower .tit {background: url("../../template_en/en/images/find-a-car/flat/pd5dr/ico-performance01.png") no-repeat center top;color: #00aad2;text-align: center;}
.pnsgWrap .imgWrap .spec .maxValArea .maxTorque .tit {background: url("../../template_en/en/images/find-a-car/flat/pd5dr/ico-performance02.png") no-repeat center top;color: #002c5f;text-align: center;}
.pnsgWrap .imgWrap .spec .maxValArea .con {display: table-cell;vertical-align: top;padding-left: 16px;color: #323232;}
.pnsgWrap .imgWrap .spec .maxValArea .con .val {font-size: 58px;line-height: 68px;}
.pnsgWrap .imgWrap .spec .maxValArea .con .unit {font-size: 16px;line-height: 28px;}
.pnsgWrap .imgWrap .imgOnlyMobile {display: none;}
@media screen and  (max-width:1240px) {
   /* PNSG */
   .pnsgWrap .imgWrap {width: 974px;}
   .pnsgWrap .imgWrap .pic {width: 452px;}
   .pnsgWrap .imgWrap .spec {width: 514px;padding: 0;}
   .pnsgWrap .imgBox.areaFlip .spec {padding: 0;}
}
@media screen and  (max-width:1024px) {
   /* PNSG */
   .pnsgWrap .titWrap {margin-bottom: 30px;}
   .pnsgWrap .txtWrap {margin-bottom: 30px;}
   .pnsgWrap .txtWrap [class*=subTit] {margin-bottom: 15px;}
   .pnsgWrap .txtWrap .txtBox ~ .txtBox {margin-top: 15px;}
   .pnsgWrap .imgWrap {width: 718px;}
   .pnsgWrap .imgWrap .pic {width: 352px;}
   .pnsgWrap .imgWrap .spec {width: 352px;padding: 0;}
   .pnsgWrap .imgBox.areaFlip .spec {padding: 0;}
   .pnsgWrap .imgWrap .spec .graphBox {width: 352px;height: 250px;}
   /* .pnsgWrap .imgWrap .spec .graphBox .img img {width: 352px;} */
   .pnsgWrap .imgWrap .spec .maxValArea {margin-top: 15px;padding-top: 15px;}
   .pnsgWrap .imgWrap .spec .maxValArea .maxPower {width: 52%;}
   .pnsgWrap .imgWrap .spec .maxValArea .maxTorque {width: 48%;}
   .pnsgWrap .imgWrap .spec .maxValArea .tit {width: 36px;padding-top: 43px;font-size: 10px;line-height: 10px;}
   .pnsgWrap .imgWrap .spec .maxValArea .maxPower .tit {background-image: ("/etc/designs/hyundai/template_en/en/images/find-a-car/flat/pd5dr/ico-performance01.png");background-size: 100%;}
   .pnsgWrap .imgWrap .spec .maxValArea .maxTorque .tit {background-image: ("/etc/designs/hyundai/template_en/en/images/find-a-car/flat/pd5dr/ico-performance02.png");background-size: 100%;}
   .pnsgWrap .imgWrap .spec .maxValArea .con {padding-left: 10px;}
   .pnsgWrap .imgWrap .spec .maxValArea .con .val {font-size: 40px;line-height: 47px;letter-spacing: -1px;}
   .pnsgWrap .imgWrap .spec .maxValArea .con .unit {font-size: 12px;line-height: 17px;}
   .pnsgWrap .imgWrap .spec .graphBox .img img {width: 352px;}/*181026*/
}
@media screen and  (max-width:767px) {
   /* PNSG */
   .pnsgWrap .imgWrap { width:100%;max-width:none;} /* 180419 */
   .pnsgWrap .imgBox {display: none;}
   .pnsgWrap .imgWrap .imgOnlyMobile {display: block;}
   .pnsgWrap .imgWrap .imgOnlyMobile img {width: 100%;}
}

/* PNSH : Non-slide set H */
.pnshWrap.smallSize { max-width:1120px; margin:0 auto;} /* GT디자인가이드_14 190325 */ /*소스이동 190325*/
.pnshWrap .imgtxtArea {margin:40px 0 0;}
.pnshWrap .imgtxtArea:after {display:block;content:"";clear:both;}
.pnshWrap .imgtxtArea .grid {float:left;width:50%;}
.pnshWrap .imgtxtArea .grid .imgArea {overflow:hidden;position:relative;}
.pnshWrap .imgtxtArea .grid .imgArea img {position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.pnshWrap .imgtxtArea .grid .txtArea {max-width:700px;margin:40px 50px 0;}
.pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
.pnshWrap .imgtxtArea .grid .txtArea > .txtList,
.pnshWrap .imgtxtArea .grid .txtArea > .icoNote {margin-top:20px;}
@media all and (max-width:1024px) {
   /* PNSH */
   .pnshWrap .imgtxtArea {margin:30px 0 0;}
   .pnshWrap .imgtxtArea .grid.left .imgArea {margin-left:32px;}
   .pnshWrap .imgtxtArea .grid.right .imgArea {margin-right:32px;}
   .pnshWrap .imgtxtArea .grid .txtArea {margin:30px 32px 0;}
   .pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
   .pnshWrap .imgtxtArea .grid .txtArea > .txtList,
   .pnshWrap .imgtxtArea .grid .txtArea > .icoNote {margin-top:15px;}
   .pnshWrap .imgtxtArea .grid.left .txtArea {margin-right:12px;}
   .pnshWrap .imgtxtArea .grid.right .txtArea {margin-left:12px;}
   .pnshWrap .imgtxtArea .grid .imgArea img {width:100%;}
}
@media all and (max-width:767px) {
   /* PNSH */
   .pnshWrap{margin:0 -15px;}
   .pnshWrap .subTitL{padding:0 35px;}
   .pnshWrap .imgtxtArea .grid {float:none;width:auto;} /* 180419 */
   .pnshWrap .imgtxtArea .grid.right {margin:35px 0 0;}
   .pnshWrap .imgtxtArea .grid.left .imgArea {margin-left:0;}
   .pnshWrap .imgtxtArea .grid.right .imgArea {margin-right:0;}
   .pnshWrap .imgtxtArea .grid .txtArea {margin:30px 0 0;padding: 0 35px;} /* 180419 */
   .pnshWrap .imgtxtArea .grid .imgArea img {position:static;top:auto;left:auto;transform:none;} /* 180419 */
   .pnshWrap .imgtxtArea .grid.left .txtArea {margin-right:0;}
   .pnshWrap .imgtxtArea .grid.right .txtArea {margin-left:0;}
   .pnshWrap .txtArea .subTitM{margin-top:0;}
}

/* PAOA : Accordain set */
.paoaWrap .fullImageSet {overflow:hidden;position:relative;}
.paoaWrap .fullImageSet .txtAreaSet {position:absolute;top:50%;right:0;left:0;z-index:2;color:#fff;-webkit-transform:traslateY(-50%);transform:translateY(-50%);text-align:center;}
.paoaWrap .fullImageSet .txtAreaSet .subTitM {color:#fff;}
.paoaWrap .fullImageSet .txtAreaSet .desc {margin:20px 0 0;font-size:16px;line-height:28px;}
.paoaWrap .fullImageSet img {position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.paoaWrap .fullImageSet .enlarge {overflow:hidden;position:absolute;bottom:50px;left:50%;width:40px;height:40px;background:#00aad2;color:#00aad2;border-radius:50%;text-indent:-1000px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.paoaWrap .fullImageSet .enlarge:before,
.paoaWrap .fullImageSet .enlarge:after {position:absolute;top:50%;left:50%;background:#fff;content:"";-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.paoaWrap .fullImageSet .enlarge:before {width:16px;height:2px;}
.paoaWrap .fullImageSet .enlarge:after {width:2px;height:16px;}
.paoaWrap .textWrap {max-width:800px;margin:0 auto;}
.paoaWrap .textWrap > .subTitM {margin-top:80px;}
.paoaWrap .textWrap > .conAreaM,
.paoaWrap .textWrap > .txtList,
.paoaWrap .textWrap > .icoNote {margin-top:20px;}
.paoaWrap .carImageWrap {overflow:hidden;position:relative;margin-top:40px;}
.paoaWrap .carImageWrap img {position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.paoaWrap .sliderWrap {width:auto;max-width:1120px;margin:100px auto 0;}
.paoaWrap .sliderWrap .sliders .txtWrap {max-width:800px;margin:0 auto;}
.paoaWrap .sliderWrap .sliders .txtWrap .subTitM {margin-top:40px;}
.paoaWrap .sliderWrap .sliders .txtWrap > .conAreaM,
.paoaWrap .sliderWrap .sliders .txtWrap > .txtList,
.paoaWrap .sliderWrap .sliders .txtWrap > .icoNote {margin-top:20px;}
.paoaWrap .sliderWrap .sliderListWrap .sliderList {margin-bottom:0 !important;}
.paoaWrap .sliderPagination {position:static;margin-top:50px;}
.paoaWrap .sliderWrap .btnPrev,
.paoaWrap .sliderWrap .btnNext {top: 50%;margin-top:-172px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.paoaWrap .sliderWrap .fullImg {height:600px;}
.paoaWrap .textWrap2 {overflow:hidden;max-width:1120px;margin:100px auto 0;}
.paoaWrap .textWrap2 .grid {float:left;width:50%;}
.paoaWrap .textWrap2 .grid.left {padding-right:16px;}
.paoaWrap .textWrap2 .grid.right {padding-left:16px;}
.paoaWrap .textWrap2 .grid .imgArea {overflow:hidden;position:relative; height: 360px;}
.paoaWrap .textWrap2 .grid .imgArea img {position:absolute;top: 50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.paoaWrap .textWrap2 .grid .txtArea > .subTitM {margin-top:40px;}
.paoaWrap .textWrap2 .grid .txtArea > .conAreaM,
.paoaWrap .textWrap2 .grid .txtArea > .txtList,
.paoaWrap .textWrap2 .grid .txtArea > .icoNote {margin-top:20px;}
.paoaWrap .detailsWrap {display:none;}
.paoaWrap.on .fullImageSet .enlarge {background:#000;}
.paoaWrap.on .fullImageSet .enlarge:before,
.paoaWrap.on .fullImageSet .enlarge:after {-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;}
.paoaWrap.on .detailsWrap {display:block;}
@media all and (max-width:1024px) {
   /* PAOA */
   .paoaWrap .textWrap {max-width:582px;}
   .paoaWrap .textWrap > .subTitM {margin-top:50px;}
   .paoaWrap .textWrap > .conAreaM,
   .paoaWrap .textWrap > .txtList,
   .paoaWrap .textWrap > .icoNote {margin-top:15px;}
   .paoaWrap .carImageWrap {margin-top:30px;}
   .paoaWrap .sliderWrap {margin-top:70px;}
   .paoaWrap .sliderWrap .sliders .txtWrap {max-width:582px;}
   .paoaWrap .sliderWrap .sliders .txtWrap .subTitM {margin-top:30px;}
   .paoaWrap .sliderWrap .sliders .txtWrap > .conAreaM,
   .paoaWrap .sliderWrap .sliders .txtWrap > .txtList,
   .paoaWrap .sliderWrap .sliders .txtWrap > .icoNote {margin-top:15px;}
   .paoaWrap .sliderPagination {margin-top:35px;}
   .paoaWrap .sliderWrap .fullImg {height:auto;}
   .paoaWrap .sliderWrap .btnPrev,
   .paoaWrap .sliderWrap .btnNext {margin-top:-134px;}
   .paoaWrap .textWrap2 {margin:70px 0 0;}
   .paoaWrap .textWrap2 .grid.left {padding-right:7px;}
   .paoaWrap .textWrap2 .grid.right {padding-left:7px;}
   .paoaWrap .textWrap2 .grid .txtArea > .subTitM {margin-top:30px;}
   .pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
   .pnshWrap .imgtxtArea .grid .txtArea > .txtList,
   .pnshWrap .imgtxtArea .grid .txtArea > .icoNote {margin-top:15px;}
   .paoaWrap .fullImageSet .txtAreaSet .desc{margin:8px 0 0 0;}
   .paoaWrap .fullImageSet .enlarge {bottom:35px;width:30px;height:30px;}
   .paoaWrap .fullImageSet .enlarge:before {width:12px;}
   .paoaWrap .fullImageSet .enlarge:after {height:12px;}
   .paoaWrap .textWrap2 .grid .txtArea > .conAreaM, 
   .paoaWrap .textWrap2 .grid .txtArea > .txtList, 
   .paoaWrap .textWrap2 .grid .txtArea > .icoNote{margin-top:15px;}
   .paoaWrap .textWrap2 .grid .imgArea{height:241px;}
}
@media all and (max-width:767px) {
   /* PAOA */
   .paoaWrap .fullImageSet .txtAreaSet {padding:0 15px;}
   .paoaWrap .textWrap > .subTitM {margin-top:50px;}
   .paoaWrap .textWrap2{margin:50px 0 0;}
   .paoaWrap .textWrap2 .grid .imgArea {height: auto;}
   .paoaWrap .textWrap2 .grid.left,
   .paoaWrap .textWrap2 .grid.right {float:none;width:auto;padding:0;}
   .paoaWrap .textWrap2 .grid.right {margin:45px 0 0;}
   .paoaWrap .textWrap2 .grid .imgArea img{ position:static; width:100%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none;}
}

/* PAOO : award */
.paooWrap .awardList { display: table;position: relative;width:680px;margin: 0 auto; margin-top:70px;min-height: 66px;}
.paooWrap:first-child .awardList{margin-top:0;}
.paooWrap .awardList:after {display:block;content:"";}
.paooWrap .awardList .awardTit,
.paooWrap .awardList .awardTxt {font-size:16px;line-height:28px;color: #666;font-family: "HyundaiRegular";} /*GT디자인가이드_15 190213*/
.paooWrap .awardList .awardTxt {} /*GT디자인가이드_15 190213*/
.paooWrap .awardList .awardImg {display: table-cell;}
.paooWrap .awardList .awardImg,
.paooWrap .awardList .awardImg img{ vertical-align: middle;max-width: 148px;}
.paooWrap .awardList dl {display: table-cell; vertical-align: middle;width: auto; max-width: 532px;padding:0 0 0 48px;}
.paooWrap .awardList .awardTit,
.paooWrap .awardList .awardTxt {max-width: 484px;}
.paooWrap .awardList.alignFilp .awardImg {text-align: right;}
.paooWrap .awardList.alignFilp dl {padding:0 48px 0 0;}
@media screen and (max-width: 1024px) {
   .paooWrap .awardList {width:560px;}
   .paooWrap .awardList{margin-top:45px;}
}
@media screen and (max-width: 767px) {
   /* PAOO */
   .paooWrap .awardList {width: 100%;}
   .paooWrap .awardList .awardImg,
   .paooWrap .awardList .awardImg img{max-width: 70px;}
   .paooWrap .awardList .awardTxt {margin:0;font-size:14px;line-height:21px;}
   .paooWrap .awardList dl,
   .paooWrap .awardList .awardTit,
   .paooWrap .awardList .awardTxt { width: auto;max-width: none;}
   .paooWrap .awardList .awardTxt {padding:0;}
   .paooWrap .awardList dl {padding:6px 0 6px 20px;}
   .paooWrap .awardList.alignFilp dl {padding:6px 20px 6px 0px;}
}

/* PGOO : Gallery */
.pgoo .fullImg {height:600px;padding:0 !important;}
.pgoo .sliderWrap .sliderBtnWrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pgoo .sliderWrap .btnPrev,
.pgoo .sliderWrap .btnNext { top: 50%;}
/* Thumbnail gallery slider */
/* PGOO : Gallery */ /* SMCO : Media Center */
.sliderWrap .GallerySlider {overflow: hidden;position: relative;width: 100%;}
.sliderWrap .GallerySlider .GallerySliderList {overflow: hidden;}
.sliderWrap .GallerySlider .GallerySliderList:after {display:block;content:"";clear:both;}
.sliderWrap .GallerySlider .GallerySliderList li {float: left;width: 100%;}
.sliderWrap .GallerySlider .fullImg {padding-bottom:53.6%;}
.sliderTxtList {position:absolute;right:30px;bottom:30px;font-size:16px;color:#fff;font-family:"HyundaiMedium";} /* slide conter */
/* PGOO */
.thumbsWrap {position: relative;}
.thumbsWrap .thumbGalleryWrap {overflow:hidden;position: relative;width:100%;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList {overflow:hidden;display:-webkit-flex;display:flex;width:100%;height:100%;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList:after {display:block;content:"";clear:both;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li {position: relative;width:30%;flex-shrink:0;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li img {width:100%;height:100%;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture {display:block;position:relative;width:100%;cursor: pointer;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:'';opacity:.6;}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture:hover:after,
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li.on picture:after{opacity:0;}
.sliderWrap .thumbGalleryWrap .thumbGalleryList li button:focus:after{opacity:0;}
/* PGOO > slider button */
.thumbsWrap .sliderBtnWrap .btnPrev,
.thumbsWrap .sliderBtnWrap .btnNext {overflow: hidden;display: block;position: absolute;z-index: 10;width: 44px;height: 44px;text-indent: -9999px;cursor: pointer;}
.thumbsWrap .sliderBtnWrap .btnPrev {top:50%;left: 0;margin-top:-18px;background: url("../../template_en/en/images/common/btn-prev.png") no-repeat center center;}
.thumbsWrap .sliderBtnWrap .btnNext {top:50%;right: 0;margin-top:-18px;background: url("../../template_en/en/images/common/btn-next.png") no-repeat center center;}
.thumbsWrap .sliderBtnWrap .btnNext.disabled,
.thumbsWrap .sliderBtnWrap .btnPrev.disabled {opacity: 0.3;cursor: default;}

.pgoo .typeDownload {display: inline-block;position:relative;padding-left:24px;font-weight: normal;color:#000;font-family: 'HyundaiMedium';}
/* .pgoo .typeDownload::before {content:'';    background-image: url('../../template_en/en/images/common/ico-download2.png');background-size: 14px 14px;height:14px;width:14px;position:absolute;left:0;top:0;} */
.pgoo .typeDownload {margin-top: 25px;}
@media all and (max-width:1024px) {
    /* PGOO */
    .pgoo .fullImg {height: auto;} 
    .pgoo .typeDownload {margin-top: 30px;}
    .pgoo .sliderWrap .sliderBtnWrap .btnPrev,
    .pgoo .sliderWrap .sliderBtnWrap .btnNext { width:35px; height:35px; margin-top: -18px;background-size: 35px;} 
}
@media all and (max-width:767px) {
   /* PGOO */
   .pgoo .typeDownload {margin-top: 20px;}
   .thumbsWrap .sliderBtnWrap .btnPrev{margin-top:-22px;}
   .thumbsWrap .sliderBtnWrap .btnNext{margin-top:-22px;}
}


/* PSCO : Seat_Color */
.titArea.pscoTitArea {padding-bottom: 40px;}
.titArea.pscoTitArea [class*=subTit] {padding-bottom: 20px;}
.contents_interior.pip .features [class*=subTit] {position: relative;margin-bottom: 20px;padding: 50px 0 15px;}
.contents_interior.pip .features [class*=subTit]:after {display: block;position: absolute;bottom: 0;left: 50%;width: 112px;height: 1px;margin-left: -56px;background: #ff7500;content: "";}
.contents_interior.pip .car {overflow: hidden;position: relative;width: 100%;padding-bottom: 44.64%;} /* 180416 modify */ /* 180423 재적용 */
.contents_interior.pip .car img { display:none;position: absolute;top: 50%;left: 50%;max-width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);} /* 180416 modify */ /* 180423 재적용 */
.contents_interior.pip .color {padding:0 50px;background:#fff;}
.contents_interior.pip .color .item {position: relative;padding-top: 33px;padding-bottom: 33px;padding-left: 292px;border-bottom: 1px solid #f1ede9;}/* 211224 */
.contents_interior.pip .color .item.option2 {height: auto;padding-top: 50px;padding-bottom: 0;}/* 211224 */
.contents_interior.pip .color .item:last-child {border-bottom: 0;}
.contents_interior.pip .color .item .leftTitle{position: absolute;top: 50%;left: 0;width:292px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.contents_interior.pip .color .item .leftTitle .title{font-size:20px;line-height:1;color:#000;font-family:"HyundaiMedium";}
.contents_interior.pip .color .item.option .leftTitle {margin-top:4px;}/* 211224 add */                        
.contents_interior.pip .color .item.option2 .leftTitle .title {padding-top: 50px;}
.contents_interior.pip .color .item .leftTitle .colorName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular";}
.contents_interior.pip .color .item .tailored_sort_Wrap {position:relative;width:100%;padding:0 39px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea{overflow:hidden;position:relative;width:100%;height:74px;}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li{float:left;position:relative;width:80px;margin:0 !important;padding:10px 10px 0;}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img{width:60px;height:60px;box-sizing: border-box;}
/* .contents_interior.pip .color .item.option .tailored_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.15)} */
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after{overflow:hidden;display:block;position:absolute;top:0;right:0;z-index:1;width:22px;height:22px;background:url("../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content:'';}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{position:absolute;top:30px;left:0;}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev.disabled{opacity:0.23;}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev .prev{overflow:hidden;display:block;width:9px;height:16px;background:url("../../template_en/en/images/find-a-car/360vr/btn-prev.png") no-repeat;text-indent:-9999px;}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{position:absolute;top:30px;right:0;}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next.disabled{opacity:0.23;}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next .next{overflow:hidden;display:block;width:9px;height:16px;background:url("../../template_en/en/images/find-a-car/360vr/btn-next.png") no-repeat;text-indent:-9999px;}
.tailored_sort_Wrap .ix-controller.disabled {visibility:hidden;}
.tailored_sort_Wrap .ix-thumbs {margin:16px 0;text-align:center;}
.tailored_sort_Wrap .ix-thumbs .ix-thumb {display:inline-block;margin:5px;}
.tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn {display:block;width:12px;height:12px;background:#f5f3f2;text-indent:-9999px;border-radius:100%;}
.tailored_sort_Wrap .ix-thumbs .ix-thumb.active .ix-btn {background: #00aad2;}
.contents_interior.pip .color .details {width: 100%;padding: 35px 0;}
.contents_interior.pip .color .option2 .details {padding: 0;}

/* 20171113 modified and added */
.contents_interior.pip .color .option2 .details .detailWrap { display: none;position: relative; width: 300px; height: 30px;}
.contents_interior.pip .color .option2 .details .detailWrap .detailWrapBg {position: absolute; top: 0; left: 0; width: 300px; height: 30px;}
.contents_interior.pip .color .details .detail {width: 300px;height: 30px;}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] {float: left;position: relative;width: 100px;height: 30px;}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .trigger {overflow:hidden;display:block;width:100%;height:100%;text-indent:-1000px;}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info {display:none;position: absolute;top: auto;bottom:25px; left: 50%;width: 120px;height: auto; margin-left:-60px;padding: 5px 34px 5px 7px;background: #fff;font-size: 12px;line-height: 18px;box-sizing:border-box;text-align: center;-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);}/*181017*/
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info .close {overflow:hidden;position:absolute;top:50%;right:10px;width:14px;height:14px;margin-top:-7px;background:#999;color:#999;border-radius:50%;}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active .close:after {position:absolute;top:50%;left:50%;content:"+";color:#fff;transform:translateX(-55%) translateY(-50%) rotate(45deg);}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active {display:block;}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active:after {display: block;position: absolute;top: 100%;left: 50%;margin-left: -7px;border-top: 10px solid #fff;border-right: 7px solid transparent;border-left: 7px solid transparent;content: "";}
.contents_interior.pip .color .details .detailWrap .detail.detail1 .color_detail {width: 300px;}
.contents_interior.pip .color .details .detailWrap .detail.detail2 .color_detail {width: 150px;}
.contents_interior.pip .color .details .detailWrap .detail.detail3 .color_detail {width: 100px;}
.contents_interior.pip .color .details .detailWrap .detail.detail4 .color_detail {width: 75px;}
.contents_interior.pip .color .details .detailWrap .detail.detail5 .color_detail {width: 60px;}
.contents_interior.pip .color .details .detailWrap .detail.detail6 .color_detail {width: 50px;}
.contents_interior.pip .color .details .detailWrap .detail.detail7 .color_detail {width: 42.5px;}
.contents_interior.pip .color .details .detailWrap .detail.detail7 .color_detail:last-child {width:45px;}
.contents_interior.pip .color .details .detailWrap .detail.detail8 .color_detail {width: 37.5px;}
.contents_interior.pip .color .details .detailWrap .detail.detail9 .color_detail {width: 33px;}
.contents_interior.pip .color .details .detailWrap .detail.detail9 .color_detail:last-child {width: 36px;}
.contents_interior.pip .color .details .detailWrap .detail.detail10 .color_detail {width: 30px;}
.contents_interior.pip .ix-btn-prev.disabled,
.contents_interior.pip .ix-btn-next.disabled {opacity: 0.3;}
/* //20171113 modified and added */
@media screen and  (max-width:1024px){
   /* PSCO */
   .titArea.pscoTitArea {padding-bottom: 30px;}
   .titArea.pscoTitArea [class*=subTit] {padding-bottom: 15px;}
   .contents_interior.pip .features [class*=subTit] {margin-bottom: 15px;padding: 35px 0 15px;}
   .contents_interior.pip .features [class*=subTit]:after {width: 56px;height: 1px;margin-left: -28px;}
   .contents_interior.pip .car {padding-bottom:0;}
   .contents_interior.pip .car img {position:static;top:auto;left:auto;width: 100%;transform:none;}
   .contents_interior.pip .color {padding: 0 25px;}
   .contents_interior.pip .color .item.option {height: auto;padding: 25px 0 49px;}
   .contents_interior.pip .color .item.option  .leftTitle{display:table;position:static;width:auto;-webkit-transform: none;transform: none;}
   .contents_interior.pip .color .item.option  .leftTitle .title{display:table-cell;vertical-align: bottom;font-size:17px;line-height:21px;}
   .contents_interior.pip .color .item.option .leftTitle .colorName {display:table-cell;vertical-align: bottom;padding-left:15px;font-size:12px;line-height:17px;text-align: left;}
   .contents_interior.pip .color .item.option2 {padding-top: 35px;padding-left: 175px;}
   .contents_interior.pip .color .item.option2 .leftTitle .title {padding-top: 35px;}
   .contents_interior.pip .color .item.option2 .leftTitle{width:175px;font-size:17px;line-height:21px;}
   .contents_interior.pip .color .item.option2 .leftTitle .title {font-size:17px;line-height:21px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap {margin-top: 23px;padding: 0;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea {height: auto;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li{width:84px;padding:12px 10px 0;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after{right: -2px;width:25px;height:25px;background-size: 25px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img{width:64px;height:64px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{top:35px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{right: -25px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{left: -25px;}
   .tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn{width:9px; height:9px;}
}
@media screen and  (max-width:767px)  {
   /* PSCO */
   .contents_interior.pip .car {width: auto;margin: 0 -15px;}
   .contents_interior.pip .color {padding: 0;}
   .contents_interior.pip .color .item.option {padding: 20px 0 25px;}
   .contents_interior.pip .color .item.option2 {height: auto;padding: 20px 0 0;}
   .contents_interior.pip .color .item.option2  .leftTitle{display:table;position:static;width:auto;-webkit-transform: none;transform: none;}
   .contents_interior.pip .color .item.option2 .leftTitle .title{display:table-cell;vertical-align: bottom;padding-top: 0;}
   .contents_interior.pip .color .details {padding: 15px 0;text-align: center;}
   .contents_interior.pip .color .item .tailored_sort_Wrap  {width: auto;margin-top: 22px;} /* 180423 */
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li {width: 48px;padding: 6px 4px 0;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img {width: 40px;height: 40px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after {right: -2px;width: 14px;height: 14px;background-size: 14px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{display: none;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{display: none;}
   .contents_interior.pip .color .option2 .details {padding: 20px 0 0;}
   /* 20171113 modified and added */
   .contents_interior.pip .color .ix-controller {display: none;}
   .contents_interior.pip .color .slide_direction {display: none;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {top:18px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{right: -5px;}
   .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{left: -5px;}
   /* //20171113 modified and added */
}

/* PSPE : Specification; */
.pspeWrap {width:100%;}
.pspeWrap .titWrap.first h2,
.pspeWrap .titWrap.first h3,
.pspeWrap .titWrap.first h4 {padding:80px 0 40px 0;}
.pspeWrap .fullImg.pspeImg {margin:30px 0 40px 0;}
.pspeWrap .fullImg.pspeImg .img {height:274px;}
.pspeSlider {display:none;}
.pspeWrap .trimWrap {display:table;width:100%;margin-bottom:80px;}
.pspeWrap .trimWrap:after {display:block;content:"";clear:both;}
.pspeWrap .trimWrap p,
.pspeWrap .trimWrap h2,
.pspeWrap .trimWrap h3,
.pspeWrap .trimWrap h4 {display:table-cell;float:none !important;vertical-align:middle;width:20%;padding:0 30px 0 0;}
.pspeWrap .trimWrap .selForm {display:table-cell;vertical-align:middle;width:80%;}
.pspeWrap .titWrap.second h2,
.pspeWrap .titWrap.second h3,
.pspeWrap .titWrap.second h4 {margin:0 0 20px 0;}
.pspeWrap .tableInner {margin-bottom:40px;}
/* PSPE > contents in dropbox */
.pspe .specList{overflow:hidden;padding:40px 0;border-top:1px solid #f6f3f2;font-size:14px;line-height:20px;}
.pspe .specList dt{font-family:"HyundaiMedium";}
.pspe .specList:first-child{padding-top:0;border-top:30px;}
.pspe .specList>dt{float:left; width:15%;max-width:170px;}
.pspe .specList>dd{overflow:hidden;float:left;}
.pspe .specList>dd dl:first-child{padding-top:0;}
.pspe .specList>dd dl{overflow:hidden;width:828px;padding-top:24px;}
.pspe .specList>dd dt{float:left;width:282px;font-size:14px;line-height:24px;color:#666;}
.pspe .specList>dd dd{float:left;width:546px;padding-left:60px;font-size:14px;line-height:24px;}
.pspeWrap .ctoaTableRow tr th,
.pspeWrap .ctoaTableRow tr td{padding:13px 30px 12px; line-height:24px;}
@media screen and (max-width:1240px) {
   /* PSPE */
   .pspeWrap .trimWrap .selForm {width:85%;}
   /* PSPE > contents in dropbox */
   .pspe .specList>dt{width:15%;}
   .pspe .specList>dd{width:85%;}
   .pspe .specList>dd dl{width:100%;padding-top:24px;}
   .pspe .specList>dd dt{width:30%;}
   .pspe .specList>dd dd{width:70%;}
}
@media screen and (max-width:1024px) {
   /* PSPE */
   .pspeWrap .titWrap.first h2,
   .pspeWrap .titWrap.first h3,
   .pspeWrap .titWrap.first h4 {padding:40px 0 35px 0;}
   .pspeWrap .titWrap.second h2, 
   .pspeWrap .titWrap.second h3, 
   .pspeWrap .titWrap.second h4{margin:0 0 15px 0;}
   .pspeWrap .ctoaTableRow tr th, 
   .pspeWrap .ctoaTableRow tr td{padding:13px 25px 12px;}
   .pspeWrap .trimWrap {width:100%;margin-bottom:35px;}
   .pspeWrap .trimWrap .selForm {width:80%;}
   .pspeWrap .fullImg.pspeImg .img {height:170px;}
   .pspeWrap .tableInner {margin-bottom:30px;}
   /* PSPE > contents in dropbox */
   .pspe .specList{padding:30px 0;}
   .pspe .specList:first-child{padding-top:10px;}
   .pspe .specList>dt{width:20%;}
   .pspe .specList>dd{width:80%;}
   .pspe .specList>dd dl{width:100%;padding-top:15px;}
   .pspe .specList>dd dt{width:40%;font-size:12px;line-height:17px;}
   .pspe .specList>dd dd{width:60%;font-size:12px;line-height:17px;}
}
@media screen and (max-width:767px) {
   /* PSPE */
   .pspeWrap .subTitM{margin-top:0;}
   .pspeWrap .titWrap.second h2,
   .pspeWrap .titWrap.second h3,
   .pspeWrap .titWrap.second h4 {margin:0 0 30px 0;}
   .pspeWrap .trimWrap {margin-bottom:0;}
   .pspeWrap .trimWrap p,
   .pspeWrap .trimWrap h2,
   .pspeWrap .trimWrap h3,
   .pspeWrap .trimWrap h4 {width:100%;margin-bottom:30px;padding-top:0;}
   .pspeWrap .trimWrap .selForm {width:100%;margin-bottom:35px;}
   .pspeWrap .tableInner {margin-bottom:30px;}
   .pspeWrap .ctoaTableRow tr th,
   .pspeWrap .ctoaTableRow tr td{padding:15px;}
   .pspeWrap .ctoaTableRow{table-layout:auto;}
   .pspeSlider {display:block;}
   .pspeSlider .fullImg {display:block;height:auto;} /* 180423 */
   .sliderWrap.pspeSlider .sliderPagination {position: relative;top: auto;margin:15px 0 30px 0;}
   /* PSPE > contents in dropbox */
   .pspe .specList>dt{width:100%;}
   .pspe .specList>dd{width:100%;margin-top:30px;}
   .pspe .specList>dd dl{width:100%;padding-top:15px;}
   .pspe .specList>dd dt{width:50%;}
   .pspe .specList>dd dd{width:50%; padding-left:0;}
   .pspe .togList li.dep1 .aswer .dep2{padding: 30px 15px 0;}
}

/* PALO */
.secAccListWrap.palo .itemWrap .itemListWrap {margin: -40px -16px 0; padding:60px 0;}
.secAccListWrap.palo .itemWrap .itemList {margin:40px 0 0 0; padding: 0 16px;}
.secAccListWrap.palo .itemWrap .itemList .listInner{margin:0;}
.secAccListWrap.palo .itemWrap .img {margin-bottom: 16px;padding-bottom: 0;}
.secAccListWrap.palo .itemWrap .img img{ position:static;width:100%; transform:none;}
.secAccListWrap.palo .itemWrap .itemList .itemTit {padding-bottom: 4px;}
.secAccListWrap.palo .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 5px;}
.secAccListWrap.palo .itemWrap .toolTipWrap.ib {margin-left:10px;}
.secAccListWrap.palo .paging {padding-top:35px;}

.secAccListWrap.palo .btnMoreWrap { padding:60px 0 100px;}

.secAccListWrap.palo .conAreaM.price { display:inline-block; vertical-align:middle;}

.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide { left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%); }
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup { width:640px;}
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerTitWrap { padding:0 30px;}
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerTitWrap .subTitS { height:70px; line-height:70px;}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem { display:block;}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img { width:640px; height:424px;}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .btnNext,
.secAccListWrap.palo .layerPopupWrap .sliderWrap .btnPrev { top:200px;}
.secAccListWrap.palo .layerPopupWrap .textInWrap { padding:20px 30px 30px;}
.secAccListWrap.palo .layerPopupWrap .textInWrap .conTit { font-size:20px; line-height:30px; color:#000; font-family:"HyundaiMedium";}
.secAccListWrap.palo .layerPopupWrap .textInWrap .price { margin-bottom:5px; font-size:16px; line-height:28px; color:#666; font-family:"HyundaiMedium";}
.secAccListWrap.palo .layerPopupWrap .textInWrap .desc { font-size:14px; line-height:24px; color:#000;}

.secAccListWrap.palo .openImgListPop { cursor:pointer;}

@media screen and  (max-width:1024px){
   /* PALO */
   .secAccListWrap.palo .itemWrap .itemListWrap {margin: -35px -7px 0;padding: 45px 0;}
   .secAccListWrap.palo .itemWrap .itemList {margin-top: 35px;padding:0 7px;}
   /* .secAccListWrap.palo .itemWrap .itemList .listInner {margin: 0 16px;} */
   .secAccListWrap.palo .itemWrap .img {margin-bottom: 13px;}
   .secAccListWrap.palo .itemWrap .itemList .itemTit {padding-bottom: 6px;}
   .secAccListWrap.palo .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 10px;}
   .secAccListWrap.palo .itemWrap .toolTipWrap.ib{margin-left:8px;}
   .secAccListWrap.palo .paging {padding-top: 45px;}
   .secAccListWrap.palo .btnWrap.btnMoreWrap {padding-top: 45px;}


   .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
   .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup { width:618px;}
   .secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img { width:618px; height:410px;}

   .secAccListWrap.palo .layerPopupWrap .textInWrap { padding:20px 25px 25px;}
   .secAccListWrap.palo .layerPopupWrap .textInWrap .conTit { font-size:17px; line-height:22px;}
   .secAccListWrap.palo .layerPopupWrap .textInWrap .price { font-size:14px; line-height:21px;}
   .secAccListWrap.palo .layerPopupWrap .textInWrap .desc { font-size:12px; line-height:17px;}
}
@media screen and  (max-width:767px){
   /* PALO */
   .palo .colSm1 .col,
   .palo .colSm1 .col:first-child {width:50%;}
   .palo.secAccListWrap .btnWrap.btnMoreWrap {padding-top:44px;}
   .secAccListWrap.palo .secListBox .itemTxtTop {padding-bottom: 25px;}
   .secAccListWrap.palo .itemWrap .itemListWrap {margin: -70px -5px 0;padding:70px 0;}
   .secAccListWrap.palo .itemWrap .itemList {margin-top: 70px;padding: 0 5px;}

   .secAccListWrap.palo .itemWrap .img { padding:0;}
   .secAccListWrap.palo .itemWrap .img img { position:relative; top:auto; left:auto; -webkit-transform:translate(0,0);transform:translate(0,0);}
   /* .secAccListWrap.palo .itemWrap .itemList .listInner{margin:0 5px;} */

   .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
   .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup { width:290px;}
   .secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img { width:290px; height:192px;}
}


/**** SPA Component ****/
/* SPA Default */
/* popup */
.popWrap {display:none;position:absolute;top:50%;left:50%;z-index:1001;width:720px;padding:72px 60px 60px;background:#fff;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.popWrap h3 {display:inline-block;height:76px;font-size:44px;line-height:54px;color:#000;letter-spacing: 0.7px;font-family:"HyundaiMedium";}
.popWrap span.clo {position:absolute;top:30px;right:30px;width:15px;height:15px;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat;background-size:cover;text-indent:-99999px;}
.popWrap .schArea {border:1px solid #e4dcd3;text-align:left;}
.popWrap .schArea .sch1 a {display:block;padding:15px 30px;border-bottom:1px solid #e4dcd3;font-size:16px;color:#000;letter-spacing: 0.3px;text-decoration:underline;font-family:"HyundaiMedium";}
.popWrap .schArea .sch1:last-child a {border:0;}
.popWrap .schArea .txt_beige a {color:#00aad2;}
.popWrap button.btn {display:block;width:140px;height:44px;margin:50px auto 0;background:#002c5f;font-size:14px;line-height:44px;color:#fff;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"HyundaiRegular";}
@media screen and (max-width: 767px) and (min-width: 0) {
   .popWrap {right:25px;left:25px;width:auto;margin-left:0;padding:40px 25px;-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(-50%);}
   .popWrap h3 {font-size:27px;}
   .popWrap .schArea .sch1 {font-size:14px;}
   .popWrap button.btn {width:100%;margin-top:25px;}
}
/* mailpopWrap */
.mailpopWrap {position:absolute;top:20px;left:50%;z-index:1001;width:1120px;padding-bottom:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.mailpopWrap .mailHead {height:110px;padding:28px 60px 0;background:#e4dcd3;}
.mailpopWrap .mailHead .mailTit {margin-bottom:1px;font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.mailpopWrap .mailHead .mailTxt {font-size:16px;line-height:28px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.mailpopWrap .mailHead a.cls {position:absolute;top:30px;right:30px;width:15px;height:15px;background:url("../../template_en/en/images/common/btn-layer-close.png") 50% 50% no-repeat;text-indent:-99999px;}
.mailpopWrap .mailArea {padding:60px 60px 80px;background:#fff;}
.mailpopWrap .mailArea .dealerPro {margin-bottom:41px;}
.mailpopWrap .mailArea .dealerPro dl.dealer dt.dealerName {margin-bottom:10px;font-size:30px;line-height:40px;color:#000;letter-spacing: 0.5px;font-family:"HyundaiMedium";}
.mailpopWrap .mailArea .dealerPro dl.dealer dd.dTx {font-size:14px;line-height:20px;color:#000;font-family:"HyundaiRegular";}
.mailpopWrap .mailArea .topTitArea2 {padding-bottom: 24px;}
.mailpopWrap .mailArea .topTitArea2 .ConFn1 {display:inline-block;font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.mailpopWrap .mailArea .topTitArea2 .conLf {display:inline-block;vertical-align:0;padding-left:8px;font-size:16px;line-height:28px;color:#00aad2;letter-spacing:0.2px;font-family:"HyundaiRegular";}
.mailpopWrap .mailArea .topTitArea2 .dTix {font-size:14px;line-height:20px;letter-spacing:0.2px;font-family:"HyundaiRegular";}
.mailpopWrap .btnWrap.type1 {padding:50px 0 0;text-align:center;}
.mailpopWrap .btnWrap.type1 .btn {width:140px;}
@media screen and (max-width:1240px) {
   /* mailpopWrap */
   .mailpopWrap {right:25px;left:25px;width:auto;-webkit-transform:translateX(0%);transform:translateX(0%);}
   .mailpopWrap .mailHead,
   .mailpopWrap .mailArea {padding-right:25px;padding-left:25px;}
}
@media screen and (max-width:767px) {
   /* mailpopWrap */
   .mailpopWrap .mailArea {padding:35px 25px;}
   .mailpopWrap .mailHead .mailTit {font-size:14px;}
   .mailpopWrap .mailHead .mailTxt {font-size:12px;}
   .mailpopWrap .mailArea .dealerPro dl.dealer dt.dealerName {font-size:19px;}
   .mailpopWrap .mailArea .topTitArea2 .ConFn1 {font-size:17px;}
   .mailpopWrap .mailArea .topTitArea2 .conLf,
   .btnWrap .btn {font-size:15px;}
   .mailpopWrap .mailArea .topTitArea2 .conLf {display:block;}
}

/* FORMBox Default */
.formBoxWrap legend {overflow: hidden;width: 0;height: 0;text-indent: -9999px;}
.formBoxWrap .titWrap {padding-bottom: 30px;}
.formBoxWrap .titArea {padding-bottom: 30px;}
.formBoxWrap .titWrap .titArea {padding-bottom: 0;}
.formBoxWrap .titWrap .titSubTxt {font-size: 14px;line-height: 20px;}
.formBoxWrap .half {margin: 16px -10px 0;}
/* .formBoxWrap .half .formList{min-height:109px;} */
.formBoxWrap .half:after {display: block;content: "";clear: both;}
.formBoxWrap .half .formListWrap {float: left;width: 50%;padding: 0 10px;}
.formBoxWrap .formListWrap.first {margin-top: -20px;}
.formBoxWrap .formList {margin-top: 4px;}
.formBoxWrap .require {padding-left: 4px;font-size: 16px;font-family: "HyundaiMedium";}
.formBoxWrap .formList .formTit {margin-bottom: 4px;line-height: 2;font-family: "HyundaiMedium";}
.formBoxWrap .formList .formCon {position: relative;}
.formBoxWrap .formList .formCon .ui-datepicker {top: 40px !important; left: 0 !important;} /* 181031 */ 
.formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 19px;}
.formBoxWrap .titArea {display: table;width: auto;}
.formBoxWrap .titArea [class*=subTit] {display: table-cell;vertical-align: middle;padding-right: 20px;}
.formBoxWrap .titArea .txtRequiredField {display: table-cell;vertical-align: middle;font-size: 14px;line-height: 20px;}
.formBoxWrap .errorTxt {margin-top: 5px;font-size: 14px;line-height: 1.75;color: #e63312;}
.formBoxWrap .errorTxt.vHidden {visibility:hidden;}
.formBoxWrap textarea {display: inline-block;width: 100%;height: 180px;padding: 18px 20px 18px 20px;border: 1px solid #e4dcd3;background: #fff;font-size: 14px;line-height: 1.2;color: #666;box-sizing: border-box;}
.formBoxWrap .formList input[type=text],
.formBoxWrap .formList input[type=number],
.formBoxWrap .formList input[type=search],
.formBoxWrap .formList input[type=date],
.formBoxWrap .formList input[type=email] {padding: 11px 20px;line-height: 1.21;}
.formBoxWrap .maxChar {position: absolute;right: 20px;bottom: 20px;font-size: 14px;color: #767676;}
.formBoxWrap ::-webkit-input-placeholder{color:#666;}
.formBoxWrap ::-moz-placeholder{color:#666;}
.formBoxWrap :-ms-input-placeholder{color:#666;}
.formBoxWrap :-moz-placeholder{color:#666;}
.formBoxWrap .formCon .row {position: relative;padding-right: 160px;}
.formBoxWrap .formCon .row.date {margin: 0 -10px;padding-right: 0;}
.formBoxWrap .formCon .row:after {display: table;content: "";clear: both;}
.formBoxWrap .formCon .row .col {float: left;}
.formBoxWrap .formCon .row.date .col {padding: 0 10px;}
.formBoxWrap .formCon .row.emailForm .inputForm {width: 100%;}
.formBoxWrap .formCon .row.emailForm .btnArea {display: table;position: absolute;top: 0;right: 0;width: 140px;}
.formBoxWrap .formCon .row.emailForm .btnArea .btn {width: 100%;height: 44px;padding: 0;font-size: 14px;}
.formBoxWrap .agreeBoxWrap {margin-top: 20px;}
.formBoxWrap .agreeBoxWrap .btnMore {width: 100%;height: 40px;background: #f2f2f2;font-size: 14px;line-height: 40px;font-family: "HyundaiRegular";text-align: center;}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr {display: inline-block;position: relative;width: auto !important;padding-right: 19px;}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr:after {display: block;position: absolute;top: 50%;right: 0;width: 0;height: 0;margin-top: -3px;border-top: 6px solid #000;border-right: 4px solid transparent;border-bottom:none;border-left: 4px solid transparent;content: "";}
.formBoxWrap .scrollBox {margin-top: 6px;margin-bottom: 45px;border: 1px solid #e4dcd3;box-sizing:border-box;}
.formBoxWrap .scrollBox .boxInner {overflow-y: hidden;height: 140px;padding: 20px 18px 20px 20px;font-size: 14px;line-height: 1.428;color: #666;box-sizing: border-box;}
.formBoxWrap .scrollBox.auto .boxInner {height: auto !important;}
.formBoxWrap .scrollBox.auto .btnMore.btnAgreeMore.closed .icoArr:after {margin-top: -3px;border-top: 0 none;border-bottom: 6px solid #000;}
.formBoxWrap .scrollBox .boxInner2 {overflow-y: hidden;height: auto;padding: 20px 18px 20px 20px;font-size: 14px;line-height: 20px;color: #666;letter-spacing:-0.1px;box-sizing: border-box;}
.formBoxWrap .checkboxWrap .errorTxt {padding-left: 28px;}
.formBoxWrap .checkboxWrap + .checkboxWrap {padding-top: 31px;}
/* SCUO Dominica, NG Only */
.formBoxWrap.cpnDom .formListWrap {overflow:hidden;margin-top:-15px;}
.formBoxWrap.cpnDom .formListWrap + .formListWrap {margin-top:0;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child {padding-right:5px;}
.formBoxWrap.cpnDom .formListWrap .formList {float:left;width:50%;margin-top:15px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {padding-right:40px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {padding-left:40px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(2n+1) {clear:both;}
.formBoxWrap.cpnDom .formListWrap + .formListWrap .formList {float:none;width:100%;padding:0;}
.formBoxWrap.cpnDom .formSlt {margin:0 -5px;font-size:0;}
.formBoxWrap.cpnDom .formSlt .selForm {display:inline-block;width:33.3%;padding:0 5px;}

/*citas Dominica*/
.formBoxWrap.cpnDom .formCon .selForm.col3 {display:block;width:100%;padding:0 5px;}
.formBoxWrap.cpnDom .formCon .selForm .checkBoxList{ padding: 0 20px 10px;border:1px solid #e4dcd3;}
.formBoxWrap.cpnDom .formCon .selForm .checkBoxList li{float:left;width:33.3%;margin-top:10px;}
.formBoxWrap.cpnDom .formCon .selForm .checkBoxList li input{display: inline-block; vertical-align: middle;margin-right:10px;}
.formBoxWrap.cpnDom .formCon .selForm .checkBoxList li:first-child{width:33.4%;}
.formBoxWrap.cpnDom .formCon .selForm .checkBoxList li:nth-child(3n+1){width:33.4%;clear:both;}
.formBoxWrap.cpnDom .selForm select{height:44px;}
@media screen and  (max-width:1024px){
    /* FORMBox Default */
   .formBoxWrap .titWrap {padding-bottom: 22px;}
   .formBoxWrap .titArea {padding-bottom: 22px;}
   .formBoxWrap .titWrap .titArea {padding-bottom: 0;}
   .formBoxWrap .titWrap .titSubTxt {display: none;}
   .formBoxWrap .half:after {display: block;content: "";clear: both;}
   .formBoxWrap .half {margin-right: 0;margin-left: 0;}
   .formBoxWrap .half .formListWrap {float: none;width: 100%;padding-right: 0;padding-left: 0;}
   .formBoxWrap .formListWrap.first {margin-top: -28px;}
   .formBoxWrap .formList {margin-top: 28px;}
   .formBoxWrap .require {padding-left: 5px;}
   .formBoxWrap .formList .formTit {margin-bottom: 7px;font-size: 14px;line-height: 1.5;}
   .formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 36px;}
   .formBoxWrap .titArea {width: auto;}
   .formBoxWrap .titArea [class*=subTit] {padding-right: 0;}
   .formBoxWrap .titArea .txtRequiredField {font-size: 12px;line-height: 17px;text-align: right;}
   .formBoxWrap .formList input[type=text],
   .formBoxWrap .formList input[type=number],
   .formBoxWrap .formList input[type=tel],
   .formBoxWrap .formList input[type=search],
   .formBoxWrap .formList input[type=date],
   .formBoxWrap .formList input[type=email] {padding: 11px 20px;line-height: 1.21;}
   .formBoxWrap textarea {padding: 12px 15px;font-size: 12px;}
   .formBoxWrap .selForm select {height: 35px;font-size: 12px;line-height: 35px;}
   .formBoxWrap .formCon .row {position: relative;padding-right: 130px;}
   .formBoxWrap .formCon .row.date {margin: 0 -5px;padding-right: 0;}
   .formBoxWrap .formCon .row.date .col {padding: 0 5px;}
   .formBoxWrap .formCon .row.emailForm .btnArea {width: 120px;}
   .formBoxWrap .formCon .row.emailForm .btnArea .btn {height: 35px;font-size: 12px;}
   .formBoxWrap .maxChar {right: 10px;bottom: 10px;font-size: 12px;}
   .formBoxWrap .requiredTxt {margin-top: -18px;font-size: 14px;color: 1.14;}
   .formBoxWrap .errorTxt {margin-top: 8px;font-size: 12px;line-height: 1.14;}
   .formBoxWrap .agreeBoxWrap {margin-top: 28px;}
   .formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore {height: 35px;font-size: 12px;line-height: 35px;}
   .formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore .icoArr {padding-right: 10px;}
   .formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore .icoArr:after {margin-top: -2px;border-top: 4px solid #000;border-right: 3px solid transparent;border-left: 3px solid transparent;}
   .formBoxWrap .scrollBox {margin-bottom: 36px;}
   .formBoxWrap .scrollBox .boxInner {height: 110px;padding: 11px;font-size: 12px;}
   .formBoxWrap .scrollBox.auto .btnMore.btnAgreeMore.closed .icoArr:after {margin-top: -2px;border-top: 0 none;border-bottom: 4px solid #000;}
   .formBoxWrap .checkboxWrap .errorTxt {padding-left: 28px;}
   .formBoxWrap .checkboxWrap + .checkboxWrap {padding-top: 26px;}
   .btnMoreFull {height: 35px;font-size: 12px;}
   /* SCUO Dominica, NG Only */
   .formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {padding-right:20px;}
   .formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {padding-left:20px;}
   .formBoxWrap.cpnDom .formListWrap .formList .formTit label {display:inline-block;line-height:25px;}

   /*citas Dominica*/
   .formBoxWrap.cpnDom .formListWrap.col3 .formList{padding:0;}
   .formBoxWrap.cpnDom .formCon .checkBoxList .checkboxWrap .checkboxInner label{font-size:12px;}
   .formBoxWrap.cpnDom .formCon .selForm .checkBoxList li input{margin-right:5px;}
   .formBoxWrap.cpnDom .formListWrap .formList.padDel{padding:0;}
   .formBoxWrap.cpnDom .formCon .selForm .checkBoxList{padding:0 15px 10px;}
   .formBoxWrap.cpnDom .selForm select{height:35px;}
}
@media screen and  (max-width:767px){
   /* FORMBox Default */
   .formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore {height: 30px;font-size: 12px;line-height: 30px;}
   /* SCUO Dominica, NG Only */
   .formBoxWrap.cpnDom .formCon .row.emailForm {padding-right:0;}
   .formBoxWrap.cpnDom .formCon .row.emailForm .btnArea {float:none;position:static;margin:0 auto;padding:25px 0 0;}
   .formBoxWrap.cpnDom .formCon .row.emailForm .btnArea .btn {width:150px;height:40px;}
   .formBoxWrap.cpnDom .formListWrap .formList {float:none;width:100%;}
   .formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {padding-right:0;}
   .formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {padding-left:0;}
   .formBoxWrap.cpnDom .formListWrap .formList .formTit label {display:inline-block;line-height:25px;}

   /*citas Dominica*/
   .formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child{width:100%;padding-right:0;}
   .formBoxWrap.cpnDom .formListWrap.col3 .formList{width:100%;}
   .formBoxWrap.cpnDom .formCon .selForm .checkBoxList{ overflow-y: auto;height:150px;}
   .formBoxWrap.cpnDom .formCon .selForm .checkBoxList li:nth-child(3n+1){width:100%;}
   .formBoxWrap.cpnDom .formCon .selForm .checkBoxList li{float:none;width:100%;}
   .formBoxWrap.cpnDom .formCon .selForm.col3{padding:0;}
   .formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child .formSlt{margin:0;}
   .formBoxWrap.cpnDom .formListWrap.col3 .formList:last-child .formSlt{margin:0;}
}

/* table type */
.tableWrap .tableTop {display: table;width: 100%;margin-bottom: 12px;}
.tableWrap .tableTop .txtLeft,
.tableWrap .tableTop .txtRight {display: table-cell;vertical-align: bottom;font-size: 14px;line-height: 1.71;font-family: "HyundaiMedium";}
.tableWrap .tableTop .txtRight {text-align: right;}
.tableTypeBasic {width: 100%;border-top: 1px solid #e4dcd3;border-bottom: 1px solid #e4dcd3;border-left: 1px solid #e4dcd3;background: #fff;}
.tableTypeBasic thead th {height: 50px;padding: 15px 10px 17px;border-top: 1px solid #fff;border-right: 1px solid #fff;background: #002c5f;font-size: 14px;font-weight: 400;line-height: 17px;color: #fff;box-sizing: border-box;font-family: "HyundaiMedium";}
.tableTypeBasic tbody td {height: 50px;padding: 15px 10px 17px;border-top: 1px solid #e4dcd3;border-right: 1px solid #e4dcd3;background: #fff;font-size: 14px;line-height: 17px;text-align: center;box-sizing: border-box;}
.tableTypeBasic thead tr th:first-child {border-left: 1px solid #fff;}
.tableTypeCol tbody tr:first-child td {border-top: 0;}
.tableTypeCol tbody tr td:first-child {border-left: 1px solid #e4dcd3;}
.tableWrap .noData [class*=subTit] {padding-bottom: 20px;}
.tableRowType {width: 100%;border: 1px solid #e4dcd3;border-top: 0 none;}
.tableRowType tbody th,
.tableRowType tbody td {padding: 17px 20px 16px 20px;font-size: 14px;font-weight: 400;line-height: 1.214;}
.tableRowType tbody th {border-top: 1px solid #fff;background: #e4dcd3;font-family: "HyundaiMedium";}
.tableRowType tbody tr:first-child th {border-top: 0 none;}
.tableRowType tbody td {border-top: 1px solid #e4dcd3;background: #fff;}
.tableRowType tbody tr:first-child th,
.tableRowType tbody tr:first-child td {border-top: 1px solid #e4dcd3;}
@media screen and  (max-width:1024px){
   /* table type */
   .tableWrap .tableTop {display: table;width: 100%;margin-bottom: 10px;}
   .tableWrap .tableTop .txtLeft,
   .tableWrap .tableTop .txtRight {font-size: 12px;line-height: 1.58;}
   .tableTypeBasic thead th {height: 45px;padding: 13px 6px 13px;font-size: 12px;}
   .tableTypeBasic tbody td {height: 45px;padding: 13px 6px 13px;font-size: 12px;}
   .tableWrap .noData [class*=subTit] {padding-bottom: 15px;}
   .tableRowType tbody th,
   .tableRowType tbody td {padding: 14px 20px 14px 20px;font-size: 12px;line-height: 1.417;}
}

/* step */
.stepArea {overflow: hidden;width: 100%;height: 70px;background: #fff;}
.stepArea .stepType1 {display: table;width: 100%;max-width: 1120px;margin: 0 auto;}
.stepArea .stepType1 .stepList {display: table-cell;vertical-align: middle;position: relative;height: 70px;background: #fff;text-align: center;}
.stepArea .stepType1 .stepList ~ .stepList {background: #fff url("../../template_en/en/images/common/ico-arr-step.png") no-repeat left center;background-size: 7px;}
.stepArea.bgColorGray .stepList {background-color: #f6f3f2;}
.stepArea.bgColorGray .stepType1 .stepList ~ .stepList {background-color: #f6f3f2;}
.stepArea .stepType1 .stepList .inner {display: inline-block;position: relative;padding-left: 40px;font-size: 16px;line-height: 1.875;color: #c1c1c1;font-family: "HyundaiMedium";}
.stepArea .stepType1 .stepList .inner .num {display: block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: #c1c1c1;font-size: 14px;line-height: 31px;color: #fff;text-align: center;border-radius: 50%;}
.stepArea .stepType1 .stepList.active .inner {color: #00aad2;}
.stepArea .stepType1 .stepList.active .inner .num {background: #00aad2;}
.stepArea .stepType1 .stepList.compStep {cursor: pointer;}
.stepArea .stepType1 .stepList.compStep .inner {color: #000;/*text-decoration: underline; 181024*/}
.stepArea .stepType1 .stepList.compStep .inner:hover{text-decoration: underline;} /*181024*/
.stepArea .stepType1 .stepList.compStep .inner .num {background: #000;}
@media screen and  (max-width:1024px){
   /* step */
   .stepArea {overflow-x: auto;width: 100%;height: 50px;}
   .stepArea .stepType1 .stepList {width: auto !important;height: 50px;padding: 0 20px;min-width: 20%;}
   .stepArea .stepType1.colLg3 .stepList {min-width: 33.3%;}
   .stepArea .stepType1 .stepList ~.stepList {background-size: 6px;}
   .stepArea .stepType1 .stepList .inner {padding-left: 27px;font-size: 14px;line-height: 1.5;white-space: nowrap;}
   .stepArea .stepType1 .stepList .inner .num {width: 22px;height: 22px;font-size: 12px;line-height: 23px;}
   .stepArea .stepType1 .stepList.compStep .inner:hover{text-decoration: none;} /*181024*/
}
@media screen and (max-width:767px){
   /* step */
   .stepArea {width: auto;margin: 0 -15px;background: #f6f3f2;}
   .stepArea .stepType1 .stepList {background-color: #f6f3f2;}
   .stepArea .stepType1 .stepList ~ .stepList {background-color: #f6f3f2;}
   .stepArea .stepType1 {padding:0 10px;}
}

/* box type */
/* summary box */
.summaryWrap {position: relative;}
.summaryArea {border: 1px solid #e4dcd3;border-bottom: 0 none;background: #fff;}
.summaryArea .summaryBox [class*=subTit],
.summaryArea .summaryBox .conTit {padding: 16px 30px;border-bottom: 1px solid #e4dcd3;}
.summaryArea .summaryBox .con {padding: 24px 30px;border-bottom: 1px solid #e4dcd3;}
.summaryArea .summaryBox .con .list {display: table;width: 100%;}
.summaryArea .summaryBox .con.col2 .list {display: table; float:left;width: 50%;padding-top:16px;}
.summaryArea .summaryBox .con.col2 .list:nth-child(2n+1) {clear:both;}
.summaryArea .summaryBox .con .list ~ .list {padding-top: 16px;}
.summaryArea .summaryBox .con.col2 ul{margin-top:-16px;}
.summaryArea .summaryBox .con .optTit {display: table-cell;vertical-align: top;width: 210px;padding-right: 10px;font-size: 16px;line-height: 28px;color: #666;font-family: "HyundaiMedium";}
.summaryArea .summaryBox .con .optCon {display: table-cell;vertical-align: top;font-size: 16px;line-height: 28px; word-break:break-all;}/*181030*/
@media screen and  (max-width:1024px){
   /* summary box */
   .summaryArea .summaryBox [class*=subTit],
   .summaryArea .summaryBox .conTit {padding: 9px 15px 6px;}
   .summaryArea .summaryBox .con {padding: 15px 10px;}
   .summaryArea .summaryBox .con .list ~ .list {padding-top: 10px;}
   .summaryArea .summaryBox .con.col2 .list {display: table; float:none;width: 100%;padding-top:0;}
   .summaryArea .summaryBox .con.col2 ul{margin-top:0;}
   .summaryArea .summaryBox .con.col2 .list ~ .list {padding-top: 10px;}
   .summaryArea .summaryBox .con .optTit {width:44%;font-size: 14px;line-height: 21px;}
   .summaryArea .summaryBox .con .optCon {font-size: 14px;line-height: 21px;}
}
@media screen and  (max-width:767px){
   /* summary box */
   .summaryArea .summaryBox .con .optTit {width: 44%;max-width: 210px;}
}

/* button type */
/* button */
.btnWrap.btnSpaWrap {width: auto !important;margin: 0px -10px !important;min-width: 100%;text-align: center;}
.btnWrap.btnSpaWrap.sm {width: auto;margin: 0px -5px !important;}
.btnWrap.btnSpaWrap .colWd,
.btnWrap.btnSpaWrap .col {width: 160px;margin: 0 !important;padding: 0 10px !important;}
.btnWrap.btnSpaWrap.sm .colWd,
.btnWrap.btnSpaWrap.sm .col {width: 150px;padding: 0 5px !important;}
.btnWrap.btnSpaWrap.sm.rmBtn .colWd:last-child{display: none !important;} /* ltr */ /* 180402 */
.btnWrap.btnSpaWrap button[class*=btn],
.btnWrap.btnSpaWrap a[class*=btn] {height: 50px;font-size: 16px;color: #fff;text-align: center;}
.btnWrap.btnSpaWrap button[class*=btn].md,
.btnWrap.btnSpaWrap a[class*=btn].md {height: 40px;font-size: 14px;}
.btnWrap.btnSpaWrap button[class*=btn].sm,
.btnWrap.btnSpaWrap a[class*=btn].sm {height: 40px;font-size: 14px;}
.btnWrap.btnSpaWrap.colSm2 {overflow: hidden;display: inline-block;position: absolute;top: -20px;right: 0;margin: 0 -5px;min-width: 0;}
.btnWrap.btnSpaWrap.colSm2 .col {float: left;width: 190px;padding: 0 5px;}
.btnWrap.btnSpaWrap.colSm2 .col .btn {width: 180px;}
@media screen and  (max-width:1024px){
   /* button */
   .btnWrap.btnSpaWrap {margin: 0 -5px !important;}
   .btnWrap.btnSpaWrap .colWd,
   .btnWrap.btnSpaWrap .col {width: 150px;padding: 0 7px !important;}
   .btnWrap.btnSpaWrap button[class*=btn],
   .btnWrap.btnSpaWrap a[class*=btn] {height: 50px;font-size: 14px;/* font-weight: 600; */}
   .btnWrap.btnSpaWrap button[class*=btn].md,
   .btnWrap.btnSpaWrap a[class*=btn].md {height: 40px;font-size: 14px;}
   .btnWrap.btnSpaWrap button[class*=btn].sm,
   .btnWrap.btnSpaWrap a[class*=btn].sm {height: 30px;font-size: 13px;}
   .btnWrap.btnSpaWrap.colSm2 {top: -16px;}
   .btnWrap.btnSpaWrap button[class*=btn].lg,
   .btnWrap.btnSpaWrap a[class*=btn].lg {height: 50px;font-size: 15px;}
   .btnWrap.btnSpaWrap .widMd,
   .btnWrap.btnSpaWrap .widMd {width: 290px;}
}
@media screen and  (max-width:767px){
   /* button */
   .btnWrap.btnSpaWrap.col2 .colWd,
   .btnWrap.btnSpaWrap.col2 .colWd {width: 50%;}
   .btnWrap.btnSpaWrap .widMd,
   .btnWrap.btnSpaWrap .widMd {width: 140px;}
   .layerPopupWrap .btnWrap.btnSpaWrap .colWd,
   .layerPopupWrap .btnWrap.btnSpaWrap.col2 .colWd {min-width: 120px;}
}

/* Title box */
.conTopTitWrap .titBox .subTitL {padding-bottom: 17px;}
.conTopTitWrap .itemWrap {padding-top: 80px;}
.conTopTitWrap .itemWrap .img {margin-bottom: 20px;padding-bottom: 66.1%;}
.conTopTitWrap .txtAreaNote {padding-top: 30px;}
.conTopTitWrap .selectItem {width: 100%; max-width:1000px; margin: 0 auto;padding-top: 80px;text-align: center;} /* GT디자인가이드_23 190319 */
.conTopTitWrap .selectItem .img {overflow: hidden;position: relative;width: 100%;margin: 0 auto;padding-bottom: 53.6%;}
.conTopTitWrap .selectItem .img img {position: absolute;top: 50%;left: 50%;width: 1000px;height: 542px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.conTopTitWrap .btnWrap.btnSpaWrap {padding-top: 60px !important;}
.conTopTitWrap .icoNote {margin-top: 0;}
@media screen and  (max-width:1024px){
   /* Title box */
   .conTopTitWrap .titBox .subTitL {padding-bottom: 17px;}
   .conTopTitWrap .itemWrap {padding-top: 40px;}
   .conTopTitWrap .selectItem {padding-top: 40px;}
   .conTopTitWrap .txtAreaNote {padding-top: 15px;}
   .conTopTitWrap .selectItem {width: 100%;}
   .conTopTitWrap .btnWrap.btnSpaWrap {padding-top: 30px !important;}
   .conTopTitWrap .selectItem .img img { width:718px; height:389px;}
}
@media screen and  (max-width:767px){
   .conTopTitWrap .selectItem .img img {position:  static;width: 100%;height: auto;margin-top:30px;transform: none;}
}

/* bullet type */
.bltDashed {position: relative;padding-left: 24px;}
.bltDashed:after {display: inline-block;position: absolute;top: 50%;left: 0;width: 4px;height: 1px;background: #333;content: "";}
.bltCircle {position: relative;padding-left: 14px;line-height: 24px;color: #666;}
.bltCircle:after {display: block;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #666;content: "";border-radius: 50%;}
.bulletListBox .list {display: block;position: relative;padding-left: 20px;font-size: 14px;line-height: 1.71;color: #666;}
.bulletListBox .list:before {display: block;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #666;content: "";border-radius: 100%;}
.bulletListBox.lg .list {padding-left: 28px;font-size: 16px;line-height: 1.75;color: #000;}
.bulletListBox.lg .list:before {top: 12px;background: #000;}
@media screen and  (max-width:1024px){
   /* bullet type */
   .bltCircle {padding-left: 10px;font-size: 14px;line-height: 21px;}
   .bltCircle:after {top: 9px;width: 3px;height: 3px;}
   .bulletListBox .list {padding-left: 14px;font-size: 12px;line-height: 1.417;letter-spacing: 0.2px;}
   .bulletListBox .list:before {display: block;position: absolute;top: 7px;left: 0;width: 4px;height: 4px;background: #666;content: "";border-radius: 100%;}
   .bulletListBox.lg .list {padding-left: 13px;font-size: 14px;line-height: 1.5;letter-spacing: 0.2px;}
   .bulletListBox.lg .list:before {top: 9px;width: 3px;height: 3px;}
}
@media screen and  (max-width:767px){
   /* bullet type */
   .bltDashed {padding-left: 14px;font-size: 14px;}
   .bltCircle {font-size: 14px;line-height: 21px;}
   .bltCircle:after {top: 9px;width: 3px;height: 3px;}
}

/* layer popup */
 /*s: 190919 edit */ 
 .layerPopupWrap {display:none;}
 .layerPopupWrap.active {display:block;}
 .layerPopupWrap .layerPopupInner {display: block;position: fixed; top: 50%; left: 0; z-index: 999; transform: translateY(-50%);}
.layerPopupWrap .layerPopup {background: #fff; } /*GT디자인가이드_05 190208*/ /*190221*/
.layerPopupWrap .layerPopupInner.wide {position: fixed; top: 50%; left: 50%; width: 900px; transform: translate(-50%,-50%);}
/*e: 190919 edit*/
 .layerPopupWrap .layerPopupInner.wide .layerTitWrap {padding: 20px 50px;background: #e4dcd3;}
 .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:20px 50px;}
 .layerPopupWrap .sectionLayerWrap {overflow-y:auto;height:100%;background:#fff;}
 .layerPopupWrap .btnWrap,
 .layerPopupWrap .btnWrap.btnSpaWrap.sm {margin:0 !important;padding:30px 50px;background:#fff;}
 .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt .txt {font-size: 16px;line-height: 1.75;}
 .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding:50px;}
 .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap.full {padding: 0;}
 .layerPopupWrap .closeLayerPopup {overflow: hidden;display: block;position: absolute;top: 30px;right: 30px;z-index: 3;width: 16px;height: 16px;background: url("../../template_en/en/images/common/btn-layer-close.png") no-repeat center center;text-indent: -9999px;}
 .layerPopupWrap .closeLayerPopup.white {background-image: url("../../template_en/en/images/common/btn-layer-close-white.png");}
 .layerPopupWrap .dimmed {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 998;background: #000;opacity: 0.5;}
 .layerPopupWrap.active .dimmed {display:block;}
 
 /* layer email form */
 .layerPopupWrap .layerConWrap {padding-top: 50px;padding-bottom: 50px;}
 .layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 41px;}
 .layerEmailForm .layerConWrap .dealerInfoBox dt[class*=subTit] {padding-bottom: 10px;}
 .layerEmailForm .layerConWrap .dealerInfoBox dd {font-size: 14px;line-height: 1.43;}
 .layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd {padding-bottom: 3px;}
 .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 47px;}
 
 @media screen and (min-width: 768px){
     .layerPopupWrap .sectionLayerWrap {height: 600px;}
     .layerPopupWrap.layerContactUsMap .sectionLayerWrap {height: 630px;}
     .layerPopupWrap.layerConfigurator .sectionLayerWrap {height: 610px;}
 }
 
 @media screen and (min-width: 1024px){
     /* Media Center */
     .layerPopupWrap.layerMediaCenter .layerPopupInner.wide {width: 900px;}
 
     /* SCCO */
     .layerPopupWrap.compareLayer .layerPopupInner {width:1000px;}
 
     .layerPopupWrap.layerConfigurator .layerPopupInner.wide{width:80%; max-width:1100px;} /* GT디자인가이드_35 190426 추가됨*/
     .layerPopupWrap.layerContactUsMap .layerPopupInner.wide{width:80%; max-width:1100px;} /* GT디자인가이드_35 190430 추가됨*/
     .layerPopupWrap.layerConfiguratorByo .layerPopupInner.wide{width:80%; max-width:1100px;} /* GT디자인가이드_35 190430 추가*/
 }
 
 @media screen and (max-width:1024px) {
     /* layer popup */
     .layerPopupWrap .layerPopupInner .layerTitWrap .subTitM {font-size: 14px;line-height: 22px;}
     .layerPopupWrap .layerPopupInner.wide { right:25px;left:25px; transform: translate(0, -50%);}     
     .layerPopupWrap .layerPopupInner.wide{width: auto;}
     .layerPopupWrap .layerPopupInner.wide .layerTitWrap {padding:18px 30px;}
     .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:18px 30px;}
     .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt .txt {padding-top: 3px;font-size: 12px;line-height: 1.416;}
     .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding: 0 25px;}
     .layerPopupWrap .closeLayerPopup {top: 15px; right: 15px;width: 15px;height: 15px;background-size: cover;} 
 
     /* layer email form */
     .layerEmailForm .layerConWrap {padding-top: 36px !important;padding-bottom: 40px !important;}
     .layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 25px;}
     .layerEmailForm .layerConWrap .dealerInfoBox dd {font-size: 12px;line-height: 1.416;}
     .layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd {padding-bottom: 2px;}
     .layerPopupWrap.layerEmailForm .btnWrap {padding:20px 30px;}
     .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 25px;}
 }
 @media screen and (max-width:767px) {
     /* layer popup */ 
     .layerPopupWrap .layerPopupInner.wide {right: 15px;left: 15px;} 
     .layerPopupWrap .layerPopupInner .layerTitWrap {padding: 24px 10px 24px 20px;}
     .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding: 0 15px;}
 
     /* layer email form */
     .layerEmailForm .layerConWrap {padding-top: 30px !important;}
     .layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 40px;}
     .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 40px;}
     .layerEmailForm .layerPopupInner .layerTitWrap .titArea [class*=subTit]{font-size:14px;}
     .layerPopupWrap .layerPopupInner.wide .layerPopup {height:100%;}
 }
 

/* Spa Default Space */
.sectionWrap.secSpaListWrap,
.secSpaListWrap {padding-top: 80px;padding-bottom: 100px;}
.sectionWrap.secSpaBasic,
.secSpaBasic {padding-top: 100px;padding-bottom: 100px;}
.sectionWrap.secSpaTableType,
.secSpaTableType {padding-top: 40px;padding-bottom: 100px;}
.secSpaListWrap .itemWrap .itemListWrap { overflow:hidden;}
.secSpaListWrap .itemWrap .img img { width:100%; height:auto;/*width:265px; height:144px;*/} /* GT디자인가이드_24 190319 */
.secSpaListWrap .itemWrap .itemLayer .img img { width:278px; height:148px;}
/* icon - new, upcoming */
.secSpaTableType .icBadgeNew,
.secSpaListWrap .icBadgeNew,
.compareLayer .icBadgeNew,
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {display:block;position: absolute;top:0;left:0; z-index: 10;width:70px;height:19px;text-indent: -99999px;background-position:50% 0;background-repeat:no-repeat;}
.secSpaTableType .icBadgeNew,
.compareLayer .icBadgeNew,
.secSpaListWrap .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-w.png");}
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-w.png");}
@media screen and (max-width: 1024px) {
    /* Spa Default Space */
   .sectionWrap.secSpaListWrap,
   .secSpaListWrap {padding-top: 40px;padding-bottom: 70px;}
   .sectionWrap.secSpaBasic,
   .secSpaBasic {padding-top: 70px;padding-bottom: 70px;}
   .sectionWrap.secSpaTableType,
   .secSpaTableType {padding-top: 30px;padding-bottom: 70px;}

   .secSpaTableType .tableWrap {margin-top:0;}

   .secSpaListWrap .itemWrap .img img { width:100%; height:auto;}
   .secSpaListWrap .itemWrap .itemLayer .img img { width:260px; height:141px;}
}
@media screen and  (max-width:767px)  {
   /* Spa Default Space */
   .sectionWrap.secSpaListWrap,
   .secSpaListWrap {padding-top: 40px;}
   .sectionWrap.secSpaBasic,
   .secSpaBasic {padding-top: 40px;}
   .sectionWrap.secSpaTableType,
   .secSpaTableType {padding-top: 35px;}
   .secSpaListWrap .itemWrap .img img {width: auto;height:100%;/*width:290px; height:157px;*/}
   /* icon - new, upcoming */
   .secSpaTableType .icBadgeNew,
   .secSpaListWrap .icBadgeNew,
   .secSpaTableType .icBadgeUpcoming,
   .secSpaListWrap .icBadgeUpcoming {left:15px;width:60px;height:14px;}
   .secSpaTableType .icBadgeNew,
   .secSpaListWrap .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-m.png");}
   .secSpaTableType .icBadgeUpcoming,
   .secSpaListWrap .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-m.png");}/* 2017-11-12 */
}

/* SPA Component */
/* SHMO : Home Models */
.secHomeModelWrap {width: 100%;padding: 0 30px 100px;background: url("../../template_en/en/images/home/bg-home-model-pc.png") no-repeat bottom center;background-size: cover;min-width: 1240px;}
.secHomeModelWrap .secModelBox {max-width: 1600px;margin: 0 auto;padding: 100px 0;background: #fff;}
.secHomeModelWrap .homeTit {padding-bottom: 60px;font-size: 44px;line-height: 54px;font-family: "HyundaiMedium";letter-spacing: 0.7px;text-align: center;}
.secHomeModelWrap .modelListWrap {overflow: hidden;width: 1120px;margin: 0 auto;}
.secHomeModelWrap .modelListWrap .listArea {margin: -60px -10px 0;}
.secHomeModelWrap .modelListWrap .modelListBox {font-size: 0;line-height: 0;}
.secHomeModelWrap .modelListWrap .list {display: inline-table;width: 25%;padding: 60px 10px 0;}
.secHomeModelWrap .modelListWrap .inner {position: relative;}
.secHomeModelWrap .modelListWrap .thumbArea {overflow: hidden;position: relative;width: 100%;padding-bottom: 54.339%;}
.secHomeModelWrap .modelListWrap .thumbArea img { position: absolute;top: 50%;left: 50%; width:265px; height:144px; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.secHomeModelWrap .modelListWrap .conTit {padding: 8px 0;text-align: center;}
.secHomeModelWrap .modelListWrap .icArea {overflow: hidden;display: block;position: absolute;top: 0;left: 0;width: 100px;height: 24px;background-size: cover;text-indent: -9999px;background-repeat: no-repeat;background-position: center center;}
.secHomeModelWrap .modelListWrap .icArea.icUpcoming {background-image: url("../../template_en/en/images/home/ico-upcoming-pc.png");}
.secHomeModelWrap .modelListWrap .icArea.icNew {background-image: url("../../template_en/en/images/home/ico-new-pc.png");}
.secHomeModelWrap .btnMoreModel {overflow: hidden;display: block;height: 50px;margin: 50px 0 0;text-align: center;}
.secHomeModelWrap .btnMoreModel .colWd {display: table;width: 200px;margin: 0 auto;padding: 0;}
.secHomeModelWrap .btnMoreModel .btn {width: 100%;height: 50px;}
@media screen and  (max-width:1240px){
   /* SHMO */
   .secHomeModelWrap {min-width: 0;}
   .secHomeModelWrap .secModelBox {max-width: 100%;padding: 100px 12px;min-width: 0;}
   .secHomeModelWrap .modelListWrap {width: 100%;}
   .secHomeModelWrap .modelListWrap .listArea {margin: -60px -6px 0;}
   .secHomeModelWrap .modelListWrap .list {padding: 60px 6px 0;}
}
@media screen and  (max-width:1024px){
   /* SHMO */
   .secHomeModelWrap {padding: 0 25px 40px;background-image: url("../../template_en/en/images/home/bg-home-model-t.png");}
   .secHomeModelWrap .secModelBox {padding: 70px 12px;}
   .secHomeModelWrap .homeTit {padding-bottom: 35px;font-size: 27px;line-height: 32px;letter-spacing: 0.5px;}
   .secHomeModelWrap .modelListWrap .listArea {margin: -30px -6px 0;}
   .secHomeModelWrap .modelListWrap .list {padding: 40px 3px 0;}
   .secHomeModelWrap .modelListWrap .icArea {width: 66px;height: 20px;}
   .secHomeModelWrap .btnMoreModel {height: 40px;margin: 40px 0 0;}
   .secHomeModelWrap .btnMoreModel .colWd {width: auto;}
   .secHomeModelWrap .btnMoreModel .btn {height: 40px;}
   .secHomeModelWrap .modelListWrap .icArea {width:66px;height:15px;}
   .secHomeModelWrap .modelListWrap .icArea.icUpcoming {background-image: url("../../template_en/en/images/home/ico-upcoming-t.png");}
   .secHomeModelWrap .modelListWrap .icArea.icNew {background-image: url("../../template_en/en/images/home/ico-new-t.png");}

   .secHomeModelWrap .modelListWrap .thumbArea img { width:169px; height:92px;}
}
@media screen and  (max-width:767px){
   /* SHMO */
   .secHomeModelWrap {padding: 0 15px 50px;background-image: url("../../template_en/en/images/home/bg-home-model-m.png");}
   .secHomeModelWrap .secModelBox {padding: 70px 15px 34px;}
   .secHomeModelWrap .modelListWrap .listArea {margin: -20px 0 0;}
   .secHomeModelWrap .modelListWrap .list {padding: 20px 0 0;}
   .secHomeModelWrap .modelListWrap .conTit {padding: 14px 0;}
   .secHomeModelWrap .modelListWrap .list {width: 100%;}
   .secHomeModelWrap .modelListWrap .icArea {width: 89px;height: 27px;}
   .secHomeModelWrap .btnMoreModel {height: 40px;margin: 40px 0 0;}
   .secHomeModelWrap .btnMoreModel .colWd {width: 120px;}
   .secHomeModelWrap .btnMoreModel .btn {height: 40px;}
   .secHomeModelWrap .modelListWrap .thumbArea {padding-bottom:0;text-align:center;}
   .secHomeModelWrap .modelListWrap .thumbArea img {position: static;top:auto;left:auto;-webkit-transform:none;transform:none;}
   .secHomeModelWrap .modelListWrap .icArea {width:89px;height:21px;}
   .secHomeModelWrap .modelListWrap .icArea.icUpcoming {background-image: url("../../template_en/en/images/home/ico-upcoming-m.png");}
   .secHomeModelWrap .modelListWrap .icArea.icNew {background-image: url("../../template_en/en/images/home/ico-new-m.png");}
   .secHomeModelWrap .modelListWrap .thumbArea img { width:100%; height:auto;}
}

/* SHFD : SPA Home Find a Dealer */
.shfdHomeFindDealer .hTit {padding:100px 0 0;font-size:44px;color:#000;font-family:"HyundaiMedium";text-align:center;}
.shfdHomeFindDealer .hLoc,
.shfdHomeFindDealer .hDesc {display:none;}
.shfdHomeFindDealer .mapContainer {overflow:hidden;position:relative;margin:60px 0 0;}
.shfdHomeFindDealer .innerContainer {overflow:hidden;max-width:1600px;margin:0 auto;}
/* SHFD > panel */
.shfdHomeFindDealer .panel {float:left;position:relative;z-index:5;width:400px;padding:0 60px;background:#fff;box-sizing:border-box;}
.shfdHomeFindDealer .panel .locTit {padding:60px 0 0;font-size:30px;line-height:1.4;color:#000;font-family:"HyundaiMedium";}
.shfdHomeFindDealer .panel .desc {padding:10px 0 0;font-size:16px;font-weight:700;line-height:1.6;color:#000;}
.shfdHomeFindDealer .panel .links {margin:50px 0 0;}
.shfdHomeFindDealer .panel .links.rmBtn li:first-child {display: none;} /* ltr */ /* 180402 */
.shfdHomeFindDealer .panel .links li {margin-bottom:10px;}
.shfdHomeFindDealer .panel .links li a {display:block;height:49px;padding:0 ;border-bottom:1px solid #f2f2f2;background-size:32px auto;line-height:49px;background-repeat:no-repeat;background-position:0 50%;}
.shfdHomeFindDealer .panel .links li a .icoMiniCate { display: inline-block;vertical-align: middle; margin-right: 10px;}

.shfdHomeFindDealer .panel .btnWrap {margin:82px 0 40px;}
.shfdHomeFindDealer .panel .btnWrap .btn {display:block;width:100%;line-height:50px;text-align:center;}
.shfdHomeFindDealer .searchWrap {overflow:hidden;float:left;position:relative;z-index:5;margin:30px 0 0 30px;}
.shfdHomeFindDealer .searchWrap .inputWrap {float:left;}
.shfdHomeFindDealer .searchWrap .inputWrap input[type=text] {width:380px;height:40px;}
.shfdHomeFindDealer .searchWrap .btnWrap {float:left;margin-left:12px;min-width:0;}
.shfdHomeFindDealer .searchWrap .btnWrap .btn {height:40px;line-height:40px;}
/* SHFD > mapWrap */
.shfdHomeFindDealer .mapWrap {position:absolute;top:0;right:0;bottom:0;left:0;background:url("../../template_en/en/images/buildacar/Web/bg-map.png") 0 0 no-repeat;}
.shfdHomeFindDealer .mapWrap .fdZoomBox {position:absolute;top:0;right:0;z-index:10;width:66px;height:116px;background:url("../../template_en/en/images/buildacar/Web/bg-zoom-panel.png") no-repeat;}
.shfdHomeFindDealer .mapWrap .fdZoomBox a {display:block;z-index:100;width:50px;height:50px;border:0px solid red;text-indent:-99999px;}
.shfdHomeFindDealer .mapWrap .fdZoomBox a.plus {margin-top:3px;margin-left:7px;background:url("../../template_en/en/images/buildacar/Web/ico-zoom-in.png") center no-repeat;}
.shfdHomeFindDealer .mapWrap .fdZoomBox a.minus {margin-left:7px;background:url("../../template_en/en/images/buildacar/Web/ico-zoom-out.png") center no-repeat;}
.shfdHomeFindDealer .mapWrap .fdMap {position:absolute;top:160px;right:0;width:79px;height:49px;text-align:center;background-repeat:no-repeat;}
.shfdHomeFindDealer .mapWrap .fdMap span.pointNum {display:inline-block;margin-top:2px;font-size:16px;line-height:28px;color:#fff;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.shfdHomeFindDealer .mapWrap .pointM1 {background-image:url("../../template_en/en/images/buildacar/Web/ico-dealer-pin-normal.png");}
.shfdHomeFindDealer .mapWrap .pointM2 {background-image:url("../../template_en/en/images/buildacar/Web/ico-dealer-pin-focused.png");}
.shfdHomeFindDealer .mapWrap .fdMap2 {position:absolute;top:272px;right:205px;width:33px;height:47px;text-align:center;background-repeat:no-repeat;}
.shfdHomeFindDealer .mapWrap .pCol1 {background-image:url("../../template_en/en/images/buildacar/Web/ico-pin-normal.png");}
.shfdHomeFindDealer .mapWrap .pCol2 {background-image:url("../../template_en/en/images/buildacar/Web/ico-pin-focused.png");}
/*180712*/
/* .shfdHomeFindDealer .mapWrap .fdMapShow {width:342px;height:180px;padding:40px 40px 0;}
.shfdHomeFindDealer .mapWrap .fdMapShow .listTxt {position:relative;width:auto;height:30px;margin-bottom:20px;}
.shfdHomeFindDealer .mapWrap .fdMapShow .listTxt span.listNum {display:inline-block;width:30px;height:30px;font-size:16px;line-height:30px;text-align:center;color:#fff;border-radius:50%;background:#767676;margin-right:10px;}
.shfdHomeFindDealer .mapWrap .fdMapShow .listTxt span.listNum.ck {background:#00aad2;}
.shfdHomeFindDealer .mapWrap .fdMapShow .listTxt span.listT1 {font-size:20px;line-height:30px;letter-spacing: 0.3px;color:#000;font-family:"HyundaiMedium";}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg {position:relative;}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg.hdn {display:none;}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg .fdTxt {display:inline-block;font-size:14px;line-height:24px;letter-spacing: 0.2px;color:#000;font-family:"HyundaiRegular";margin-right:20px;}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg .fdStar {display:inline-block;width:108px;height:18px;text-indent:-99999px;vertical-align:middle;}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg .fdStar i {float:left;margin-left:2px;width:18px;height:18px;background:url("../../template_en/en/images/buildacar/Web/ico-star-blank.png") no-repeat 0 0;background-size:100% auto;}
.shfdHomeFindDealer .mapWrap .fdMapShow .fdg .fdStar i.on {background-image:url("../../template_en/en/images/buildacar/Web/ico-star-full.png");}
.shfdHomeFindDealer .mapWrap .fdMapShow a.cls {position:absolute;display:inline-block;top:23px;right:26px;width:16px;height:16px;text-indent:-99999px;background:url("../../template_en/en/images/buildacar/ico-cancel32X32.png") no-repeat;} */
@media screen and (max-width:1024px){
   /* SHFD */
   .shfdHomeFindDealer .hTit {padding:70px 0 0;font-size:27px;}
   .shfdHomeFindDealer .mapContainer {margin:35px 0 0;}
   .shfdHomeFindDealer .panel {width:230px;padding:0 35px;}
   .shfdHomeFindDealer .panel .locTit {padding:45px 0 0;font-size:19px;}
   .shfdHomeFindDealer .panel .desc {padding:6px 0 0;font-size:14px;}
   .shfdHomeFindDealer .panel .links {margin: 22px 0 0;}
   .shfdHomeFindDealer .panel .links li a {padding-left:0px;background-size:26px auto;font-size:12px;}
   .shfdHomeFindDealer .panel .links li a .icoMiniCate { display: inline-block;vertical-align: middle; margin-right: 10px;}
   .shfdHomeFindDealer .panel .btnWrap .btn {width:120px;height:40px;line-height:40px;}
   .shfdHomeFindDealer .panel .btnWrap {margin:23px 0 30px;text-align: left;}
   .shfdHomeFindDealer .searchWrap .inputWrap input[type=text] {width:330px;}
}
@media screen and (max-width: 767px) and (min-width: 0) {
   /* SHFD */
   .shfdHomeFindDealer {padding:0 !important;}
   .shfdHomeFindDealer .hTit {padding:70px 0 0;font-size:27px;}
   .shfdHomeFindDealer .hLoc {display:block;margin:25px 0 0;font-size:19px;color:#000;text-align:center;font-family:"HyundaiMedium";}
   .shfdHomeFindDealer .hDesc {display:block;margin:6px 0 0;font-size:14px;color:#000;text-align:center;}
   .shfdHomeFindDealer .mapContainer {margin:20px 0 0;}
   .shfdHomeFindDealer .innerContainer {overflow:visible;}
   .shfdHomeFindDealer .mapWrap {position:relative;top:auto;top:auto;bottom:auto;left:auto;height:400px;}
   .shfdHomeFindDealer .panel {float:none;width:auto;padding:0;}
   .shfdHomeFindDealer .panel .locTit,
   .shfdHomeFindDealer .panel .desc {display:none;}
   .shfdHomeFindDealer .panel .links {overflow:hidden;margin-top:20px;margin-bottom: -15px;}
   .shfdHomeFindDealer .panel .links li {float:left;width:50%;margin-bottom:15px;padding-left:15px;}
   .shfdHomeFindDealer .panel .links li a {height: auto;padding-left:0px;border-bottom:0;background-size:24px auto;font-size:12px;line-height: 24px; text-align:center;}
   .shfdHomeFindDealer .panel .links li a .icoMiniCate { display:block;vertical-align: middle; margin-right: 0px;}
   .shfdHomeFindDealer .panel .btnWrap {margin:30px 0 70px;}
   .shfdHomeFindDealer .panel .btnWrap .btn {width:120px;height:40px;margin:0 auto;line-height:40px;}
   .shfdHomeFindDealer .searchWrap {position:absolute;top:15px;right:15px;left:15px;margin:0;}
   .shfdHomeFindDealer .searchWrap .inputWrap {float:none;margin-right:110px;}
   .shfdHomeFindDealer .searchWrap .inputWrap input[type=text] {width:100%;}
   .shfdHomeFindDealer .searchWrap .btnWrap {float:none;position:absolute;top:0;right:0;}
   .shfdHomeFindDealer .searchWrap .btnWrap .btn {width:100px;text-align:center;}
   .shfdHomeFindDealer .panel .links.rmBtn li {width:33.3%;} /* ltr */ /* 180402 */
   .shfdHomeFindDealer .panel .links.rmBtn li:first-child {width:33.4%;} /* ltr */ /* 180402 */
   .gm-style .gm-style-cc a, .gm-style .gm-style-cc button, .gm-style .gm-style-cc span {font-size:12px;} /* 210621 add : map 폰트 수정 */
}

/* SHNO : SPA Home News */
.secShnoWrap .nwTitS {margin-bottom:14px;font-size:16px;line-height:28px;color:#767676;letter-spacing: 0.3px;font-family:"HyundaiRegular";}
.secShnoWrap .nwTitL {font-size:30px;line-height:40px;color:#000;letter-spacing: 0.5px;font-family:"HyundaiMedium";}
.secShnoWrap .nwTitXL {font-size:44px;line-height:54px;color:#000;letter-spacing: 0.7px;font-family:"HyundaiMedium";}
.secShnoWrap,
.secShnoWrap.connectToServiceBgType2 {background:url("../../template_en/en/images/news/bg-news-pc.png") 50% 0 no-repeat;background-size:cover;}/* bg */
.secShnoWrap .conShno {width: 100%;margin: 0 auto;padding: 100px 30px 0;min-width: 1240px;}
.secShnoWrap .nwTit {overflow:hidden;width:100%;text-align:center;}
.secShnoWrap .nwTit .nwTitXL {padding-bottom:80px;}
.secShnoWrap .nwSliderWrap {width:100%;max-width: 1600px;margin:0 auto;background:#fff;}
.secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {width: auto;padding:80px 24.025% 0;}
.secShnoWrap .nwSliderWrap .nwTxH > button { display:inline-block;width:200px;margin-top:34px;font-size:16px;line-height:50px;}
.secShnoWrap .nwSliderWrap .nwLi {display:inline-block;vertical-align:-9px;width:1px;height:12px;margin:0 10px 0 9px;background:#d8d8d8;text-indent:-99999px;}
.secShnoWrap .nwSliderWrap .ix-thumbs .ix-thumb {margin: 0 5px;}
.secShnoWrap .nwSliderWrap .txtSlideWrap .ix-thumbs {margin-top:50px;padding-bottom:40px;}
.secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnPrev {left:15px;width: 12px;height: 20px;margin-top: -10px;background: url("../../template_en/en/images/common/ico-arr-prev-s.png") no-repeat center center;background-size: cover;} /*GT디자인가이드_19 190214*/ /*191016 main kv selector delete */
.secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnNext {right:15px;width: 12px;height: 20px;margin-top: -10px;background: url("../../template_en/en/images/common/ico-arr-next-s.png") no-repeat center center;background-size: cover;} /*GT디자인가이드_19 190214*/ /*191016 main kv selector delete */
@media screen and  (max-width:1240px) {
   /* SHNO */
   .secShnoWrap .conShno {padding: 100px 30px 0;min-width: 0;}
   .secShnoWrap .nwSliderWrap {max-width: 100%;min-width: 0;}
}
@media screen and  (max-width:1024px) {
   /* SHNO */
   .secShnoWrap .nwTitS {margin-bottom:12px;font-size:14px;line-height:21px;letter-spacing: 0.2px;}
   .secShnoWrap .nwTitL {font-size:15px;line-height:20px;letter-spacing: 0.3px;}
   .secShnoWrap .nwTitXL {font-size:27px;line-height:32px;letter-spacing: 0.5px;}
   .secShnoWrap {background-image:url("../../template_en/en/images/news/bg-news-t.png");}
   .secShnoWrap .conShno {padding: 70px 25px 0;min-width: 0;}
   .secShnoWrap .nwTit .nwTitXL {padding-bottom: 35px;}
   .secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {padding: 50px 17.532% 0;}
   .secShnoWrap .nwSliderWrap .nwTxH > button {width:120px;margin-top:25px;font-size:14px;line-height:40px;}
   .secShnoWrap .nwSliderWrap .txtSlideWrap .ix-thumbs {margin-top: 25px;padding-bottom: 30px;}
   .secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnPrev {left:20px;background-size: 6px;}
   .secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnNext {right:20px;background-size: 6px;}
}
@media screen and (max-width:767px) {
   /* SHNO */
   .secShnoWrap .nwTitS { margin-bottom:15px;font-size:14px;line-height:21px;letter-spacing: 0.2px;}
   .secShnoWrap .nwTitL {font-size:19px;line-height:24px;letter-spacing: 0.3px;}
   .secShnoWrap {background-image:url("../../template_en/en/images/news/bg-news-m.png");}
   .secShnoWrap .conShno {padding: 70px 15px 0;}
   .secShnoWrap .nwTit .nwTitXL {padding-bottom: 25px;}
   .secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {padding: 50px 6.897% 0;}
}


/* SHNO > Text Slider */
.secShnoWrap .txtSlideWrap {position: relative;width:100%;}
.secShnoWrap .txtSlideWrap .txtSlideList {overflow:hidden;position: relative;}
.secShnoWrap .txtSlideWrap .txtSlideList:after {display:block;content:"";clear:both;}
.secShnoWrap .txtSlideWrap .txtSlideList li {float:left;width:100%;}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea {padding:0 25px;}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h2,
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h3,
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h4 {margin-bottom:12px;}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtList {margin-top:40px;}
/* SHNO > Text Slider > button */
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev, .secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext, 
.sliderWrap .mainControlWrap .btnPrev, .sliderWrap .mainControlWrap .btnNext {overflow: hidden;display: block;position: absolute;top: 50%;width: 12px;height: 20px;margin-top: -8px;text-indent: -9999px;} /* GT디자인가이드_19 190214 */
.sliderWrap .mainControlWrap .btnPrev:focus,.sliderWrap .mainControlWrap .btnNext:focus {outline:none;} /*GT디자인가이드_19 190214 */
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev,
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext {overflow: hidden;display: block;position: absolute;top: 50%;width: 12px;height: 20px;margin-top: -8px;text-indent: -9999px;}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev {left: 0;background: url("../../template_en/en/images/common/btn-prev2.png") no-repeat center center;}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext {right: 0;background: url("../../template_en/en/images/common/btn-next2.png") no-repeat center center;}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev.disabled,
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext.disabled {opacity: 0.3;cursor:default;}
.secShnoWrap .txtSlideWrap .ix-controller.disabled {visibility:hidden;}
.secShnoWrap .txtSlideWrap .ix-list-viewport {overflow:hidden;}/* viewport */
/* SHNO > Text Slider >  Indicator */
.secShnoWrap .txtSlideWrap .ix-thumbs {position:relative;margin-top:28px;text-align:center;}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb {overflow:hidden;display:inline-block;width:12px;height:12px;margin:5px;border:1px solid #999;box-sizing:border-box;border-radius:50%;}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb.active {border:0 none;}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb.active .ix-btn {background:#00aad2;}
@media screen and (max-width: 1024px) {
  /* SHNO > Text Slider */
   .secShnoWrap .txtSlideWrap .ix-thumbs {margin-top:34px;}
   .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h2,
   .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h3,
   .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h4 {margin-bottom:9px;}
   .secShnoWrap .txtSlideWrap .txtSlideList li .txtList {margin-top:30px;}
   .secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb{width:9px; height:9px;}
   .secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb .ix-btn {width:100%; height:100%;}
}
@media screen and (max-width: 767px) {
  /* SHNO > Text Slider */
   .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea {padding:0 0;}
   .secShnoWrap .slide_direction {display:none;} /* slide indicator */
}

/* SALO : Accessories list */
.sectionWrap.secFindAccWrap {padding-top: 25px;padding-bottom: 60px;}
.sectionWrap.secFindAccWrap [class*=subTit] {padding-bottom: 20px;}
.sectionWrap.secFindAccWrap .selectFormBox .selModel {width: 35.6%;}
.sectionWrap.secFindAccWrap .selectFormBox .selCondition {width: 53%;}
.sectionWrap.secFindAccWrap .selectFormBox .searchBtn {display: table;width: 11.4%;}
.secAccListWrap.salo {padding-top: 40px;padding-bottom: 100px;}
/* .secAccListWrap.salo {margin-top: -33px;} */
.secAccListWrap.salo .itemWrap .itemListWrap {margin-top: -33px;}
.secAccListWrap.salo .itemWrap .itemList {margin-top: 33px;}
.secAccListWrap.salo .itemWrap .img {margin-bottom: 20px;padding-bottom: 66.477%;}
.secAccListWrap.salo .itemWrap .itemList .itemTit {padding-bottom: 4px;}
.secAccListWrap.salo .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 5px;}
.secAccListWrap.salo .itemWrap .toolTipWrap.ib {margin-right: 5px;margin-left: 0;}
.secAccListWrap.salo .paging {padding-top: 60px;}
.secAccListWrap.salo .btnWrap.btnMoreWrap {padding-top:44px;}
.secAccListWrap.salo .itemWrap .img {margin-bottom: 16px;padding-bottom: 0;}/*181017*/
.secAccListWrap.salo .itemWrap .img img{ position:static;width:100%; transform:none;}/*181017*/
@media screen and  (max-width:1024px){
   /* SALO */
   .sectionWrap.secFindAccWrap {padding-top: 45px;padding-bottom: 50px;}
   .sectionWrap.secAccListWrap.salo,
   .secAccListWrap.salo {padding-top: 50px;padding-bottom: 70px;}
   .secAccListWrap.salo .itemWrap .itemListWrap {margin: -35px -16px 0;}
   .secAccListWrap.salo .itemWrap .itemList {margin-top: 35px;}
   .secAccListWrap.salo .itemWrap .itemList .listInner {margin: 0 16px;}
   .secAccListWrap.salo .itemWrap .img {margin-bottom: 15px;}
   .secAccListWrap.salo .itemWrap .itemList .itemTit {padding-bottom: 6px;}
   .secAccListWrap.salo .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 10px;}
   .secAccListWrap.salo .paging {padding-top: 45px;}
   .secAccListWrap.salo .btnWrap.btnMoreWrap {padding-top: 45px;}
}
@media screen and  (max-width:767px){
   /* SALO */
   .sectionWrap.secFindAccWrap{padding:35px 15px 70px;}
   .secAccListWrap.salo,
   .secAccListWrap.salo .secListBox .itemTxtTop {padding-bottom: 25px;}
   .secAccListWrap.salo .itemWrap .itemListWrap {margin-top: -20px;}
   .secAccListWrap.salo .itemWrap .itemList {margin-top: 20px;}
   .secAccListWrap.salo .itemWrap .img{padding-bottom:0;} /* 180423 */
   .sectionWrap.secAccListWrap.salo, .secAccListWrap.salo{padding-top:35px;}
   .secAccListWrap.salo .itemWrap .itemList .itemTit{padding-bottom:10px;}
   .secAccListWrap.salo .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea]{padding-top:6px;}
}

/* SOMT : owner's manual */
form fieldset {margin: 0;padding: 0;border: 0 none;}
.selectFormBox legend {overflow: hidden;position: absolute;left: -9999px;width: 1px;height: 1px;visibility: hidden;}
.secOwnersManual .selectFormBox {padding-bottom: 30px;}
.secOwnersManual .selectFormBox .selForm {width: 18.6%;}
.secOwnersManual .selectFormBox .inputForm {width: 51.4%;}
.secOwnersManual .selectFormBox .searchBtn {display: table;width: 11.4%;}
.secOwnersManual .tableInner.scroll .tableTypeBasic {max-width: 100%;min-width: 0;box-sizing: border-box;}
.secOwnersManual .paging {padding-top: 60px;}
.secOwnersManual .btnWrap.btnMoreWrap {padding-top: 60px;}
@media screen and  (max-width:1024px){
   /* SOMT */
   .secOwnersManual .selectFormBox {padding-bottom: 40px;}
   .secOwnersManual .paging {padding-top: 45px;}
   .secOwnersManual .btnWrap.btnMoreWrap {padding-top: 45px;}
}
@media screen and  (max-width:767px){
   /* SOMT */
   .secOwnersManual .selectFormBox {padding-bottom: 50px;}
   .secOwnersManual .tableInner.scroll {padding-bottom: 10px;}
   .secOwnersManual .tableWrap .scroll {width: auto;/*margin-right: -15px;*/} /* 180416 */
   .secOwnersManual .tableInner.scroll .tableTypeBasic {min-width: 800px;}
   .secOwnersManual .paging {padding-top: 31px;}
   .secOwnersManual .btnWrap.btnMoreWrap {padding-top: 35px;}
}

/* SMCO : Media center */
.sectionWrap.secMediaCenter {padding-top: 50px;padding-bottom: 100px;}
.secMediaCenter .tabCont {display: none;}
.secMediaCenter .tabCont.on {display: block;}
.secMediaCenter .itemWrap .itemListWrap {margin-top: -50px;}
.secMediaCenter .itemWrap .itemList {margin-top: 50px;}
.secMediaCenter .itemWrap .itemList .video,
.secMediaCenter .itemWrap .itemList .img {position: relative;width: 100%;margin-bottom: 20px;padding-bottom:66.193%;}
.secMediaCenter .itemWrap .itemList .img img {width:100%;height:100%;}
.secMediaCenter .itemWrap iframe,
.secMediaCenter .itemWrap object,
.secMediaCenter .itemWrap embed {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:10;width: 100%;height: 100%;}
.secMediaCenter .itemWrap .itemList .video:before {overflow: hidden;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;content: "";text-indent: -999px;}
.secMediaCenter .itemWrap .itemList .video:after {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 11;background: rgba(0,0,0,.6);content: "";}
.secMediaCenter .itemWrap .itemTit {padding-bottom: 0;}
.secMediaCenter .paging {padding-top: 60px;}
.secMediaCenter .btnWrap.btnMoreWrap {padding-top: 60px;}
.secMediaCenter .itemWrap .itemList .conTit{line-height:24px;}
.secMediaCenter .itemWrap .itemList .itemTit{padding-bottom:0;}
/* SMCO > popup */
.layerPopupWrap.layerMediaCenter .contMediaBox {padding: 85px 50px 37px;background: #fff;}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap {position:static;}
.layerPopupWrap.layerMediaCenter .contMediaBox .link {display: block;}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox { overflow: hidden;position: relative;width: 100%; height:574px;} /*height 주석 제거 574px 190418*/
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox.youtubeVideoItem .videoWrap {z-index: 20;}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem {position:absolute;width:100%;height:100%;}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem img {position:absolute;top:50%;left:50%; width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
/*.layerPopupWrap.layerMediaCenter .contMediaBox .conTit {display: block;padding-top: 20px;}*/
.layerPopupWrap.layerMediaCenter .contMediaBox .conTit {display: block; width:90%;padding-top: 20px;} /*181129*/
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap,
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {position: absolute;top:50%;z-index: 9;margin-top:10px;}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {left: 50px;}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {right: 50px;}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNext,
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrev {top: 50%;margin-top:-15px;transform:translateY(-50%);}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {position: absolute;right:50px;bottom:10%;z-index: 11;}
/*.layerPopupWrap.layerMediaCenter .contMediaBox .sliderTxtList {right:20px;}*/
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderTxtList {right:20px; bottom:80px; color:#000;}/*181129*/
.layerPopupWrap.layerMediaCenter .videoWrap {height:auto;padding-bottom: 56.25%;}
.layerPopupWrap.layerMediaCenter .videoWrap .innerWrap {padding-top:0;}
@media screen and  (max-width:1024px){
   /* SMCO */
   .sectionWrap.secMediaCenter {padding-top: 40px;padding-bottom: 70px;}
   .secMediaCenter .itemWrap .itemListWrap {margin: -40px -7px 0;}
   .secMediaCenter .itemWrap .itemList {margin-top: 40px;}
   /* .secMediaCenter .itemWrap .itemList .listInner {margin: 0 14px;} */
   .secMediaCenter .itemWrap .itemList .img,
   .secMediaCenter .itemWrap .itemList .video {margin-bottom: 15px;}
   .secMediaCenter .paging {padding-top: 45px;}
   .secMediaCenter .btnWrap.btnMoreWrap {padding-top: 45px;}
   .secMediaCenter .itemWrap .itemList .conTit{line-height:21px;}
   .secMediaCenter .itemWrap .itemList .img img,
   .secMediaCenter .itemWrap .itemList .video img{width:100%;height:100%;}
   /* SMCO > popup */
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {left: 25px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {right: 25px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox {padding: 55px 25px 26px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox {height:auto;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox.youtubeVideoItem {height:500px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .conTit {padding-top: 15px;}
   /*.layerPopupWrap.layerMediaCenter .contMediaBox .sliderTxtList {font-size: 14px;line-height: 21px;}*/
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderTxtList { bottom:40px;font-size: 14px;line-height: 21px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {right:25px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem img{ position: static; max-width:100%; max-height:58.2vw; transform:none; min-height: 180px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem {position:static;}
   .layerPopupWrap.layerMediaCenter .videoPoster img {position:static; width:100%; transform:none;}/*181129*//*181129*//*190719 edit - 세로로 긴 이미지 존재해서 도미니카 사이트만 별도 적용*/
}
@media screen and  (max-width:767px){
   /* SMCO */
   .secMediaCenter .itemWrap .itemListWrap {margin: -40px 0 0;}
   .secMediaCenter .itemWrap .itemList .listInner {margin: 0;}
   .secMediaCenter .itemWrap .itemList .img,
   .secMediaCenter .itemWrap .itemList .video {padding-bottom:0;}
   .secMediaCenter .itemWrap .itemList .img img,
   .secMediaCenter .itemWrap .itemList .video img{position:static; height: auto;transform:none;}
   /* .secMediaCenter .itemWrap .itemList .video:before {width: 30px;height: 30px;margin: -15px 0 0 -15px;background-size: cover;} */
   /* SMCO > popup */
   .layerPopupWrap.layerMediaCenter .contMediaBox { height: 100%;padding: 45px 10px 21px;} /*GT디자인가이드_05 190424*/
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox {height:auto;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox.youtubeVideoItem{height:auto;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox.youtubeVideoItem .videoWrap{position:static; padding-bottom:0;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {left: 10px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {right: 10px;}
   .layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {right:10px;}/*190719 height add - 도미니카 사이트 별도 적용*//*181129*//*181129*/
}

/* SROO : SPA_Reviews */
.sroo .reSec1 {overflow:hidden;margin: 0 -10px;padding:0 0 50px;}
.sroo .reSec1 .reSeBx {margin-top:20px;}
.sroo .reSec1 .reSeBx .selForm .selBg {height:50px;background-color:#ffffff;font-size:14px;color:#000;font-family:"HyundaiRegular";}
.sroo .reTitM {font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.sroo .reAreaM {margin-bottom:26px;font-size:16px;line-height:28px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.srooContentSectionWrap {padding-top: 80px;padding-bottom: 92px;}
.sroo .subTitL {margin-bottom:36px;}
.conSrooWrap {padding: 42px 0;border-top: 1px solid #e5e5e5;}
.subTitL + .conSrooWrap {padding-top: 0;border-top: 0 none;}
.conSrooWrap .subTitM {padding-bottom: 22px;}
.conSrooWrap .titGrade {display: block;font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.conSrooWrap .conGrade {font-size:16px;line-height:28px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.conSrooWrap .grade {overflow: hidden;display:block;width:120px;height: 30px;background-size:108px 17px;text-indent:-99999px;background-repeat: no-repeat;background-position: left center;}
.conSrooWrap .starImg1 {background-image:url("../../template_en/en/images/build-a-car/ico-star1.png");}
.conSrooWrap .starImg2 {background-image:url("../../template_en/en/images/build-a-car/ico-star2.png");}
.conSrooWrap .starImg3 {background-image:url("../../template_en/en/images/build-a-car/ico-star3.png");}
.conSrooWrap .starImg4 {background-image:url("../../template_en/en/images/build-a-car/ico-star4.png");}
.conSrooWrap .starImg5 {background-image:url("../../template_en/en/images/build-a-car/ico-star5.png");}
.conReveiwTop .reSec2 {display:table;width: 100%;padding-bottom: 60px;}
.conReveiwTop .reSec2 .reBx {display:table-cell;width:67.857%;}
.conReveiwTop .reSec2 .reBx .reBxArea {padding-right: 50px;}
.conReveiwTop .reSec2 .reBx .reBxArea .fullImg {height:406px;}
.conReveiwTop .reSec2 .reBx .reDatBx {margin-top:10px;}
.conReveiwTop .reSec2 .reBx .reDat {padding-right:18px;font-size:14px;line-height:17px;color:#666;font-family:"HyundaiRegular";}
.conReveiwTop .reSec2 .reImBxM {display:table-cell;vertical-align:top;width: auto;}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {overflow:hidden;display:block;width:90px;height:20px;margin-bottom: 2px;   background:url("../../template_en/en/images/common/ico-review-new.png") no-repeat 0 0;font-size: 14px;line-height:20px;color:#fff;font-family: "HyundaiMedium";text-align:center;text-indent:-1000px;}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {display: block;padding-bottom:16px;}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .subTitM {display:inline-block;padding-right:10px;padding-bottom: 0;}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {padding: 26px 0 24px;}
.conReveiwTop .reSec2 .reImBxM2 .reGrade {overflow:hidden;margin-top: -12px;}
.conReveiwTop .reSec2 .reImBxM2 .reGrade .list {float:left;width:50%;margin-top:12px;}
.conReveiwTop .reSec2 .reImBxM2 .reGrade .grade {height:17px;margin-top: 4px;}
.conReveiwTop .conOpinion .titArea {display: table;margin-bottom: 22px;}
.conReveiwTop .conOpinion .titArea .subTitM {display: table-cell;vertical-align: middle;padding-right: 20px;padding-bottom: 0;}
.conReveiwTop .conOpinion .titArea .grade {display: table-cell;vertical-align: middle;}
.conReveiwTop .conOpinion .titGrade {padding-bottom: 5px;}
.conFullReview .reviewList {padding-top: 25px;}
.conFullReview .subTitM + .reviewList {padding-top: 0;}
.conFullReview .reviewList .titArea {overflow: hidden;padding-bottom: 5px;}
.conFullReview .reviewList .titArea .titGrade {float: left;padding-right: 11px;}
.conFullReview .reviewList .titArea .grade {float: left;}
.conSrooWrap.conReviewers {padding-bottom: 0;}
.conReviewers .conGradeList .topTxt {padding-bottom: 5px;}
.conReviewers .conGradeList .listBox {padding-bottom: 16px;}
.conReviewers .conGradeList .listBox:after {display: table;content: "";clear: both;}
.conReviewers .conGradeList .listBox .list {float: left;width: 25%;}
.conReviewers .conGradeList .listBox .list .titGrade {padding-bottom: 2px;}
@media screen and (max-width:1240px) {
   /* SROO */
   .conReveiwTop .reSec2 .reBx {display:table-cell;width:63%;}
   .conReveiwTop .reSec2 .reBx .reBxArea {padding-right: 2%;}
}
@media screen and (max-width: 1024px) {
   /* SROO */
   .sroo .reSec1 {margin: 0 -7px;}
   .sroo .reSec1 .tabBox {padding:0 7px;}
   .tabWrap2 .tabArea {overflow:hidden;height: 40px;}
   .tabWrap2 .tabArea .tab {height: 40px;}
   .tabWrap2 .tabArea .tab .link {height: 40px;line-height:40px;}
   .tabWrap2 .tabArea .tab .link {font-size:12px;}
   .tabWrap2 .tabArea .tab .link > * {font-size:12px;}
   .reSec1 .reSeBx {height:40px;padding: 0 7px;}
   .reSec1 .reSeBx .selForm .selBg {height:40px;font-size:12px;}
   .srooContentSectionWrap {padding-top: 44px;padding-bottom: 64px;}
   .sroo .subTitL {margin-top: 50px;margin-bottom: 32px;}
   .conSrooWrap {padding: 40px 0 38px;}
   .subTitL + .conSrooWrap {padding-top: 0;border-top: 0 none;}
   .conSrooWrap .subTitM {padding-bottom: 14px;}
   .conSrooWrap .titGrade {font-size:14px;line-height:21px;letter-spacing: 0.2px;}
   .conSrooWrap .conGrade {font-size:14px;line-height:21px;letter-spacing: 0.2px;}
   .conSrooWrap .grade {height: 21px;}
   .conReveiwTop .reSec2 {overflow:hidden;display:block;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;}
   .conReveiwTop .reSec2 .reBx {overflow:hidden;display:block;width:100%;margin-bottom:22px;}
   .conReveiwTop .reSec2 .reBx .reBxArea {width:100%;padding:0;}
   .conReveiwTop .reSec2 .reBx .reBxArea .fullImg {height:314px;}
   .conReveiwTop .reSec2 .reBx .reDatBx {margin-top:6px;text-align:right;}
   .conReveiwTop .reSec2 .reBx .reDat {padding-right:0;padding-left:18px;font-size:12px;line-height:17px;color:#666;font-family:"HyundaiRegular";}
   .conReveiwTop .reSec2 .reImBxM {display:block;width:100%;}
   .conReveiwTop .reSec2 .reImBxM:after {display: block;content: "";clear: both;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 {float:left;width:50%;padding-right:50px;min-width:0;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {margin-bottom:6px;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {display: inline-block;padding-right:20px;padding-bottom:0;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .subTitM {padding-bottom: 0;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {padding: 14px 0 0;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM2 {float:left;width:50%;}
   .conReveiwTop .reSec2 .reImBxM2 .reGrade {margin-top: -7px;padding-top: 26px;}
   .conReveiwTop .reSec2 .reImBxM2 .reGrade list {margin-top:7px;}
   .conReveiwTop .reSec2 .reImBxM2 .reGrade list .grade {display:inline-block;margin-top:3px;}
   .conReveiwTop .conOpinion .titArea {margin-bottom: 14px;}
   .conReveiwTop .conOpinion .titArea .subTitM {padding-right: 8px;padding-bottom: 0;}
   .conReveiwTop .conOpinion .titGrade {padding-bottom: 14px;}
   .conFullReview .reviewList {padding-top: 15px;}
   .conFullReview .subTitM + .reviewList {padding-top: 0;}
   .conFullReview .reviewList .titArea {padding-bottom: 14px;}
   .conFullReview .reviewList .titArea .titGrade {padding-right: 5px;}
   .conReviewers .conBox .topTxt {padding-bottom: 15px;}
   .conReviewers .conGradeList .listBox {padding-bottom: 19px;}
   .conReviewers .conGradeList .listBox .list .titGrade {padding-bottom: 4px;}
   .conReviewers .conGrade {padding-bottom: 4px;}

   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {width:76px;background-image:url("../../template_en/en/images/common/ico-review-new-t.png");}
}
@media screen and  (max-width:767px) {
   /* SROO */
   .sroo .reSec1 {margin: 0;}
   .sroo .reSec1 .tabBox {width:100%;padding: 0;}
   .sroo .reSec1 .reSeBx {width:100%;margin-top:10px;padding: 0;}
   .sroo .reSec1 .tabWrap {margin:0;}
   .sroo .subTitL{margin-bottom:50px;}
   .conReveiwTop .reSec2 .reBx .reBxArea .fullImg {height:150px;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 {float: none;width:100%;padding-right:0;min-width:0;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {display: block;padding-right: 0;padding-bottom: 14px;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {padding: 16px 0 15px;}
   .conReveiwTop .reSec2 .reImBxM .reImBxM2 {float: none;width:100%;}
   .conReveiwTop .reSec2 .reImBxM2 .reGrade {margin-top: -20px;padding-top: 0;}
   .conReveiwTop .reSec2 .reImBxM2 .reGrade .list {margin-top:20px;}
   .conReveiwTop .conOpinion .titArea {display: block;margin-bottom: 19px;}
   .conReveiwTop .conOpinion .titArea .subTitM {display: block;padding-right: 0;padding-bottom: 0;}
   .conReveiwTop .conOpinion .titArea .grade {display: block;}
   .conReveiwTop .conOpinion .titGrade {padding-bottom: 14px;}
   .conReviewers .conGradeList .listBox {margin-top: -20px;}
   .conReviewers .conGradeList .listBox .list {width: 50%;padding-top: 20px;}
}

/* SCCO : Compare cars */
.sectionWrap.scco,
.scco {padding-top: 80px;padding-bottom: 100px;}
.scco .carListWrap {margin: 0 -10px;}
.scco .carListWrap .listInner {display: inline-block;vertical-align: top;width: 100%;}
.scco .carListWrap .list {float: left;width: 25%;padding: 0 10px;}
.scco .carListWrap .compareBox.rmBtn .btnList:nth-child(3){ display: none; } /* ltr */ /* 180402 */
.scco .carListWrap .compareBox.rmBtn2 .btnList:nth-child(3),
.scco .carListWrap .compareBox.rmBtn2 .btnList:nth-child(4) { display: none; } /* ltr */ /* 180402 */
.scco .carListWrap .compareBox.rmBtn3 .btnList:nth-child(4) { display: none; } /* 180423 add */
.scco .carListWrap .compareBox.rmBtn .inner{ height: 379px; }  /* ltr */ /* 180402 */
.scco .carListWrap .compareBox.rmBtn2 .inner{ height: 425px; }  /* ltr */ /* 180402 */
.scco .carListWrap .compareBox.rmBtn3 .inner{ height: 379px; }  /* 180423 add */
.scco .carListWrap .selectBtnBox {display: table;width: 100%;}
.scco .carListWrap .selectBtnBox .inner {display: table-cell;vertical-align: middle;width: 100%;height: 517px;border: 1px solid #e2e2e2;background: #fff;}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar {overflow: hidden;display: block;position: relative;width: 116px;height: 116px;margin: 0 auto;background: #e5e5e5;text-align: center;text-indent: -9999px;-webkit-border-radius: 50%;border-radius: 50%;}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar:before {display: block;position: absolute;top: 50%;left: 50%;width: 60px;height: 4px;background: #fff;content: ""; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar:after {display: block;position: absolute;top: 50%;left: 50%;width: 4px;height: 60px;background: #fff;content: ""; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.scco .carListWrap .selectBtnBox .inner .txt {display: block;padding-top: 31px;color: #a3a3a3;text-align: center;font-family: "HyundaiMedium";}
.scco .carListWrap .compareBox {position: relative;height: 517px;}
.scco .carListWrap .compareBox .inner {position: relative;height: 333px;padding: 40px 20px 10px;border: 1px solid #e2e2e2;background: #fff;}
.scco .carListWrap .compareBox .img {overflow: hidden;position: relative;width: 100%;margin-bottom: 20px;padding-bottom: 54.222%;}
.scco .carListWrap .compareBox .img img { position: absolute;top: 50%;left: 50%; width:225px; height:121px; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.scco .carListWrap .compareBox .carInfo .carName {padding-bottom: 3px;font-size: 20px;line-height: 1.5;font-family: "HyundaiMedium";letter-spacing: 0.3px;}
.scco .carListWrap .compareBox .carInfo .optInfoS {padding-bottom: 10px;font-size: 14px;line-height: 1.43;color:#666;letter-spacing: 0.1px;}
.scco .carListWrap .compareBox .carInfo .optInfoM strong {font-size: 16px;line-height: 1.75;font-family: "HyundaiMedium";letter-spacing: 0.3px;}
.scco .carListWrap .compareBtnBox .btnList {display: table;width: 100%;margin-top: 10px;}
.scco .carListWrap .compareBtnBox .btnList .btn {height: 36px;font-size: 12px;line-height: 1.25;text-align: center;}
.scco .carListWrap .compareBtnBox .btnList .btn.bgBtnWhite {color: #767676;}
.scco .carListWrap .compareBox .btnCloseLayer {overflow: hidden;display: block;position: absolute;top: 20px;right: 20px;width: 16px;height: 16px;background: url("../../template_en/en/images/common/btn-layer-close.png") no-repeat center center;text-indent: -9999px;}
.scco .btnWrap.btnSpaWrap {padding-top: 60px;}
.scco .btnWrap.btnSpaWrap .noti {display: none;}
.sectionWrap.sccoDetailWrap,
.sccoDetailWrap {padding-top: 60px;padding-bottom: 100px;}
.sccoDetailWrap .compareDetailBox .detailBox {display: table;width: 100%;border: 1px solid #e4dcd3;background: #fff;}
.sccoDetailWrap .compareDetailBox .detailBox .boxList {display: table-cell;vertical-align: top;width: 25%;padding: 30px;border-left: 1px solid #e4dcd3;}
.sccoDetailWrap .compareDetailBox .detailBox .boxList:first-child {border-left: 0 none;}
.sccoDetailWrap .compareDetailBox .detailBox .boxCont ~.boxCont {padding-top: 25px;/*margin-top: 30px;padding-top: 30px;border-top: 1px solid #f6f3f2;*/}
.sccoDetailWrap .compareDetailBox .dlBox dt {padding-bottom: 10px;font-size: 14px;line-height: 1.21;color: #999;}
.sccoDetailWrap .compareDetailBox .dlBox dd {line-height: 1.25;font-family: "HyundaiMedium";}
.sccoDetailWrap .compareDetailBox .dlBox {padding-top: 25px;}
.sccoDetailWrap .compareDetailBox .dlBox:first-child {padding-top: 0;}
.sccoDetailWrap .compareTglBox {padding-top: 39px;}
.sccoDetailWrap .compareTglBox .togList li.dep1 .aswer {border-top: 1px solid #e4dcd3;}
.sccoDetailWrap .compareTglBox .togList li.dep1 .aswer .dep2 {padding: 0;}
.sccoDetailWrap .compareTglBox .togList .detailBox {border: 0 none;}
/* SCCO > LayerPopup */
.layerPopupWrap.compareLayer .layerStepCont {display: none;}
.layerPopupWrap.compareLayer .layerStepCont.active {display: block;}
.layerPopupWrap.compareLayer .layerPopupInner.wide .layerPopup {position: relative; width:1000px;}/*190508 add*/
/* [2018.10.05:천지연] GT : START - scco */
.compareLayer .itemWrap .img img {width:100%;}
/* [2018.10.05:천지연] GT : END */
.compareLayer .stepCar {padding-bottom: 80px !important;}/*190719 edit*/
.compareLayer .stepCar:nth-child(n+2) {padding-top: 40px !important;}/
.compareLayer .stepCar .listTypeWrap {display: none;}
.compareLayer .stepCar .itemWrap .itemList .itemTit {padding-bottom: 3px;}
.compareLayer .stepCar .itemWrap .itemListWrap {margin-top: -30px;}
.compareLayer .stepCar .itemWrap .itemList {margin-top: 30px;}
.compareLayer .stepCar .itemWrap .itemList .img {padding-bottom: 54.2%;}
.compareLayer .stepCar .itemWrap .itemList .conAreaS strong {color: #000;font-family: "HyundaiMedium";}
.compareLayer .carOpt {padding-top: 60px !important;padding-bottom: 100px !important;}
.compareLayer .carOpt .itemRowWrap {position: relative;padding-bottom: 30px;}
.compareLayer .carOpt .itemRowWrap .itemList {display: table;width: 100%;}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea,
.compareLayer .carOpt .itemRowWrap .itemList .listInner {display: table-cell;vertical-align: top;}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea {width: 25.6%;}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea .img {overflow: hidden;position: relative;width: 100%;}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea .img img { position: relative; width:320px; height:172px;}
.compareLayer .carOpt .itemRowWrap .itemList .listInner {padding-left: 30px;}
.compareLayer .carOpt .itemRowWrap .itemList .listTitle {padding-bottom: 10px;font-size: 26px;line-height: 1.15;font-family: "HyundaiMedium";}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon {font-size: 14px;line-height: 1.71;color: #666;}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon.priceInfo {padding-top: 4px;}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon .txt_navy {display: inline-block;padding-right: 5px;font-size: 16px;font-family: "HyundaiMedium" !important;}
.compareLayer .carOpt .togListWrap .titArea {padding-bottom: 10px;}
.compareLayer .carOpt .togListWrap .togList {overflow: hidden;margin-bottom: 0;}
.compareLayer .carOpt .togListWrap .togList .togTitWrap {display: table;width: 100%;}
.compareLayer .carOpt .togListWrap .togList .tit {display: table-cell;vertical-align: middle;width: auto;height: 59px;padding: 19px 30px 17px 26px;background: none;line-height: 17px;box-sizing: border-box;}
.compareLayer .carOpt .togListWrap .togList .tit .inner {display: inline-block;position: relative;padding-right: 12px;padding-left: 28px;}
.compareLayer .carOpt .togListWrap .togList .tit .inner:before,
.compareLayer .carOpt .togListWrap .togList .tit .inner:after {display: block;position: absolute;content: "";box-sizing: border-box;border-radius: 100%;}
.compareLayer .carOpt .togListWrap .togList .tit .inner:before {top: 0;left: 0;width: 18px;height: 18px;border: 2px solid #979797;background: #fff;}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox {display: table-cell;vertical-align: middle;width: 58px;border-top: solid 1px #e4dcd3;}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle {overflow: hidden;display: inline-block;width: 58px;height: 58px;background: url("../../template_en/en/images/common/ico-toggle-down.png") no-repeat center center;background-size: 10px;text-indent: -9999px;}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle:focus {outline:1px dotted #999;}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle.active {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {border: 2px solid #00aad2;}
.compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {top: 5px;left: 5px;width: 8px;height: 8px;background: #00aad2;}
.compareLayer .carOpt .togList li.dep1 .aswer .dep2 {padding: 30px;border-top: 1px solid #e2dcd4;}
.compareLayer .carOpt .togList .infoBox .boxTop {padding-bottom: 30px;}
.compareLayer .carOpt .togList .infoBox .boxTop .heading,
.compareLayer .carOpt .togList .infoBox .boxTop .txt,
.compareLayer .carOpt .togList .infoBox .boxTop strong {font-size: 14px;line-height: 1.71;}
.compareLayer .carOpt .togList .infoBox .boxTop strong {font-family: "HyundaiMedium";}
.compareLayer .carOpt .togList .infoBox .boxTop .heading {padding-bottom: 6px;}
.compareLayer .carOpt .btnWrap.btnSpaWrap {padding-top: 60px;}
.compareLayer .grayBox {padding: 15px 60px;background: #f6f3f2;font-size: 14px;line-height: 1.71;}
.compareLayer .grayBox .icoNote {margin: 0;}
@media screen and (max-width:1024px) {
   /* SCCO */
   .sectionWrap.scco,
   .scco {padding-top: 30px;padding-bottom: 70px;}
   .sectionWrap.scco.compareActive,
   .scco.compareActive {padding-top: 95px;padding-bottom: 25px;}
   .scco .carListWrap {margin-right: -5px;margin-left: -5px;}
   .scco .carListWrap .list {width: 100%;margin-top: 10px;padding-right: 5px;padding-left: 5px;}
   .scco .carListWrap .list:first-child {margin-top: 0;}
   .scco .carListWrap .list.listHideMd {display: none;}
   .scco .carListWrap .selectBtnBox .inner {height: auto;padding: 38px 0;border: 0 none;}
   .scco .carListWrap .selectBtnBox .inner .btnSelectCar {width: 90px;height: 90px;}
   .scco .carListWrap .selectBtnBox .inner .btnSelectCar:before,
   .scco .carListWrap .selectBtnBox .inner .btnSelectCar:after { -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
   .scco .carListWrap .selectBtnBox .inner .btnSelectCar:before {width: 44px;height:3px;}
   .scco .carListWrap .selectBtnBox .inner .btnSelectCar:after { width:3px; height:44px;}
   .scco .carListWrap .selectBtnBox .inner .txt {padding-top: 10px;font-size: 14px;line-height: 1.5;}
   .scco .carListWrap .compareBox {height: auto;min-height: 198px;}
   .scco .carListWrap .compareBox .inner {width: 100%;height: 198px;padding: 20px;border: 0 none;}
   .scco .carListWrap .compareBox.rmBtn .inner,
   .scco .carListWrap .compareBox.rmBtn2 .inner {height:198px;} /* ltr */ /* 180402 */
   .scco .carListWrap .compareBox .imgArea {position: absolute;top: 15px;left: 15px;width: 290px;margin-bottom: 0;}
   .scco .carListWrap .compareBox .img {width: 100%;margin-bottom: 0px;}
   .scco .carListWrap .compareBox .carInfo {padding: 15px 60px 0 330px;}
   .scco .carListWrap .compareBox .carInfo .carName {padding-bottom: 5px;font-size: 14px;line-height: 1.5;}
   .scco .carListWrap .compareBox .carInfo .optInfoS {padding-bottom: 20px;font-size: 14px;line-height: 1.5;}
   .scco .carListWrap .compareBox .carInfo .optInfoM {font-size: 14px;line-height: 1.5;}
   .scco .carListWrap .compareBox .toolTipWrap.ib {margin-left: 8px;}
   .scco .carListWrap .compareBox .img img { width:320px; height:172px;}
   .scco .carListWrap .compareBtnBox {display: none;}
   .scco.compareActive .carListWrap .compareBox {height: auto;}
   .scco.compareActive .carListWrap {margin-top: 0;}
   .scco.compareActive .carListWrap .list {width: 50%;margin-top: 0;}
   .scco.compareActive .carListWrap .compareBox .inner {height: auto;}
   .scco.compareActive .carListWrap .compareBox .imgArea {position: relative;top: 0;left: 0;width: 100%;}
   .scco.compareActive .carListWrap .compareBox .img {margin-bottom: 15px;}
   .scco.compareActive .carListWrap .compareBox .carInfo {padding: 0;}
   .scco.compareActive .carListWrap .compareBox .carInfo .optInfoS {padding-bottom: 23px;}
   .scco.compareActive .carListWrap .compareBtnBox {display: block;}
   .scco.compareActive .carListWrap .compareBtnBox .btnList {margin-top: 5px;}
   .scco.compareActive .carListWrap .compareBtnBox .btnList:first-child {margin-top: 10px;}
   .scco.compareActive .carListWrap .compareBox .btnCloseLayer {top: 20px;right: 20px;width: 15px;height: 15px;background-size: cover;}
   .scco .btnWrap.btnSpaWrap {padding-top: 45px;}
   .scco.compareActive .btnWrap.btnSpaWrap {position: absolute;top: 30px;right: 25px;left: 25px;margin: 0 !important;padding: 0;min-width: auto;}
   .scco.compareActive .btnWrap.btnSpaWrap:after {display: table;content: "";clear: both;}
   .scco.compareActive .btnWrap.btnSpaWrap .noti {display: table-cell;vertical-align: middle;height: 40px;padding-right: 130px;font-size: 12px;line-height: 1.147;text-align: left;}
   .scco.compareActive .btnWrap.btnSpaWrap .btnReset1 {position: absolute;top: 0;right: 0;width: 110px;height: 40px;padding: 0 !important;}
   .scco.compareActive .btnWrap.btnSpaWrap .btnReset1 .btn {height: 40px;}
   .scco.compareActive .btnWrap.btnSpaWrap .btnCompare1 {display: none !important;}
   .scco .btnWrap.btnSpaWrap button[class*=btn] {height:50px;}
   .sectionWrap.sccoDetailWrap,
   .sccoDetailWrap {padding-top: 30px;padding-bottom: 50px;}
   .sccoDetailWrap .compareDetailBox .detailBox .boxList {width: 50%;padding: 15px 25px 30px;}
   .sccoDetailWrap .compareDetailBox .detailBox .boxList:first-child {border-left: 0 none;}
   .sccoDetailWrap .compareDetailBox .detailBox .boxList.listHideMd {display: none;}
   .sccoDetailWrap .compareDetailBox .detailBox .boxCont ~.boxCont {padding-top: 15px;/*margin-top: 15px;*/}
   .sccoDetailWrap .compareDetailBox .dlBox dt {padding-bottom: 5px;font-size: 12px;line-height: 1.417;}
   .sccoDetailWrap .compareDetailBox .dlBox dd {font-size: 12px;line-height: 1.417;}
   .sccoDetailWrap .compareDetailBox .dlBox {padding-top: 15px;}
   .sccoDetailWrap .compareTglBox {padding-top: 30px;}

   /* SCCO > LayerPopup */
   .compareLayer .layerPopup {margin: 0 auto;}
   .compareLayer .closeLayerPopup {top: 18px;right: 12px;background-size: 12px;}
    .compareLayer .stepCar {padding-bottom: 50px !important;}
    .compareLayer .stepCar:nth-child(n+2) {padding-top: 20px !important;}
   .compareLayer .stepCar .listTypeWrap {display: block;padding-bottom: 15px;font-size: 0;line-height: 0;text-align: right;}
   .compareLayer .stepCar .listTypeWrap li {display: inline-block;margin-left: 15px;}
   .compareLayer .stepCar .listTypeWrap .btnTypeList,
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb {overflow: hidden;display: block;position: relative;width: 20px;height: 20px;font-size: 0;text-indent: -9999px;}
   .compareLayer .stepCar .listTypeWrap .btnTypeList:before,
   .compareLayer .stepCar .listTypeWrap .btnTypeList:after,
   .compareLayer .stepCar .listTypeWrap .btnTypeList span:before {display: block;position: absolute;right: 0;left: 0;width: 20px;height: 2px;background: #666;content: "";}
   .compareLayer .stepCar .listTypeWrap .btnTypeList:before {top: 0;}
   .compareLayer .stepCar .listTypeWrap .btnTypeList:after {bottom: 0;}
   .compareLayer .stepCar .listTypeWrap .btnTypeList span:before {top: 50%;margin-top: -1px;}
   .compareLayer .stepCar .listTypeWrap .active .btnTypeList:before,
   .compareLayer .stepCar .listTypeWrap .active .btnTypeList:after,
   .compareLayer .stepCar .listTypeWrap .active .btnTypeList span:before {background: #00aad2;}
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb:after,
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb:before,
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:before,
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:after {display: block;position: absolute;width: 5px;height: 5px;border: 2px solid #666;background: transparent;content: "";}
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb:after {top: 0;left: 0;}
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb:before {bottom: 0;left: 0;}
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:before {top: 0;right: 0;}
   .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:after {right: 0;bottom: 0;}
   .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb:after,
   .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb:before,
   .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb span:before,
   .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb span:after {border-color: #00aad2;}
   .compareLayer .stepCar .itemWrap.itemTypeList {padding-top: 0;}
   .compareLayer .stepCar .itemTypeList .itemListWrap {margin: 0;}
   .compareLayer .stepCar .itemTypeList .itemList {position: relative;width: 100% !important;margin-top: 0;border-bottom: 1px solid #e5e5e5;}
   .compareLayer .stepCar .itemTypeList .itemList .listInner {margin: 0;}
   .compareLayer .stepCar .itemTypeList .itemList .img {display: none;}
   .compareLayer .stepCar .itemTypeList .itemList .itemLink {padding: 8px 0;}
   .compareLayer .stepCar .itemTypeList .itemList .itemCon {position: absolute;top: 8px;right: 0;}
   .compareLayer .stepCar .itemTypeList .itemList .itemCon .conAreaS {font-size: 14px;line-height: 28px;color: #666;}
   .compareLayer .stepCar .itemTypeList .itemList .itemCon .conAreaS strong {display: inline-block;color: #000;font-family: "HyundaiMedium";}
   .compareLayer .carOpt {padding-top: 60px !important;padding-bottom: 40px !important;}
   .compareLayer .carOpt .itemRowWrap .itemList .imgArea {width: 40.8%;}
   .compareLayer .carOpt .itemRowWrap .itemList .listInner {padding-left: 15px;}
   .compareLayer .carOpt .itemRowWrap .itemList .listTitle {padding-bottom: 2px;font-size: 14px;line-height: 1.5;}
   .compareLayer .carOpt .itemRowWrap .itemList .itemCon {line-height: 1.5;}
   .compareLayer .carOpt .itemRowWrap .itemList .itemCon.priceInfo {padding-top: 15px;font-size: 12px;}
   .compareLayer .carOpt .itemRowWrap .itemList .itemCon .txt_navy {display: inline-block;font-size: 14px;}
   .compareLayer .carOpt .togListWrap .titArea {padding-bottom: 10px;}
   .compareLayer .carOpt .togListWrap .togList .tit {height: 34px;padding: 9px 15px;line-height: 16px;box-sizing: border-box;background-position: right 15px center;}
   .compareLayer .carOpt .togListWrap .togList .tit .inner {padding-left: 26px;}
   .compareLayer .carOpt .togListWrap .togList .tit .inner:before {top: 0;left: 0;width: 16px;height: 16px;}
   .compareLayer .carOpt .togListWrap .togList .btnToggleBox {width: 35px;}
   .compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle {display: inline-block;width: 35px;height: 35px;}
   .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {border: 2px solid #00aad2;}
   .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {top: 4px;left: 4px;width: 8px;height: 8px;}
   .compareLayer .carOpt .togList li.dep1 .aswer .dep2 {padding: 20px 25px 25px;}
   .compareLayer .carOpt .togList .infoBox .boxTop {padding-bottom: 25px;}
   .compareLayer .carOpt .togList .infoBox .boxTop .heading,
   .compareLayer .carOpt .togList .infoBox .boxTop .txt,
   .compareLayer .carOpt .togList .infoBox .boxTop strong {line-height: 1.5;}
   .compareLayer .carOpt .togList .infoBox .boxTop strong {font-family: "HyundaiRegular";}
   .compareLayer .carOpt .togList .infoBox .boxTop .heading {padding-bottom: 10px;}
   .compareLayer .carOpt .btnWrap.btnSpaWrap {padding-top: 25px;}
   .compareLayer .grayBox {padding: 15px 30px;font-size: 12px;line-height: 1.42;}
   .compareLayer .itemWrap .img img,
   .compareLayer .carOpt .itemRowWrap .itemList .imgArea .img img {width: 100%;height: auto;}/*190508 edit*//*190719 edit*//*190719 add*/


}
@media screen and (max-width:767px) {
   /* SCCO */
   .sectionWrap.scco,
   .scco {padding-top: 15px;padding-bottom: 70px;}
   .scco .carListWrap .compareBox .inner {padding: 44px 15px 20px;}
   .scco .carListWrap .selectBtnBox .inner {padding: 74px 0;}
   .scco .carListWrap .compareBox {height: auto;}
   .scco .carListWrap .compareBox .inner {height: auto;padding: 40px 15px 20px;}
   .scco .carListWrap .compareBox.rmBtn .inner,
   .scco .carListWrap .compareBox.rmBtn2 .inner {height: auto;} /* ltr */ /* 180402 */
   .scco .carListWrap .compareBox .imgArea {position: relative;top: 0;left: 0;width: 100%;}
   .scco .carListWrap .compareBox .img {margin-bottom: 15px; padding:0;}
   .scco .carListWrap .compareBox .img img {position: static;top:auto;width: 100%;height: auto;-webkit-transform:translate(-50%, 0);transform: none;}
   .scco .carListWrap .compareBox .carInfo {padding: 0;}
   .scco .carListWrap .compareBox .carInfo .optInfoS {padding-bottom: 20px;}
   .sccoDetailWrap .compareDetailBox .detailBox .boxList {padding: 15px 15px 30px;}
   .scco .carListWrap .compareBox .btnCloseLayer {top: 15px;right: 17px;width: 13px;height: 13px;}
   .scco.compareActive .btnWrap.btnSpaWrap {right: 15px;left: 15px;}
   .scco.compareActive .carListWrap .compareBox .btnCloseLayer {top: 15px;right: 15px;}
   /* SCCO > layerpopup */
   .layerPopupWrap.compareLayer .stepArea {margin: 0;}
   .compareLayer .carOpt {padding-top: 30px !important;padding-bottom: 40px !important;}
   .compareLayer .carOpt .itemRowWrap .itemList {display: block;}
   .compareLayer .carOpt .itemRowWrap .itemList .imgArea {display: block;width: 100%;}
   .compareLayer .carOpt .itemRowWrap .itemList .listInner {display: block;padding-left: 0;}
   .compareLayer .carOpt .togListWrap .titArea {padding-bottom: 10px;}
   .compareLayer .carOpt .togListWrap .togList .tit {height: 34px;padding: 9px 15px;line-height: 16px;box-sizing: border-box;background-position: right 15px center;}
   .compareLayer .carOpt .togListWrap .togList .tit .inner {padding-left: 26px;}
   .compareLayer .carOpt .togListWrap .togList .tit .inner:before {top: 0;left: 0;width: 16px;height: 16px;}
   .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {border: 2px solid #00aad2;}
   .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {top: 4px;left: 4px;width: 8px;height: 8px;}
   .compareLayer .carOpt .togList li.dep1 .aswer .dep2 {padding: 15px 25px;}
   .compareLayer .carOpt .togList .infoBox .boxTop {padding-bottom: 25px;}
   .compareLayer .carOpt .togList .infoBox .boxTop .heading,
   .compareLayer .carOpt .togList .infoBox .boxTop .txt,
   .compareLayer .carOpt .togList .infoBox .boxTop strong {line-height: 1.5;}
   .compareLayer .carOpt .togList .infoBox .boxTop strong {font-family: "HyundaiRegular";}
   .compareLayer .carOpt .togList .infoBox .boxTop .heading {padding-bottom: 10px;}
   .compareLayer .carOpt .btnWrap.btnSpaWrap {padding-top: 25px;}
   /*.compareLayer .itemWrap .img img,
   .compareLayer .carOpt .itemRowWrap .itemList .imgArea .img img {width: 100%;height: auto;} */
   .compareLayer .stepCar{ padding-top:30px !important;padding-bottom: 40px !important;}
   .compareLayer .stepCar .itemWrap .itemList .img{padding-bottom:0;}
   .compareLayer .grayBox{padding:15px;}
}


/* SBPO */
.sbpo .itemWrap .img {margin-bottom:14px; padding-bottom:0;}/*181108*/
.sbpo .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS {height:45px;color:#767676;}
.sbpo .mostSelectP {font-size:11px;line-height:21px;color:#00aad2;}
.sbpo .closed,
.sbpo.closed {display: none !important;}
.sbpo.layerPopupWrap .closed {display: block !important;}
.sbpo .itemWrap .img img{position:static; width:100%; transform:none;}/*181108*/
@media all and (max-width:1024px) {
   .sbpo .itemWrap .img img { width:100%; height:auto;}/*181108*/
}
@media all and (max-width:767px) {
   /* SBPO */
   .sbpo .itemWrap .itemList .itemCon .conAreaS {margin-top:-10px;}
   .sbpo .itemWrap .img{padding-bottom:0;}
   .sbpo .itemWrap .img img {width: 100%;height: auto;}
   .sbpo .itemWrap.mg3 .itemListWrap{margin:-16px -7px 0;} 
    .sbpo .formBoxWrap .radioboxWrap .radioBoxInner {width:33.333%;}
    .sbpo .layerConWrap.layerQuote .formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 0px;}
    .sbpo .btnWrap.btnSpaWrap.col2 .colWd,
    .sbpo .btnWrap.btnSpaWrap.col2 .colWd {width: 48%;}
    .sbpo.layerPopupWrap .btnWrap.btnSpaWrap.sm {padding:30px 0px;}
    .sbpo.layerPopupWrap .btnWrap.btnSpaWrap .colWd, .layerPopupWrap .btnWrap.btnSpaWrap.col2 .colWd {min-width:auto;}/*181108*/
   /* radio */ /* GT디자인가이드_36 190412 add*/
    /* button */ /* GT디자인가이드_36 190412 add*/
    /*end //GT디자인가이드_36 190412 add*/
}

/* SRBO */
.srbo .itemWrap .img {margin-bottom:14px;}
.srbo .itemWrap .img img { width:265px; height:144px;}

@media all and (max-width:1024px) {
   .srbo .itemWrap .img img { width:352px; height:215px;}
}

@media all and (max-width:767px) {
   /* SRBO */
   .secBrochureS1 .itemWrap .itemList .itemCon .conAreaS {display:none;}
   .srbo .btnWrap.btnSpaWrap .colWd.type2 {width:100%;}
   .srbo .itemWrap .img img {width: 100%;height: auto;}
   .srbo .itemWrap .img{ margin-bottom:0;padding-bottom:0;}
}

/* SRTD */
.srtd .btn.widMd {width:140px;}

.srtd .conTopTitWrap .selectItem .img { padding:0;}
.srtd .conTopTitWrap .selectItem .img img { position:relative; top:auto; left:auto; width:1000px; height:542px; -webkit-transform:translate(0,0);transform:translate(0,0);}
/* GT디자인가이드_24 190319 img 사이즈 지정 추가*/
@media screen and (max-width:1240px) {
    .srtd .conTopTitWrap .selectItem .img img { width:718px; height:389px;}
}
/* //img 사이즈 지정*/
@media screen and (max-width:1024px) {
   /* SRTD */
   .srtd .btnWrap.btnSpaWrap .colWd,
   .srtd .btnWrap.btnSpaWrap .col {float:none;width:auto;}
   .srtd .btnWrap.btnSpaWrap button[class*=btn],
   .srtd .btnWrap.btnSpaWrap a[class*=btn] {width:290px;}
   .srtd .formBoxWrap .titArea [class*=subTit] {display:none;}
   .srtd .formBoxWrap .titArea .txtRequiredField {text-align:left;}

   .srtd .conTopTitWrap .selectItem .img img { width:718px; height:389px;}
}
@media screen and (max-width:767px) {
   /* SRTD */
   .srtd .btnWrap.btnSpaWrap .colWd,
   .srtd .btnWrap.btnSpaWrap .col {width:50%;}
   .srtd .btnWrap.btnSpaWrap button[class*=btn],
   .srtd .btnWrap.btnSpaWrap a[class*=btn] {width:100%;}
   .secDriveS2 .btnWrap.btnSpaWrap .colWd,
   .secDriveS2 .btnWrap.btnSpaWrap .col {width:100%;}
   .secDriveS2 .btnWrap.btnSpaWrap .colWd.type1,
   .secDriveS2 .btnWrap.btnSpaWrap .col.type1 {width:50%;}
   .secDriveS2 .btnWrap.btnSpaWrap .widMd,
   .secDriveS2 .btnWrap.btnSpaWrap .widMd {width:100%;}
   .secDriveS2 .btnWrap.btnSpaWrap .widMd.type1,
   .secDriveS2 .btnWrap.btnSpaWrap .widMd.type1 {width:50%;}
   .secQuoteS2 .btnWrap.btnSpaWrap .colWd,
   .secQuoteS2 .btnWrap.btnSpaWrap .col {width:100%;}
   .secQuoteS2 .btnWrap.btnSpaWrap .colWd.type1,
   .secQuoteS2 .btnWrap.btnSpaWrap .col.type1 {width:50%;}
   .secDriveS1  .itemWrap .img img {width: 100%;height: auto;}
   .srtd .conTopTitWrap .selectItem .img img {position:  static;width: 100%;height: auto;margin-top:30px;transform: none;}
   .secDriveS1 .itemWrap .img{padding-bottom:0;}
}

/* SRQO */
@media screen and (max-width:1024px) {
   /* SRQO */
   .srqo .btnWrap.btnSpaWrap .colWd,
   .srqo .btnWrap.btnSpaWrap .col {float:none;width:auto;}
   .srqo .btnWrap.btnSpaWrap button[class*=btn],
   .srqo .btnWrap.btnSpaWrap a[class*=btn] {width:290px;}
   .srqo .formBoxWrap .titArea [class*=subTit] {display:none;}
   .srqo .formBoxWrap .titArea .txtRequiredField {text-align:left;}
}
@media screen and (max-width:767px) {
   /* SRQO */
   .srqo .btnWrap.btnSpaWrap .colWd,
   .srqo .btnWrap.btnSpaWrap .col {width:50%;}
   .srqo .btnWrap.btnSpaWrap button[class*=btn],
   .srqo .btnWrap.btnSpaWrap a[class*=btn] {width:100%;}
}

/* SRBO, SRQO, SRTD  > request a brochure, request a quote, request a drive */
/* step1 */
/* SRBO */
.secBrochureS1 .topTextBox {padding-bottom: 25px;}
.secBrochureS1 .btnWrap,
.secQuoteS1 .btnWrap,
.secDriveS1 .btnWrap {padding-top: 80px;}
.secQuoteS1 .itemList .img {padding-bottom: 53.58%;}
/* step2 */
.secBrochureS2 .formBoxWrap,
.secQuoteS2 .formBoxWrap,
.secDriveS2 .formBoxWrap {padding-top: 80px;}
.secBrochureS2 .btnWrap.btnSpaWrap,
.secQuoteS2 .btnWrap.btnSpaWrap,
.secDriveS2 .btnWrap.btnSpaWrap {padding-top: 80px;}
.secBrochureS2 .subTitS {font-size:17px;}
.secBrochureS2 .btnHome {width:240px;}
/* step3 */
.secBrochureS2 .summaryWrap,
.secQuoteS2 .summaryWrap,
.secDriveS2 .summaryWrap {padding-top: 80px;}
.secBrochureS2 .summaryArea .summaryBox [class*=subTit],
.secQuoteS2 .summaryArea .summaryBox [class*=subTit],
.secDriveS2 .summaryArea .summaryBox [class*=subTit] {padding: 20px 30px;}
.secBrochureS2 .summaryArea .summaryBox .con,
.secQuoteS2 .summaryArea .summaryBox .con,
.secDriveS2 .summaryArea .summaryBox .con {padding: 30px;}

.secBrochureS2 .itemWrap .img img { width:360px; height:195px;}
@media screen and  (max-width:1024px){
   /* SRBO, SRQO, SRTD */
   /* step1 */
   .secBrochureS1 .topTextBox {padding-bottom: 25px;}
   .secBrochureS1 .btnWrap,
   .secQuoteS1 .btnWrap,
   .secDriveS1 .btnWrap {padding-top: 40px;}
   .secBrochureS1 .btnWrap .widMd {min-width: 290px;}
   .secBrochureS1 .btnWrap.btnMoreWrap,
   .secQuoteS1 .btnWrap.btnMoreWrap,
   .secDriveS1 .btnWrap.btnMoreWrap {padding-top: 30px;}
   /* step2 */
   .secBrochureS2 .formBoxWrap,
   .secQuoteS2 .formBoxWrap,
   .secDriveS2 .formBoxWrap {padding-top: 40px;}
   .secBrochureS2 .btnWrap.btnSpaWrap,
   .secQuoteS2 .btnWrap.btnSpaWrap,
   .secDriveS2 .btnWrap.btnSpaWrap {padding-top: 40px;}
   /* step3 */
   .secBrochureS2 .summaryWrap,
   .secQuoteS2 .summaryWrap,
   .secDriveS2 .summaryWrap {padding-top: 40px;}
   .secBrochureS2 .summaryArea .summaryBox [class*=subTit],
   .secQuoteS2 .summaryArea .summaryBox [class*=subTit],
   .secDriveS2 .summaryArea .summaryBox [class*=subTit] {padding: 9px 15px;}
   .secBrochureS2 .summaryArea .summaryBox .con,
   .secQuoteS2 .summaryArea .summaryBox .con,
   .secDriveS2 .summaryArea .summaryBox .con {padding: 15px;}

   .secBrochureS2 .itemWrap .img img { width:230px; height:125px;}
}
@media screen and  (max-width:767px){
   /* SRBO, SRQO, SRTD */
   /* step1 */
   .secBrochureS1 .itemList .itemCon {display: none;}
   .secQuoteS1 .itemList .itemCon {display: none;}
   .secDriveS1 .itemList .itemCon {display: none;}
   .secBrochureS1 .btnWrap,
   .secQuoteS1 .btnWrap,
   .secDriveS1 .btnWrap {padding-top: 30px;}
   .secQuoteS1 .itemList .img {padding-bottom:0;}
   .secDriveS1 .itemWrap .itemList .itemCon {display:none;}
   .secQuoteS1 .itemWrap .itemList .itemCon {display:none;}
   .secQuoteS1 .itemWrap .img img{width:100%; height:auto;}

   .secBrochureS2 .itemWrap .img { padding:0;}
   .secBrochureS2 .itemWrap .img img {position: static;top:auto;left:auto;width: 100%;height: auto;-webkit-transform:translate(0,0);transform: none;}
   .srqo .conTopTitWrap .selectItem .img{padding-bottom:0;}
}

/* SSCO : Select a car */
.sectionWrap.secLifeStyle {padding-top: 20px;padding-bottom: 12px;}
.secLifeStyle .selLifeStyleBox .heading {padding-bottom: 60px;font-size: 16px;line-height: 1.75;}
.secLifeStyle .selLifeStyleBox .cbLifeStyle {overflow: hidden;margin: -20px -10px 0;}
.secLifeStyle .selLifeStyleBox .cbBox {float: left;position: relative;padding: 20px 10px 0;}
.secLifeStyle .selLifeStyleBox .cbBox .inner {position: relative;background-color: #fff;} /*GT디자인가이드_04 190212*/
.secLifeStyle .selLifeStyleBox .cbBox input {display: none;opacity: 0;visibility: hidden;}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox {display: block; position: absolute; top: 50%; left: 20px; width: 40px; height: 40px;margin-top: -20px;}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox .normalImg {display: block; width: 40px; height: 40px;}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox .onImg {display: none; width: 40px; height: 40px;}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel {display: block;position: relative;z-index: 2;width: 100%;padding: 20px 20px 20px 76px;min-height: 80px;box-sizing: border-box;cursor: pointer;}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel .tit {display: block;padding-bottom: 6px;font-size: 16px;line-height: 1;font-family: "HyundaiMedium";}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {display: block;font-size: 14px;line-height: 1.29;}
.secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {margin-top: 0;padding-top: 30px;text-align: right;}
.secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap .colWd {padding: 0;}
.secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel .tit {color: #00aad2;}
.secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel .con {color: #00aad2;}
.secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel .iconImgBox .normalImg {display: none;}
.secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel .iconImgBox .onImg {display: block;}
.secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel:before {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;border: 2px solid #00aad2;background: transparent;content: "";}

/* SAVO */ /* SSCO */
.secSltCarList .txtListTop {padding-bottom: 12px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo:after {display: block;content: "";clear: both;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {float: left;width: 338px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .img {padding-bottom: 0;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap {padding-top: 30px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap.rmBtn .colWd:last-child {display: none;} /* ltr */ /* 180402 */
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap .colWd {width: 50%;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {float: right;width: 552px;margin-top: -24px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox {margin-top: 24px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox .conTit {padding-bottom: 12px;}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap {display: none;}

.secSltCarList .itemWrap .img img { width:265px; height:144px;}

.secSltCarList .itemWrap .itemLayer .img img { position:relative; top:auto; left:auto; width:338px; height:183px; -webkit-transform:translate(0,0);transform:translate(0,0);}

@media screen and  (max-width:1240px){
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {width: 33.8%;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {width: 55.2%;}
   .layerPopupWrap.compareLayer .layerPopupInner.wide .layerPopup{width: 100%;}
   /* SAVO */ /* SSCO *//*190508 add*/  
}
@media screen and  (max-width:1024px){
   /* SSCO */
   .sectionWrap.secLifeStyle {padding-top: 25px;padding-bottom: 25px;}
   .secLifeStyle .selLifeStyleBox .heading {padding-bottom: 10px;font-size: 14px;line-height: 1.5;}
   .secLifeStyle .selLifeStyleBox .cbLifeStyle {margin: -14px -7px 0;}
   .secLifeStyle .selLifeStyleBox .cbBox {padding: 14px 7px 0;}
   .secLifeStyle .selLifeStyleBox .cbBox .lsLabel {padding: 14px 5px 0 15px;min-height: 60px;}
   .secLifeStyle .selLifeStyleBox .cbBox .iconImgBox {display: none;}
   .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .tit {padding-bottom: 2px;font-size: 14px;}
   .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {font-size: 12px;line-height: 1.17;}
   .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {padding-top: 20px;}
   .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap .colWd {width: 100px;padding: 0;}
   .secLifeStyle .selLifeStyleBox .cbBox input[type=checkbox]:checked ~ .lsLabel:before {border-width: 2px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {float: none;width: 100%;padding-bottom: 50px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap {padding-top: 45px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap .colWd {width: 180px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap .colWd .btn {height: 40px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {float: none;width: 100%;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox .conTit {padding-bottom: 9px;}

   .secSltCarList .itemWrap .img img { width:230px; height:125px;}

   .secSltCarList .itemWrap .itemLayer .img img { width:668px; height:362px;}
   /* SAVO */ /* SSCO */
}
@media screen and  (max-width:767px){
   /* SSCO */
   .sectionWrap.secLifeStyle{padding-top:15px; padding-bottom:40px;}
   .secLifeStyle .selLifeStyleBox .heading {padding-bottom: 15px;}
   .secLifeStyle .selLifeStyleBox .cbLifeStyle {margin: -10px -5px 0;}
   .secLifeStyle .selLifeStyleBox .cbBox {padding: 10px 5px 0;}
   .secLifeStyle .selLifeStyleBox .cbBox .lsLabel {padding: 13px 15px;min-height: 30px;}
   .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {padding-top: 30px;text-align: center;}
   .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {margin-top:2px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {display: none;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {float: none;width: 100%;margin-top: -20px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox {margin-top: 20px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap {display: block;padding-top: 30px;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap.rmBtn .colWd:last-child {display: none;} /* ltr */ /* 180402 */
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap .colWd {width: 50%;}
   .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap .colWd .btn {height: 40px;}
   .secSltCarList .itemWrap .img{padding-bottom:0;}
   .secSltCarList .itemWrap .img img {width: 100%;height: auto;}
   /* SAVO */ /* SSCO */
}

/* SPEO : Payment Estimator */
.speoWrap { background:#fff;}

.secPaymentList .itemWrap:after { display:block; content:""; clear:both;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle:after {display: block;content: "";clear: both;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {float: left;width: 274px;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {float: right;width: 666px;margin-top: -20px;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox {display: table;width: 100%;margin-top: 20px;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox .conTit {display: table-cell;vertical-align: middle;width: 160px;padding-right:10px;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox .cont {display: table-cell;vertical-align: middle;}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap {padding-top: 20px;text-align: right;}
/* icon - new, upcoming */
.secPaymentList .icBadgeNew,
.secPaymentList .icBadgeUpcoming {display:block;position: absolute;top:0;left:0;width:70px;height:19px;text-indent: -99999px;background-position:50% 0;background-repeat:no-repeat;}
.secPaymentList .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-w.png");}
.secPaymentList .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-w.png");}
/* detailBox */
.sectionWrap.secSpeoDetailWrap,
.secSpeoDetailWrap {padding-top: 60px;padding-bottom: 70px; background:#fff;}/*181029*/
.secSpeoDetailWrap .detailBox {padding-bottom: 50px;}
.secSpeoDetailWrap .detailBox:after {display: table;content: "";clear: both;}
.secSpeoDetailWrap .detailBox [class*=subTit] {float: left;width: 50%;padding-top: 20px;}
.secSpeoDetailWrap .detailBox .conBox {float: right;width: 50%;padding-left: 16px;}
.secSpeoDetailWrap .detailBox .conBox .priceDetail {padding: 20px 30px;background: #f6f3f2;}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .selForm {display:inline-block;height:40px;}/*181029*/
.secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox {display: table;width: 100%;margin-top: 10px;}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox:first-child {margin-top: 0;}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .tit {display: table-cell;vertical-align: middle;width: 215px;height: 44px;padding-right:10px;font-size: 14px;line-height: 17px;}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .cont {display: table-cell;vertical-align: middle;position:relative; height: 44px;font-size: 14px;line-height: 17px;}/*181029*/
.secSpeoDetailWrap .detailBox .conBox .priceDetail .cont input {padding: 10px 10px 7px 10px;font-size: 20px;line-height: 1.5;color: #002c5f;font-family: "HyundaiMedium";}
.secSpeoDetailWrap .detailBox .conBox .cont select{width: 242px;height:100%;padding:0 42px 0 20px;border: 1px solid #e4dcd3;background: #fff url('../../template_en/en/images/common/ico-select-right-arr.png') no-repeat right center !important;font-size:16px;font-weight:normal;color:#676767;box-sizing:border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}/*181029*/
.secSpeoDetailWrap .detailBox2 {margin: 0 -10px;}
.secSpeoDetailWrap .detailBox2:after {display: table;content: "";clear: both;}
.secSpeoDetailWrap .detailBox2 .dlBox {float: left;width: 50%;padding: 0 10px;}
.secSpeoDetailWrap .detailBox2 .dlBox .dtType {position: relative;margin-bottom: 2px; padding-right:30px;}
.secSpeoDetailWrap .detailBox2 .dlBox .dtType .toolTipWrap {position: absolute;top: 50%;right: 0;margin-top: -9px;}
.secSpeoDetailWrap .detailBox2 .dlBox .ddType input {height: 40px;}
.secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap  {padding-top: 60px;}
.secSpeoDetailWrap .txtNote  {padding-top: 100px;}
.secSpeoDetailWrap .resultBox {display: none;margin-top: 80px;padding: 40px 60px;background: #f6f3f2;}
.secSpeoDetailWrap .resultBox.on {display: block;}
.secSpeoDetailWrap .resultBox .inner:after {display: table;content: "";clear: both;}
.secSpeoDetailWrap .resultBox .imgArea {float: left;width: 42%;}
.secSpeoDetailWrap .resultBox .imgArea .img {position: relative;width: 100%;padding-bottom: 47.619%;}
.secSpeoDetailWrap .resultBox .imgArea .img img {position: absolute;top: 50%;left: 50%;width: auto;width:100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.secSpeoDetailWrap .resultBox .infoArea {float: right;width: 49.6%;}
.secSpeoDetailWrap .resultBox .infoArea [class*=subTit] {padding-bottom: 23px;}
.secSpeoDetailWrap .resultBox .infoArea [class*=subTit] span {display: block;font-size: 16px;line-height: 24px;font-family: "HyundaiRegular";}
.secSpeoDetailWrap .resultBox .infoArea strong,
.secSpeoDetailWrap .resultBox .infoArea em {font-style: normal;}
.secSpeoDetailWrap .resultBox .infoArea .infoInner {padding-bottom: 25px;}
.secSpeoDetailWrap .resultBox .infoArea .infoList {display: table;width: 100%;margin-top: 4px;}
.secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {margin-top: 0;}
.secSpeoDetailWrap .resultBox .infoArea .infoList .subTitS {display: table-cell;vertical-align: middle;}
.secSpeoDetailWrap .resultBox .infoArea .infoList .conAreaL {display: table-cell;vertical-align: middle;text-align: right;}
.secSpeoDetailWrap .resultBox .infoArea .txtR {text-align: right;}
.secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {padding-top: 25px;text-align: right;}
.secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .btn {padding: 0 5px;}
@media screen and  (max-width:1240px){
   /* SPEO */
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {width: 27.4%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {width: 66.6%;}
   .secSpeoDetailWrap .detailBox .conBox .cont select{ width:100%; padding-left:15px;font-size:12px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .selForm {display:block;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .tit{width:35%;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont{width:65%; padding-right:30px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox:first-child .cont{padding-right:0;}
   .secSpeoDetailWrap .detailBox .conBox .dlBox .cont .toolTipWrap {position: absolute;top: 50%;right:0;padding-left:0;transform: translateY(-50%);}
   .secSpeoDetailWrap .detailBox .conBox .dlBox .cont .toolTipWrap .ic_Bquestion{margin-top:0;}/*181029*//*181029*//*181029*//*181029*//*181029*//*181029*//*181029*/
}
@media screen and  (max-width:1024px){
   /* SPEO */
   .secPaymentList .itemWrap.bttmLayer .active .itemLayer {padding: 40px 40px 50px 25px;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {width: 37.51%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {width: 57.93%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox {display: table;width: 100%;margin-top: 20px;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox .conTit {width: 117px;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap .btn {height: 40px;}
   .sectionWrap.secSpeoDetailWrap,
   .secSpeoDetailWrap {padding-top: 45px;padding-bottom: 50px;}
   .secSpeoDetailWrap .detailBox {padding-bottom: 41px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail {padding: 20px 30px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .selForm{height:35px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox {margin-top: 5px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .tit {width: 150px;height: 35px;line-height: 21px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont {height: 35px;line-height: 21px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont input {padding: 6px 15px 6px 15px;font-size: 17px;line-height: 1.4;}
   .secSpeoDetailWrap .detailBox2 {margin: 0 -7px;}
   .secSpeoDetailWrap .detailBox2 .dlBox {padding: 0 7px;}
   .secSpeoDetailWrap .detailBox2 .dlBox .dtType {margin-bottom: 7px;}
   .secSpeoDetailWrap .detailBox2 .dlBox .dtType .toolTipWrap {margin-top: -4px;}
   .secSpeoDetailWrap .detailBox2 .dlBox .ddType input {height: 35px;}
   .secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap  {padding-top: 45px;}
   .secSpeoDetailWrap .resultBox {margin-top: 65px;padding: 40px 25px 50px 40px;}
   .secSpeoDetailWrap .resultBox .imgArea {float: left;width: 42%;}
   .secSpeoDetailWrap .resultBox .infoArea [class*=subTit] {padding-bottom: 18px;}
   .secSpeoDetailWrap .resultBox .infoArea [class*=subTit] span {font-size: 14px;line-height: 21px;}
   .secSpeoDetailWrap .resultBox .infoArea .infoInner {padding-bottom: 10px;}
   .secSpeoDetailWrap .resultBox .infoArea .infoList {margin-top: 2px;}
   .secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {margin-top: 0;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {padding-top: 50px;text-align: center;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .colWd {width: 50%;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .btn {padding: 0 5px;}
   .secSpaListWrap.secPaymentList .itemWrap .img img { width:100%; height:auto;}/*181029*/
}
@media screen and  (max-width:767px){
   /* SPEO */
   .secPaymentList .itemWrap.bttmLayer .active .itemLayer {padding: 30px 15px 40px 15px;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {display: none;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {float: none;width: 100%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox {display: block;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox .conTit {display: block;width: 100%;padding-right:0;padding-bottom: 8px;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox .cont {display: block;width: 100%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap {padding-top: 30px;text-align: center;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap .colWd {width: 100%;}
   .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap .colWd:nth-child(2) {margin-top:10px !important;} /* ltr */ /* 180402 */
   /* icon - new, upcoming */
   .secPaymentList .icBadgeNew,
   .secPaymentList .icBadgeUpcoming {left:15px;width:60px;height:14px;}
   .secPaymentList .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-m.png");}
   .secPaymentList .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-m.png");}
   /* detailBox */
   .secSpeoDetailWrap .detailBox {padding-bottom: 16px;}
   .secSpeoDetailWrap .detailBox [class*=subTit] {float: none;width: 100%;padding-top: 0;padding-bottom: 20px;}
   .secSpeoDetailWrap .detailBox .conBox {float: none;width: 100%;padding: 0;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail {float: none;width: 100%;padding: 20px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox {margin-top: 5px;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .tit {width: auto;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox:first-child .cont{padding-right:0;}
   .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont input {width: 100%;}
   .secSpeoDetailWrap .detailBox2 {margin: 0;}
   .secSpeoDetailWrap .detailBox2 .dlBox {width: 100%;padding: 12px 0 0 0;}
   .secSpeoDetailWrap .detailBox2 .dlBox:first {padding: 0;}
   .secSpeoDetailWrap .detailBox2 .dlBox .dtType{padding-right:25px;}
   .secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap  {padding-top: 30px;}
   .secSpeoDetailWrap .resultBox {padding: 15px;}
   .secSpeoDetailWrap .resultBox .imgArea {float: none;width: 100%;padding-bottom: 10px;}
   .secSpeoDetailWrap .resultBox .infoArea {float: none;width: 100%;}
   .secSpeoDetailWrap .resultBox .infoArea .infoList {margin-top: 12px;}
   .secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {margin-top: 0;}
   .secSpeoDetailWrap .resultBox .infoArea .infoList .subTitS {width: 140px;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {padding-top: 22px;text-align: center;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .colWd {width: 100%;}
   .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .colWd ~ .colWd {padding-top: 10px !important;}
   .secPaymentList .itemWrap .img img {width: 100%;height: auto;}
   .secPaymentList .itemWrap .img {padding-bottom:0;} /*181015*//*181029*//*181029*/
}

/* PIP : Exterior & interior */
/* PVRE : 360° VR_Exterior *//* PVRI : 360° VR_Interior *//* SBPO : Build & Price */
.pipVrWrap .panoLoadingStart {position: absolute;top: 50%;left: 50%;z-index: 2;margin: -50px 0 0 -50px;}
.pipVrWrap .panoLoadingStart button {overflow: hidden;display: block;width: 100px;height: 100px;text-indent: -9999px;}
.pipVrWrap .loadingPersent {display: block;display: none;position: absolute;top: 50%;left: 50%;z-index: 2;width: 100px;height: 100px;margin: -50px 0 0 -50px;background: rgba(0,0,0,0.7);line-height: 100px;color: #fff;font-family: "HyundaiMedium";text-align: center;border-radius: 100%;}

/* PVRE *//* PVRI */
.experience360vr_infoArea {padding:0 103px 0 64px;background:#fff;}
.experience360vr_infoArea .item{position:relative;height:146px;padding-top: 33px;padding-left: 335px;border-bottom:1px solid #f1ede9;/*overflow:hidden;*/}
.experience360vr_infoArea .item:last-child{border-bottom:0;}
.experience360vr_infoArea .item .leftTitle{position: absolute;top: 50%;left: 0;width:296px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.experience360vr_infoArea .item .leftTitle .title{font-size:20px;line-height:1;color:#000;font-family:"HyundaiMedium";}
.experience360vr_infoArea .item .leftTitle .colorName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular";}
.experience360vr_infoArea .item .leftTitle .optionName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular";}
.experience360vr_infoArea .item .experience_sort_Wrap{position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*margin-top:37px;overflow:hidden;*//*padding:0 30px*/}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea{overflow:hidden;position:relative;width:100%;}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{float:left;position:relative;margin-right:0 !important; padding:10px 20px 0 0;}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:64px;height:64px;}
.experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.15);box-sizing: border-box;}
.swiper-wrapper {display: flex;}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li img{width:68px;height:68px;}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{overflow:hidden;display:block;position:absolute;top:0;right:11px;z-index:1;width:22px;height:22px;background:url("../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content:'';}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{position:absolute;top:30px;left:-39px;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev.disabled{opacity:0.23;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev .prev{overflow:hidden;display:block;width:9px;height:16px;background:url("../../template_en/en/images/find-a-car/360vr/btn-prev.png") no-repeat;text-indent:-9999px;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next{position:absolute;top:30px;right:-39px;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.disabled{opacity:0.23;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next .next{overflow:hidden;display:block;width:9px;height:16px;background:url("../../template_en/en/images/find-a-car/360vr/btn-next.png") no-repeat;text-indent:-9999px;}
.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_prev,
.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_next{display:none;}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev.swiper-button-disabled button {background:url("../../template_en/en/images/find-a-car/360vr/btn-prev-disabled.png");}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.swiper-button-disabled button {background:url("../../template_en/en/images/find-a-car/360vr/btn-next-disabled.png");}
.experience360VrimgArea {overflow:hidden;position:relative;height:425px;}
.experience360VrimgArea .panorama{overflow: hidden;width:auto !important;height:auto !important;}
.experience360VrimgArea .panorama img{width:100% !important;}
.experience360VrimgArea .experiencePanoramaBox{overflow:hidden;position:relative;height:425px;}
.pipVrWrap .experience360VrimgArea {overflow: hidden;position: relative;width: 100%;}
.pipVrWrap .experience360VrimgArea .panorama {position: absolute !important;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.pipVrWrap .experience360VrimgArea .panorama img{position: absolute;top: 50%;left: 50%;width: auto !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
@media screen and  (max-width:1240px){
   .experience360vr_infoArea .item {padding-left: 200px;}
   .experience360vr_infoArea .item .leftTitle {width: 200px;}
   .contents_interior.pip .color .item {padding-left: 200px;}
   .contents_interior.pip .color .item .leftTitle{width: 200px;}
   /* PVRE *//* PVRI */
}
@media screen and  (max-width:1024px){
   .experience360VrimgArea {overflow:hidden;height:0;padding-bottom: 37.946%;}
   .experience360VrimgArea .experiencePanoramaBox{overflow:hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height:auto;}
   .pipVrWrap .experience360VrimgArea {overflow: hidden;position: relative;width: 100%;}
   .pipVrWrap .experience360VrimgArea .panorama {height: auto !important;}
   .pipVrWrap .experience360VrimgArea .panorama img{width: 100% !important;}
   .pipVrWrap .panoLoadingStart {margin: -30px 0 0 -30px;}
   .pipVrWrap .panoLoadingStart button {width: 60px;height: 60px;background-size: 60px;}
   .pipVrWrap .panoLoadingStart .btnPanoVRStart img {width: 100%;}
   .pipVrWrap .loadingPersent {width: 60px;height: 60px;margin: -30px 0 0 -30px;line-height: 60px;}
   /* PVRE *//* PVRI *//* SBPO */
}
@media screen and  (max-width:1024px){
   .experience360vr_infoArea {padding: 0 30px;}
   .experience360vr_infoArea .item{height: auto;padding: 25px 0 49px;}
   .experience360vr_infoArea .item .leftTitle{display:table;position:static;width:auto;-webkit-transform: none;transform: none;}
   .experience360vr_infoArea .item .leftTitle .title{display:table-cell;vertical-align: bottom;font-size:17px;line-height:21px;}
   .experience360vr_infoArea .item .leftTitle .colorName,
   .experience360vr_infoArea .item .leftTitle .optionName {display:table-cell;vertical-align: bottom;padding-left:15px;font-size:12px;line-height:17px;text-align: left;}
   .experience360vr_infoArea .item .experience_sort_Wrap {margin-top: 23px;padding: 0;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea {height: auto;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{width:84px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{right: 12px;width:24px;height:24px;background-size: 24px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:64px;height:64px;}
   .experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img {border: 1px solid rgba(0,0,0,0.15);}
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_next,
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{top:32px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_next{right: -30px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{left: -30px;}
   /* PVRE *//* PVRI */
}
@media screen and  (max-width:767px)  {
   .experience360vr_infoArea {padding:6px 0 0;}
   .experience360vr_infoArea .item {padding: 16px 0 20px;}
   .experience360vr_infoArea .item .experience_sort_Wrap {width: 100%;margin-top: 28px;margin-right: -15px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li {width: 48px;padding: 6px 8px 0 0;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img {width: 40px;height: 40px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after {right: 3px;width: 12px;height: 12px;background-size: 12px;}
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{display: none;}
   .experience360vr_infoArea .item .experience_sort_Wrap .btn_next{display: none;}
   /* PVRE *//* PVRI */
}

/* PVRE : 360° VR_Exterior */
.titArea.pvreTitArea {padding-bottom: 40px;}
.titArea.pvreTitArea [class*=subTit] {padding-bottom: 20px;}
.vr360Exterior .tabWrap .tabArea {height:auto;}
.vr360Exterior .tabWrap .tabArea .tab{margin-bottom: 1px;}
.vr360Exterior .tabWrap .tabArea .tab .link { font-size: 12px;}
.vr360Exterior .pipVrWrap {margin-top: -1px;}
@media screen and (max-width:1024px) {
   /* PVRE */
   .titArea.pvreTitArea {padding-bottom: 30px;}
   .titArea.pvreTitArea [class*=subTit] {padding-bottom: 15px;}
   .vr360Exterior .tabWrap .tabArea .tab {max-height: 45px;}
   .vr360Exterior .tabWrap .tabArea .tab .link { height: 45px; padding-right: 5px; padding-left: 5px; font-size: 11px; line-height: 12px;}
}
@media screen and (max-width:767px) {
    .vr360Exterior .tabWrap .tabArea .tab {height: auto; max-height: none;margin-bottom: 0;} /* 180416 */
    .vr360Exterior .tabWrap .tabArea .tab .link{height:auto;} /* 180416 */
}

/* PVRI : 360° VR_Interior */
.titArea.pvriTitArea {padding-bottom: 40px;}
.titArea.pvriTitArea [class*=subTit] {padding-bottom: 20px;}
.vr360Interia .tabWrap .tabArea {height:auto;}
.vr360Interia .tabWrap .tabArea .tab{margin-bottom: 1px;}
.vr360Interia .tabWrap .tabArea .tab .link { font-size: 12px;}
.vr360Interia .pipVrWrap {margin-top: -1px;}
@media screen and (max-width:1024px) {
   /* PVRI */
   .titArea.pvriTitArea {padding-bottom: 30px;}
   .titArea.pvriTitArea [class*=subTit] {padding-bottom: 15px;}
   .vr360Interia .tabWrap .tabArea .tab {max-height: 45px;}
   .vr360Interia .tabWrap .tabArea .tab .link { height: 45px; padding-right: 5px; padding-left: 5px; font-size: 11px; line-height: 12px;}
}
@media screen and (max-width:767px) {
   .vr360Interia .tabWrap .tabArea .tab {height:auto;max-height: none;margin-bottom: 0;} /* 180416 */
   .vr360Interia .tabWrap .tabArea .tab .link{height:auto;} /* 180416 */
}
@media screen and  (max-width:767px)  {
   .pipVrWrap .experience360VrimgArea {width: auto;margin: 0 -15px;}
   .vr360Exterior .tabWrap .tabArea .tab .link,
   .vr360Interia .tabWrap .tabArea .tab .link{padding:10px 35px 11px 16px; font-size: 16px; line-height: 24px;} /* 180416 */
   /* PVRE *//* PVRI *//* SBPO */
}


/* PVRE *//* PVRI *//* SBPO */
.pnlm-container{overflow:hidden;position:relative;width:100%;height:100%;margin:0;padding:0;line-height:1.4;cursor:default;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;contain:content;}
.pnlm-container *{box-sizing:content-box;}
.pnlm-container:-moz-full-screen{width:100% !important;height:100% !important;}
.pnlm-container:-webkit-full-screen{width:100% !important;height:100% !important;}
.pnlm-container:-ms-fullscreen{width:100% !important;height:100% !important;}
.pnlm-container:fullscreen{width:100% !important;height:100% !important;}
.pnlm-render-container{position:absolute;width:100%;height:100%;cursor:inherit;}
.pnlm-controls{z-index:2;margin-top:4px;border:1px solid #999;background-color:#fff;border-color:rgba(0,0,0,0.15);border-radius:3px;cursor:pointer;-webkit-transform:translateZ(9999px);transform:translateZ(9999px);}
.pnlm-control:hover{background-color:#f8f8f8;}
.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1;}
.pnlm-zoom-controls{width:26px;height:52px;}
.pnlm-zoom-in{position:absolute;top:0;width:100%;height:50%;border-radius:3px 3px 0 0;}
.pnlm-zoom-out{position:absolute;bottom:0;width:100%;height:50%;border-top:1px solid #ddd;background-position:0 -26px;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px;}
.pnlm-fullscreen-toggle-button,
.pnlm-orientation-button,
.pnlm-hot-spot-debug-indicator{width:26px;height:26px;}
.pnlm-hot-spot-debug-indicator{display:none;position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;}
.pnlm-orientation-button-inactive{background-position:0 -156px;}
.pnlm-orientation-button-active{background-position:0 -182px;}
.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px;}
.pnlm-fullscreen-toggle-button-active{background-position:0 -78px;}
.pnlm-panorama-info{display:none;position:absolute;bottom:4px;z-index:2;padding-right:10px;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:0 3px 3px 0;text-align:left;-webkit-transform:translateZ(9999px);transform:translateZ(9999px);}
.pnlm-title-box{display:table;position:relative;margin-bottom:3px;padding-left:5px;font-size:20px;}
.pnlm-author-box{display:table;position:relative;padding-left:5px;font-size:12px;}
.pnlm-load-box{display:none;position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:rgba(0,0,0,0.7);font-size:20px;line-height:100px;color:#fff;border-radius:50px;text-align:center;}
.pnlm-load-box p{font-size:20px;line-height:50px;color:#fff;}
.pnlm-lbox{display:none;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;}
.pnlm-loading{position:relative;width:10px;height:10px;background-color:#fff;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;}
@keyframes pnlm-mv{from{top:0;left:0;} 25%{top:0;left:10px;} 50%{top:10px;left:10px;} 75%{top:10px;left:0;} to{top:0;left:0;}}
@-webkit-keyframes pnlm-mv{from{top:0;left:0;} 25%{top:0;left:10px;} 50%{top:10px;left:10px;} 75%{top:10px;left:0;} to{top:0;left:0;}}
.pnlm-load-button{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;cursor:pointer;}
.pnlm-load-button p{display:table-cell;vertical-align:middle;}
.pnlm-info-box{display:table;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;font-size:15px;color:#fff;border-radius:3px;text-align:center;table-layout:fixed;}
.pnlm-info-box a{color:#fff;overflow-wrap:break-word;}
.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px;}
.pnlm-error-msg{display:none;}
.pnlm-about-msg{display:none;position:absolute;top:50px;left:50px;z-index:1;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);font-size:11px;line-height:11px;color:#fff;border-radius:3px;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;}
.pnlm-about-msg a:link,
.pnlm-about-msg a:visited{color:#fff;}
.pnlm-about-msg a:hover,
.pnlm-about-msg a:active{color:#eee;}
.pnlm-hotspot-base{vertical-align:middle;position:absolute;top:0;z-index:1;visibility:hidden;cursor:default;}
.pnlm-hotspot{width:26px;height:26px;border-radius:13px;}
.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2);}
.pnlm-hotspot.pnlm-info{background-position:0 -104px;}
.pnlm-hotspot.pnlm-scene{background-position:0 -130px;}
div.pnlm-tooltip span{position:absolute;max-width:200px;margin-left:-220px;padding:5px 10px;background-color:rgba(0,0,0,0.7);color:#fff;visibility:hidden;border-radius:3px;text-align:center;cursor:default;}
div.pnlm-tooltip:hover span{visibility:visible;}
div.pnlm-tooltip:hover span:after{position:absolute;bottom:-20px;left:-10px;width:0;height:0;margin:0 50%;content:'';border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;}
.pnlm-compass{display:none;position:absolute;right:4px;bottom:4px;width:50px;height:50px;border-radius:25px;cursor:default;}
.pnlm-world{position:absolute;top:50%;left:50%;}
.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;}
.pnlm-dragfix,
.pnlm-preview-img{position:absolute;width:100%;height:100%;}
.pnlm-preview-img{background-size:cover;background-position:center;}
.pnlm-lbar{display:none;width:150px;height:6px;margin:0 auto;border:#fff 1px solid;}
.pnlm-lbar-fill{width:0;height:100%;background:#fff;}
.pnlm-lmsg{font-size:20px;line-height:50px;color:#fff;font-family:"HyundaiMedium";}
.pnlm-fade-img{position:absolute;top:0;left:0;}
@media screen and (max-width:767px) {
   .pnlm-load-button {width: 50px;height: 50px;margin: -25px 0 0 -25px;background-size: 50px;}
   .pnlm-load-button img {width: 50px;}
}

/* SBPO : Build & Price */
/* Filter button */
/* SAVO *//* SBPO *//* SPEO */
.btnFilterWrap {margin-top: -120px;text-align: right;/* padding-bottom: 30px; */} /*GT디자인가이드_00 190305*/ /*190321*/
.btnFilterWrap .btnFilterTgl {display: inline-block;position: relative;width: 140px;height: 40px; margin:50px 0 30px 0;padding: 0 20px;border:1px solid #fff;background: rgba(255,255,255,.8);font-size: 14px;line-height: 1;color: #000;font-family: "HyundaiMedium";text-align: left;box-sizing: border-box;} /*GT디자인가이드_00 190305*/
.btnFilterWrap .btnFilterTgl.lg {width: 173px;}
.btnFilterWrap .btnFilterTgl:after {display: block;position: absolute;top: 50%;right: 20px;margin-top: -3px;border-top: 6px solid #000;border-right: 4px solid transparent;border-bottom: 0 none;border-left: 4px solid transparent;content: "";}
.btnFilterWrap .btnFilterTgl:hover {text-decoration: underline;}
.btnFilterWrap .btnFilterTgl.active:after {border-top: 0 none;border-bottom: 6px solid #000;}
.filterBoxWrap { display: none;position: relative;}
.filterBoxWrap .searchDetailWrap {overflow: hidden;padding: 50px 0 100px;}
.filterBoxWrap .searchDetailWrap .detailList {margin-top: -70px;font-size: 0;line-height: 0;}
.filterBoxWrap .searchDetailWrap .detailList:after {display: block;content: "";clear: both;}
.filterBoxWrap .searchDetailWrap .list {display: inline-table;vertical-align: top;width: 32.3%;margin-top: 50px;padding-right: 1%;font-size: 16px;line-height: 1;}
.filterBoxWrap .searchDetailWrap .list .titArea {padding-bottom: 20px;}
.filterBoxWrap .searchDetailWrap .checkboxWrap {margin-bottom: -16px;}
.filterBoxWrap .searchDetailWrap .checkboxInner {width: 33.3%;height: 36px;margin: 0;}
.filterBoxWrap .searchDetailWrap .checkboxInner ~ .checkboxInner {margin: 0;}
.filterBoxWrap .searchDetailWrap .checkboxInner label {height: 36px;padding-right: 2px;font-family: "HyundaiMedium";}
.filterBoxWrap .searchDetailWrap .slideBarWrap {position: relative;margin-bottom: 0;}
.filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap {position: relative;height: 20px;max-width: 320px;margin: 0 60px 10px 10px;}
.filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap:after {display: block;position: absolute;top: 50%;right: 0;left: 0;z-index: 1;width: auto;height: 4px;margin: -2px 0 0 0;background: #999;content: "";}
.filterBoxWrap .searchDetailWrap .slideBarWrap .barActive {display: block;position: absolute;top: 50%;z-index: 2;width: auto;height: 4px;margin-top: -2px;background: #00aad2;}
.filterBoxWrap .searchDetailWrap .slideBarWrap .pin {display: block;position: absolute;top: 50%;z-index: 3;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border: 6px solid #00aad2;background: #fff;box-sizing: border-box;border-radius: 50%;}
.filterBoxWrap .searchDetailWrap .slierRange {overflow: hidden;margin-right: 50px;}
.filterBoxWrap .searchDetailWrap .slierRange .from {float: left;}
.filterBoxWrap .searchDetailWrap .slierRange .to {float: right;}
.filterBoxWrap .searchDetailWrap .slierRange .from label,
.filterBoxWrap .searchDetailWrap .slierRange .to label {display: inline-block;font-size: 14px;line-height: 34px;font-family: "HyundaiMedium";}
.filterBoxWrap .searchDetailWrap .slierRange .from label {margin-right: 6px;}
.filterBoxWrap .searchDetailWrap .slierRange .to label {margin-left: 10px;}
.filterBoxWrap .searchDetailWrap .slierRange input {width: 74px;height: 34px;padding: 5px 10px 5px 10px;border: 0 none;background: #fff;font-size: 14px;line-height: 24px;color: #000;}
.filterBoxWrap .searchDetailWrap .btnWrap {padding-top: 60px;}
.filterBoxWrap .searchDetailWrap .btnWrap .colWd {width: 122px;}

/* exterior & interior */
/* SBPO : Build & Price */
.sbpo .step1content {display: none;}
.sbpo .step1content.active {display: block;}
.confStepWrap {overflow: hidden;width: 100%;}
.confStepWrap .stepArea {width: auto;}
.confStepWrap .stepArea .stepType1 {padding: 0 50px;}
.confStepWrap .stepArea .stepType1 .stepList {padding: 0 57px;}
.confStepWrap .stepArea .stepType1 .stepList:first-child {padding-left: 0;}
.confStepWrap .stepArea .stepType1 .stepList:last-child {padding-right: 0;}
.confVrWrap .topTitBox {display: table;width: 100%;}
.confVrWrap .topTitBox .subTitS {display: table-cell;vertical-align: middle;width: 100%;height: 70px;padding: 0 30px;background: #e4dcd3;}
.confVrWrap .subTitM {padding-bottom: 9px;}
.experienceWrap {position: relative;}
.experienceWrap .txtTop {padding-bottom: 10px;padding-left: 50px;background: #f6f3f2;font-size: 14px;line-height: 1.43;color: #00aad2;}
.experienceWrap .experienceInner {position: relative;background: #fff;}
.experienceWrap .vrArea {position: relative;padding-top: 30px;padding-bottom: 50px;background: url("../../template_en/en/images/configurator/bg-vr-area.gif") repeat-x top left;background-size: auto 100%;}
.experienceWrap .cateWrap {position: absolute;top: 30px;left: 50%;z-index: 2;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.experienceWrap .cateWrap .category {overflow: hidden;}
.experienceWrap .cateWrap .category .cateTab {float: left;}
.experienceWrap .cateWrap .category .tabTit {display: block;height: 40px;padding: 0 5px;background: #e4dcd3;font-size: 16px;line-height: 40px;color: #000;min-width: 112px;text-align: center;font-family: "HyundaiMedium";}
.experienceWrap .cateWrap .category .cateTab.active .tabTit {background: #00aad2;color: #fff;}
.experienceWrap .btnByoWrap {display: inline-block;position: absolute;bottom: 14px;left: 50%;z-index: 2;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.experienceWrap .btnByoWrap [class*=btnByo] {float: left;position: relative;margin: 0 5px;padding-top: 51px;line-height: 20px;min-width: 58px;text-align: center;}
.experienceWrap .btnByoWrap [class*=btnByo]:after {display: block;position: absolute;top: 0;left: 50%;width: 45px;height: 45px;margin-left: -22px;background-color: #fff;content: "";border-radius: 50%;background-repeat: no-repeat;background-position: center center;}
.experienceWrap .btnByoWrap .btnByoDoor:after {background-image: url("../../template_en/en/images/configurator/ico-normal-door.png");}
.experienceWrap .btnByoWrap .btnByoTrunk:after {background-image: url("../../template_en/en/images/configurator/ico-normal-trunk.png");}
.experienceWrap .btnByoWrap .btnByoLight:after {background-image: url("../../template_en/en/images/configurator/ico-normal-light.png");}
.experienceWrap .btnByoWrap .btnByoSunroof:after {background-image: url("../../template_en/en/images/configurator/ico-normal-sunroof.png");}
.experienceWrap .vrArea .panoLoadingStart {position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart {overflow: hidden;width: 100px;height: 100px;background: none;text-indent: -9999px;opacity: .8;}
.experienceWrap .txtCaution {position: absolute;bottom: 62px;left: 30px;z-index: 2;font-size: 12px;line-height: 2;color: #999;}
.experienceWrap.interiorWrap .vrArea {background: #fff;}
.experienceWrap.interiorWrap .vrArea .btnByoWrap {display: none;}
.sectionWrap.secConfiguratorWrap,
.secConfiguratorWrap {padding-top: 50px;padding-bottom: 100px;}
.secConfiguratorWrap .btnWrap.btnSpaWrap {padding-top: 100px;}
.confOptionWrap {position:relative;min-height:563px;}
.confOptionWrap:after {display: block;content: "";clear: both;}
.confOptionWrap .titArea {display: table;margin-bottom: 35px;}
.confOptionWrap .titArea.wide {width: 100%;}
.confOptionWrap .titArea [class*=subTit],
.confOptionWrap .titArea .conTit {display: table-cell;vertical-align: bottom;padding-right: 10px;}
.confOptionWrap .titArea [class*=conArea] {display: table-cell;vertical-align: bottom;}
.confOptionWrap .box .conTit {font-family:"HyundaiRegular";} /*GT디자인가이드_03 190212 */ /* 190221*/

/* SBPO > step1 :: trim */
.confOptionWrap .selectOption {position:relative;width: 59%;max-width: 660px;}
.confOptionWrap .selectOption .selectBox {overflow: hidden;display:table;width:100%;padding-bottom: 16px;}
.confOptionWrap .selectOption .selForm,
.confOptionWrap .selectOption .btnArea {display: table-cell;box-sizing:border-box;}
.confOptionWrap .selectOption .selForm.first { vertical-align: top;width: 260px;padding-right:20px;padding-left:0;}
.confOptionWrap .selectOption .selForm.second {vertical-align: top;width: 340px;padding-right:20px;}
.confOptionWrap .selectOption .selForm select {height: 44px;}
.confOptionWrap .selectOption .btn {width: 100%;height: 44px;}
.confOptionWrap .optionBoxWrap {display:table;width:100%;}
.confOptionWrap .optionBoxWrap.closed {display: none;}
.confOptionWrap .optionBoxWrap:after {display: block;content: "";clear: both;}
.confOptionWrap .optionBoxWrap .box {display:table-cell;vertical-align:top;width: 100%;height: 600px; padding: 10px 20px;border: 1px solid #e5e5e5;background: #fff;/*margin-top: 10px;*/}
.confOptionWrap .optionBoxWrap .box.box1 {width: 43%;max-width: 285px;}
.confOptionWrap .optionBoxWrap .box.box2 {width:auto;padding:0;border:0 none;}
.confOptionWrap .optionBoxWrap .box.box2 .boxInner {height:100%;margin-left:20px;padding: 10px 20px;border:1px solid #e5e5e5;}
.confOptionWrap .optionBoxWrap .box .radioList {padding: 10px 0;}
.confOptionWrap .optionBoxWrap .box .radioBoxInner {display: block;}
.confOptionWrap .optionBoxWrap .radioTglBox .radioList .grayBox2 {display: none;}
.confOptionWrap .optionBoxWrap .radioTglBox .radioList.on .grayBox2 {display: block;}
.confOptionWrap .optionBoxWrap .box .grayBox2 .scrollBox {overflow-y: scroll;width: 100%;height: 160px;margin-top: 10px;padding: 18px;background: #f2f2f2;}
.confOptionWrap .optionBoxWrap .box .priceInfo {position: absolute;top: 0;right: 0;font-size: 16px;line-height: 18px;color: #000;}
.confOptionWrap .myOption {position:absolute;top:0;right:0;z-index: 11;width: 360px;background: #fff;}
.confOptionWrap .myOption .titleBox {display: table-cell;vertical-align: middle;width: 360px;height: 80px;padding: 20px;background: #00aad2;}
.confOptionWrap .myOption .optTglBox {border: 1px solid #f2f2f2;border-width: 0 1px 1px 1px;}
.confOptionWrap .myOption .optTglBox .tglTitle {display: table;position: relative;width: 100%;}
.confOptionWrap .myOption .optTglBox .tglTitle a {text-decoration: none;}
.confOptionWrap .myOption .optTglBox .btnToggleStep {overflow: hidden;position: absolute;top: 50%;right: 30px;width: 20px;height: 12px;margin-top: -6px;background: url("../../template_en/en/images/common/ico-arr-down.png") no-repeat center center;background-size: 100%;font-size: 0;text-indent: -9999px;}
.confOptionWrap .myOption .optTglBox .tit {display: table-cell;vertical-align: middle;width: 100%;height: 80px;padding: 0 30px;box-sizing: border-box;}
.confOptionWrap .myOption .optTglBox .conTit {display: inline-block;position: relative;padding-left: 33px;line-height: 1.875;color: #666;}
.confOptionWrap .myOption .optTglBox .tit .num {display: block;position: absolute;top: 3px;left: 0;width: 24px;height: 24px;background: #666;font-size: 12px;line-height: 24px;color: #fff;text-align: center;border-radius: 50%;}
.confOptionWrap .myOption .optTglBox .price {display: inline-block;position: absolute;top: 50%;right: 70px;margin-top: -15px;font-size: 16px;line-height: 30px;color: #666;min-width: 80px;text-align: right;}
.confOptionWrap .myOption .optTglBox .dep1.opened .btnToggleStep {background-image: url("../../template_en/en/images/common/ico-arr-up.png");}
.confOptionWrap .myOption .optTglBox .btnToggleStep.on {background-image: url("../../template_en/en/images/common/ico-arr-up.png");}
.confOptionWrap .myOption .optTglBox .dep1.on .conTit {color: #00aad2;}
.confOptionWrap .myOption .optTglBox .dep1.on .tit .num {background: #00aad2;}
.confOptionWrap .myOption .optTglBox .dep1.on .price {color: #00aad2;}
.confOptionWrap .myOption .optTglBox .disabled .conTit {color: #c1c1c1;}
.confOptionWrap .myOption .optTglBox .disabled .tit .num {background: #c1c1c1;}
.confOptionWrap .myOption .optTglBox .disabled .price {color: #c1c1c1;}
.confOptionWrap .myOption .optTglBox .disabled .btnToggleStep {background-image: url("../../template_en/en/images/common/ico-arr-down-disabled.png");}
.confOptionWrap .myOption .optTglBox .disabled .btnToggleStep.disabled {background-image: url("../../template_en/en/images/common/ico-arr-down-disabled.png");}
.confOptionWrap .myOption .optTglBox .disabled a {cursor: default;}
.confOptionWrap .myOption .tglCont {display: none;margin: 0 19px;/*border-bottom: 1px solid #e5e5e5;*/} /*GT디자인가이드_03 190212*/
.confOptionWrap .myOption .dep1.on .tglCont {display: block;}
.confOptionWrap .myOption .tglCont .inner {padding: 10px 20px;min-height: 100px;}
.confOptionWrap .myOption .tglCont .bltDashed {display: inline-block;font-size: 16px;line-height: 30px;}
.confOptionWrap .myOption .tglCont .bltDashed:after {top: 14px;}
.confOptionWrap .myOption .tglCont .bltDashed ~ .bltDashed {margin-top: 10px;}
.confOptionWrap .myOption .totalArea {display: table;width: 100%;margin-top: -2px;}
.confOptionWrap .myOption .totalArea [class*=subTit],
.confOptionWrap .myOption .totalArea [class*=conArea] {display: table-cell;vertical-align: middle;height: 80px;background: #f6f3f2;}
.confOptionWrap .myOption .totalArea [class*=subTit] {padding-left: 30px;}
.confOptionWrap .myOption .totalArea [class*=conArea] {padding-right: 30px;text-align: right;}
.confOptionWrap .txtNoti {padding-top: 17px;font-size: 14px;line-height: 1.428;color: #666;text-align: justify;}
.confOptionWrap .myOption .btnIconReset {overflow: hidden;display: block;position: absolute;top: 30px;right: 30px;width: 20px;height: 20px;background: url("../../template_en/en/images/common/btn-reseet.png") no-repeat center center;background-size: cover;text-indent: -9999px;}

/* SBPO > step2 :: exterior & step3 :: interior */
.confOptionWrap .exteriorOptions ~ .exteriorOptions {margin-top: 40px;padding-top: 40px;border-top: 1px solid #e5e5e5;}
.confOptionWrap .exteriorOptions {width: 668px;}
.confOptionWrap .interiorOptions ~ .interiorOptions {margin-top: 38px;padding-top: 54px;border-top: 1px solid #e5e5e5;}
.confOptionWrap .interiorOptions {width: 668px;}
.confOptionWrap .sortListWrap {margin: -26px -10px 0;padding: 0 20px;font-size: 0;line-height: 0;}
.confOptionWrap .sortListWrap .sortList {display: inline-table;vertical-align: top;position: relative;width: 99px;margin: 26px 15px 0 0;padding: 11px 15px 0 0;}
.confOptionWrap .sortListWrap .sortList.active:after {overflow: hidden;display: block;position: absolute;top: 0;right: 0;z-index: 1;width: 22px;height: 22px;background: url("../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content: '';}
.confOptionWrap .sortListWrap .sortList.disabled button {cursor:default;opacity: 0.3;pointer-events: none;}
.confOptionWrap .sortListWrap .sortList img {width: 100%;}
.confOptionWrap .sortListWrap .sortList .optInfo {padding-top: 15px;}
.confOptionWrap .sortListWrap .sortList .name,
.confOptionWrap .sortListWrap .sortList .price {font-size: 14px;color: #767676;}
.confOptionWrap .sortListWrap .sortList .name {line-height: 1.71;font-family: "HyundaiMedium";}
.confOptionWrap .sortListWrap .sortList .price {line-height: 1.43;}
.confOptionWrap .sortListWrap .sortList.active .name {color: #000;}

/* SBPO >  step4 :: options */
.confOptionWrap .optionsWrap ~ .optionsWrap {margin-top: 40px;padding-top: 40px;border-top: 1px solid #e5e5e5;}
.confOptionWrap .optionsWrap .itemWrap .img {padding-bottom: 0;} /*181108*/
.confOptionWrap .optionsWrap .itemWrap.package [class*=subTit],
.confOptionWrap .optionsWrap .itemWrap.package .conTit {color: #666; cursor: pointer;}
.confOptionWrap .optionsWrap .itemWrap.package .itemList .listInner {position: relative;}
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .listInner:after {overflow: hidden;display: block;position: absolute;top: 10px;right: 10px;z-index: 2;width: 22px;height: 22px;background: url("../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content: '';}
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected [class*=subTit],
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .conTit {color: #000;}
.confOptionWrap .optionsWrap .itemWrap.package .img {padding-bottom: 0; cursor: pointer;}/*181108*/

/* SBPO >  step5 :: discount option */
.discountOptWrap .titArea {margin-bottom: 14px;}
.discountOptWrap .titArea [class*=conArea] {text-align: right;}
.sbpo .whiteBox {padding: 30px 30px 24px 30px;border: 1px solid #e4dcd3;background: #fff;}
.sbpo .whiteBox ~ .whiteBox {margin-top: 20px;}
.sbpo .whiteBox .alignTbl {display: table;width: 100%;margin-bottom: 15px;}
.sbpo .whiteBox .alignTbl .checkboxWrap {display: table-cell;vertical-align: top;}
.sbpo .whiteBox .alignTbl .price {display: table-cell;vertical-align: top;font-size: 16px;line-height: 1.75;min-width:70px;text-align: right;}
.sbpo .whiteBox .txtBox {font-size: 14px;line-height: 1.428;color: #666;text-align: justify;}

/* SBPO >  step5 :: discount option > summary */
.confOptionWrap .summaryWrap .titArea {margin-bottom: 35px;}
.confOptionWrap .summaryArea {margin-bottom: 47px;}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle {position:relative;width: 100%;}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optName {display:block;vertical-align: top;margin-right:80px;font-size: 14px;word-break:break-word;}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optPrice {vertical-align: top;position:absolute;top:0;right:0;font-size: 14px;color: #000;text-align: right;}
.confOptionWrap .summaryWrap .totalBox {overflow: hidden;padding-bottom: 24px;border-bottom: 1px solid #000;}
.confOptionWrap .summaryWrap .totalBox [class*=subTit] {float: left;color: #767676;}
.confOptionWrap .summaryWrap .totalBox .con {float: right;}
.confOptionWrap .summaryWrap .totalBox .con strong.price { font-size: 30px;line-height: 40px;font-family: "HyundaiMedium";/*color: #002c5f;*/}
.confOptionWrap .summaryWrap .totalBox .con .toolTipWrap {vertical-align: top;margin: 0 0 0 16px;}
.confOptionWrap .summaryWrap .totalBox .con .toolTipWrap .ic_Bquestion {margin: 11px 0;}
.secConfiguratorWrap .summaryWrap .downloadShare {position: absolute;top:0;right: 0;text-align: right;}
.secConfiguratorWrap .summaryWrap .downloadShare a {display:inline-block;height:17px;font-size:14px;line-height:17px;color:#000;background-position:0 50%;background-repeat:no-repeat;}
.secConfiguratorWrap .summaryWrap .downloadShare .download {padding-left:22px;background-image:url("../../template_en/en/images/common/ico-download2.png");background-size:14px 14px;}
.secConfiguratorWrap .summaryWrap .downloadShare .share {margin-left:20px;padding-left:23px;background-image:url("../../template_en/en/images/common/ico-sharing.png");}
.secConfiguratorWrap .summaryWrap .downloadShare .download {display:inline-block;padding-left:22px;background:url("../../template_en/en/images/common/ico-download2.png") no-repeat 0 50%;background-size:14px 14px;font-size:14px;color:#000;}
.secConfiguratorWrap .btnWrap.confBtnWrap2 {padding-top: 60px;}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col {display: inline-table;float: none;width: 214px;padding: 10px 5px 0;}
.secConfiguratorWrap .btnWrap.confBtnWrap2.rmBtn .col:nth-child(3){display: none;} /* ltr */ /* 180402 */
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn {width: 204px;}

/* SBPO > layerpopup : Request a Quote */
.layerConfigurator .layerConWrap {padding-top: 60px !important;padding-bottom: 80px !important;}
.layerConfigurator .priceInfoLayerBox {display: table;width: 100%;padding-bottom: 80px;}
.layerConfigurator .itemImgBox {display: table-cell;vertical-align: top;width: 490px;padding-right: 30px;text-align: center;}
.layerConfigurator .itemImgBox .img {overflow: hidden;position: relative;width: 100%;margin-bottom: 29px;padding-bottom: 54.348%;}
.layerConfigurator .itemImgBox .img img {position: absolute;top: 50%;left: 50%;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.layerConfigurator .itemPriceInfo {display: table-cell;vertical-align: top;}
.layerConfigurator .totalBox {padding-bottom: 10px;border-bottom: 1px solid #b7b7b7;}
.layerConfigurator .totalBox ~ .totalBox {padding-top: 20px;}
.layerConfigurator .totalBox.full {display: table;width: 100%;}
.layerConfigurator .totalBox.full [class*=subTit] {display: table-cell;vertical-align: middle;}
.layerConfigurator .totalBox .con {font-size: 30px;line-height: 1.33;font-family: "HyundaiMedium";}
.layerConfigurator .totalBox.full .con {display: table-cell;vertical-align: middle;text-align: right;}
.layerConfigurator .totalBox.rate .con {font-size: 20px;color: #000;}
.layerConfigurator .detailBox {margin-top: -7px;padding-top: 20px;}
.layerConfigurator .detailList {display: table;width: 100%;margin-top: 7px;}
.layerConfigurator .detailList .tit {display: table-cell;vertical-align: top;width: 145px;font-size: 14px;line-height: 1.71;font-family: "HyundaiMedium";}
.layerConfigurator .detailList .con {display: table-cell;vertical-align: top;font-size: 14px;line-height: 1.71;color: #666;}
.layerConfigurator .layerQuote .bntSpaLayerWrap {padding-top: 75px;}

/* SBPO >  layerpopup : Calculator */
.layerConfigurator .titCalc {padding-bottom: 45px;}
.layerConfigurator .calcPriceWrap .formBoxWrap .half {margin: 0 -10px 0;padding-top: 60px;}
.layerConfigurator .calcPriceWrap .formBoxWrap .half .formListWrap {padding: 0 10px 0;}
.layerConfigurator .calcPriceWrap .formBoxWrap .formList {margin-top: 0;}
.layerConfigurator .resultPriceBox {margin:80px 0 0;padding: 40px 60px 40px 10px;border: 1px solid #e4dcd3;}
.layerConfigurator .resultPriceBox .inner {display: table;width: 100%;}
.layerConfigurator .resultPriceBox .itemImgBox {width: 480px;padding-right: 20px;}
.layerConfigurator .resultPriceBox .img {vertical-align: middle;margin-bottom: 0;}
.layerConfigurator .resultPriceBox .paymentBox {display: table-cell;vertical-align: middle;}
.layerConfigurator .resultPriceBox .paymentBox .subTitM .txtSm {padding-right: 1.71;font-size: 14px;}
.layerConfigurator .resultPriceBox .paymentBox .con {border-top: 1px solid #000;}
.layerConfigurator .resultPriceBox .paymentBox .list {display: table;width: 100%;}
.layerConfigurator .resultPriceBox .paymentBox .list .conTit {display: table-cell;vertical-align: middle;padding: 20px 0;border-bottom: 1px solid #b7b7b7;}
.layerConfigurator .resultPriceBox .paymentBox .list [class*=conArea] {display: table-cell;vertical-align: middle;padding: 20px 0;border-bottom: 1px solid #b7b7b7;}
.layerConfigurator .resultPriceBox .paymentBox .txtBttmR {padding-top: 10px;font-size: 14px;text-align: right;}
.layerConfigurator .txtNoti {padding-top: 17px;font-size: 14px;line-height: 1.428;color: #666;text-align: justify;}
.layerConfigurator .layerCalc .bntSpaLayerWrap {padding-top: 75px;}

/* SBPO > layerpopup : BYO */
.layerConfiguratorByo .byoListWrap {position: relative;width: 100%;height:475px;}
.layerConfiguratorByo .byoListWrap .byoList {position: absolute;left: -9999px;z-index: 1;opacity: 0;visibility: hidden;}
.layerConfiguratorByo .byoListWrap .byoList.active {top: 0;right: 0;bottom: 0;left: 0;z-index: 2;opacity: 1;visibility: visible;}
.layerConfiguratorByo .byoListWrap .imgArea {overflow: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.layerConfiguratorByo .byoListWrap .imgArea img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.layerConfiguratorByo .byoListWrap .imgArea .img {display: none;}
.layerConfiguratorByo .byoListWrap .imgArea .img.on {display: block;}
.layerConfiguratorByo .byoListWrap .btnCtrlWrap {position: absolute;bottom: 30px;left: 30px;z-index: 3;}
.layerConfiguratorByo .btnCtrlWrap .btnCtrl {display: block;float: left;height: 40px;background: #e4dcd3;font-size: 14px;line-height: 40px;color: #000;min-width: 100px;text-align: center;font-family: "HyundaiMedium";}
.layerConfiguratorByo .btnCtrlWrap .btnCtrl.active {background: #00aad2;color: #fff;}
.layerConfiguratorByo .bottomWrapper {padding:10px 50px 45px;}
.layerConfiguratorByo .txtCaution {font-size:12px;line-height:24px;color:#767676;}
.layerConfiguratorByo .btnByoWrap {margin:11px 0 0;text-align:center;}
.layerConfiguratorByo .btnByoWrap [class*=btnByo] {display: inline-block;position: relative;z-index: 3;margin-left: 24px;padding-top: 48px;font-size: 14px;line-height: 1.43;color: #999;min-width: 45px;text-align: center;}
.layerConfiguratorByo .btnByoWrap [class*=btnByo].active {color:#00aad2;}
.layerConfiguratorByo .btnByoWrap [class*=btnByo]:first-child {margin-left: 0;}
.layerConfiguratorByo .btnByoWrap [class*=btnByo]:after {display: block;position: absolute;top: 0;left: 50%;width: 45px;height: 45px;margin-left: -22px;background-color: #fff;background-size: cover;content: "";border-radius: 50%;background-repeat: no-repeat;background-position: center center;}
.layerConfiguratorByo .btnByoWrap .btnByoDoor:after {background-image: url("../../template_en/en/images/configurator/ico-normal-door.png");}
.layerConfiguratorByo .btnByoWrap .btnByoTrunk:after {background-image: url("../../template_en/en/images/configurator/ico-normal-trunk.png");}
.layerConfiguratorByo .btnByoWrap .btnByoLight:after {background-image: url("../../template_en/en/images/configurator/ico-normal-light.png");}
.layerConfiguratorByo .btnByoWrap .btnByoSunroof:after {background-image: url("../../template_en/en/images/configurator/ico-normal-sunroof.png");}
.layerConfiguratorByo .btnByoWrap .btnByoDoor.active:after {background-image: url("../../template_en/en/images/configurator/ico-focused-door.png");}
.layerConfiguratorByo .btnByoWrap .btnByoTrunk.active:after {background-image: url("../../template_en/en/images/configurator/ico-focused-trunk.png");}
.layerConfiguratorByo .btnByoWrap .btnByoLight.active:after {background-image: url("../../template_en/en/images/configurator/ico-focused-light.png");}
.layerConfiguratorByo .btnByoWrap .btnByoSunroof.active:after {background-image: url("../../template_en/en/images/configurator/ico-focused-sunroof.png");}
@media screen and (max-width:1240px) {
   /* SBPO */
   .btnFilterWrap {padding: 0 80px;}
   .confOptionWrap .titArea {margin-bottom: 19px;}
   .confOptionWrap .titArea [class*=subTit],
   .confOptionWrap .titArea .conTit {padding-right: 13px;}
   .confStepWrap .stepArea {width: auto;margin: 0 -20px;}
   .confStepWrap .stepArea .stepType1 {max-width: 100%;padding: 0 30px;}
   .confStepWrap .stepArea .stepType1 .stepList {width: auto;padding: 0 20px;min-width: 20%;}
   .experienceWrap .txtTop {padding-left: 30px;}
   .experienceWrap .pipVrWrap .experience360VrimgArea {height: 0 !important;padding-bottom: 37.946% !important;}
   .experienceWrap .experience360VrimgArea .experiencePanoramaBox {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: auto !important;}
   .experienceWrap .pipVrWrap .experience360VrimgArea .panorama img {width: 100% !important;}

   /* SBPO > step2 :: exterior & step3 :: interior */
   .confOptionWrap .exteriorOptions ~ .exteriorOptions {margin-top: 35px;padding-top: 35px;}
   .confOptionWrap .exteriorOptions {width: 100%;}
   .confOptionWrap .interiorOptions ~ .interiorOptions {margin-top: 25px;padding-top: 30px;}
   .confOptionWrap .interiorOptions {width: 100%;}
   .confOptionWrap .sortListWrap {width: 100%;margin: 0 -3px 0;padding: 0;}
   .confOptionWrap .sortListWrap .sortList {width: 101px;margin: 0 3px 0;}
   .confOptionWrap .sortListWrap .sortList .optInfo {padding-top: 8px;}
   .confOptionWrap .sortListWrap .sortList .name {line-height: 1.4;}
   .confOptionWrap .sortListWrap .sortList .price {font-size: 12px;}

   /* SBPO >  step4 :: options */
   .confOptionWrap .optionsWrap ~ .optionsWrap {margin-top: 25px;padding-top: 25px;}
   .confOptionWrap .optionsWrap {width: 100%;}
   .confOptionWrap .optionsWrap .checkboxInner label {padding-top: 28px;padding-left: 0;}
   .confOptionWrap .optionsWrap .itemWrap .itemList .checkboxWrap ~ .itemCon {padding-left: 0;}
   .confOptionWrap .optionsWrap .whiteBox .checkboxInner label {padding:0 0 0 28px;}

   /* SBPO > step5 :: discount option */
   .discountOptWrap {position: relative;padding-bottom: 70px;}
   .discountOptWrap .titArea {margin-bottom: 10px;}
   .discountOptWrap .titArea [class*=conArea] {display: table;position: absolute;right: 0;bottom: 0;left: 0;width: 100%;}
   .discountOptWrap .titArea [class*=conArea] .tit,
   .discountOptWrap .titArea [class*=conArea] .con {display: table-cell;vertical-align: middle;height: 35px;padding: 0 10px;background: #f6f3f2;font-size: 12px;text-align: left;}
   .discountOptWrap .titArea [class*=conArea] .bar {display: none;}
   .discountOptWrap .titArea [class*=conArea] .con {text-align: right;}
   .sbpo .whiteBox {padding: 15px;}
   .sbpo .whiteBox ~ .whiteBox {margin-top: 10px;}
   .sbpo .whiteBox .alignTbl {margin-bottom: 20px;}
   .sbpo .whiteBox .alignTbl .price {font-size: 14px;line-height: 1.5;}
   .sbpo .whiteBox .txtBox {font-size: 12px;}

   /* SBPO > step5 :: discount option > summary */
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col {width: 20%;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn {width: 100%;}
   .secConfiguratorWrap .summaryWrap .btnWrap  {top: -40px;}

   /* SBPO > layerpopup : Request a Quote */
   .layerConfigurator .itemImgBox {vertical-align: bottom;width: 450px;}

   /* SBPO > layerpopup : BYO */
   .layerConfiguratorByo .layerPopupInner {right: 25px;left: 25px;width: auto;margin-left: 0;}
   .confOptionWrap .txtNoti {padding-top: 10px;font-size: 12px;}
}
@media screen and (max-width:1024px){
   .btnFilterWrap {margin: -120px 50px 0; padding: 0 0 40px;}
   .btnFilterWrap .btnFilterTgl {width: 90px;height: 35px; margin: 0; padding: 0 15px;font-size: 12px;}
   .btnFilterWrap .btnFilterTgl.lg {width: 132px;}
   .btnFilterWrap .btnFilterTgl:after {right: 15px;margin-top: -2px;border-top: 4px solid #000;}
   .btnFilterWrap .btnFilterTgl.active:after {border-top: 0 none;border-bottom: 4px solid #000;}
   .filterBoxWrap .searchDetailWrap {padding: 45px 0 50px;}
   .filterBoxWrap .searchDetailWrap .detailList {margin-top: -35px;margin-right: -20px;margin-left: -20px;}
   .filterBoxWrap .searchDetailWrap .list {width: 50%;margin-top: 35px;padding: 0 20px;font-size: 12px;}
   .filterBoxWrap .searchDetailWrap .list .titArea {padding-bottom: 16px;}
   .filterBoxWrap .searchDetailWrap .checkboxInner label {font-size: 12px;line-height: 18px;}
   .filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap {max-width: 100%;margin: 0 8px 10px;}
   .filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap:after {width: auto;height: 3px;}
   .filterBoxWrap .searchDetailWrap .slideBarWrap .barActive {height: 3px;}
   .filterBoxWrap .searchDetailWrap .slideBarWrap .pin {width: 16px;height: 16px;margin-top: -8px;margin-left: -8px;border-width: 3px;}
   .filterBoxWrap .searchDetailWrap .slierRange {margin-right: 0;}
   .filterBoxWrap .searchDetailWrap .slierRange .from label,
   .filterBoxWrap .searchDetailWrap .slierRange .to label {font-size: 12px;}
   .filterBoxWrap .searchDetailWrap .slierRange input {width: 75px;font-size: 12px;}
   .filterBoxWrap .searchDetailWrap .btnWrap {padding-top: 30px;}
   .filterBoxWrap .searchDetailWrap .btnWrap .colWd {width: 110px;}

   /* exterior & interior */
   /* SBPO */
   .confOptionWrap {min-height:auto;}
   .confStepWrap .stepArea {width: auto;margin: 0 -10px;}
   .confStepWrap .stepArea .stepType1 {max-width: 100%;padding: 0 20px;}
   .confStepWrap .stepArea .stepType1 .stepList {width: auto;padding: 0 10px;min-width: 20%;}
   .confVrWrap .topTitBox .subTitS {height: 50px;padding: 0 20px;}
   .confVrWrap .subTitM {padding-bottom: 4px;}
   .experienceWrap .txtTop {padding-bottom: 10px;font-size: 10px;line-height: 1;}
   .experienceWrap .cateWrap {top:15px;z-index: 2;}
   .experienceWrap .cateWrap .category .tabTit {height: 30px;font-size: 13px;line-height: 30px;min-width: 95px;}
   .experienceWrap .btnByoWrap {bottom: 16px;}
   .experienceWrap .btnByoWrap [class*=btnByo] {margin: 0 8px;padding-top: 39px;font-size: 12px;line-height: 17px;min-width: 34px;}
   .experienceWrap .btnByoWrap [class*=btnByo]:after {width: 34px;height: 34px;margin-left: -17px;}
   .experienceWrap .vrArea {padding-top: 30px;}
   .experienceWrap .vrArea .panoLoadingStart {width: 60px;height: 60px;margin: -30px 0 0 -30px;}
   .experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart {width: 60px;height: 60px;}
   .experienceWrap .txtCaution {left: 20px;font-size: 10px;line-height: 1;}
   .sectionWrap.secConfiguratorWrap,
   .secConfiguratorWrap {padding-top: 45px;padding-bottom: 70px;}

   /* SBPO > step1 :: trim */
   .confOptionWrap .selectOption .selectBox {margin: 0 -7px;padding-bottom: 14px;}
   .confOptionWrap .selectOption .selForm,
   .confOptionWrap .selectOption .btnArea {padding: 0 7px;}
   .confOptionWrap .selectOption .selForm.first {width: 37%;}
   .confOptionWrap .selectOption .selForm.second {width: 47%;}
   .confOptionWrap .selectOption .btnArea {width: 16%;}
   .confOptionWrap .selectOption .selForm select {height: 40px;}
   .confOptionWrap .selectOption .btn { display:block!important;width: 100%;height: 40px;min-width: 0;} /*GT디자인가이드_26 190327*/
   .confOptionWrap .optionBoxWrap .box {height: auto;padding: 12px 15px;min-height: 300px;}
   .confOptionWrap .optionBoxWrap .box.box1 {width: 42%;}
   .confOptionWrap .optionBoxWrap .box.box2 {width: 56%;padding:0;}
   .confOptionWrap .optionBoxWrap .box.box2 .boxInner {margin-left:14px;padding: 12px 15px;min-height:300px;}
   .confOptionWrap .optionBoxWrap .box .radioList {padding: 7px 0;}
   .confOptionWrap .optionBoxWrap .box .grayBox2 .scrollBox {height: 80px;margin-top: 14px;margin-bottom: 9px;padding: 15px 10px;}
   .confOptionWrap .optionBoxWrap .box .priceInfo {font-size: 14px;line-height: 21px;}
   .confOptionWrap .myOption .optTglBox .tglTitle:after {width: 12px;height: 7px;margin-top: -3px;background-size: 12px;}
   .confOptionWrap .myOption .optTglBox .btnToggleStep {width: 12px;height: 7px;margin-top: -3px;background-image:url("../../template_en/en/images/common/ico-arr-down-m.png");background-size: 12px;}
   .confOptionWrap .myOption .optTglBox .dep1.opened .btnToggleStep {background-image: url("../../template_en/en/images/common/ico-arr-up-m.png");}
   .confOptionWrap .myOption .optTglBox .btnToggleStep.on {background-image: url("../../template_en/en/images/common/ico-arr-up-m.png");}
   .confOptionWrap .myOption .titleBox {display: table;width: 100%;height: 50px;padding: 0;}
   .confOptionWrap .myOption .titleBox [class*=subTitS]  {display: table-cell;vertical-align: middle;height: 50px;padding: 0 14px;}
   .confOptionWrap .myOption .optTglBox .tit {height: 50px;padding: 0 24px;}
   .confOptionWrap .myOption .optTglBox .conTit {padding-left: 20px;font-size: 15px;line-height: 1.2;}
   .confOptionWrap .myOption .optTglBox .tit .num {top: 1px;width: 15px;height: 15px;font-size: 10px;line-height: 16px;}
   .confOptionWrap .myOption .optTglBox .price {right: 65px;margin-top: -9px;font-size: 14px;line-height: 18px;}
   .confOptionWrap .myOption .tglCont .inner {min-height: 50px;}
   .confOptionWrap .myOption .tglCont .bltDashed {padding-left: 14px;font-size: 14px;line-height: 21px;color: #767676;}
   .confOptionWrap .myOption .tglCont .bltDashed:after {top: 10px;background: #767676;}
   .confOptionWrap .myOption .totalArea [class*=subTit],
   .confOptionWrap .myOption .totalArea [class*=conArea] {height: 50px;font-size: 15px;}
   .confOptionWrap .myOption .totalArea [class*=subTit] {padding-left: 14px;}
   .confOptionWrap .myOption .totalArea [class*=conArea] {padding-right: 25px;}
   .confOptionWrap .myOption .btnIconReset {top: 17px;right: 25px;width: 15px;height: 15px;background-size: 15px;}
   .secConfiguratorWrap .btnWrap.btnSpaWrap {padding-top: 50px;}

   /* SBPO >  step4 :: options */
   .confOptionWrap .selectOption {width: 100%;max-width:  none;padding-bottom: 50px;}
   .confOptionWrap .myOption {float: none;position:relative;top:auto;right:auto;width: 100%;}
   .confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .listInner:after {top: 5px;right: 5px;}

   /* SBPO >  step5 :: discount option > summary */
   .confOptionWrap .summaryWrap .titArea {margin-bottom: 10px;}
   .confOptionWrap .summaryArea {margin-bottom: 30px;}
   .confOptionWrap .summaryArea .summaryBox .con .bltCircle .optName {font-size: 12px;}
   .confOptionWrap .summaryArea .summaryBox .con .bltCircle .optPrice {width: 80px;font-size: 12px;}
   .confOptionWrap .summaryWrap .totalBox {padding-bottom: 5px;}
   .confOptionWrap .summaryWrap .totalBox .con strong.price {font-size: 19px;line-height: 24px;}
   .confOptionWrap .summaryWrap .totalBox .con .toolTipWrap {margin: 0 0 0 10px;}
   .confOptionWrap .summaryWrap .totalBox .con .toolTipWrap .ic_Bquestion {margin: 3px 0;}
   .secConfiguratorWrap .summaryWrap .btnWrap {top: -18px;padding-top: 0;}
   .secConfiguratorWrap .summaryWrap .btnWrap.btnSpaWrap.colSm2 .col {width: 150px;}
   .secConfiguratorWrap .summaryWrap .btnWrap.btnSpaWrap.colSm2 .col .btn {width: 140px;height: 40px;padding: 0 5px;font-size: 14px;line-height: 40px;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 {padding-top: 15px;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col {width: 20%;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn {width: 100%;height: 50px;padding: 0;font-size: 14px;min-width: 0;letter-spacing: -0.2px;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn .tblock {display: block;}

   /* SBPO > layerpopup : Request a Quote */
   .layerConfigurator .layerConWrap {padding-top: 50px !important;padding-bottom: 40px !important;}
   .layerConfigurator .priceInfoLayerBox {display: block;padding-bottom: 30px;}
   .layerConfigurator .itemImgBox {display: block;width: 100%;padding: 0 15px 43px;}
   .layerConfigurator .itemImgBox .img {margin-bottom: 10px;}
   .layerConfigurator .itemPriceInfo {display: block;width: 100%;}
   .layerConfigurator .totalBox {display: table;width: 100%;}
   .layerConfigurator .totalBox [class*=subTit] {display: table-cell;vertical-align: middle;}
   .layerConfigurator .totalBox .con {display: table-cell;vertical-align: middle;font-size: 19px;line-height: 24px;text-align: right;}
   .layerConfigurator .detailBox {margin-top: -15px;padding-top: 30px;}
   .layerConfigurator .itemPriceInfo .detailList {margin-top: 15px;}
   .layerConfigurator .itemPriceInfo .detailList .tit {font-size: 12px;line-height: 1.42;}
   .layerConfigurator .itemPriceInfo .detailList .con {font-size: 12px;line-height: 1.42;}
   .layerConfigurator .layerQuote .bntSpaLayerWrap {padding-top: 25px;}

   /* SBPO > layerpopup : Calculator */
   .layerConfigurator .titCalc {padding-bottom: 40px;}
   .layerConfigurator .calcPriceWrap .formBoxWrap .half {padding-top: 40px;}
   .layerConfigurator .calcPriceWrap .formBoxWrap .half .formListWrap {padding: 0 10px 0;}
   .layerConfigurator .calcPriceWrap .formBoxWrap .half .formListWrap ~ .formListWrap {margin-top: 28px;}
   .layerConfigurator .resultPriceBox {margin-top:40px;padding: 10px 15px 15px 15px;}
   .layerConfigurator .resultPriceBox .inner {display: block;}
   .layerConfigurator .resultPriceBox .itemImgBox {width: 100%;padding: 0;}
   .layerConfigurator .resultPriceBox .img {margin-bottom: 0;}
   .layerConfigurator .resultPriceBox .paymentBox {display: block;padding-top: 20px;}
   .layerConfigurator .resultPriceBox .paymentBox .subTitM {padding-bottom: 10px;}
   .layerConfigurator .resultPriceBox .paymentBox .subTitM .txtSm {display: block;padding-right: 1.417;font-size: 12px;}
   .layerConfigurator .resultPriceBox .paymentBox .list .conTit {padding: 10px 0;}
   .layerConfigurator .resultPriceBox .paymentBox .list [class*=conArea] {padding: 10px 0;}
   .layerConfigurator .resultPriceBox .paymentBox .txtBttmR {font-size: 12px;}
   .layerConfigurator .txtNoti {padding-top: 10px;font-size: 12px;}
   .layerConfigurator .layerCalc .bntSpaLayerWrap {padding-top: 25px;}

   /* SBPO > layerpopup : BYO */
   .layerConfiguratorByo .byoListWrap {height:272px;}
   .layerConfiguratorByo .byoListWrap .btnCtrlWrap {bottom: 20px;left: 15px;}
   .layerConfiguratorByo .btnCtrlWrap .btnCtrl {height: 30px;font-size: 13px;line-height: 30px;min-width: 60px;}
   .layerConfiguratorByo .bottomWrapper {padding:10px 25px 30px;}
   .layerConfiguratorByo .txtCaution {font-size:10px;}
   .layerConfiguratorByo .btnByoWrap [class*=btnByo] {margin-left: 12px;padding-top: 38px;font-size: 12px;min-width: 34px;}
   .layerConfiguratorByo .btnByoWrap [class*=btnByo]:after {width: 34px;height: 34px;margin-left: -17px;}
   .layerConfiguratorByo .btnByoWrap [class*=btnByo].active:after {width: 30px;height: 30px;border: 2px solid #00aad2;}
   /* Filter button */
   /* SAVO *//* SBPO *//* SPEO */
}
@media screen and (max-width:767px){
    .btnFilterWrap {margin: -44px 10px 0; padding-bottom: 9px;}
    .btnFilterWrap .btnFilterTgl {width: 90px;height: 35px;  /*GT디자인가이드_01 190321*/padding: 0 15px;font-size: 12px;} 
    .btnFilterWrap .btnFilterTgl.lg {width: auto;}
    .btnFilterWrap .btnFilterTgl:after {right: 15px;margin-top: -2px;border-top: 4px solid #000;}
    .btnFilterWrap .btnFilterTgl.active:after {border-top: 0 none;border-bottom: 4px solid #000;}
    .filterBoxWrap .searchDetailWrap {overflow: hidden;padding: 35px 0 50px;}
    .filterBoxWrap .searchDetailWrap .detailList {margin: 0;}
    .filterBoxWrap .searchDetailWrap .list {width: 100%;margin-top: 0;padding: 0;}
    .filterBoxWrap .searchDetailWrap .list ~ .list {margin-top: 20px;padding-top: 18px;border-top: 1px solid #e4dcd3;}
    .filterBoxWrap .searchDetailWrap .checkboxWrap {margin-bottom: -15px;}
    .filterBoxWrap .searchDetailWrap .checkboxInner {height: 20px;margin-bottom: 15px;}
    .filterBoxWrap .searchDetailWrap .checkboxInner ~ .checkboxInner {margin-bottom: 15px;}
    .filterBoxWrap .searchDetailWrap .btnWrap .colWd {width: 50%;}

   /* exterior & interior */
    /* SBPO */
    .sectionWrap.confVrWrap,
    .confVrWrap {padding-top: 40px;}
    .confStepWrap {width: auto;margin: 0 -15px;}
   .confStepWrap .stepArea {margin: 0;}
   .confStepWrap .stepArea .stepType1 {max-width: 100%;padding: 0 20px;}
   .confStepWrap .stepArea .stepType1 .stepList {width: auto;padding: 0 20px;min-width: 20%;}
   .confVrWrap .topTitBox .subTitS {height: 50px;padding: 0 15px;}
   .confVrWrap .subTitM {padding-bottom: 13px;}
   .experienceWrap {margin: 0;}
   .experienceWrap .cateWrap {position:static;margin:15px auto 0;text-align:center;-webkit-transform:translate(0%,0);transform:translate(0%,0);}
   .experienceWrap .cateWrap .category {display:inline-block;}
   .experienceWrap .vrArea {padding-bottom: 0;}
   .experienceWrap .experienceInner {background: #fff;}
   .experienceWrap .btnByoWrap {display:block;position:static;margin:20px 0 0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none;text-align:center;}
   .experienceWrap .btnByoWrap [class*=btnByo] {display:inline-block;float:none;}
   .experienceWrap .btnByoWrap [class*=btnByo]:after {border: 1px solid #e8e8e8;}
   .experienceWrap .txtCaution {position: static;padding:5px 15px 0;line-height: 1.7;}
   .experienceWrap.interiorWrap .txtCaution {padding-top: 5px;}
   .experienceWrap .experienceInner > .cateWrap,
   .experienceWrap .experienceInner > .vrArea > .btnByoWrap,
   .experienceWrap .experienceInner > .txtCaution {display:none;}
   .sectionWrap.secConfiguratorWrap,
   .secConfiguratorWrap {padding-top: 50px;}
   .experienceWrap .txtTop{margin:0 -15px;}

   /* SBPO > step1 :: trim */
   .confOptionWrap .selectOption .selectBox {margin: 0;padding-bottom: 20px;}
   .confOptionWrap .selectOption .selForm,
   .confOptionWrap .selectOption .btnArea {display:block;float:left;padding:0;}
   .confOptionWrap .selectOption .selForm.first {width: 38%;}
   .confOptionWrap .selectOption .selForm.second {width: 62%;padding-right:0;}
   .confOptionWrap .selectOption .btnArea {display:block;width: 100%;padding-top: 10px;}
   .confOptionWrap .optionBoxWrap .box {display:block;height: auto;padding: 20px 15px;min-height: 0;}
   .confOptionWrap .optionBoxWrap .box.box1 {width: 100%; max-width:none;}
   .confOptionWrap .optionBoxWrap .box.box2 {width: 100%;margin-top:10px;margin-left: 0;}
   .confOptionWrap .optionBoxWrap .box.box2 .boxInner {margin-left:0;padding: 22px 14px;min-height:0;}
   .confOptionWrap .optionBoxWrap .box .radioList {padding: 7px 0;}
   .confOptionWrap .optionBoxWrap .box .grayBox2 .scrollBox {height: 80px;margin-top: 14px;margin-bottom: 9px;padding: 15px 10px;}
   .confOptionWrap .optionBoxWrap .box .priceInfo {font-size: 14px;line-height: 21px;}
   .secConfiguratorWrap .btnWrap.btnSpaWrap {padding-top: 20px;}
   .confOptionWrap .myOption .btnIconReset {top: 17px;right: 25px;width: 15px;height: 15px;background-size: 15px;}
   .confOptionWrap .myOption .optTglBox .tit{padding:15px;}
   .confOptionWrap .optionsWrap .itemWrap .img{padding-bottom:0;}
   .confOptionWrap .optionsWrap .itemWrap.package .img{padding-bottom:0;}

   /* SBPO > step2 :: exterior & step3 :: interior */
   .confOptionWrap .exteriorOptions {position: relative;padding-bottom: 50px;}
   .confOptionWrap .exteriorOptions ~ .exteriorOptions {margin-top: 25px;padding-top: 25px;}
   .confOptionWrap .exteriorOptions .titArea {margin-bottom: 9px;}
   .confOptionWrap .exteriorOptions .titArea [class*=subTit] {padding-right: 0;}
   .confOptionWrap .exteriorOptions .titArea .selectOpt {float: none;position: absolute;right: 0;bottom: 0;left: 0;padding: 0 10px;background: #f6f3f2;line-height: 35px;}
   .confOptionWrap .interiorOptions {position: relative;padding-bottom: 50px;}
   .confOptionWrap .interiorOptions ~ .interiorOptions {margin-top: 37px;padding-top: 28px;}
   .confOptionWrap .interiorOptions .titArea {margin-bottom: 9px;}
   .confOptionWrap .interiorOptions .titArea [class*=subTit] {padding-right: 0;}
   .confOptionWrap .interiorOptions .titArea .selectOpt {float: none;position: absolute;right: 0;bottom: 0;left: 0;padding: 0 10px;background: #f6f3f2;line-height: 35px;}
   .confOptionWrap .sortListWrap .sortListWrap {margin: -10px -3px 0;}
   .confOptionWrap .sortListWrap .sortList {width: 33.3%;max-width: 101px;margin: 10px 0 0;padding: 11px 10px 0 3px;}
   .confOptionWrap .sortListWrap .sortList .optInfo {padding-top: 8px;}
   .confOptionWrap .sortListWrap .sortList .name {line-height: 1.4;}
   .confOptionWrap .sortListWrap .sortList .price {font-size: 12px;}

   /* SBPO >  step4 :: options */
   .confOptionWrap .optionsWrap .titArea {margin-bottom: 10px;}
   .confOptionWrap .optionsWrap .selectOpt {display: none;}
   .confOptionWrap .optionsWrap .itemWrap .itemList {width: 50%;}

   /* SBPO >  step5 :: discount option */
   .confOptionWrap .discountOptWrap .txtNoti {padding-top: 10px;}

   /* SBPO >  step5 :: discount option > summary */
   .secConfiguratorWrap .btnWrap.confBtnWrap2 {width: auto;padding-top: 0;text-align: left;}
   .secConfiguratorWrap .btnWrap.confBtnWrap2 .col {width: 50%;padding-top: 10px !important;}
   .secConfiguratorWrap .summaryWrap .downloadShare {display:none;}

   /* SBPO >  layerpopup : Request a Quote */
   .layerConfigurator .priceInfoLayerBox {display: block;padding-bottom: 40px;}
   .layerConfigurator .itemImgBox {padding: 0 15px 53px;}
   .layerConfigurator .itemPriceInfo .detailList .tit {width: 55px;padding-right: 5px;}
   .layerConfigurator .formBoxWrap .titArea [class*=subTit] {display: block;width: 100%;padding-bottom: 25px;}
   .layerConfigurator .formBoxWrap .titArea .txtRequiredField {display: block;width: 100%;text-align: left;}

   /* SBPO > layerpopup : Calculator */
   .layerConfigurator .resultPriceBox .paymentBox .list .conTit {width: 58%;padding-right: 10px;}

   /* SBPO > layerpopup : BYO */
   .layerConfiguratorByo .byoListWrap {height:150px;}
   .layerConfiguratorByo .btnByoWrap {margin-top:75px;}
   .layerConfiguratorByo .byoListWrap .btnCtrlWrap {bottom:-85px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
    /* Filter button */
    /* SAVO *//* SBPO *//* SPEO */
}
/*mobile~ 480px 추가 GT디자인가이드_34 190411*/
@media screen and (max-width:480px){
    .layerConfigurator .layerQuote .itemImgBox .img img {width:100%;}
}
/* SFDO : SPA_Find_a_Dealer */
.sfdoWrap {background:#fff;}
.findDealerWrap .innerWrap {max-width:1600px;margin:0 auto;}
.fiDealCate,
.fiDealCate * {box-sizing:border-box;}
.fiDealCate {padding:26px 0;text-align:center;}

.fiDealCate .sfdoBtnItems,
.fiDealCate ul {overflow:hidden;display:inline-block;vertical-align:top;font-size:0;text-align:center;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem,
.fiDealCate ul li {display:inline-block;vertical-align:top;position:relative;width:130px;height:140px;margin:0 10px 0 0px;}

.fiDealCate .sfdoBtnItems:first-child .sfdoBtnItem:first-child,
.fiDealCate ul:first-child li:first-child {margin-left:0;}
.fiDealCate ul li a {display:block;position:relative;width:100%;height:100%;border:4px solid transparent;text-align:center;text-decoration:none;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .itemLink,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .itemLink {border-color:#00aad2;}
.fiDealCate ul li:hover a,
.fiDealCate ul li.on a {border-color:#00aad2;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
.fiDealCate ul li a .imgM { display: block;position: relative; margin: 0 auto; padding-top: 20px; padding-bottom: 4px; clear: both; box-sizing: content-box;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
.fiDealCate ul li a .imgM,
.fiDealCate ul li a .imgM img{width: 60px; height: 60px; }

.fiDealCate ul li a .CateTxt span {font-size:16px;line-height:20px;color:#666666;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.fiDealCate ul li.on a .CateTxt span,
.fiDealCate ul li:hover a .CateTxt span {color:#00aad2;}
.fiDealCate .btnGps {display:none;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgNormal,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgOn,
.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgOn {display: block;}

.fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgOn,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgNormal,
.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgNormal {display: none;}

.sfdoHrClearBoth { width: 100%;height: 0; margin: 0;padding: 0; border: none;}

@media screen and  (max-width:1240px){
   .fiDealCate .sfdoBtnItems .sfdoBtnItem,
   .fiDealCate ul li {width:116px;height:140px;margin:0 8px 0 0px;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem{margin:6px 8px 0 0;} /* ltr */ /* 180402 */
}

@media screen and (max-width:1024px){
  /* SFDO */
   .findDealerWrap {padding:0 !important;}
   .fiDealCate .sfdoBtnItems.second {padding-top: 6px;}
   .fiDealCate .sfdoBtnItems{margin-top:-6px;} /* ltr */ /* 180402 */
   .fiDealCate ul li {width:80px;height:100px;}
   .fiDealCate ul li a .CateTxt {position:relative;height:32px;}
   .fiDealCate ul li a .CateTxt span {display:inline-block;vertical-align:middle;font-size:12px;line-height:12px;}
   .fiDealCate ul li a .CateTxt span,
   .fiDealCate ul li:hover a .CateTxt span {color:#666;}
   .fiDealCate ul li.on a .CateTxt span,
   .fiDealCate ul li.on:hover a .CateTxt span {color:#00aad2;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
   .fiDealCate ul li a .imgM, .fiDealCate ul li a .imgM img {width:54px;height:54px;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem.on:hover .itemLink {border-color:#00aad2;}
   .fiDealCate ul li.on:hover a {border-color:#00aad2;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .itemLink {border-color:transparent;}
   .fiDealCate ul li:hover a {border-color:transparent;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgNormal,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgNormal,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgOn,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem.on:hover .imgM .imgOn {display: block;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgOn,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgNormal{display: none;}
}
@media screen and (max-width: 767px) {
  /* SFDO */
   .fiDealCate ul {float:none;width:100%; margin: 0 auto;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem,
   .fiDealCate ul li { float: none;width:22%;height:94px;margin-left:0;padding-right:2px;box-sizing:border-box; text-align: center;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem,
   .fiDealCate ul li:last-child { margin-right: 0;padding-right:0;}
   .fiDealCate ul li a {margin:0 auto;}
   .fiDealCate ul.second:before {display:block;content:"";}
   .fiDealCate ul li a .CateTxt {position:relative;height:32px;}
   .fiDealCate ul li a .CateTxt span {display:inline-block;vertical-align:middle;font-size:12px;line-height:12px;}
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM { padding-top: 10px; }
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
   .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
   .fiDealCate ul li a .imgM,
   .fiDealCate ul li a .imgM img {width:40px; height: 40px;}
}

/* SFDO > Search */
.fiDealSch {margin:0 auto;padding:40px 0;text-align:center;}
.fiDealSch .formList {display:inline-block;position:relative;width:750px;text-align:left;}
.fiDealSch .formList .formArea {overflow:hidden;position:relative;margin-bottom:5px;}
.fiDealSch .formList .formArea .formCon {position:absolute;right:150px;left:0;height:44px;}
.fiDealSch .formList .formArea .formCon input {width:100%;height:44px;}
.fiDealSch .formList .formArea .formBtn {float:right;}
.fiDealSch .formList .formArea .formBtn button.btn {display:block;width:140px;height:44px;background:#002c5f;font-size:14px;line-height:44px;color:#fff;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"HyundaiRegular";}
.fiDealSch .formList .errMsg .MsgTxt {font-size:14px;line-height:24px;color:#e63312;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.fiDealSch .formList .btnGps {display:none;}
@media screen and (max-width: 767px) and (min-width: 0) {
/* SFDO > Search */
   .fiDealSch .formList {display:block;width:auto;margin:0 25px;}
   .fiDealSch .formList .formArea .formCon input,
   .fiDealSch .formList .formArea {height:35px;}
   .fiDealSch .formList .formArea .formCon {right:auto; width:100%;} /*181025*/
   .fiDealSch .formList .formArea .formBtn {position:absolute;top:10px;right:15px;width:16px;height:16px;} /*181025*/
   .fiDealSch .formList .formArea .formBtn button.btn {overflow:hidden;width:100%;height:100%;background:url("../../template_en/en/images/buildacar/ico-search.png") no-repeat 50% 50%;text-indent:-1000px;}
   .fiDealSch .formList .btnGps {overflow:hidden;display:block;position:absolute;top:0;right:0;width:35px;height:35px;background:#767676 url("../../template_en/en/images/buildacar/ico-location.png") no-repeat 50% 50%;text-indent:-1000px;}
}
/* SFDO > Search Result */
.fiDealCon {overflow:hidden;position:relative;margin:0 auto;}
.fiDealCon .fDnavL {position:relative; z-index: 49;width:400px;background:#fff;/* z-index:100; 모바일 gnb와 겹침 현상*/} /* 190424 */
.fiDealCon .fDnavL.hkShow{visibility: hidden;}
.fiDealCon .fDnavL .fdNavNum {padding:0 40px;}
/* .fiDealCon .fDnavL .fdNavNum:after {content:"";display:block;margin:20px -25px 0;border-bottom:1px solid #efefef;} */
.fiDealCon .fDnavL .fdNavNum .fDnavSch {position:relative;margin-bottom:20px;padding:60px 0 0;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {display:inline-block;font-size:30px;color:#000;letter-spacing: 0.5px;font-family:"HyundaiMedium";}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {display:inline-block;margin-left:10px;font-size:20px;color:#00aad2;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {overflow:hidden;margin:31px 0 0;text-align:right;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm {display:inline-block;margin-left:10px;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .reSeBx {float:right;width:12%;height:50px;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .selBg {height:20px;background-color:#fff;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select {display: inline-block;width:auto;height: 20px;padding-right:20px;padding-left:5px;border: 0;background: url("../../template_en/en/images/buildacar/Web/ico-arr-down.png") no-repeat right center;background-color: #f6f3f2;font-size: 14px;line-height:20px;color: #666;text-align:left;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select:focus {outline: 2px solid #a4c6fd;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select::-ms-expand {display: none;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select.bgWhite {border: 1px solid #e5e5e5;background: #fff url("../../template_en/en/images/common/ico-arr-down.png") no-repeat right center !important;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select.bdNone {border: 0 none;}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .sel2 {display:none;}
.fiDealCon .fDnavL .fdNavListWrap .innerScroller {overflow-y:auto;height:589px;}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1 {height:auto;box-sizing:border-box;}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1.on {background:#f7f7f7;}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1:before{display:block;margin:0 40px 0;border-top:1px solid #efefef;content:'';clear:both;}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1:first-child:before{margin:auto;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {padding:40px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt {position:relative;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listNum {display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;background:#767676;font-size:16px;line-height:30px;color:#fff;text-align:center;border-radius:50%;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {display:inline-block;width:60%;margin-left:40px;font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .km {position:absolute;top:2px;right:0;font-size:16px;line-height:28px;color:#767676;letter-spacing: 0.2px;font-family:"HyundaiRegular";}

.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate {margin-top:15px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate .icoMiniCate {display:inline-block;vertical-align: text-top;width:36px;height:36px;margin-top:15px;margin-right:15px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate .icoMiniCate img{width:100%;height:100%;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span {display:inline-block;width:36px;height:36px;margin-right:15px;background-size:100% auto;background-repeat:no-repeat;background-position:50% 50%;}

.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {overflow:hidden;position:relative;margin-top:20px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg.hdn {display:none;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {float:left;margin-right:20px;font-size:14px;line-height:24px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {overflow:hidden;display:block;float:left;margin-top:3px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {float:left;width:18px;height:18px;margin-right:2px;background:url("../../template_en/en/images/buildacar/Web/ico-star-blank.png") no-repeat 0 0;background-size:100% auto;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i.on {background-image:url("../../template_en/en/images/buildacar/Web/ico-star-full.png");}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {display:inline-block;position:absolute;top:3px;right:0;width:20px;height:15px;background:url("../../template_en/en/images/common/ico-toggle-down.png") right center no-repeat;background-size:12px 8px;text-indent:-99999px;cursor:pointer;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {display:none;padding: 40px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd.on {display:block;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdItem {margin-bottom:20px;}
/* .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdItem .address {height:auto;} */
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdItem .phon .line {display:inline-block;vertical-align:-3px;width:1px;height:12px;margin:0 8px;background:#d8d8d8;text-indent:-99999px;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink {overflow:hidden;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {display:inline-block;float:left;margin-right:20px;font-size:18px;line-height:23px;color:#002c5f;letter-spacing: 0.3px;font-family:"HyundaiMedium";text-decoration:none;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a::after {display:inline-block;width:7px;height:12px;margin-left:7px;background:url("../../template_en/en/images/common/ico-arrow-right-navy.png") no-repeat;content:"";}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on {height:auto;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView {background:#fff;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavAdd {display:block;background:#f7f7f7;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView .fdg .FDmore {background-image:url("../../template_en/en/images/common/ico-toggle-up.png");}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView .listTxt .listNum {background:#00aad2;}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .inMap {display:none;}
.findDealerWrap .addFon1 {font-size:14px;line-height:24px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
@media screen and (max-width:1024px) {
   /* SFDO > Search Result */
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select {height: 35px;padding-left: 15px;font-size: 12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {width:55%;margin-left:31px;}
}
@media screen and (max-width:767px) {
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {width:65%;}
}
/* SFDO >  Map */
.findDealerWrap .fdMapWrap {position:absolute;top:0;right:0;bottom:0;left:0;background:url("../../template_en/en/images/buildacar/Web/bg-map.png") 0 0 no-repeat;}
.findDealerWrap .fdMapWrap .fdZoomBox {position:absolute;top:0;right:0;z-index:10;width:66px;height:116px;background:url("../../template_en/en/images/buildacar/Web/bg-zoom-panel.png") no-repeat;}
.findDealerWrap .fdMapWrap .fdZoomBox a {display:block;z-index:100;width:50px;height:50px;border:0px solid red;text-indent:-99999px;}
.findDealerWrap .fdMapWrap .fdZoomBox a.plus {margin-top:3px;margin-left:7px;background:url("../../template_en/en/images/buildacar/Web/ico-zoom-in.png") center no-repeat;}
.findDealerWrap .fdMapWrap .fdZoomBox a.minus {margin-left:7px;background:url("../../template_en/en/images/buildacar/Web/ico-zoom-out.png") center no-repeat;}
.findDealerWrap .fdMapWrap .fdMap {position:absolute;top:260px;right:0px;width:79px;height:49px;text-align:center;background-repeat:no-repeat;}
.findDealerWrap .fdMapWrap .fdMap span.pointNum {display:inline-block;margin-top:2px;font-size:16px;line-height:28px;color:#fff;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.findDealerWrap .fdMapWrap .pointM1 {background-image:url("../../template_en/en/images/buildacar/Web/ico-dealer-pin-normal.png");}
.findDealerWrap .fdMapWrap .pointM2 {background-image:url("../../template_en/en/images/buildacar/Web/ico-dealer-pin-focused.png");}
.findDealerWrap .fdMapWrap .fdMap2 {position:absolute;top:272px;right:205px;width:33px;height:47px;text-align:center;background-repeat:no-repeat;}
.fdMap3 {position:absolute; z-index:999;width:49px; height:35px;text-align:center;background-repeat:no-repeat;}
.findDealerWrap .fdMapWrap .pCol1 {background-image:url("../../template_en/en/images/buildacar/Web/ico-pin-normal.png");}
.findDealerWrap .fdMapWrap .pCol2 {background-image:url("../../template_en/en/images/buildacar/Web/ico-pin-focused.png");}
.pCol3 {background-image:url("../../template_en/en/images/buildacar/Web/ico_dealer_shadow.png");}/*180625*/
.fdMapShow {width:273px;height:135px;padding:31px 0 0 15px;}
.fdMapShow .listTxt {position:relative;width:auto;margin-bottom:20px;}
.fdMapShow .listTxt span.listNum {display:block;float:left;width:30px;height:30px;background:#767676;font-size:16px;line-height:30px;color:#fff;text-align:center;border-radius:50%;}
.fdMapShow .listTxt span.listNum.ck {background:#00aad2;}
.fdMapShow .listTxt span.listT1 {display:block;padding-left:40px;font-size:20px;line-height:30px;color:#000;letter-spacing: 0.3px;font-family:"HyundaiMedium";}
.fdMapShow .fdg {position:relative;}
.fdMapShow .fdg.hdn {display:none;}
.fdMapShow .fdg .fdTxt {display:inline-block;margin-right:20px;font-size:14px;line-height:24px;color:#000;letter-spacing: 0.2px;font-family:"HyundaiRegular";}
.fdMapShow .fdg .fdStar {display:inline-block;vertical-align:middle;width:108px;height:18px;text-indent:-99999px;}
.fdMapShow .fdg .fdStar i {float:left;width:18px;height:18px;margin-left:2px;background:url("../../template_en/en/images/buildacar/Web/ico-star-blank.png") no-repeat 0 0;background-size:100% auto;} /* rtl */
.fdMapShow .fdg .fdStar i.on {background-image:url("../../template_en/en/images/buildacar/Web/ico-star-full.png");}
.fdMapShow a.cls {display:inline-block;position:absolute;top:23px;right:26px;width:16px;height:16px;background:url("../../template_en/en/images/buildacar/ico-cancel32X32.png") no-repeat;text-indent:-99999px;}


.mapPointPop{width:280px;height:auto;background-color:#fff;box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;text-align:center;}/* hmj test modify */
.mapPointPop:after{display:block;position:absolute;bottom:-10px;left:50%;width:9px;height:10px;background:url(../../template_en/en/images/buildacar/Web/ico_pin.png) no-repeat 0 0;content:'';clear:both;transform: translateX(-50%);}
.pointTit{padding:30px 0 10px;background-color:#eee;}
.pointTit .mapPointName{font-size:18px;line-height:28px;color:#000;font-family:"HyundaiMedium";text-align: center;}
.pointTit .mapPointInfo{font-size:14px;line-height: 20px;color:#444;}
.pointList{padding:15px 30px;}
.pointList li{width:100%;border-bottom:1px solid #ccc;}
.pointList li:last-child{border:none;}
.pointList li:first-child{border-bottom:1px solid #ccc;}
.pointList li a{display:block;position: relative;padding-left:15px;font-size:14px;line-height:28px;color:#888;text-align:left;}
.pointList li a:after{display:block;position: absolute;top:10px;right:5px;width:5px;height:8px;   background:url(../../template_en/en/images/buildacar/Web/ico_golink.png) no-repeat 0 0;content:'';clear:both;}
.pointList li.on a:after{background:url(../../template_en/en/images/buildacar/Web/ico_golink_on.png) no-repeat 0 0;}
.pointList li.on a{color:#444;}
.mapPointClose{display:block;position:absolute;top:15px;right:15px;width:12px;height:12px;background:url(../../template_en/en/images/buildacar/Web/ico_x.png) no-repeat 0 0;font-size:0;line-height:0;}



@media screen and (max-width:1024px){
   /* SFDO >  Map */
   .fiDealCon .fDnavL {width:255px;}
   .fiDealCon .fDnavL .fdNavNum {padding:0 25px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch {padding-top:30px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {margin-top:13px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {font-size:19px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {font-size:14px;}
   .fiDealCon .fDnavL .fdNavListWrap .innerScroller {height:394px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {padding:21px 25px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {font-size:14px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdPd1:before{margin:0 25px 0;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate {margin-top:5px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate .icoMiniCate {width:24px;height:24px;margin-top:10px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {margin-top:15px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span {display:inline-block;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.listNum {width:21px;height:21px;font-size:12px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.listT1 {vertical-align:top;font-size:14px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.km {font-size:12px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {float:none;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {float:none;margin-top:4px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {top:15px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {width:12px;height:12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {padding:20px 25px;}
   .findDealerWrap .addFon1 {font-size:12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd ul.fdItem {margin-bottom:5px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {font-size:12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a:after {width:5px;height:8px;background-size:100% auto;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span {width:25px;height:25px;}
   .fiDealSch .formList .errMsg .MsgTxt {font-size:12px;}
   .fiDealSch {padding:20px 0;}

   .mapPointPop{width:210px;}
   .pointTit .mapPointName{font-size:14px;line-height:21px;}
   .pointTit .mapPointInfo{font-size:11px;line-height:16px;}
   .pointList li a{padding-left:12px;font-size:11px;line-height:21px;}
   .pointList {padding: 10px 15px;}
   .pointTit {padding: 20px 0 8px;}
   .pointList li a:after{top:8px;width:4px;height:6px;background: url(../../template_en/en/images/buildacar/Tablet/ico_golink.png) no-repeat 0 0;background-size: 4px 6px;}
   .pointList li.on a:after{background: url(../../template_en/en/images/buildacar/Tablet/ico_golink_on.png) no-repeat 0 0;background-size: 4px 6px;}
   .mapPointClose{ top:10px; right:10px; width:10px; height:10px;background: url(../../template_en/en/images/buildacar/Tablet/ico_x.png) no-repeat 0 0;background-size: 10px 10px;}

   /*sfdo pop*/
   .fdMapShow{width:173px;height:101px;padding:16px 0 0 5px;}
   .fdMapShow .listTxt span.listNum{width:21px;height:21px;font-size:12px;line-height:21px;}
   .fdMapShow .listTxt span.listT1{padding-left:30px;font-size:14px;line-height:21px;}
   .fdMapShow .listTxt{margin-bottom:7px;}
   .fdMapShow .fdg .fdStar i{width:12px;height:12px;}
   .fdMapShow .fdg .fdStar{display:block; height:12px;margin-top:4px;}
   .fdMapShow .fdg .fdTxt{font-size:12px;line-height:17px;}
}




@media screen and (max-width: 767px) and (min-width: 0) {
   /* SFDO >  Map */
   .fdMapWrap {display:none;}
   .fdMapWrap.hkShow {display:block;}
   .fiDealCon .fDnavL {width:auto;}
   .fiDealCon .fDnavL .fdNavNum {padding:0 25px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch {padding-top:30px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {margin-top:13px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {font-size:19px;}
   .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {font-size:14px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdPd1:before{display:none;}
   .fiDealCon .fDnavL .fdNavListWrap .fdPd1:first-child:before{display:block;}
   .fiDealCon .fDnavL .fdNavListWrap .innerScroller {overflow-y:visible;height:auto;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {font-size:12px;line-height:1;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {margin-top:15px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {padding:20px 25px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span {display:inline-block;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.listNum {width:21px;height:21px;font-size:10px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.listT1 {vertical-align:top;font-size:14px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.km {font-size:12px;line-height:21px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {float:none;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {float:none;margin-top:4px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {top:15px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {width:12px;height:12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {padding:20px 25px;}
   .findDealerWrap .addFon1 {font-size:12px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd ul.fdItem {margin-bottom:5px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {font-size:15px;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a::after {width:5px;height:9px;background-size:100% auto;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span  {width:25px;height:25px;}
   .fiDealSch .formList .errMsg .MsgTxt {font-size:12px;line-height:20px;}
   .fiDealSch {padding:20px 0;}
   .fiDealCon .fDnavL .fdNavListWrap .fdNavList .inMap {display:block;height:300px;background:url("../../template_en/en/images/buildacar/Web/bg-map.png") 0 0 no-repeat;background-size:100% 100%;}

   /*sfdo pop*/
   .fdMapShow{overflow: hidden;width:110px;height:auto;padding:0;}
   .fdMapShow .listTxt{margin-bottom:0;padding:16px 0 9px 0; font-family:"HyundaiMedium";}
   .fdMapShow .listTxt span.listNum{display:none;}
   .fdMapShow .listTxt span.listT1{padding-left:0;font-size:13px;line-height:1;letter-spacing: normal;}
}

/* SUCO : Used Cars */
.sectionWrap.secUsedCars,
.secUsedCars {padding-top: 72px;padding-bottom: 100px;}
.secUsedCars .topTxtArea {padding-bottom: 66px;}
.secUsedCars .bulletListBox {padding-bottom: 40px;}
.secUsedCars .selBox {display: table;width: 100%;margin-bottom: 40px;background: #e4dcd3;}
.secUsedCars .selBox label {display: table-cell;vertical-align: middle;padding: 20px 30px;background: #e4dcd3;}
.secUsedCars .selBox .selForm {display: table-cell;vertical-align: middle;width: 612px;padding: 20px 30px;background: #e4dcd3;text-align: right;}
.secUsedCars .selBox .selForm select {color: #000;}
.secUsedCars .itemWrap .itemList .img {margin-bottom: 21px;padding-bottom: 56.39%;}
.secUsedCars .itemWrap .itemTit {padding-bottom: 5px;}
.secUsedCars .itemWrap .itemTit:nth-child(n+2){margin-top: 10px;}/* 191231 add - Details of Used Car layer popup
*/
.secUsedCars .itemWrap .itemTit .titC {display: inline-block;font-size: 16px;line-height: 1.875;font-family: "HyundaiMedium";}
.secUsedCars .itemWrap .itemTit .titCon {display:block;font-size: 14px;line-height: 1.428;color: #666;}
.secUsedCars .itemWrap .itemList .itemCon {overflow: hidden;width: 100%;color: #000;}
.secUsedCars .itemWrap .itemCon .carInfo {margin-left: -10px;}
.secUsedCars .itemWrap .itemCon .carInfo ~ .carInfo {padding-top: 4px;}
.secUsedCars .itemWrap .itemCon .carInfo .infoList {display: inline-block;position: relative;padding: 0 6px 0 10px;font-size: 14px;line-height: 1.43;}
.secUsedCars .itemWrap .itemCon .carInfo .infoList:after {display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #979797;content: "";}
.secUsedCars .itemWrap .itemCon .dealerInfo {padding-top: 25px;}
.secUsedCars .itemWrap .itemCon .dealerInfo .titD {padding-bottom: 11px;font-size: 14px;line-height: 1.428;font-family: "HyundaiMedium";}
.secUsedCars .itemWrap .itemCon .dealerInfo .infoList {font-size: 14px;line-height: 1.428;}
.secUsedCars .itemWrap .itemCon .dealerInfo .infoList ~ .infoList {padding-top: 3px;}
.secUsedCars .itemWrap .btnArea {margin-top: 29px;}
.secUsedCars .itemWrap .btnArea .col {display: table;width: 100% !important;}
.secUsedCars .itemWrap .btnArea .col.btnTel {display: none;}
.secUsedCars .itemWrap .btnArea .btn {height: 45px;font-size: 14px;text-align: center;}
@media screen and  (max-width:1024px){
   /* SUCO */
   .sectionWrap.secUsedCars,
   .secUsedCars {padding-top: 36px;padding-bottom: 70px;}
   .secUsedCars .topTxtArea {padding-bottom: 33px;}
   .secUsedCars .bulletListBox {padding-bottom: 20px;}
   .secUsedCars .selBox {margin-bottom: 20px;}
   .secUsedCars .selBox label {padding: 10px 15px;}
   .secUsedCars .selBox .selForm {display: table-cell;width: 320px;padding: 10px 15px;}
   .secUsedCars .itemWrap .itemList .img {margin-bottom: 24px;}
   .secUsedCars .itemWrap .itemTit {padding-bottom: 7px;}
   .secUsedCars .itemWrap .itemTit .titC {font-size: 19px;line-height: 1.263;}
   .secUsedCars .itemWrap .itemTit .titCon {font-size: 12px;line-height: 1.416;}
   .secUsedCars .itemWrap .itemCon .carInfo {display: inline-block;margin-left: -8px;}
   .secUsedCars .itemWrap .itemCon .carInfo ~ .carInfo {margin-left: 0;padding-top: 0;}
   .secUsedCars .itemWrap .itemCon .carInfo .infoList {padding: 0 4px 0 8px;line-height: 1.5;}
   .secUsedCars .itemWrap .itemCon .carInfo .infoList:after {height: 10px;margin-top: -5px;}
   .secUsedCars .itemWrap .itemCon .dealerInfo {padding-top: 14px;}
   .secUsedCars .itemWrap .itemCon .dealerInfo .titD {padding-bottom: 3px;line-height: 1.5;}
   .secUsedCars .itemWrap .itemCon .dealerInfo .infoList {font-size: 14px;line-height: 1.428;}
   .secUsedCars .itemWrap .itemCon .dealerInfo .infoList ~ .infoList {padding-top: 2px;}
   .secUsedCars .itemWrap .btnArea {margin-top: 21px;}
   .secUsedCars .itemWrap .btnArea .btn {height: 40px;}
   .secUsedCars .btnMoreWrap {padding-top: 40px;}
}
@media screen and  (max-width:767px){
   /* SUCO */
   .secUsedCars .btnWrap.btnMoreWrap {padding-top:40px;}
   .secUsedCars .selBox {display: block;margin-bottom: 10px;padding: 10px 15px;}
   .secUsedCars .selBox label {display: block;padding: 0 0 10px 0;}
   .secUsedCars .selBox .selForm {display: block;width: 100%;padding: 0;}
   .secUsedCars .itemWrap .itemList .img {margin-bottom: 20px;padding-bottom:0;}
   .secUsedCars .itemWrap .itemTit {padding-bottom: 4px;}
   .secUsedCars .itemWrap .btnArea {margin: 21px -5px 0;}
   .secUsedCars .itemWrap .btnArea:after {display: table;content: "";clear: both;}
   .secUsedCars .itemWrap .btnArea .col {float: left;width: 50% !important;padding: 0 5px;}
   .secUsedCars .itemWrap .btnArea .col.btnTel {display: table;}
   .secUsedCars .itemWrap .btnArea .btn {height: 40px;}
}

/* SCUO : Contact Us */
.conPd1 {padding-top:90px;padding-bottom:90px;}
.sectionInner .hide, caption {overflow: hidden;position: absolute;left: -9999px;width: 1px;height: 1px;}
.conBtPd {padding-top: 100px !important;}
@media screen and  (max-width:1024px){
   /* SCUO */
   .scuo .formBoxWrap .titArea {width:auto;}
   .scuo .formBoxWrap .titArea .subTitS {padding-right:10px;}
   .conPd1 {padding-top:45px;padding-bottom:70px;}
   .btnMoreFull {height: 35px;font-size: 12px;}
   .conBtPd {padding-top: 43px !important;}
}
@media screen and  (max-width:767px){
   /* SCUO */
   .conPd1 {padding-top:45px;padding-bottom:70px;}
   .conPd1 .radioboxWrap .radioBoxInner label {padding-right:0;}
}

/* SDLO  : Downloads */
.sectionWrap.secDownload,
.secDownload {padding-top: 80px;padding-bottom: 100px;}
.secDownload .itemCon .itemDownload .btnList ~ .btnList {padding-top: 3px;}
.secDownload .itemLink .img {margin-bottom: 15px;}
.secDownload .itemWrap.bttmLayer .itemLayer {padding: 48px 20px 44px;}
.secDownload .itemLayer .thumbWrap {position: relative;padding: 0 40px 0;}
.secDownload .itemLayer .thumbWrap [class*=subTit] {padding-bottom: 20px;}
.secDownload .itemLayer .thumbListWrap {overflow: hidden;position: relative;width: 100%;}
.secDownload .itemLayer .thumbArea {margin: 0;}
.secDownload .itemLayer .thumbArea:after {display: block;content: "";clear: both;}
.secDownload .itemLayer .thumbArea .thumbList {float: left;width: 33.3%;padding: 0 7px;}/* 2017-11-12 */
.secDownload .itemLayer .thumbArea .thumbList:first-child {padding-left:0;}/* 2017-11-12 */
.secDownload .itemLayer .thumbArea .thumbList:last-child {padding-right:0;}/* 2017-11-12 */
.secDownload .itemLayer .thumbArea .thumbImg {overflow: hidden;position: relative;width: 100%; height: 200px;/*padding-bottom: 65.625%;*/}/* 2017-11-12 */ /*GT디자인가이드_30 190402 */
.secDownload .itemLayer .thumbArea .thumbImg img {width:100%;/*width: auto;position: absolute;left: 50%;top: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); width:320px; height:210px;*/}/* 2017-11-12 */
.secDownload .itemLayer .thumbArea .size {padding-top: 20px;text-align: center;}
.secDownload .itemLayer .thumbArea .size .list {display: inline-block;position: relative;margin-left: 16px;padding-left: 21px;}
.secDownload .itemLayer .thumbArea .size .list:first-child {margin-left: 0;padding-left: 0;}
.secDownload .itemLayer .thumbArea .size .list:after {display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #002c5f;content: "";}
.secDownload .itemLayer .thumbArea .size .list:first-child:after {display: none;}
.secDownload .itemLayer .thumbArea .size .list a {font-size: 14px;line-height: 1.71;color: #002c5f;font-family: "HyundaiMedium";}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev,
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext {overflow: hidden;position: absolute;top: 50%;width: 12px;height: 20px;margin-bottom: -54px;text-indent: -9999px;}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev {left: 0;background: url("../../template_en/en/images/common/ico-arr-prev-s.png") no-repeat center center;}
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext {right: 0;background: url("../../template_en/en/images/common/ico-arr-next-s.png") no-repeat center center;}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {visibility: hidden;}
.secDownload .itemList.active .btnText.sm.icArrDown:after {display: block;position: absolute;top: 4px;left: 0;border-top: 0px solid transparent;border-right: 4px solid transparent;border-bottom: 6px solid #000;border-left: 4px solid transparent;content: "";}

.secDownload .itemWrap .img img { width:265px; height:144px;}
@media screen and  (max-width:1240px){
   /* SDLO */
   .secDownload .itemLayer .thumbArea .size .list {margin-left: 7px;padding-left: 12px;}
}
@media screen and  (max-width:1024px){
   /* SDLO */
   .sectionWrap.secDownload,
   .secDownload {padding-top: 50px;padding-bottom: 70px;}
   .secDownload .itemCon .itemDownload .btnList ~ .btnList {padding-top: 9px;}
   .secDownload .itemLink .img {margin-bottom: 15px;}
   .secDownload .itemWrap.bttmLayer .active .itemLayer {padding: 40px 10px 40px;}
   .secDownload .itemWrap.bttmLayer .itemList:nth-child(4n+1) .itemLayer:after {left: 10%;}
   .secDownload .itemWrap.bttmLayer .itemList:nth-child(4n+2) .itemLayer:after {left: 35%;}
   .secDownload .itemWrap.bttmLayer .itemList:nth-child(4n+3) .itemLayer:after {left: 60%;}
   .secDownload .itemWrap.bttmLayer .itemList:nth-child(4n+4) .itemLayer:after {left: 85%;}
   .secDownload .itemLayer .thumbWrap {position: relative;padding: 0 20px 0;}
   .secDownload .itemLayer .thumbWrap [class*=subTit] {padding-bottom: 15px;}
   .secDownload .itemLayer .thumbArea {margin: 0 -5px;}
   .secDownload .itemLayer .thumbArea .thumbList {padding: 0 5px;}
   .secDownload .itemLayer .thumbArea .size {padding-top: 15px;}
   .secDownload .itemLayer .thumbArea .size .list {margin-left: 4px;padding-left: 4px;}
   .secDownload .itemLayer .thumbArea .size .list:after {height: 9px;margin-top: -4px;}
   .secDownload .itemLayer .thumbArea .size .list a {font-size: 12px;line-height: 17px;}
   .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev,
   .secDownload .itemLayer .thumbWrap .btnDirection .btnNext {width: 10px;height: 16px;margin-bottom: -42px;background-size: cover;}
   .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
   .secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {visibility: hidden;}

   .secDownload .itemWrap .img img { width:169px; height:92px;}

   /*.secDownload .itemLayer .thumbArea .thumbImg img { width:210px; height:114px;}/* 2017-11-12 */
   .secDownload .itemLayer .thumbArea .thumbImg {height:180px;} /*GT디자인가이드_30 190404*/
}
@media screen and  (max-width:767px){
   /* SDLO */
   .sectionWrap.secDownload,
   .secDownload {padding-top: 40px;}
   .sdlo .tabWrap .tabArea .tab.on,
   .sdlo .tabWrap .tabArea .tab.on .link {background-color:#656565;}
   .secDownload .itemWrap.bttmLayer .active .itemLayer {padding: 40px 30px 40px;}
   .secDownload .itemWrap.bttmLayer .itemList .itemLayer:after {left: 50% !important;margin-left: -13px !important;}
   .secDownload .itemLayer .thumbWrap {padding: 0;}
   .secDownload .itemLayer .thumbArea {margin: -30px 0 0;}
   .secDownload .itemLayer .thumbArea .thumbList {float: none;width: 100%;padding: 30px 0 0;}
   .secDownload .itemLayer .thumbWrap .btnDirection {display: none;}
   .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
   .secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {visibility: hidden;}

   .secDownload .itemWrap .img img {width: 100%;height: auto;}
   .secDownload .itemLink .img{padding-bottom:0;}
   /*.secDownload .itemLayer .thumbArea .thumbImg img { width:230px; height:125px;}/* 2017-11-12 */
   .secDownload .itemLayer .thumbArea .thumbImg {height:auto;} /*GT디자인가이드_30 190404*//* 2017-11-12 */
}

/* SNLS */
@media all and (max-width:1024px) {
   .snls .formBoxWrap .titArea {width:auto;}
   .snls .formBoxWrap .titArea .subTitS {padding-right:10px;}
}
@media all and (max-width:767px) {
   .snls .formBoxWrap .formCon .row {padding-right:0;}
   .snls .formBoxWrap .formCon .row.emailForm .inputForm {float:none;width:auto;}
   .snls .formBoxWrap .formCon .row.emailForm .btnArea {display:block;float:none;position:static;width:auto;padding:25px 0 0;text-align:center;}
   .snls .formBoxWrap .formCon .row.emailForm .btnArea .btn {display:inline-block;width:150px;height:40px;}

   .snls .formBoxWrap .scrollBox .boxInner2 {font-size:12px;}
}
/* SNLS > Newsletter Subscription */
 .leayerNewsLetter .layerPopupInner { left: 50%; transform: translate(-50%, -50%);}/*190919-v2 margin delete, transform add*/
.leayerNewsLetter .layerPopup .layerConWrap {padding: 78px 60px;}
.leayerNewsLetter .layerConWrap [class*=subTit] {padding-bottom: 54px;text-align: center;}
.leayerNewsLetter .layerConWrap [class*=subTit] strong {display: block;padding-top: 5px;}
.leayerNewsLetter .codeBox {text-align: center;}
.leayerNewsLetter .codeBox label {display: block;padding-bottom: 15px;font-size: 16px;line-height: 1.5;text-align: center;}
.leayerNewsLetter .codeBox input {display: block;width: 580px;height: 53px;}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap {padding-top: 32px;}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap .btn {height: 38px;font-size: 12px;line-height: 15px;}
.leayerNewsLetter .layerConWrap .normalBox {padding-top: 56px;text-align: center;}
.leayerNewsLetter .layerConWrap .normalBox .errorTxt {display:none;}
.leayerNewsLetter .layerConWrap .normalBox .normalTxt {padding-top:30px;border-top:1px solid #e4dcd3;font-size:16px;line-height:24px;}
.leayerNewsLetter .layerConWrap .normalBox.errorBox .errorTxt {display:block;font-size: 14px;line-height: 2;}
.leayerNewsLetter .layerConWrap .normalBox.errorBox .normalTxt {margin-top:30px;}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap {padding-top: 30px;}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap .btn {line-height: 17px;}
.layerSubmitPop .layerConWrap .enterBpx .subTitS {font-weight:600;}
.layerSubmitPop .layerConWrap .enterBpx .btnWrap {padding-top:40px;}
.layerSubmitPop .layerConWrap .enterBpx .btnWrap .btn{height:38px;font-size:12px;}
.layerSubmitPop .layerPopupInner {top:50%;left:50%;width:700px;margin:-350px 0 0 -350px;text-align:center;}
.layerSubmitPop .layerPopup .layerConWrap {padding: 78px 50px;}
@media screen and  (max-width:1024px){
   /* SNLS > Newsletter Subscription */
   .leayerNewsLetter .layerPopupInner {width: 523px; max-width: calc(100% - 30px);} /*190919 edit*/
   .leayerNewsLetter .layerPopup .layerConWrap {padding: 45px 30px;}
   .leayerNewsLetter .layerConWrap [class*=subTit] {padding: 0 25px 22px;}
   .leayerNewsLetter .layerConWrap [class*=subTit] strong {padding-top: 0;}
   .leayerNewsLetter .codeBox label {padding: 0 25px 45px;font-size: 14px;}
   .leayerNewsLetter .codeBox input {width: 100%;height: 45px;}
   .leayerNewsLetter .layerConWrap .enterBpx .btnWrap {padding-top: 20px;}
   .leayerNewsLetter .layerConWrap .enterBpx .btnWrap .colWd {width: 100%;}
   .leayerNewsLetter .layerConWrap .enterBpx .btnWrap .btn {height: 40px;font-size: 14px;line-height: 17px;}
   .leayerNewsLetter .layerConWrap .errorBox {padding-top: 28px;}
   .leayerNewsLetter .layerConWrap .errorBox .errorTxt {line-height: 1.5;}
   .leayerNewsLetter .layerConWrap .errorBox .btnWrap .colWd {width: 50%;}
   .layerSubmitPop .layerPopupInner {width:340px;margin:-350px 0 0 -170px;}
}
@media screen and  (max-width:767px){
   /* SNLS > Newsletter Subscription */
   /* .leayerNewsLetter .layerPopupInner {width: 290px;margin-left: -145px;}190919 delete */
   .leayerNewsLetter .layerConWrap [class*=subTit] {padding: 0 0 22px;}
   .leayerNewsLetter .codeBox label {padding: 0 0 45px;}
   .layerSubmitPop .layerPopupInner {width:290px;margin:-350px 0 0 -145px;}
}

/* SAVO : All Vehicles */
.sectionWrap.secAllVehicles,
.secAllVehicles {padding-bottom: 100px;}
.secSltCarList.secAllVehicles .itemWrap .img img { width:265px; height:144px;}
.secSltCarList.secAllVehicles .itemWrap .itemLayer .img img { width:338px; height:183px;}

/* SAVO > Overflow Search Box */
.sectionWrap.savoSearchSecWrap { overflow: visible; position:absolute; width: 100%;} 
.all-vehicle{position: relative;}
.savoSearchSecWrap .savoSearchSecFWrap {position: absolute; top: 142px; left: 0; right: 0; width: 100%; margin: 0 auto;}
.savoSearchSecFWrap .searchSect .searchTit {margin-bottom:12px;}
.savoSearchSecFWrap .searchSect .inputBox {margin:0 auto 10px auto;}
.savoSearchSecFWrap .searchSect .searchResultWrap {width:608px;margin:0 auto;text-align:left;}
.savoSearchSecFWrap .searchSect .searchResultWrap dl.searchResult dt {display:inline-block;margin-right:20px;font-size:16px;line-height:2;color:#000;text-align:left;font-family:"HyundaiMedium";}
.savoSearchSecFWrap .searchSect .searchResultWrap dl.searchResult dd {display:inline-block;font-size:14px;line-height:2.29;color:#00aad2;text-align:left;font-family:"HyundaiRegular";}
.savoSearchSecFWrap .tWrap {margin:0 30px; text-align:center;}
.savoSearchSecFWrap .tWrap .titInner {}
.savoSearchSecFWrap .tWrap .ftit {font-size:58px;color:#000;font-family:"HyundaiMedium";}
.savoSearchSecFWrap .tWrap .stit {margin-top:10px;font-size:20px;line-height:30px;color:#000;font-family:"HyundaiRegular";}
.savoSearchSecFWrap .tWrap .stit.type1 {margin-top:20px;}
.savoSearchSecFWrap .bottmBtns {margin-top:50px;}
@media screen and (max-width:1024px){
   /* SAVO */
   .sectionWrap.secAllVehicles,
   .secAllVehicles {padding-bottom: 70px;}
   .secSltCarList.secAllVehicles .itemWrap .img img { width:230px; height:125px;}
   .secSltCarList.secAllVehicles .itemWrap .itemLayer .img img { width:668px; height:362px;}

   /* SAVO > Overflow Search Box */
    .sectionWrap.savoSearchSecWrap {height: 170px;}
    .savoSearchSecWrap .savoSearchSecFWrap {top: 50px;}
    .savoSearchSecFWrap .topSect .locWrap li,
   .savoSearchSecFWrap .topSect .utilWrap {height:80px;line-height:80px;}
   .savoSearchSecFWrap .tWrap .ftit {font-size:30px;line-height:35px;}
   .savoSearchSecFWrap .tWrap .stit {font-size:14px;line-height:19px;}
   .savoSearchSecFWrap .searchSect .searchTit {margin-bottom:12px;}
   .savoSearchSecFWrap .searchSect .inputBox {margin:0 auto 8px auto;}
   .savoSearchSecFWrap .searchSect .searchResultWrap {width:430px;}
}

@media all and (max-width:767px) { /*모바일 한정_190509*/
   /* SAVO */
   .secSltCarList.secAllVehicles .itemWrap .itemList .itemCon .conAreaS {display:none;}
   .secSltCarList.secAllVehicles .itemWrap .img img {width: 100%;height: auto;}
    /* SAVO > Overflow Search Box */
    .sectionWrap.savoSearchSecWrap {height: 224px;}
    .savoSearchSecWrap .savoSearchSecFWrap {top: 90px; margin: 0; padding: 0;}
    .savoSearchSecFWrap {padding:30px 0 0;}
    .savoSearchSecFWrap .topSect {display:none;}
    .savoSearchSecFWrap .searchSect .searchResultWrap {width:auto;}
    .savoSearchSecFWrap .bottmBtns.btnWrap .colWd {width:50%;margin:0;padding-right:10px;min-width:0;}
    .savoSearchSecFWrap .bottmBtns.btnWrap .colWd:last-child {padding-right:0;padding-left:10px;}
    .savoSearchSecFWrap .tWrap .titInner {}/*All Vehicles만 필터 위치 조정_190513*/
}


/**** no Component ****/
/* noComponent : special offer, promotion list */
/*.sectionWrap.sectionBasic { padding-bottom: 100px;} 181022*/
.secListWrap { margin: 0 auto;}
.secListWrap .listArea { margin:0 auto;}
.secListWrap .listArea .lineRow { padding:100px 0; background:#f6f3f2;}
.secListWrap .listArea .lineRow .rowInner { overflow:hidden; max-width:1120px; margin:0 auto;}
.secListWrap .listArea .lineRow:nth-child(even) { background:#fff;}
.secListWrap .listArea .list { float:left; width:50%; box-sizing:border-box;}
.secListWrap .listArea .list:nth-child(even) { padding-left:17px;}
.secListWrap .listArea .list:nth-child(odd) { padding-right:17px;}
.secListWrap .listArea .img { overflow: hidden; position: relative; height:auto; margin-bottom: 30px;}/*181012*/
.secListWrap .listArea .img img { position: static;top: 50%;left: 50%; -webkit-transform: none;transform:none;}/*181012*/
.secListWrap .listArea [class*=subTit],
.secListWrap .listArea .conTit {display: block;}
.secListWrap .listArea .listCon.pt {padding-top: 12px;}
.secListWrap .listArea .listCon > * {font-size: 14px;line-height: 1.71;letter-spacing: 0.2px;}
.secListWrap .listArea .btnArea {padding-top: 14px;}
.secListWrap .listMoreWrap {padding-top: 40px;}
@media screen and (max-width:1240px) {
   /* noComponent : special offer, promotion list */
   /*.sectionWrap.sectionBasic { padding:0 0 100px;} 181022*/
   .secListWrap .listArea .lineRow .rowInner { max-width:none; margin:0 25px;}
   .secListWrap .listArea .img img{width:100%;} /*181012*/
}
@media screen and (max-width:1024px) {
   /* noComponent : special offer, promotion list */
   /*.sectionWrap.sectionBasic { padding-bottom: 70px;} 181022*/
   .secListWrap {width: 100%; max-width: 100%;}
   .secListWrap .listArea .lineRow { padding:50px 0;}
   .secListWrap .listArea .img { height:auto;margin-bottom: 18px;} /*181012*/
   .secListWrap .listArea .listCon {}
   .secListWrap .listArea .listCon > * {font-size: 12px;line-height: 1.417;}
   .secListWrap .listArea .btnArea {padding-top: 13px;}
}
@media screen and (max-width:767px) {
   /* noComponent : special offer, promotion list */
   .secListWrap .listArea .lineRow { padding:0; background:none;}
   .secListWrap .listArea .lineRow .rowInner { margin:0;}
   .secListWrap .listArea .list { float:none; width:auto;}
   .secListWrap .listArea .list:nth-child(even),
   .secListWrap .listArea .list:nth-child(odd) { padding:50px 15px;}
   .secListWrap .listArea .list:nth-child(odd) { background:#f6f3f2;}
   .secListWrap .listArea .img { height:auto;}
   .secListWrap .listArea .img img{position: static; width:100%; transform:none;}
}

/* noComponent : newsList */
.sectionWrap.secNewsSelForm {padding-top: 40px;padding-bottom: 40px;}
.sectionWrap.secNewsSelForm .selectFormBox {width: 816px;margin: 0 auto;}
.sectionWrap.secNewsSelForm .selectFormBox .selForm {width: 212px;}
.sectionWrap.secNewsSelForm .selectFormBox .inputForm {width: 472px;}
.sectionWrap.secNewsSelForm .selectFormBox .searchBtn {width: 132px;}
.sectionWrap.secNewsListWrap {padding-top: 60px;padding-bottom: 100px;}
.sectionWrap.secNewsListWrap .itemWrap .itemListWrap {margin-top: -50px;}
.sectionWrap.secNewsListWrap .itemWrap .itemList {margin-top: 50px;}
.sectionWrap.secNewsListWrap .itemLink {cursor: pointer;}
.sectionWrap.secNewsListWrap .itemLink:hover {text-decoration: none;}
.sectionWrap.secNewsListWrap .itemWrap .img {margin-bottom: 26px;padding-bottom: 66.193%;}
.sectionWrap.secNewsListWrap .itemWrap .img img{width:100%; height:100%;} /* 20171121 added */
.sectionWrap.secNewsListWrap .itemLink .itemTit {cursor: pointer;}
.sectionWrap.secNewsListWrap .itemTit .date {padding-bottom: 2px;font-size: 14px;line-height: 1.71;color: #666;letter-spacing: 0.2px;}
.sectionWrap.secNewsListWrap .itemLink .itemTit .conTit {overflow: hidden;display: block;display: -webkit-box;width: 100%;height: 56px;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sectionWrap.secNewsListWrap .listMoreWrap {padding-top: 80px;}
.secNewsListWrap .searchConts {padding-top: 0 !important;}
@media screen and (max-width:1024px) {
   /* noComponent : newsList */
   .sectionWrap.secNewsListWrap {padding-top: 28px;padding-bottom: 28px;}
   .sectionWrap.secNewsSelForm .selectFormBox {width: 100%;}
   .sectionWrap.secNewsSelForm .selectFormBox .selForm {width: 34.3%;}
   .sectionWrap.secNewsSelForm .selectFormBox .inputForm {width: 51.9%;}
   .sectionWrap.secNewsSelForm .selectFormBox .searchBtn {width: 13.3%;}

   .sectionWrap.secNewsListWrap {padding-top: 40px;padding-bottom: 70px;}
   .sectionWrap.secNewsListWrap .itemWrap .itemListWrap {margin-top: -40px;}
   .sectionWrap.secNewsListWrap .itemWrap .itemList {margin-top: 40px;}
   .sectionWrap.secNewsListWrap .itemWrap .img {margin-bottom: 17px;}
   .sectionWrap.secNewsListWrap .itemTit .date {padding-bottom: 5px;font-size: 12px;line-height: 1.417;}
   .sectionWrap.secNewsListWrap .itemLink .itemTit .conTit {height: 42px;}
   .sectionWrap.secNewsListWrap .listMoreWrap {padding-top: 40px;}
}
@media screen and (max-width:767px) {
   /* noComponent : newsList */
   .sectionWrap.secNewsSelForm {padding-top: 20px;padding-bottom: 20px;}
   .sectionWrap.secNewsSelForm .selectFormBox {margin-top: -10px;}
   .sectionWrap.secNewsSelForm .selectFormBox .selForm {width: 100%;}
   .sectionWrap.secNewsSelForm .selectFormBox .inputForm {width: 100%;}
   .sectionWrap.secNewsSelForm .selectFormBox .searchBtn {width: 100%;padding-top: 10px;}
   .sectionWrap.secNewsSelForm .selectFormBox .searchBtn .btn {height: 35px;font-size: 14px;}
   .sectionWrap.secNewsListWrap .itemWrap .img{padding:0;}
   .sectionWrap.secNewsListWrap .itemLink .itemTit .subTitS {height: 21px;-webkit-line-clamp: 1;}
}

/* noComponent : News > View */
.sectionWrap.newsViewWrap {padding-bottom: 100px;}
.newsViewWrap .newsContBox {overflow: hidden;width: 100%;padding: 80px 0 100px;}
.newsViewWrap .newsContBox .img {overflow:hidden;position:relative;height:600px;}
.newsViewWrap .newsContBox .img img {position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.newsViewWrap .pagingBox {padding: 0 30px;border: 1px solid #e2dcd4;}
.newsViewWrap .pagingBox .jumpPage {overflow: hidden;position: relative;padding: 9px 30px 9px 109px;}
.newsViewWrap .pagingBox .jumpPage:after {display: block;position: absolute;top: 50%;right: 0;width: 12px;height: 8px;margin-top: -4px;background: url("../../template_en/en/images/common/ico-toggle-down.png") no-repeat center center;background-size: 12px;content: "";}
.newsViewWrap .pagingBox .jumpPage.prev:after {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.newsViewWrap .pagingBox .jumpPage dt {position: absolute;top: 0;left: 0;width: 109px;padding: 9px 0;font-size: 16px;line-height: 2;font-family: "HyundaiMedium";letter-spacing: 0.3px;}
.newsViewWrap .pagingBox .jumpPage dd {width: 100%;font-size: 16px;line-height: 2;letter-spacing: 0.3px;}
.newsViewWrap .pagingBox .jumpPage dd a {overflow: hidden;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.newsViewWrap .pagingBox .jumpPage ~ .jumpPage {border-top: 1px solid #e2dcd4;}
.newsViewWrap .btnWrap {padding-top: 80px;text-align: center;}
.newsViewWrap .btnWrap .colWd {margin-right: 0;padding-top: 0;}
@media screen and (max-width:1024px) {
   .sectionWrap.newsViewWrap {padding-bottom: 70px;}
   .newsViewWrap .newsContBox {padding: 70px 0 70px;}
   .newsViewWrap .pagingBox {padding: 0 24px;}
   .newsViewWrap .pagingBox .jumpPage {padding: 9px 30px 9px 65px;}
   .newsViewWrap .pagingBox .jumpPage dt {width: 65px;font-size: 12px;line-height: 1.25;}
   .newsViewWrap .pagingBox .jumpPage dd {font-size: 12px;line-height: 1.25;}
   .newsViewWrap .btnWrap {padding-top: 50px;}
   .newsViewWrap .newsContBox .img  {height:384px;}
}
@media screen and (max-width:767px) {
   .newsViewWrap .pagingBox {padding: 0 15px;}
   .newsViewWrap .pagingBox .jumpPage {padding: 9px 25px 9px 45px;}
   .newsViewWrap .pagingBox .jumpPage dt {width: 45px;}
   .newsViewWrap .btnWrap {padding-top: 25px;}
   .newsViewWrap .newsContBox .img  {height:auto;}
   .newsViewWrap .newsContBox .img img{ position:static; width:100%; transform:none;}
}

/* noComponent > search list */
.gridbox.search li {width:100%;margin:0 0 60px 0;padding:0 0 60px 0;border-bottom:solid 1px #e5e5e5;}
.gridbox.search li:last-child {margin-bottom:126px;padding-bottom:0;border:0;}
.gridbox.search li .txtArea {float:left;width:824px;margin-left:0;}
.gridbox.search li .imgArea {float:right;width:256px;height:170px;}
.searchConts {padding-top:60px !important;}
.searchConts .txtArea {padding:0;}
.searchConts .txtArea .Tit {margin-bottom:8px;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}
.searchConts .txtArea .numTxt {margin-bottom:16px;font-size: 14px;line-height: 24px;color: #666;letter-spacing: 0.2px;text-align: left;font-family:"HyundaiRegular";}
.searchConts .txtArea .Sub {font-size:14px;line-height:24px;color:#000;font-family:"HyundaiRegular";}
.searchConts .noTit {margin-bottom:20px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiMedium";}
.searchConts .nosub {font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";}
.searchConts .btnWrap.btnMoreWrap {padding-top: 0;}
@media (max-width: 1240px) {
   /* noComponent > search list */
   .gridbox.search li .txtArea {width:73%;}
}
@media (max-width: 1024px) {
   /* noComponent > search list */
   .gridbox.search li {margin:0 0 30px 0;padding:0 0 30px 0;}
   .gridbox.search li:last-child {margin:0 0 50px 0;padding-bottom:30px;border-bottom:solid 1px #e5e5e5;}

   .searchConts {padding-top:30px !important;}
   .gridbox.search li .txtArea {width:66%;}
   .gridbox.search li .imgArea {width:230px;height:158px;}

   .searchConts .txtArea .Tit {margin-bottom:14px;font-size:19px;line-height:24px;}
   .searchConts .txtArea .numTxt {margin-bottom:15px;font-size: 14px;line-height: 21px;}
   .searchConts .txtArea .Sub {font-size:14px;line-height:21px;}

   .searchConts .noTit {margin-bottom:16px;font-size:17px;line-height:22px;}
   .searchConts .nosub {font-size:14px;line-height:21px;}
}
@media (max-width: 767px){
   .gridbox.search li .txtArea{ float:none;width:100%;}
   .gridbox.search li .imgArea{float:none;width:100%;height:auto;margin-top: 30px;}
}

/* noComponent > siteMap */
.siteMapConts {padding:70px 0 100px  0 !important;}
.siteMapWrap {width:100%; padding: 0 25px; background-color: #fff;}
.siteMapWrap .siteMapList {width:100%;}
.siteMapWrap {position: relative;}
.siteMapWrap ul.siteMapList li.dep1 .btnOpenClose {display: block;position: relative;width: 100%;height: 103px;max-width:1120px;margin:0 auto;border-top:solid 1px #d8d8d8;background: #fff;font-size:30px;font-weight: normal;line-height: 103px;color: #000;font-family: "HyundaiMedium";text-align: left;text-decoration:none;box-sizing: border-box;}
.siteMapWrap ul.siteMapList li:first-child .btnOpenClose {border-top:0 none;}
.siteMapWrap ul.siteMapList li.dep1 .btnOpenClose:last-child {border-bottom:solid 1px #d8d8d8;}
.siteMapWrap ul.siteMapList li.dep1 .btnOpenClose:after {display: block;position: absolute;top:48px;right: 0;width: 20px;height: 14px;background: url("../../template_en/en/images/common/ico-toggle-down.png") no-repeat 0 0;content: '';}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap {display: none;padding:0;}
.siteMapWrap ul.siteMapList li.dep1.on .btnOpenClose {border-bottom:0;color: #000;}
.siteMapWrap ul.siteMapList li.dep1.on .btnOpenClose:after {background: url("../../template_en/en/images/common/ico-toggle-up.png") no-repeat 0 0;}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap {display: none;}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:11px 0 75px 0;} /* 180911-1 defect */
/* .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:11px 0 112px 0;} */
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont:after {display:block;content:"";clear:both;}
/* .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo {margin-bottom:65px} */ /* 180911-1 defect */
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo:after {display:block;content:"";clear:both;}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo dl dd {margin-top:4px;}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl.ddMt dd {margin-top:4px;}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {float:left; width: 20%;max-width:224px; margin-bottom:23px;}/*181119*/
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl:nth-child(5n+1){clear:both;}/*181119*/
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {display:block;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}  /* GT디자인가이드_28 190321 */
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:23px; padding-right: 10px;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {display:block;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";}  /* GT디자인가이드_28 190321 */
@media screen and  (max-width:1120px) {
   /* noComponent > siteMap */
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {width:100%;padding:11px 0 112px 0;}
}
@media screen and  (max-width:1024px) {
   /* noComponent > siteMap */
   .siteMapConts {padding:50px 0 70px 0 !important;}
   .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose {width:100%;width:100%;height:60px;padding:0;font-size:19px;line-height:60px;}
   .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose:after,
   .siteMapWrap ul.siteMapList li.dep1.on .btnOpenClose:after {top:24px;width: 16px;height: 10px;background-size:100%;}

   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:30px 0 45px 0;} /* 180911-1 defect */
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:33.3%;} /* 180911-1 defect */
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {font-size:19px;line-height:24px;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:16px;line-height:20px;} /* 180911-1 defect */
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:19px;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {font-size:14px;line-height:21px;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {font-size:14px;line-height:21px;}
}
@media screen and  (max-width:767px) {
   /* noComponent > siteMap */
   .siteMapConts {padding:30px 0 70px 0 !important;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:38px 0 43px 0;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:50%; max-width: 100%;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {margin-bottom:29px;}
   /*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {display: none;}*/
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:14px;line-height:21px;} /* 180911-1 defect */
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:18px;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo dl dd {margin-top:4px;}
   .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl.ddMt dd {margin-top:4px;}
/*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {float:left;max-width:224px;width: 20%;padding-bottom: 30px;}*/
}

/* noComponent > PR_popup */
.prPopWrap {position:absolute;top:70px;left:50%;z-index:999;width:1120px;margin-left:-560px;background:#fff;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);text-align: center;}
.prPopWrap .titWrap {display:block;position:relative;width:auto;padding:0 30px;background:#e4dcd3;}
.prPopWrap .titWrap h2 {display:table-cell;vertical-align:middle;height:90px;font-size:20px;text-align:left;}
.prPopWrap .titWrap .closeLayerPopup {position:absolute;top:50%;width:15px;height:15px;margin-top:-8px;}
.prPopConts .fullImg {overflow:hidden;height:420px;}
.prPopConts .txtArea {padding:30px;text-align:left;}
.prPopConts .txtArea p {margin-bottom:20px;}
@media screen and  (max-width:1240px) {
   .prPopWrap {position:absolute;right:25px;left:25px;width:auto;margin-left:0;}
}
@media screen and  (max-width:1024px) {
   .prPopWrap .titWrap {padding:0 25px;}
   .prPopWrap .titWrap h2 {height:70px;font-size:17px;}
   .prPopWrap .titWrap .closeLayerPopup {top:50%;width:12px;height:12px;margin-top:-7px;}
   .prPopConts .fullImg {height: auto;}
   .prPopConts .txtArea {padding:21px 25px;}
}
@media screen and  (max-width:767px) {
   .prPopWrap {right:15px;left:15px;}
   .prPopWrap .titWrap {padding:0 15px;}
   .prPopWrap .titWrap h2 {width:200px;height:90px;font-size:17px;line-height:22px;}
   .prPopConts .txtArea {padding:21px 15px;}
}


/* Height resize */
@media screen and (max-width:1024px){
   .pkvn .mianVisualWrap .mainVisualList .visual .img img {height:100%;}
   .pwscSlider .fullImg .img img {height:100%;}
   .pwsdSlider .fullImg .img img {height:100%;}
   .pnsb .imgtxtArea .imgArea img {left:50%;width:auto;height:100%;transform: translateX(-50%);}
   /* .pnscWrap .fullImg .img img {height:100%} */
   .pnsdWrap .imgtxtArea .imgArea img { position:static; width:100%; height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none; }
   .pnsfWrap .imgBox img {height:100%;}
   .paoaWrap .carImageWrap img {width:100%;}
   .paoaWrap .textWrap2 .grid .imgArea img {width:100%;}
   .pgoo .fullImg .img img {width:100%;}
   .palo .itemWrap .img img {width:100%;}
   .psaoSliderWrap .fullImg{height:384px;min-height:auto;}
   .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img{height:100%;}
   .psaoSliderWrap .txtArea{margin-top:30px;}
   .psaoSliderWrap .sliderFull .ix-thumbs{margin-top:35px;}
   /* .pwsbSlider .fullImg .img img {height:100% !important;} */ /* 2017-11-11 */
}

@media (max-width: 767px) {
   .paoaWrap .fullImageSet img {width:100%;}
   .pnsb .imgtxtArea .imgArea img {position:static; width:100%; height:auto; transform:none;} /* rtl */
   .pnscWrap .fullImg .img img {height:auto;} /* rtl */ /* add */
   .pnsdWrap .imgtxtArea .imgArea img{width:100%;height:auto;}
   .pnshWrap .imgtxtArea .grid .imgArea img {width:100%;height:auto;} /* rtl */
   .pkvn .mianVisualWrap .mainVisualList .visual .img img { width:100%;height:auto;} /* rtl */ /* add */
   .pwsdSlider .fullImg .img img{width:100%;height:auto;}
   .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img{width:100%;height:auto;}
}

/* [2018.09.28:천지연] GT : START - facebookLike */
.fbLike {
   position: absolute;
   right: 240px;
   bottom: 0;
   padding: 6px 12px 4px 45px;
   background: #4268b3
       url('../../template_ar/en/images/findacar/fb_like.png')
       no-repeat 12px center;
   background-size: 21px 18px;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
   border-radius: 5px 5px 0 0;
   font-family: 'HyundaiMedium';
   letter-spacing: 1px;
}

.fbLike.chk {
   background: #4080fe
       url('../../template_ar/ar/images/findacar/fb_like_chk.png')
       no-repeat 12px center;
   background-size: 21px 18px;
}

.pkvn .fb_iframe_widget, .pkvn .fb_iframe_widget span {
   display: inline !important;
   position: static !important;
   height: 0 !important;
}

.pkvn .fb_iframe_widget iframe {
   right: 240px;
   bottom: 0;
}

@media screen and (max-width:1024px) {
   .fbLike {
       right: 50px;
       padding: 9px 9px 7px 47px;
       background-size: 21px 19px;
       font-size: 14px;
       line-height: 16px;
       background-position-x: 10px;
       letter-spacing: 1px;
   }
   .fbLike.chk {
       background-size: 21px 16px;
   }
   .pkvn .fb_iframe_widget iframe {
       right: 50px;
   }
}

@media screen and (max-width:767px) {
   .fbLike {
       right: 15px;
       padding: 9px 9px 7px 40px;
       background-size: 21px 19px;
       font-size: 14px;
       line-height: 16px;
       background-position-x: 8px;
       font-family: 'HyundaiRegular';
       letter-spacing: 1px;
   }
   .pkvn .fb_iframe_widget iframe {
       right: 15px;
   }
}
/* [2018.09.28:천지연] GT : END */

/* link style*/
/* .ctsaWrap a, .cttaWrap a, .cttbWrap a, .cttcWrap a, .icoNote a{color:#00aad2;} /*181019*//*181101*/  /*GT디자인가이드_08 190221 190226 */

.ctsaWrap a, .cttaWrap a, .cttbWrap a, .cttcWrap a, .icoNote a,.ctoaTableRow a, .btnText.sm.icDownload, .ctoc .typeTxtLink, .pthoWrap .txt_black a{color:#002c5f!important;} /*GT디자인가이드_07, GT디자인가이드_08 190212 190226 GT디자인가이드_11 190221 */
.btnText.sm.icDownload:hover{text-decoration:underline;} /*GT디자인가이드_08 190212*/


/* table style */
.bgRow tr td:nth-child(even) {background-color:#f6f3f2;} /*GT디자인가이드_06,GT디자인가이드_11 190219*/
.bgCol tr:nth-child(odd) td {background-color:#f6f3f2;} /*GT디자인가이드_07 190219*/
 

/* breadcrumb 위치가 bg영역 바깥에 있는 kv */
.sectionWrap + .parbase > .sectionWrap[class*="Bg"] > .sectionFull,
.sectionWrap + .parbase  .sectionFull > .sectionWrap[class*="Bg"]{margin-top:-90px; padding-top:90px;}
/* breadcrumb에 별도 배경이 적용되게 작업되어져 있어, 하단 배경 영역을 위로 끌어 올려 한 영역처럼 보이도록 적용 */
.sectionWrap + .all-vehicle .headArea[class*="Bg"]{margin-top: -90px; padding-top:90px;}{margin-top: 90px; padding-top:90px;}

@media screen and (max-width: 1024px) {
    .sectionWrap + .parbase > .sectionWrap[class*="Bg"] > .sectionFull,
    .sectionWrap + .parbase  .sectionFull > .sectionWrap[class*="Bg"]{margin-top:-80px; padding-top:80px;}
    .sectionWrap + .all-vehicle .headArea[class*="Bg"]{margin-top: 0; padding-top: 0;}
}

@media screen and (max-width: 767px) {
    .sectionWrap + .parbase > .sectionWrap[class*="Bg"] > .sectionFull,
    .sectionWrap + .parbase .sectionFull > .sectionWrap[class*="Bg"]{margin-top:0; padding-top:0;}
}

/* CWSC : Whole slide set C*/
.cwscWrap .gt_lypd_tsh{padding-top:10px !important;}
.cwscWrap .titWrap h2,
.cwscWrap .titWrap h3,
.cwscWrap .titWrap h4 {margin-bottom:50px;}
.cwscWrap .colLg4 h2,
.cwscWrap .colLg3 h2,
.cwscWrap .colLg2 h2 {margin-top:30px;}
.cwscWrap .colLg4 h3,
.cwscWrap .colLg3 h3,
.cwscWrap .colLg2 h3 {margin-top:20px;}
.cwscWrap .colLg4 h4,
.cwscWrap .colLg3 h4,
.cwscWrap .colLg2 h4 {margin-top:40px;}
.cwscWrap .colLg2 .col {width:50%;}
.cwscWrap .colLg3 .col {width:33.3%;}
.cwscWrap .colLg4 .col {width:25%;}
.cwscWrap .gallery_img {overflow: hidden;display: block;position: relative;width: 100%;text-align: center;}
.cwscWrap .gallery_img img {width:100%;} /* 180418 modify */
/* .cwscWrap .colLg2 .gallery_img {min-height:360px}
.cwscWrap .colLg3 .gallery_img {min-height:233px}
.cwscWrap .colLg4 .gallery_img {min-height:170px;} */
.cwscWrap .colLg2 .btnPrev,
.cwscWrap .colLg2 .btnNext {top:160px;}
.cwscWrap .colLg3 .btnPrev,
.cwscWrap .colLg3 .btnNext {top:100px;}
.cwscWrap .colLg4 .btnPrev,
.cwscWrap .colLg4 .btnNext {top:65px;margin-top: 0;}
.cwscWrap .conAreaM{margin-top:10px;}
.cwscWrap .galleryLink .txtList{margin-top:20px;}
.cwscWrap .conAreaS.bulletS:before{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@media (max-width: 1024px) {
      /* cwsc */
    .cwscWrap .gt_lypd_tsh{padding-top:0 !important;}
    .cwscWrap .titWrap h2,
    .cwscWrap .titWrap h3,
    .cwscWrap .titWrap h4 {margin-bottom:30px;}
    .cwscWrap .subTitS{margin-bottom:0;}
    /* .cwssWrap .subTitM{margin-bottom:30px; font-size:27px; line-height:32px;} 181022*/
    .cwscWrap .colLg4 h2,
    .cwscWrap .colLg2 h3,
    .cwscWrap .colLg3 h4 {margin-top:30px;}
    .cwscWrap .colLg2 .col {width:50%; padding:0 7px;}
    .cwscWrap .colLg3 .col {width:50%; padding:0 7px;}
    .cwscWrap .colLg4 .col {width:50%; padding:0 7px;}
    /* .cwscWrap .colLg2 .gallery_img {min-height:192px}
    .cwscWrap .colLg3 .gallery_img {min-height:148px}
    .cwscWrap .colLg4 .gallery_img {min-height:192px} */
    .cwscWrap .colLg2 .btnPrev,
    .cwscWrap .colLg2 .btnNext {top:50%;margin-top:-140px;}
    .cwscWrap .colLg3 .btnPrev,
    .cwscWrap .colLg3 .btnNext {top:50%;margin-top:-170px;}
    .cwscWrap .colLg4 .btnPrev,
    .cwscWrap .colLg4 .btnNext {top:50%; margin-top:-140px;}
    .cwscWrap .conAreaM{margin-top:15px;}
    .cwscWrap .galleryListBox{margin:0 -7px;}
    .cwscWrap .galleryLink .txtList{margin-top:15px;}
}
@media (max-width: 767px) {
    /* cwsc */
    .cwscWrap .titWrap h2,
    .cwscWrap .titWrap h3,
    .cwscWrap .titWrap h4 {margin:0 0 25px;}
    .cwscWrap .colLg2 h2,
    .cwscWrap .colLg3 h3,
    .cwscWrap .colLg4 h4 {margin-top:20px;}
    /* .cwscWrap .colLg2 .gallery_img {min-height:auto;} 180423 */
    /* .cwscWrap .colLg3 .gallery_img {min-height:auto;} 180423 */
    /* .cwscWrap .colLg4 .gallery_img {min-height:auto;} 180423 */
    .cwscWrap .colLg2 .btnPrev,
    .cwscWrap .colLg2 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
    .cwscWrap .colLg3 .btnPrev,
    .cwscWrap .colLg3 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
    .cwscWrap .colLg4 .btnPrev,
    .cwscWrap .colLg4 .btnNext {top:50%; margin-top: -140px;} /* 180423 */
    .cwscWrap .gallery_img img{position:static; transform:none;} /* 180423 */ /* add 
    */
    .cwscWrap .galleryListBox{margin:0 -5px;}
}

/*201104 pwsc 컴포넌트 버튼 수정*/
.pwscSlider .ix-thumbs.sliderPagination .pager {margin: 0 0 0 30px;}
.pwscSlider .ix-thumbs.sliderPagination .pager:after {left:-30px;}

/**201118 newComponent style 추가**/
/**201118 PIP Text Input - O**/
.ptioWrap .txtArea {margin-top:20px;}
.ptioWrap .galleryBox {display:flex; flex-wrap:wrap; justify-content:center;}
.ptioWrap .galleryList {width:48.5%;}
.ptioWrap .galleryList:nth-child(2n){margin-left:3%;}
.ptioWrap .gallery_img {overflow: hidden;display: block;position: relative;width: 100%;text-align: center;}
.ptioWrap .youtubeArea {width:100%; position:relative;}
.ptioWrap .youtubeArea iframe {left:0; top:0; position:absolute; z-index:1;}

@media (max-width:767px){
    .ptioWrap .galleryBox {display:block;}
    .ptioWrap .galleryList {width:100%;}
    .ptioWrap .galleryList:nth-child(2n){margin-left:0; margin-top:5%;}
    .ptioWrap .imgWrap img {width:100%;} /* 211129 add */
}

/* 210601 add : Contact Us modify */
.scuo .formBoxWrap .titArea {position:relative; display:block;}
.scuo .formBoxWrap .titArea .btnWrap {position:absolute;top:0;right:0;min-width:auto;}
.scuo .formBoxWrap .titArea .btnWrap a.btn {height:40px;padding:0 34px;font-size:14px;}
.scuo .formBoxWrap .selForm select {font-size:14px;}
.scuo .formBoxWrap .fileboxWrap {position:relative;font-size:14px;}
.scuo .formBoxWrap .filebox {position:relative;}
.scuo .formBoxWrap .filebox + .filebox {margin-top:9px;}
.scuo .formBoxWrap .filebox label {display:block;position:absolute;top:0;left:0;padding:0 35px;background-color:#666;font-size:inherit;line-height:40px;color:#fff;text-align:center;cursor:pointer;}
.scuo .formBoxWrap .filebox .file {display:inline-block;width:88.536vw;max-width:1065px;font-size:inherit;vertical-align:middle;line-height:1;}
.scuo .formBoxWrap .filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.scuo .formBoxWrap .filebox input.read_only {background-color:#cecdca !important}
.scuo .formBoxWrap .filebox .upload_name {display:inline-block;width:100%;height:40px;line-height:30px;vertical-align:middle;border:1px solid #e4dcd3;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.scuo .formBoxWrap .filebox .btn {display:inline-block;width:auto;height:40px;margin-left:17px;padding:0 30px;font-size:inherit;line-height:40px;color:#fff;text-align:center;}
.scuo .formBoxWrap .filebox .btn.del {width:40px;margin-left:7px;padding:0;background-color:#666;}
.scuo .formBoxWrap .filebox .btn.del:before {content:'';display:block;position:absolute;top:19px;left:13px;width:15px;height:2px;background-color:#fff;}
.scuo .formBoxWrap .fileboxWrap .btn.add {position:absolute;top:0;right:0;left:auto;width:122px;height:40px;padding:0;font-size:inherit;line-height:40px;}
@media screen and  (max-width:1023px) {
    .scuo .formBoxWrap .filebox .file {width:86.536vw;}
}
@media screen and  (max-width:767px) {
    .scuo .formBoxWrap .titArea .btnWrap {display:block;position:relative;margin-top:10px;}
    .scuo .formBoxWrap .titArea .btnWrap a.btn {height:30px;padding:0 22px;font-size:13px;}
    .scuo .formBoxWrap .fileboxWrap {font-size:13px;}
    .scuo .formBoxWrap .filebox + .filebox {margin-top:12.5px;}
    .scuo .formBoxWrap .filebox label {height:36px;padding:0 20px;font-size:inherit;line-height:36px;}
    .scuo .formBoxWrap .filebox .file {width:calc(100% - 46px);font-size:12px;vertical-align:middle;line-height:1;}
    .scuo .formBoxWrap .filebox .upload_name {height:36px;padding-left:110px;}
    .scuo .formBoxWrap .filebox .btn.del {position:absolute;top:0;right:0;left:auto;height:36px;}
    .scuo .formBoxWrap .filebox .btn.del:before {top:17px;}
    .scuo .formBoxWrap .fileboxWrap .btn.add {position:relative;width:92px;height:36px;margin-top:12.5px;padding:0;font-size:inherit;vertical-align:middle;line-height:1;}
}
@charset "utf-8";


/* search */
.gnbWrapFull .gnbUtilWrap{background:#f2f2f2;position:relative;height:0;transition:all .3s}
.gnbWrapFull .gnbUtilWrap.search {height:90px} /*GT디자인가이드_20 190227*/
.gnbWrapFull .gnbSearchArea{ width:1120px;margin:0 auto;padding:20px 0;text-align:center;position:absolute;left:0;right:0;top:71px;display:none;} /*GT디자인가이드_20 190227*/
.gnbWrapFull .gnbSearchArea .gnbSearch .btnSearch{position:absolute;right:0;top:0;display:block;width:55px;text-align:center;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*background:url("../../ww/en/images/common/btn-search.png") no-repeat center center*/;overflow:hidden;text-indent:-99999px; background:url("../../template_en/en/images/common/btn-search.png") no-repeat center center} /*GT디자인가이드_20 190225 (BG경로 변경)*/
.gnbWrapFull .gnbSearchArea .gnbSearch .btnReset{display:block;position:absolute;right:60px;top:25px; margin-top:-10px; width:20px;text-align:center;height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../ww/en/images/common/btn-reset.png") no-repeat center center;text-indent:-99999px; background:url("../../template_en/en/images/common/btn-reset.png") no-repeat center center} /*GT디자인가이드_20 190225 (BG경로 변경)*/
.gnbWrapFull .gnbSearchArea .gnbSearch .btnReset.on{display:block}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList{background:#fff;/*display:none;*/position:absolute;left:0;top:50px;width:100%;} /*GT디자인가이드_20 190227 */
.gnbWrapFull .gnbSearchArea .gnbSearch .autoSearch{border-top:1px solid #063162;background:#fff;text-align:left;margin:0 auto;width:auto;padding:0 10px 0 20px;} /*GT디자인가이드_20 190227*/
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link{text-transform:uppercase} 
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list:nth-child(1) {border-top:none; margin-top:10px;}

/* gnb recent search css 추가 (최근 검색어) */ /* GT디자인가이드_20 190228*/
.gnbWrapFull .gnbautoSearchListWrap {padding:0 20px;}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch {display:none;}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch.on {display:block;}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .autoSearch{padding-bottom:0px;  }
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list {position:relative; text-transform:uppercase;}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link{color:#666}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link .keyword{color:#000;font-family:"HyundaiMedium"}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .btn-delete{width:12px; height:12px; position:absolute; top:50%; margin-top:-6px; right:10px; background:url("../../template_en/en/images/common/btn-gnb-close.png") no-repeat center center; text-indent:-99999px;}
.gnbWrapFull .recentSearch .all_delete {box-sizing:border-box; cursor:pointer}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .all_delete .btn_all_delete{color:#999; text-align:left;  padding:20px 0; margin:0 20px; border-top: 1px solid #d8d8d8;}
/* //gnb recent search css 추가 (최근 검색어) */ /* GT디자인가이드_20 190228*/

/* mobile search btn 클릭 시 background (black) 생성*/ /* GT디자인가이드_20 190228*/
.searchEngine.dimmed {display:none; background: #000; opacity: 0.5; position: fixed; top: 0;bottom: 0;left: 0; right: 0;z-index: 998;}


@media screen and (max-width:1240px){
    .gnbWrapFull .gnbSearchArea {width:768px}
    .gnbWrapFull .gnbSearchArea .gnbSearch{/*width:290px; */width:430px;} /*GT디자인가이드_20 190227*/
}
@media screen and (max-width:1024px){
    .gnbWrapFull .gnbSearchArea {}
    .gnbWrapFull .gnbSearchArea .gnbSearch{/*width:290px;*/} /*GT디자인가이드_20 190227*/
}

@media screen and (max-width: 767px) {
    .gnbWrapFull .gnbUtilWrap.search{display:none;} /*GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbSearchArea{text-align:center;position:absolute;left:0;top:55px;display:none;width:100%; padding:0} /*GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch{width:100%;margin:0 auto;position:relative;border-bottom:1px solid #dcdcdc; box-sizing:border-box}
    .gnbWrapFull .gnbSearchArea .gnbSearch .searchInput{position:relative;font-weight:normal;background:#00aad2; background:#fff; padding-right:60px;} /*GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .searchInput .inputText{width:100%;border:0;padding-right:55px;font-size:16px;line-height:normal;height:60px;background:#00aad2;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px;background:#fff; color:#666}  /*GT디자인가이드_02 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .btnSearch{position:absolute;right:0;top:0;display:block;width:45px;text-align:center;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../template_en/en/images/common/ico-search-20-x-20@2x.png") no-repeat center center;overflow:hidden;text-indent:-99999px;-webkit-background-size:20px auto;background-size:20px auto; width:60px;} /*GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList{background:#fff;/*display:none;*/position:absolute;left:0;top:60px;width:100%;}  /*GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list{border-top:1px solid #f1f1f1; display:none}  /*GT디자인가이드_20 190304*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list:nth-child(1),.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list:nth-child(2),.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list:nth-child(3),.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .list:nth-child(4){display:block;} /*GT디자인가이드_20 (190304 Mobile일 때 타이틀 포함 4개까지만 보여주기) */
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList{background:#fff;/*display:none;*/position:absolute;left:0;top:60px;width:100%;}  /*GT디자인가이드_02 190227*/
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList .autoSearch {width:100%; padding: 0 20px;}
    
    /*mobile search btn style 추가 GT디자인가이드_20 190227*/
    .gnbWrapFull .gnbWrap .topBar .rightArea .btnMobileSearch{float:left;background:url("../../template_en/en/images/common/btn-search.png") no-repeat;width:16px;height:16px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:16px auto;background-size:16px auto;margin-left:15px} 
    .gnbWrapFull .gnbWrap .topBar .rightArea .btnMobileSearch.close{float:left;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat; width:16px;height:16px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:16px auto;background-size:16px auto;margin-left:15px}
    /*// mobile search btn style 추가 GT디자인가이드_20 190227*/
    
    .topBanner .mainTopBanner .bannerArea {padding:20px 45px 20px 15px;height:auto; background:#f6f3f2; z-index:60} /* GT디자인가이드_20 190304 */
}



/* layerPopup */
.layerPop .layerPopArea .popCont .btnWrap{width: 140px;min-width: auto;margin: auto;}
.layerPop .layerPopArea .popCont{padding:60px;background:#fff;text-align:center; padding:50px;} /* GT디자인가이드_20 190228*/
.layerPop .layerPopArea .popCont .icoNoti{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti.png") no-repeat;margin:0 auto} /* GT디자인가이드_20 190228 (BG경로 변경)*/
.layerPop .layerPopArea .popCont .icoNoti1{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti.png") no-repeat;margin:0 auto} /* GT디자인가이드_20 190228 (BG경로 변경)*/
.layerPop .layerPopArea .popCont .conArea{/*text-align:left;*/ text-align:center;margin-bottom:40px} /* GT디자인가이드_20 190228*/
.layerPop .layerPopArea .popCont .btnWrap .btn{margin-top:30px;padding-bottom:0; width:140px;} /* GT디자인가이드_20 190228 추가*/

/* layerPop mobile일 때 */ /*GT디자인가이드_20 190228 추가*/
@media screen and (max-width:767px) {
    .layerPop .layerPopArea{width:90%!important;} /* 기본이 700px */
    .layerPop .layerPopArea .popCont .btnWrap{width: 100%;min-width: 100%;margin: auto;}
    .layerPop .layerPopArea .popCont .btnWrap .btn { margin-top:0px; padding-bottom:0; width: 100%; min-width: 100%;display: block;line-height: 50px;}
}


/* SAVO, No Component : search */
.sectionWrap .headArea .tWrap.searchSect .titInner{} /*GT디자인가이드_20-1 190305 추가*/ /*190329*/
.sectionWrap .headArea .searchSect .searchTit {}
.sectionWrap .headArea .searchSect .inputBox {margin:0 auto 10px auto;}
.sectionWrap .headArea .searchSect .searchResultWrap {width:608px;margin:80px auto 0;text-align:left; width: 870px;} /*GT디자인가이드_20 190226*/
.sectionWrap .headArea .searchSect .searchResultWrap.sectionInner {width:100%; max-width:1120px; margin:0 auto;}
.sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult{display:flex;}
.sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult > *{display: block; height: 70px; line-height: 70px; font-size: 20px;}
.sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult dt {margin-right:20px; color:#000;}
.sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult dd {margin-right:10px; color:#00aad2; text-transform:uppercase;} 
.sectionWrap .headArea .searchSect .searchResultWrap.keyword dl {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; height: 100px;} /* GT디자인가이드_20 190225 */
.sectionWrap .headArea .searchSect .searchResultWrap .searchResult {font-family:"HyundaiMedium";font-size:20px;color:#000;}/* 220609 add */

/*search result style*/ /*GT디자인가이드_20 190228 추가*/
.searchresultArea.searchSect {width: 100%;height: auto;/*search result for 여러줄처리_190521*/ background: #fff;overflow: hidden;}
.searchresultArea.searchSect .searchResultWrap .searchResult{line-height: 70px;height: auto; /*search result for 여러줄처리_190521*/ width: 100%;max-width: 1120px;margin: 0 auto;} 
.searchresultArea.searchSect .searchResultWrap dl.searchResult dt {margin-right:0}

@media screen and (max-width:1240px){
    /* GT디자인가이드_20 190225 추가*/
    .sectionWrap .headArea .searchSect .searchResultWrap {width: 608px;}
    .sectionWrap .headArea .tWrap.searchSect{padding-bottom: 0;}
    .sectionWrap .headArea .searchSect .searchResultWrap.sectionInner {width:100%; max-width:95%; margin:0 auto;}
    .sectionWrap .headArea .searchSect .searchResultWrap.keyword dl {width: 608px;}
    .sectionWrap .headArea .searchSect .searchResultWrap.keyword dl.searchResult dt{display:table;}
    .sectionWrap .searchresultArea.searchSect .searchResultWrap .searchResult{width: 100% !important;/*max-width: 100%;*/ max-width: 768px;}
    /* //GT디자인가이드_20 190225 추가*/
    
}

@media screen and (max-width: 767px) {
    .sectionWrap .headArea .searchSect .searchResultWrap {width:auto;}
    /* GT디자인가이드_20 190305 추가*/
    .sectionWrap .headArea .tWrap.searchSect{align-items: flex-start; height:250px;} /*190329*/
    .sectionWrap .headArea .tWrap.searchSect .titInner {padding:34px 20px 25px 20px;} /*190329*/
    .sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult > * {height:52px;font-size:14px;line-height:50px;}/*canaria는 텍스트가 길어 16px > 14px로 변경*/ /* 220609 */
    .searchresultArea.searchSect .searchResultWrap .searchResult{max-width: 100%;min-width: 290px;}
    .sectionWrap .headArea .searchSect .searchResultWrap .searchResult {height:52px;font-size:14px;line-height:50px;}/* 220609 add */
}



/* input search
=======================*/
.sectionWrap .inputBox.widXLg {width: 815px !important;}/* GT디자인가이드_20 190225 추가*/
.sectionWrap .btnReset {width: 18px; height:18px; display: inline-block;text-indent: -9999px;text-align: center;background: url("clientlibs/css/images/common/btn-reset.png") no-repeat center center;box-sizing: border-box;} /* GT디자인가이드_20 190227 추가됨*/


@media screen and (max-width:1024px){
    .contentWrap .searchArea {width:608px !important;}
    .contentWrap .searchArea .search{width:608px !important;}

}
@media screen and (max-width:767px){
    .contentWrap .searchArea .search{width:95% !important;}
    .sectionWrap .headArea .searchSect .searchResultWrap.keyword dl {width:95%}

}


/* from Component */
/* noComponent > search list */
.secFindAccWrap.searchConts {padding-top:55px !important;background:#fff;} /*GT디자인가이드_20 190225*/ /*190319*/ /* 220518 */

/* search engine list style */ /*GT디자인가이드_20 190225 추가*/ /*190319*/
.secFindAccWrap.searchConts .subTitM {padding-bottom:15px;line-height:1.5;letter-spacing:0;} /*190319*/ /* 220518 */ /* 220609 */
.secFindAccWrap.searchConts .subTitM .num {display:none;} /*190319*/
.gridbox.searchEngine {margin-bottom:50px;}
.gridbox.searchEngine li { border-bottom:none; padding:0; position:relative;} 
.gridbox.searchEngine li .txtArea {float:right;width:824px;margin-left:0;}
.gridbox.searchEngine li .imgArea {float:left;width:256px;} 
.gridbox.searchEngine li .txtArea .Tit {margin-bottom:8px;font-size:20px;line-height:28px;color:#000;font-family:"HyundaiMedium";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 1.2em;}
.gridbox.searchEngine li .txtArea .Sub {font-size:16px; margin-bottom: 10px;}
.gridbox.searchEngine li .txtArea.onlytxt {width:100%; display:block;} /*190418*/ 
.gridbox.searchEngine li .btnwrap {width:824px; height:40px; position:absolute; bottom: 0px;left: 296px;} /*190418*/ /*190422*/
.gridbox.searchEngine li .btnwrap .colWd {width:250px; float:left; margin-right:15px;} /*190610 PC CTA 버튼 크기 조절*/
.gridbox.searchEngine li .btnwrap .colWd .btn {height:40px; display:block; line-height:40px; cursor:pointer; padding:0} /* padding:0 190426*/
.gridbox.searchEngine li .btnwrap .colWd .btn:hover{text-decoration:underline}
.gridbox.searchEngine li .imgArea.none {display:none;} 
.gridbox.searchEngine li .txtArea .Sub .link {margin-right:15px; line-height:20px; height:20px; line-height:20px; font-size:15px; color:#002c5f} 
.gridbox.searchEngine li .alink a.link{margin-right:15px; line-height:20px; height:20px; line-height:20px; font-size:15px; color:#002c5f; cursor:pointer}
/* 190418 삭제 */
.searchConts .gridbox.searchEngine li .txtArea .Sub {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.5em;}/*190426*/ /*PC에서도 2줄 표시 190425*/
.gridbox.search.searchEngine li{display:none; border-bottom: none;} /*190419*/
.gridbox.search.searchEngine li:after{display:none;}

.secFindAccWrap.searchConts .result_none .txtList li{padding-left:12px;margin-top:15px;font-family:"HyundaiHRegular";line-height:1.5;background:url(../../template_en/en/images/common/icoBlit.gif) no-repeat 0 10px;} /*190524 검색결과없음 줄간격 조정*/ /* 220609 */
.secFindAccWrap.searchConts .result_none .txtList li:first-child{margin-top:0;} /* 220609 add */


/* search engine loadmore BTN style GT디자인가이드_20 190226 */ /*190319*/
.sectionWrap .btnWrap.loadmore.searchEngine .colWd{min-width: 200px;} 


/* search engine list style 반응형 */ /*GT디자인가이드_20 190225*/ /*190319*/
@media (max-width: 1240px) {
    /* noComponent > search list */
    .searchConts .subTitM {font-size:25px; margin-top:0}  /*GT디자인가이드_20 190227*/
    .gridbox.search li .txtArea {width:73%;}
    .gridbox.searchEngine li .btnwrap {width:73%; left:auto; right:0} /*GT디자인가이드_20 190227*/
}
@media (max-width: 1024px) {
    /* noComponent > search list */
    .gridbox.search li {margin:0 0 30px 0;padding:0 0 30px 0; margin-bottom:10px} /*GT디자인가이드_20 190306*/   
     /* 190418 삭제 */
    
    .searchConts {padding-top:30px !important;}
    .gridbox.search li .txtArea {width:66%;}
    .gridbox.search li .imgArea {width:30%;} /*GT디자인가이드_20 190306*/  
    
    .searchConts .txtArea .Tit {margin-bottom:14px;font-size:19px;line-height:24px;}
    .searchConts .txtArea .numTxt {margin-bottom:15px;font-size: 14px;line-height: 21px;}
    .searchConts .txtArea .Sub {font-size:14px;line-height:21px;}
    .searchConts .noTit {margin-bottom:16px;font-size:17px;line-height:22px;}
    .searchConts .nosub {font-size:14px;line-height:21px;} 
     
    /* search engine list style 1024px 추가 */ /* GT디자인가이드_20 190227*/
    .searchConts .searchEngineList1 .gridbox.search.searchEngine li{padding-bottom:50px; margin-bottom:50px;} /*190419*/ 
    .gridbox.searchEngine li .txtArea {width:66%;}
    .gridbox.searchEngine li .txtArea .Tit {margin-bottom:8px;font-size:20px;line-height:28px;color:#000;font-family:"HyundaiMedium";}
    .searchConts .gridbox.searchEngine li .txtArea.onlytxt {width:100%;} 
    .searchConts .gridbox.searchEngine li .txtArea .Sub {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}
    .gridbox.searchEngine li .btnwrap {width:100%; left:0;}
    .gridbox.searchEngine li .btnwrap .colWd{width:33%; margin-right:0.5%;}
    .gridbox.searchEngine li .btnwrap .colWd:last-child{margin-right:0;} 
    /* // search engine list style 1024px */ /* GT디자인가이드_20 190227*/
    

}
@media (max-width: 767px){
    .searchConts .searchEngineList1 .gridbox.search.searchEngine li{margin-bottom:30px;} /*190419*/
    .gridbox.search li .txtArea{width:100%;float:none;}
    .gridbox.search li .imgArea{width:100%;;height:auto;float:none;margin-top: 30px;}
    
    /* search engine list style 767px */ /* GT디자인가이드_20 190227*/
    .secFindAccWrap.searchConts {padding-top:40px!important}/* 220518 */
    .secFindAccWrap.searchConts .subTitM {padding-bottom:15px;}/* 220518 add */ /* 220609 */
    .searchConts .subTitM {font-size:25px; margin-top:0}
    .searchConts .subTitM .num {display:inline-block;}    
    .gridbox.searchEngine {margin-bottom:20px;}
    .gridbox.searchEngine li .txtArea {width:100%;max-width:767px;} 
    .gridbox.searchEngine li .alink a.link{display:none;}
    .gridbox.searchEngine li .imgArea {width:100%;max-width:767px; margin:0 0 20px 0}
    .gridbox.searchEngine li .btnwrap .colWd .btn_m{display:none;}
    .btnWrap.loadmore.searchEngine .colWd{min-width:100%;} 
    /* //search engine list style 767px */ /* GT디자인가이드_20 190227*/

    .gridbox.searchEngine li .txtArea .Tit {}

    .secFindAccWrap.searchConts .result_none .txtList li{margin-top:8px;letter-spacing:0.21px;}/* 220609 add */
}
/* search engine list style 끝 */


/* search bar input css 추가 */ /* GT디자인가이드_20 190227*/
   .contentWrap .searchArea{ width:1120px;margin:0 auto;padding:20px 0;text-align:center;position:absolute;left:0;right:0; top:-230px; z-index:10} /*190527 검색어입력창 위치 조정*/
   .searchArea .inputWrap.search{width:870px;margin:0 auto;position:relative;background:#fff}
   .searchArea .inputWrap.search .inputBox{position:relative;font-weight:normal; margin:0!important; padding-right:55px;}
   .searchArea .inputWrap.search .inputBox .inputSearch{width:100%; border:0;font-size:14px;line-height:50px;height:50px;padding-left:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
   .searchArea .inputWrap.search .inputBox .inputSearch::-ms-clear{display:none}
   .searchArea .inputWrap.search .btnSearch{position:absolute;right:0;top:0;display:block;width:55px;text-align:center;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../ww/en/images/common/btn-search.png") no-repeat center center;overflow:hidden;text-indent:-99999px; background:url("../../template_en/en/images/common/btn-search.png") no-repeat center center} /*GT디자인가이드_20 190225*/
   .searchArea .inputWrap.search .btnReset{/*display:none;*/position:absolute;right:60px;top:25px; margin-top:-10px; width:20px;text-align:center;height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../ww/en/images/common/btn-reset.png") no-repeat center center;text-indent:-99999px; background:url("../../template_en/en/images/common/btn-reset.png") no-repeat center center}
   .searchArea .inputWrap.search .btnReset.on{display:block}
   .searchArea .inputWrap.search .autoSearchList{background:#fff;/*display:none;*/position:absolute;left:0;/*top:50px;*/width:100%;}
   .searchArea .inputWrap.search .autoSearch{border-top:1px solid #063162;background:#fff;text-align:left;margin:0 auto;/*width:532px;*/padding:12px 20px;}
   .searchArea .inputWrap.search .autoSearchList .list .link{display:block;font-size:16px;line-height:50px;text-decoration:none;text-transform:uppercase;}
   .searchArea .inputWrap.search .autoSearchList .list .link .keyword{background:0;color:#00a1c7;font-family:"HyundaiMedium"}
/* // search bar input css */

/* recent search css 추가 (최근 검색어) */ /*GT디자인가이드_20 190228*/
.searchArea .inputWrap.search .autoSearchList {display:none;}
.searchArea .inputWrap.search .autoSearchList.on {display:block;}
.searchArea .inputWrap.search .autoSearchList.recentSearch .autoSearch{padding-bottom:0px;}
.searchArea .inputWrap.search .autoSearchList.recentSearch .list {position:relative; text-transform:uppercase;}
.searchArea .inputWrap.search .autoSearchList.recentSearch .list .link{color:#666}
.searchArea .inputWrap.search .autoSearchList.recentSearch .list .link .keyword{color:#000;font-family:"HyundaiMedium"}
.searchArea .inputWrap.search .autoSearchList.recentSearch .btn-delete{width:12px; height:12px; position:absolute; top:50%; margin-top:-6px; right:10px; background:url("../../template_en/en/images/common/btn-gnb-close.png") no-repeat center center; text-indent:-99999px;}
.searchArea .inputWrap.search .autoSearchList.recentSearch .all_delete {box-sizing:border-box; cursor:pointer}
.searchArea .inputWrap.search .autoSearchList.recentSearch .all_delete .btn_all_delete{color:#999; text-align:left;  padding:20px 0; margin:0 20px; border-top: 1px solid #d8d8d8;}
/* //recent search css 추가 (최근 검색어) */ /*GT디자인가이드_20 190228*/

/* recent search css 반응형 추가 */ /* GT디자인가이드_20 190228*/
@media screen and (max-width:1240px){ 
    .sectionWrap .searchArea {width: 100% !important;max-width: 100%;} /*190527 검색어입력창 위치 조정*/
    .contentWrap .searchArea {padding:0; top:-215px;} /*190527 검색어입력창 위치 조정*/
    .searchArea .inputWrap.search{width:608px;}    
}

@media screen and (max-width:1024px){ /*190610 검색어입력창 위치 조정*/
    .contentWrap .searchArea {padding:0; top:-230px;} /*190610 검색어입력창 위치 조정*/
    .searchArea .inputWrap.search .inputBox{padding-right:50px;}
    .searchArea .inputWrap.search .inputBox .inputSearch {}
    .searchArea .inputWrap.search .btnReset {right:60px;}
    .searchArea .inputWrap.search .btnSearch {width:50px}
}

@media screen and (max-width:767px)  {
    .contentWrap .searchArea {min-width: 300px; top:-240px;}  /*190527 검색어입력창 위치 조정*/
    .inputBox,
    .searchArea .inputWrap.search {width: 95% !important;}
    .searchArea .inputWrap.search .btnSearch { }
    .searchArea .inputWrap.search .inputBox .inputSearch {width:100% !important;}
    .searchArea .inputWrap.search .autoSearchList .list {display:none}
    .searchArea .inputWrap.search .autoSearchList .list:nth-child(1),.searchArea .inputWrap.search .autoSearchList .list:nth-child(2),.searchArea .inputWrap.search .autoSearchList .list:nth-child(3),.searchArea .inputWrap.search .autoSearchList.recentSearch .list:nth-child(4){display:block;}
}
/* //recent search css 반응형 GT디자인가이드_20 190228*/


/* noComponent > siteMap */
.siteMapWrap {width:100%; background-color: #fff; padding: 0 0px; margin-top:30px;} /*GT디자인가이드_20 190306*/
.siteMapWrap ul.siteMapList li.dep1 .btnOpenClose {display: block;margin:0 auto;width: 100%;max-width:1120px;height: 103px;font-size:30px;line-height: 103px;color: #000;font-family: "HyundaiMedium";font-weight: normal;text-align: left;text-decoration:none;background: #fff;box-sizing: border-box;position: relative;border-top:solid 1px #d8d8d8; font-size:25px;} /*GT디자인가이드_20 190306*/

@media screen and  (max-width:1120px) {
    /* noComponent > siteMap */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {width:100%;padding:11px 0 112px 0;}
}
@media screen and  (max-width:1024px) {
    /* noComponent > siteMap */
    .siteMapConts {padding:50px 0 70px 0 !important;}
    .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose {width:100%;width:100%;padding:0;height:60px;line-height:60px;font-size:19px;}
    .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose:after,
    .siteMapWrap ul.siteMapList li.dep1.on .btnOpenClose:after {top:24px;width: 16px;height: 10px;background-size:100%;}

    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:30px 0 45px 0;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:33.3%;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {font-size:19px;line-height:24px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:16px;line-height:20px;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:19px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {font-size:14px;line-height:21px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {font-size:14px;line-height:21px;}
}

@media screen and  (max-width:767px) {
    /* noComponent > siteMap */
    .siteMapConts {padding:30px 0 70px 0 !important;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:38px 0 43px 0;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:50%; max-width: 100%;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {margin-bottom:29px;}
    /*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {display: none;}*/
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:14px;line-height:21px;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:18px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo dl dd {margin-top:4px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl.ddMt dd {margin-top:4px;}
/*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {float:left;max-width:224px;width: 20%;padding-bottom: 30px;}*/
}


/*keyvisual search Type*/ /* popular search 추가 190329 */
.searchWord{left:0;bottom:37px;font-size:14px; color:#666666;overflow:hidden;}
.searchWord .tit{ float:left; font-size:16px; color:#000; font-family:"HyundaiMedium"; margin-right:20px; line-height:1.5;} /*190329*/
.searchWordlist{ display:table; font-size:0; float:left; line-height:1.5; margin-top:2px;}
.searchWordlist .link{font-size:14px; display:inline-block; margin-right:10px; line-height:1.5; color:#00aad2;}
.searchWordlist .link:hover{text-decoration:underline}
.btnRightWrap{ position:absolute;right:0;bottom:31px;}

@media screen and (max-width:767px)  {
    .searchWord{font-size:14px; color:#666666;overflow:hidden; text-align:left; }
    .searchWord .tit{ font-size:14px; color:#000; font-family:"HyundaiMedium"; margin-right:20px; line-height:1; margin-bottom:70px;} /*190524 모바일 인기검색어 영역 조정*/
    .searchWordlist{ display:table; font-size:0; float:left; line-height:1; margin-top:2px;}
    .searchWordlist .link{ font-size:12px; display:inline-block; margin-right:10px; line-height:1; color:#00aad2;}

}


/*검색어창 list a width 지정 190418*/
.searchArea .inputWrap.search .autoSearchList .list a{width:800px}
.gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link{width:510px}
@media screen and  (max-width:1240px) {
    .searchArea .inputWrap.search .autoSearchList .list a{width:535px}
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link{width:370px}
}
@media screen and (max-width:767px) {
    .searchArea .inputWrap.search .autoSearchList .list a,
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link{width:93%}
}
@media screen and (max-width:425px) {
    .searchArea .inputWrap.search .autoSearchList .list a,
    .gnbWrapFull .gnbSearchArea .gnbSearch .gnbautoSearchList.recentSearch .list .link{width:90%}
}

/* 220518 add : search 게시물 정렬 추가 및 타이틀 개선 */
.boardLineup {margin-bottom:22px;text-align:right;}
.boardLineup a {position:relative;display:inline-block;margin-left:34px;font-family:"HyundaiHRegular";font-size:17px;color:#767676;line-height:1.5;text-decoration:none;}
.boardLineup a.on {font-family:"HyundaiMedium";color:#002c5f;}
.boardLineup a:first-child {margin-left:0;}
.boardLineup a:after {content:'';position:absolute;display:block;top:50%;right:-20px;display:inline-block;width:1px;height:60%;background:#ccc;transform:translateY(-50%);}
.boardLineup a:last-child:after {display:none;}
.titMore:after{display:block;content:"";clear:both}
.titMore .subTitM {float:left;font-family:"HyundaiMedium";}
.titMore .subTitM em {font-style:unset;}
.titMore .btnMore {float:right;position:relative;margin-top:15px;padding-right:15px;font-family:"HyundaiHRegular";font-size:17px;line-height:1.65;text-decoration:none;cursor:pointer;}
.titMore .btnMore:after {content:'';position:absolute;top:9px;right:3px;content:'';height:7px;width:7px;display:block;border:1px solid #000;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.searchList {padding-top:45px;border-top:1px solid #ccc;}
@media screen and  (max-width:767px) {
    .boardLineup a {margin-left:20px;font-size:14px;}
    .boardLineup a:after {right:-13px;}
    .titMore .btnMore {margin-top:12px;font-size:13px;}
    .titMore .btnMore:after {width:3px;height:3px;}
    .searchList {padding-top:30px;}
}
@charset "utf-8";

/*
 2019 3분기 모니터링 : 5월 개선작업 이후 틀어지는 영역 전반적인 수정
 */
/* *:focus{outline:none;} */
* {box-sizing: content-box;}

body {width: 100%;overflow-x: hidden;overflow-y:scroll;margin:0;-webkit-text-size-adjust: 100%;}
html,body{position:relative;}
body{font-family:'HyundaiRegular','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif;color:#000;-ms-word-wrap:break-word;word-wrap:break-word;}
body,div,section,dl,ul,ol,li,dt,dd,blockquote,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
body,div,section,dl,ul,ol,li,dt,dd,blockquote,p{line-height:1;font-family:"HyundaiRegular";font-weight:normal;padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
li{list-style:none}
a{background-color:transparent;text-decoration:none;color:#000}
/*a:active,a:hover{outline:0}*/
a:hover,a:focus{text-decoration:underline} /*GT디자인가이드_07,GT디자인가이드_08 190212*/
a:hover .hiddenTm ,a:focus .hiddenTm {text-decoration:underline}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
abbr[title]{border-bottom:1px dotted}
b,strong{font-family:'HyundaiRegular';font-weight: 400;}
dfn{font-style:italic}

mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
/* legend{border:0;padding:0} */
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img {font-size:0;line-height:0;vertical-align: top;}
ul:after, ol:after{content:'';clear:both;display:block}
.web {display:inline-block !important;}
.hide, caption {width: 1px;height: 1px;overflow: hidden;position: absolute;left: -9999px;}
/* 라벨 */
.hidden-accessible{overflow:hidden; clip:rect(1px,1px,1px,1px); position:absolute;width:1px;height:1px}

/* S: 2019.01.04 폰트서체 변경 */
/* @font-face{font-family:'HyundaiRegular';src:url("font/HyundaiSansHead-Regular.eot");src:url("font/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansHead-Regular.woff") format("woff"),url("font/HyundaiSansHead-Regular.woff2") format("woff2"),url("font/HyundaiSansHead-Regular.ttf") format("truetype");font-weight:normal;font-style:normal} */

@font-face{font-family:'HyundaiRegular';src:url("font/HyundaiSansText-Regular.eot");src:url("font/HyundaiSansText-Regular.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansText-Regular.woff") format("woff"),url("font/HyundaiSansText-Regular.woff2") format("woff2"),url("font/HyundaiSansText-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}
/* E: 2019.01.04 폰트서체 변경 */  

@font-face{font-family:'HyundaiMedium';src:url("font/HyundaiSansHead-Medium.eot");src:url("font/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansHead-Medium.woff") format("woff"),url("font/HyundaiSansHead-Medium.woff") format("woff2"),url("font/HyundaiSansHead-Medium.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiLight';src:url("font/HyundaiSansHead-Light.eot");src:url("font/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansHead-Light.woff") format("woff"),url("font/HyundaiSansHead-Light.woff2") format("woff2"),url("font/HyundaiSansHead-Light.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'HyundaiBold';src:url("font/HyundaiSansHead-Bold.eot");src:url("font/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansHead-Bold.woff") format("woff"),url("font/HyundaiSansHead-Bold.woff2") format("woff2"),url("font/HyundaiSansHead-Bold.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'numberVerdana';font-style:normal;font-weight:400;src:local('verdana');unicode-range:U+30-39}

/* 190313 HyundaiHeadRegular 폰트 서체 추가 GT디자인가이드_21 190319*/
@font-face{font-family:'HyundaiHRegular';src:url("../../template_en/en/font/HyundaiSansHead-Regular.eot");src:url("../../template_en/en/font/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"),url("../../template_en/en/font/HyundaiSansHead-Regular.woff") format("woff"),url("../../template_en/en/font/HyundaiSansHead-Regular.woff2") format("woff2"),url("../../template_en/en/font/HyundaiSansHead-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}
/* //190313 HyundaiHeadRegular 폰트 서체 추가 GT디자인가이드_21 190319*/

#skipNavi{position:absolute;top:0;left:0;width:100%;z-index:600}
#skipNavi a{position:absolute;display:block;width:100%;padding:10px 0;background:#000;box-sizing:border-box;color:#fff;font-size:16px;text-align:center;top:-9999px}
#skipNavi a:hover,#skipNavi a:active,#skipNavi a:focus{display:inline-block;top:0;width:100%}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fn {float: none !important;}

/* 정렬 */
.alignL {text-align: left !important;}
.alignC {text-align: center !important;}
.alignR {text-align: right !important;}

.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}

/* font weight */
.font_bold {font-weight: bold !important;}
.font_normal {font-weight: normal !important;}

/* font color */
.txt_white       {color: #fff !important;}
.txt_black       {color: #000 !important;}
.txt_gray        {color: #666 !important;}
.txt_gray1       {color:#f2f2f2 !important;}
.txt_gray2       {color:#efefef !important;}
.txt_gray3       {color:#e5e5e5 !important;}
.txt_gray4       {color:#b7b7b7 !important;}
.txt_gray5       {color:#999999 !important;}
.txt_gray6       {color:#767676 !important;}
.txt_gray7       {color:#666666 !important;}
.txt_gray8       {color:#323232 !important;}
.txt_gray9       {color:#1c1b1b !important;}
.txt_blue        {color:#002C5F !important;}
.txt_sand        {color:#E4DCD3 !important;}
.txt_light_sand  {color:#F6F3F2 !important;}
.txt_gold        {color:#a36b4f !important;}
.txt_active_blue {color:#00aad2 !important;}
.txt_sky_blue    {color:#aacae6 !important;}
.txt_active_red  {color:#e63312 !important;}
.txt_navy {color: #002c5f !important;}
.txt_sky {color:#00aad2 !important;}
.typeTxtLink {color:#002c5f !important;} /* 파란색 링크 */ /*GT디자인가이드_11 190221 */ /*GT디자인가이드_08 190226*/ 

/* background color */
.bgGray {background: #333 !important;}
.bgWhite {background: #fff !important;}
.bgColorGray {background-color:#f6f3f2 !important;}
.bgColorGray2 {background-color:#ececec !important;}
.bgColorGray3 {background-color:#767676 !important;}
.bgColorBuff {background-color:#e4dcd3 !important;}
.bgColorBlue {background-color:#002c5f !important;}

/* margin-top */
.gt_lymg_txs {margin-top:0 !important;}
.gt_lymg_ts {margin-top:50px !important;}
.gt_lymg_tm {margin-top:100px !important;}
.gt_lymg_tl {margin-top:130px !important;}
.gt_lymg_txl {margin-top:160px !important;}
.gt_lymg_t2xl {margin-top:200px !important;}

/* margin-bottom*/
.gt_lymg_bxs {margin-bottom:0 !important;}
.gt_lymg_bs {margin-bottom:50px !important;}
.gt_lymg_bm {margin-bottom:100px !important;}
.gt_lymg_bl {margin-bottom:130px !important;}
.gt_lymg_bxl {margin-bottom:160px !important;}
.gt_lymg_b2xl {margin-bottom:200px !important;}

/* padding-top */
.gt_lypd_txs {padding-top:0 !important;}
.gt_lypd_tsh {padding-top:25px !important;}
.gt_lypd_ts {padding-top:50px !important;}
.gt_lypd_tm {padding-top:100px !important;}
.gt_lypd_tl {padding-top:130px !important;}
.gt_lypd_txl {padding-top:160px !important;}
.gt_lypd_t2xl {padding-top:200px !important;}

/* padding-bottom*/
.gt_lypd_bxs {padding-bottom:0 !important;}
.gt_lypd_bsh {padding-bottom:25px !important;}
.gt_lypd_bs {padding-bottom:50px !important;}
.gt_lypd_bm {padding-bottom:100px !important;}
.gt_lypd_bl {padding-bottom:130px !important;}
.gt_lypd_bxl {padding-bottom:160px !important;}
.gt_lypd_b2xl {padding-bottom:200px !important;}

/* text-shadow */
.text_shadow {text-shadow: 0px 4px #bbbbbb !important;}

/* D:tablet */
@media screen and  (max-width:1024px) {
    /* margin-top */
    .gt_lymg_txs {margin-top:0 !important;}
    .gt_lymg_ts {margin-top:30px !important;}
    .gt_lymg_tm {margin-top:70px !important;}
    .gt_lymg_tl {margin-top:90px !important;}
    .gt_lymg_txl {margin-top:110px !important;}
    .gt_lymg_t2xl {margin-top:140px !important;}

    /* margin-bottom*/
    .gt_lymg_bxs {margin-bottom:0 !important;}
    .gt_lymg_bs {margin-bottom:30px !important;}
    .gt_lymg_bm {margin-bottom:70px !important;}
    .gt_lymg_bl {margin-bottom:90px !important;}
    .gt_lymg_bxl {margin-bottom:110px !important;}
    .gt_lymg_b2xl {margin-bottom:140px !important;}

    /* padding-top */
    .gt_lypd_txs {padding-top:0 !important;}
    .gt_lypd_tsh {padding-top:20px !important;}
    .gt_lypd_ts {padding-top:30px !important;}
    .gt_lypd_tm {padding-top:70px !important;}
    .gt_lypd_tl {padding-top:90px !important;}
    .gt_lypd_txl {padding-top:110px !important;}
    .gt_lypd_t2xl {padding-top:140px !important;}

    /* padding-bottom*/
    .gt_lypd_bxs {padding-bottom:0 !important;}
    .gt_lypd_bsh {padding-bottom:20px !important;}
    .gt_lypd_bs {padding-bottom:30px !important;}
    .gt_lypd_bm {padding-bottom:70px !important;}
    .gt_lypd_bl {padding-bottom:90px !important;}
    .gt_lypd_bxl {padding-bottom:110px !important;}
    .gt_lypd_b2xl {padding-bottom:140px !important;}

}

/* visual & hidden */
.visibleSm {display: none !important;}
.visibleMd {display: none !important;}
.visibleLg {display: block !important;}
.hiddenSm {display: block !important;}
.hiddenMd {display: block !important;}
.hiddenLg {display: none !important;}

/* column */
.colLg1 .col {width: 100%;}
.colLg2 .col {width: 50%;}
.colLg3 .col {width: 33.33%}
.colLg3 .col:first-child {width: 33.33%}
.colLg4 .col {width: 25%;}
.colLg5 .col {width: 20%;}
.colLg6 .col {width: 16.6%;}
.colLg6 .col:nth-child(6n) {width: 17%;}
.colLg7 .col {width: 14.3%;}
.colLg8 .col {width: 12.5%;}

/* D:web */
@media screen and (max-width:1024px) {

    /* visual & hidden */
    .visibleSm {display: none !important;}
    .visibleMd {display: block !important;}
    .visibleLg {display: block !important;}
    .hiddenSm {display: block !important;}
    .hiddenMd {display: none !important;}
    .hiddenLg {display: none !important;}

    /* column */
    .colMd1 .col,
    .colMd1 .col:first-child {width: 100% !important;}
    .colMd2 .col,
    .colMd2 .col:first-child {width: 50% !important;}
    .colMd3 .col {width: 33.3% !important;}
    .colMd3 .col:first-child{width: 33.4% !important;}
    .colMd4 .col,
    .colMd4 .col:first-child {width: 25% !important;}
    .colMd5 .col,
    .colMd5 .col:first-child {width: 20% !important;}
    .colMd6 .col {width: 16.6% !important;}
    .colMd6 .col:first-child {width: 17% !important;}
    .colMd7 .col {width: 14.3% !important;}
    .colMd7 .col:first-child {width: 14.2% !important;}
    .colMd8 .col,
    .colMd8 .col:first-child {width: 12.5% !important;}
}

/* D:mobile */
@media screen and  (max-width:767px)  {
    /* margin-top */
    .gt_lymg_txs {margin-top:0 !important;}
    .gt_lymg_ts {margin-top:30px !important;}
    .gt_lymg_tm {margin-top:70px !important;}
    .gt_lymg_tl {margin-top:90px !important;}
    .gt_lymg_txl {margin-top:110px !important;}
    .gt_lymg_t2xl {margin-top:140px !important;}

    /* margin-bottom*/
    .gt_lymg_bxs {margin-bottom:0 !important;}
    .gt_lymg_bs {margin-bottom:30px !important;}
    .gt_lymg_bm {margin-bottom:70px !important;}
    .gt_lymg_bl {margin-bottom:90px !important;}
    .gt_lymg_bxl {margin-bottom:110px !important;}
    .gt_lymg_b2xl {margin-bottom:140px !important;}

    /* padding-top */
    .gt_lypd_txs {padding-top:0 !important;}
    .gt_lypd_ts {padding-top:30px !important;}
    .gt_lypd_tm {padding-top:70px !important;}
    .gt_lypd_tl {padding-top:90px !important;}
    .gt_lypd_txl {padding-top:110px !important;}
    .gt_lypd_t2xl {padding-top:140px !important;}

    /* padding-bottom*/
    .gt_lypd_bxs {padding-bottom:0 !important;}
    .gt_lypd_bs {padding-bottom:30px !important;}
    .gt_lypd_bm {padding-bottom:70px !important;}
    .gt_lypd_bl {padding-bottom:90px !important;}
    .gt_lypd_bxl {padding-bottom:110px !important;}
    .gt_lypd_b2xl {padding-bottom:140px !important;}

    /* visual & hidden */
    .visibleSm {display: block !important;}
    .visibleMd {display: block !important;}
    .visibleLg {display: block !important;}
    .hiddenSm {display: none !important;}
    .hiddenMd {display: none !important;}
    .hiddenLg {display: none !important;}

    /* column */
    .colSm1 .col,
    .colSm1 .col:first-child {width: 100% !important;}
    .colSm2 .col,
    .colSm2 .col:first-child {width: 50% !important;}
    .colSm3 .col {width: 33.3% !important;}
    .colSm3 .col:first-child{width: 33.4% !important;}
    .colSm4 .col,
    .colSm4 .col:first-child {width: 25% !important;}
    .colSm5 .col,
    .colSm5 .col:first-child {width: 20% !important;}
    .colSm6 .col {width: 16.6% !important;}
    .colSm6 .col:first-child {width: 17% !important;}
    .colSm7 .col {width: 14.3% !important;}
    .colSm7 .col:first-child {width: 14.2% !important;}
    .colSm8 .col,
    .colSm8 .col:first-child {width: 12.5% !important;}
}

/********** 공통 텍스트 관련 ***********/
/* 가장 큰 텍스트 */
.titWrap .ftit {font-size: 58px;line-height: 71px;color: #000;font-family: 'HyundaiMedium';} /* 큰 타이틀 */
.titWrap .stit {font-size: 20px;line-height: 1.5;color: #000;font-family:"HyundaiRegular";} /* 큰 타이틀의 서브 텍스트 */
.titWrap.vMiddle {width: 100%;padding: 0 10px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

@media screen and  (max-width:1024px) {
    .titWrap .ftit {font-size: 30px;line-height: 35px;}
    .titWrap .stit {font-size: 14px;line-height: 19px;}
}

/* 본문 컨텐츠 텍스트 영역 */
.subTitS {font-size:20px;line-height:30px;letter-spacing: 0.3px;color:#000;font-family:"HyundaiMedium";} /* 소 */
.subTitM {font-size:30px;line-height:40px;letter-spacing: 0.5px;color:#000;font-family:"HyundaiMedium";} /* 중 */
.subTitL {font-size:44px;line-height:54px;letter-spacing: 0.7px;color:#000;font-family:"HyundaiMedium";} /* 대 */
.subTit {height:56px;overflow:hidden;}

.conTit {font-size:16px;line-height:28px;letter-spacing: 0.3px;color:#000;font-family:"HyundaiMedium";} /* 기본 */
.conAreaS {font-size:14px;line-height:21px;letter-spacing: 0.2px;color:#000;font-family:"HyundaiRegular";} /* 본문 텍스트 */
.conAreaM {font-size:16px;line-height:28px;letter-spacing: 0.2px;color:#000;font-family:"HyundaiRegular";} /* 본문 텍스트 */
.conAreaL {font-size:20px;line-height:30px;letter-spacing: 0.3px;color:#000;font-family:"HyundaiMedium";} /* 본문 텍스트 */
.txtWd {width:800px;margin:0 auto;}

.txtLineBox {padding-bottom: 4px;} /*GT디자인가이드_17 190213*/

/* 아이콘 */
.blueLink {display:inline-block;padding-right:15px;font-size:18px;font-family:"HyundaiMedium";color:#002c5f;background:url('../../template_en/en/images/common/icoLinkArrow.png') right no-repeat;background-size:7px 12px;}
.icoNote {margin-top:20px;font-size:14px;line-height:20px;letter-spacing:-0.1px;color:#666;font-family:"HyundaiRegular";text-indent: -28px; padding-left:28px;}
.icoNote:before {content:"";display:inline-block;width:18px;height:21px;background:url("../../template_en/en/images/common/ico_notice_grey.png") left center no-repeat;background-size:18px;margin-right:10px;/*float:left;*/ vertical-align:middle;margin-top:-3px;}

.alignC .icoNote:before,
.alignR .icoNote:before {float:none;}

.bullet{ position: relative;overflow:hidden;padding-left:15px;}
.bullet:before {content:"";position:absolute;left:0;top:12px;width:3px;height:3px;background:#666; vertical-align:middle;}

.bulletList > * {position: relative;overflow:hidden;padding-left:15px;}
.bulletList > *:before {content:"";position:absolute;left:0;top:12px;width:3px;height:3px;background:#666;vertical-align:middle;}

.alignC .bullet,
.alignR .bullet {padding-left:0;}
.alignC .bullet::before,
.alignR .bullet::before {position:static;display:inline-block;vertical-align:middle;margin-right:12px;margin-top:-2px;}

.bulletS{padding-left:15px;position: relative;/*display:table;*/}
.bulletS:before {content:"";position: absolute;left:0;top:9px;width:3px;height:3px;background:#666;border-radius:50%;}

.alignC .bulletS,
.alignR .bulletS {padding-left:0;}
.alignC .bulletS::before,
.alignR .bulletS::before {position:static;display:inline-block;vertical-align:middle;margin-right:12px;margin-top:-2px;}

.txt_white.bullet:before,
.txt_white.bulletS:before,
.txt_white .bullet:before,
.txt_white .bulletS:before {background-color: #fff !important;}
.txt_black.bullet:before,
.txt_black.bulletS:before,
.txt_black .bullet:before,
.txt_black .bulletS:before {background-color: #000 !important;}
.txt_gray.bullet:before,
.txt_gray.bulletS:before,
.txt_gray .bullet:before,
.txt_gray .bulletS:before {background-color: #666 !important;}
.txt_gray1.bullet:before,
.txt_gray1.bulletS:before,
.txt_gray1 .bullet:before,
.txt_gray1 .bulletS:before {background-color:#f2f2f2 !important;}
.txt_gray2.bullet:before,
.txt_gray2.bulletS:before,
.txt_gray2 .bullet:before,
.txt_gray2 .bulletS:before {background-color:#efefef !important;}
.txt_gray3.bullet:before,
.txt_gray3.bulletS:before,
.txt_gray3 .bullet:before,
.txt_gray3 .bulletS:before {background-color:#e5e5e5 !important;}
.txt_gray4.bullet:before,
.txt_gray4.bulletS:before,
.txt_gray4 .bullet:before,
.txt_gray4 .bulletS:before {background-color:#b7b7b7 !important;}
.txt_gray5.bullet:before,
.txt_gray5.bulletS:before,
.txt_gray5 .bullet:before,
.txt_gray5 .bulletS:before {background-color:#999999 !important;}
.txt_gray6.bullet:before,
.txt_gray6.bulletS:before,
.txt_gray6 .bullet:before,
.txt_gray6 .bulletS:before {background-color:#767676 !important;}
.txt_gray7.bullet:before,
.txt_gray7.bulletS:before,
.txt_gray7 .bullet:before,
.txt_gray7 .bulletS:before {background-color:#666666 !important;}
.txt_gray8.bullet:before,
.txt_gray8.bulletS:before,
.txt_gray8 .bullet:before,
.txt_gray8 .bulletS:before {background-color:#323232 !important;}
.txt_gray9.bullet:before,
.txt_gray9.bulletS:before,
.txt_gray9 .bullet:before,
.txt_gray9 .bulletS:before {background-color:#1c1b1b !important;}
.txt_blue.bullet:before,
.txt_blue.bulletS:before,
.txt_blue .bullet:before,
.txt_blue .bulletS:before {background-color:#002C5F !important;}
.txt_sand.bullet:before,
.txt_sand.bulletS:before,
.txt_sand .bullet:before,
.txt_sand .bulletS:before {background-color:#E4DCD3 !important;}
.txt_light_sand.bullet:before,
.txt_light_sand.bulletS:before,
.txt_light_sand .bullet:before,
.txt_light_sand .bulletS:before {background-color:#F6F3F2 !important;}
.txt_gold.bullet:before,
.txt_gold.bulletS:before,
.txt_gold .bullet:before,
.txt_gold .bulletS:before {background-color:#a36b4f !important;}
.txt_active_blue.bullet:before,
.txt_active_blue.bulletS:before,
.txt_active_blue .bullet:before,
.txt_active_blue .bulletS:before {background-color:#00aad2 !important;}
.txt_sky_blue.bullet:before,
.txt_sky_blue.bulletS:before,
.txt_sky_blue .bullet:before,
.txt_sky_blue .bulletS:before {background-color:#aacae6 !important;}
.txt_active_red.bullet:before,
.txt_active_red.bulletS:before,
.txt_active_red .bullet:before,
.txt_active_red .bulletS:before {background-color:#e63312 !important;}
.txt_navy.bullet:before,
.txt_navy.bulletS:before,
.txt_navy .bullet:before,
.txt_navy .bulletS:before {background-color: #002c5f !important;}
.txt_sky.bullet:before,
.txt_sky.bulletS:before,
.txt_sky .bullet:before,
.txt_sky .builletS:before {background-color:#00aad2 !important;}

.typeDownload {font-family: 'HyundaiMedium';font-weight: normal;color:#002c5f;display: inline-block;position:relative;padding-left:24px;} /*GT디자인가이드_06,GT디자인가이드_08 190212*/
.typeDownload:before { content:''; background-image: url('../../template_en/en/images/common/ico-download2.png'); background-size: 14px 14px; height:14px; width:14px; position:absolute; left:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

@media screen and  (max-width:1024px) {
    /* 본문 컨텐츠 텍스트 영역 */
    .subTitS {font-size:17px;line-height:22px;letter-spacing: 0.3px;}
    .subTitM {font-size:19px;line-height:24px;letter-spacing: 0.3px;}
    .subTitL {font-size:27px;line-height:32px;letter-spacing: 0.4px;}

    .conTit {font-size:14px;line-height:21px;letter-spacing: 0.2px;}
    .conAreaS {font-size:12px;line-height:17px;letter-spacing: 0.2px;}
    .conAreaM {font-size:14px;line-height:21px;letter-spacing: 0.2px;}
    .conAreaL {font-size:17px;line-height:22px;letter-spacing: 0.3px;}
    .subTit {height:42px;overflow:hidden;}
    .txtWd {width:600px;}
    .icoNote {margin-top:15px;line-height:17px;font-size:12px;text-indent:-22px; padding-left:22px;}/* 210617 modify */
    .icoNote:before {width:12px;background-size:12px auto;height:17px;}

    .alignR .icoNote:before {line-height:15px;margin-top:-4px;}

    .bullet:before {top:10px;}
}
@media screen and  (max-width:767px) {
    .subTitS {font-size:12px;line-height:17px;}
    .subTitM {margin-top:15px}
    .txtWd {width:auto;padding:0 20px;}
    .pwsdSlider.txtWd {width:auto;padding:0;}
    .bullet:before {top:9px;}
}

/*** allview 텍스트 **/
.bbsDetailPageH2 {padding: 58px 0 57px;}
.bbsDetailPageH2 .data_num {padding-bottom: 12px;}
.bbsDetailPageH2 .data_num .dtxt {display: inline-block;padding-right: 17px;line-height: 24px;color: #666;font-size: 14px;letter-spacing: 0.2px;}

@media screen and (max-width:1024px){
    .bbsDetailPageH2 {padding: 25px 0 50px;}
    .bbsDetailPageH2 .data_num {line-height: 17px;font-size: 12px;}
}

@media (max-width: 767px) {
    .bbsDetailPageH2 {padding: 40px 0 53px;}
    .bbsDetailPageH2 .data_num {padding-bottom: 20px;}
}

/* carousel pagination dot */
.ix-btn {width:100% !important;height:100% !important;}

/********** 공통 텍스트 관련 end ***********/

/* web */
/* nav */
.topBanner .gnbWrapFull{position:absolute;margin-bottom:-70px;top:232px}
.gnbWrapFull{background:#fff url("../../template_en/en/images/common/bg-gnb.png") repeat-x;min-width:1240px;position:absolute;left:0;top:0;width:100%;/*transition:all .3s;*/box-shadow:0 1px 3px rgba(216,209,200,0.7);min-height:70px;z-index:20}
.gnbWrapFull.edit{top:25px}
.gnbWrapFull.ab{position:absolute}
.gnbWrapFull a{text-decoration:none}
.gnbWrapFull.openSub{min-height:393px;overflow:hidden;z-index:9999}
.gnbWrapFull.openSub.findCar{min-height:571px;overflow:hidden}
.gnbWrap {height:71px; max-width:1120px; margin:0 auto; box-sizing: content-box; position:relative;z-index:10}
.gnbWrap .logo{float:left;padding-top:25px}
.gnbWrap .topBar .logo .topLogo{background:url("../../template_en/en/images/common/ico-logo.png") no-repeat;width:149px;height:22px;display:block;text-indent:-9999px;overflow:hidden}
.gnbWrap .topBar .btnBack{display:none}
.gnbWrap .topBar .rightArea{display:none}
.gnbWrap .topBar .pageTitle{display:none}
.gnbWrap .scrollBox{display:block ;max-height:none;right:auto ;height:auto}
.gnbWrap .gnbArea{float:left;padding-left:50px;font-size:14px}/* 210514 */
.gnbWrap .gnbArea:after{content:"";display:block;clear:both}
.gnbWrap .gnbArea .dep1Wrap:after{content:"";display:block;clear:both}
.gnbWrap .gnbArea .dep1Wrap .dep1.langList{display:none;}
.gnbWrap .gnbArea .dep1Wrap .dep1{float:left;margin:0 15px}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{display:block;line-height:70px;text-decoration:none;color:#666;font-size:14px;font-family:'HyundaiRegular'}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:hover,.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:focus{color:#000}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on{color:#000}
.gnbWrap .gnbArea .gnbSubArea{display:none;text-decoration:none;color:#767676;position:absolute;left:0;top:90px;width:100%;padding-top:23px;}
.gnbWrap .gnbArea .gnbSubArea.car{padding-top:0;top:90px}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a{display:block;text-decoration:none;color:#767676;position:relative;line-height:38px}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:hover,
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:focus{color:#00a1c7;text-decoration:none}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on{color:#00a1c7}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after{content:"";overflow:hidden;display:block;position:absolute;right:0;top:15px;background:url("../../template_en/en/images/common/ico-gnb-arr.png") no-repeat top left;width:4px;height:7px}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on.arr:after{background-position:0 -7px}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:after{content:"";overflow:hidden;display:block;position:absolute;right:0;top:15px;width:7px;height:7px;background:url("../../template_en/en/images/common/ico-gnb-newwin.png") no-repeat 0 -7px;font-size:0;line-height:0}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:hover:after{background:url("../../template_en/en/images/common/ico-gnb-newwin.png") no-repeat 0 0}
.gnbWrap .gnbArea .dep2Wrap{position:absolute;left:0;top:0;width:245px}
.gnbWrap .gnbArea .dep3Wrap{position:absolute;left:285px;top:0;width:245px;display:none}
.gnbWrap .gnbArea .dep4Wrap{position:absolute;left:285px;top:0;width:245px;display:none}
.gnbWrap .gnbArea .dep5Wrap{position:absolute;left:285px;top:0;width:245px;display:none}
.gnbWrap .gnbArea .gnbSubArea .btnGnbClose{position:absolute;right:0;top:13px}
.gnbWrap .gnbArea .gnbGap{display:none;position:absolute;left:205px;top:66px;background:#00aad2;width:84px;height:4px;transition:all .3s}
.gnbWrap .carListWrap{position:relative;margin-top:0}
.gnbWrap .carListWrap .tabArea{overflow:hidden;display:flex;width:calc(100% - 40px);}
.gnbWrap .carListWrap .tabArea .tab{flex-grow: 1;}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn{display: block; width: 100%; color:#fff;font-size:16px;text-align:center;font-family:"HyundaiMedium";background:#444;line-height:40px;}

.gnbWrap .carListWrap .tabArea .tab>.tabBtn.newWin:after{content:"";overflow:hidden;display:inline-block;margin-left:10px;width:10px;height:10px;background:url("../../template_en/en/images/common/ico-gnb-newwin2.png") no-repeat 0 -10px;font-size:0;line-height:0}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn.newWin:hover:after{background:url("../../template_en/en/images/common/ico-gnb-newwin2.png") no-repeat 0 0}
.gnbWrap .carListWrap .tabArea .tab.all>.tabBtn{background:#002c5f}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn:hover,
.gnbWrap .carListWrap .tabArea .tab>.tabBtn:focus{background:#fff;color:#000}
.gnbWrap .carListWrap .tabArea .tab.on>.tabBtn{background:#fff;color:#000}
.gnbWrap .carListWrap .tabArea .tab.on .carList{display:block}
.gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit {margin: 20px 0;font-size: 20px;line-height: 1.5;padding-bottom: 5px;color:#000;font-family:'HyundaiMedium'} /*GT디자인가이드_16 190213*/
.gnbWrap .carListWrap .tabArea .tab.on .carList li {position: relative;}
.gnbWrap .carListWrap .tabArea .tab.on .carList li > a { display:block;}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew,
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {position: absolute;left:0;top:0;display:block;width:70px;height:19px;text-indent: -99999px;background-position:50% 0;background-repeat:no-repeat;}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-w.png");}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-w.png");}
.gnbWrap .carListWrap .carList{position:absolute;left:0;right:0;top:90px;width:auto;display:none ;}
.gnbWrap .carListWrap .tab.on .carList .tabAllSlist,
.gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList  {display: flex; flex-wrap: wrap; margin: 0 -18px;}/*첫번째 탭(모든차량)과 나머지 탭 구조가 달라 선택자 2개 사용*/
.gnbWrap .carListWrap .carList .item {width: 20%; margin-bottom: 40px; padding: 0 18px;}
.gnbWrap .carListWrap .carList .item a{position: relative;}
.gnbWrap .carListWrap .carList .item img{width: 100%;}
.gnbWrap .carListWrap .carList .item .carTit{display:block;font-family:"HyundaiMedium"; font-size:14px;color: #000;line-height:1.71;}
.gnbWrap .carListWrap .carList .item .carPrice{display:block;font-size: 14px;line-height: 1.71;color: #666666;}
.gnbWrap .gnbRight{float:right;padding-top:27px;}
.gnbWrap .gnbRight .item {float:left;margin-left:14px;}/* 210514 */
.gnbWrap .gnbRight .item > a {display:block;width:20px;height:20px;text-indent:-1000px;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;}
.gnbWrap .gnbRight .item.item1 > a {background-image:url("../../template_en/en/images/common/ico-brochure-20-x-20.png");}
.gnbWrap .gnbRight .item.item2 > a {background-image:url("../../template_en/en/images/common/ico-configurator-20-x-20.png");}
.gnbWrap .gnbRight .item.item3 > a {background-image:url("../../template_en/en/images/common/ico-social-20-x-20.png");}
.gnbWrap .gnbRight .item.item4 > a {background-image:url("../../template_en/en/images/common/ico-search-20-x-20.png");}
.gnbWrap .gnbRight .item.item5 > a {background-image:url("../../template_en/en/images/common/ico-inquiry-20-x-20.png");}
.gnbWrap .gnbRight .item.item6 > a {background-image:url("../../template_en/en/images/common/ico-test-leadership-20-x-20.png");}
.gnbWrap .gnbRight .item.item7 > a {background-image:url("../../template_en/en/images/common/ico-search-agent-20-x-20.png");}
.gnbWrap .gnbRight .item.item8 > a {background-image:url("../../template_en/en/images/common/ico-language-20-x-20.png");}
.gnbWrap .gnbRight .item .btnGnbSearch{display:block;background:url("../../template_en/en/images/common/ico-search-20-x-20.png") no-repeat;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.gnbWrap .gnbRight .item .btnGnbBrochure{display:block;background:url("../../template_en/en/images/common/ico-brochure-20-x-20.png") no-repeat;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.gnbWrap .gnbRight .item .btnGnbConfigurator{display:block;background:url("../../template_en/en/images/common/ico-brochure-20-x-20.png") no-repeat;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.gnbWrap .gnbRight .gnbLanguageBtn {position:relative;}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer {display:none;background:url("../../template_en/en/images/common/bg-snslayer-body.png") no-repeat 0 0;background-size: 100% 100%;min-height:66px;position: absolute;right:50%;top:12px;padding:0 32px;text-align:center;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:-1;}
.gnbWrap .gnbRight .gnbLanguageBtn.on .languageLayer {display:block;}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul {margin-top:20px;padding:20px 0;}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li a {display:inline-block;min-width:50px;font-size:12px;color:#999;line-height:20px;white-space:nowrap;}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li.on a {font-weight:bold;color:#555;}
.gnbWrap .gnbRight .gnbSnsShareBtn {position:relative}/* 200508 add */
.gnbWrap .gnbRight .item .snsSlayer {display:none;background:url("../../template_en/en/images/common/bg-snslayer-body.png") no-repeat 0 0;background-size: 100% 100%;height:66px;position: absolute;right:0;top:23px;padding:0 32px;text-align:center;-webkit-transform:translateX(17%);-moz-transform:translateX(17%);-ms-transform:translateX(17%);transform:translateX(17%);}/* 200508 modify */
.gnbWrap .gnbRight .item .snsSlayer:after {content:'';position:absolute;top:1px;right:18%;width:16px;height:12px;background:url("../../template_en/en/images/common/bg-snslayer-triangle.png") no-repeat 0 0;background-size:100% 100%} /* 180430 */ /* add *//* 200508 modify */
.gnbWrap .gnbRight .item .languageLayer:after {content:'';position:absolute;top:10px;right:50%;width:16px;height:12px;background:url("../../template_en/en/images/common/bg-snslayer-triangle.png") no-repeat 0 0;background-size: 100% 100%;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}
.gnbWrap .gnbRight .item .snsSlayer ul {display:-webkit-box;display:flex;margin-top:26px}/* 200508 modify */
.gnbWrap .gnbRight .item .snsSlayer li {margin-left:12px}/* 200508 modify */
.gnbWrap .gnbRight .item .snsSlayer li:first-child {margin-left: 0}
.gnbWrap .gnbRight .item .snsSlayer li a {display: inline-block;width:24px;height:24px;text-indent:-1000px;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem1 a {background-image:url("../../template_en/en/images/common/ico-facebook@2x.png");}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem2 a {background-image:url("../../template_en/en/images/common/ico-youtube@2x.png");}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem3 a {background-image:url("../../template_en/en/images/common/ico-twitter@2x.png");}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem4 a {background-image:url("../../template_en/en/images/common/ico-pinterest@2x.png");}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem5 a {background-image:url("../../template_en/en/images/common/ico-linkedin@2x.png");}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem6 a {background-image:url("../../template_en/en/images/common/ico-instagram@2x.png");}

.gnbUtilWrap{background:#f2f2f2;position:relative;height:0;transition:all .3s}
.gnbUtilWrap.search{height:90px}
.gnbUtilWrap.language{height:92px}
.gnbSearchArea{width:1120px;margin:0 auto;padding:20px 0;text-align:center;position:absolute;left:0;right:0;top:71px;display:none}
.gnbSearchArea .gnbSearch{width:572px;margin:0 auto;position:relative;background:#fff}
.gnbSearchArea .gnbSearch .searchInput{position:relative;font-weight:normal;padding-right:55px}
.gnbSearchArea .gnbSearch .searchInput .inputText{width:100%;border:0;font-size:20px;line-height:50px;height:50px;padding-left:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gnbSearchArea .gnbSearch .searchInput .inputText::-ms-clear{display:none}
.gnbSearchArea .gnbSearch .btnSearch{position:absolute;right:0;top:0;display:block;width:55px;text-align:center;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../ww/en/images/common/btn-search.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset{display:none;position:absolute;right:60px;top:0;width:18px;text-align:center;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../ww/en/images/common/btn_reset.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset.on{display:block}
.gnbSearchArea .gnbSearch .gnbautoSearchList{background:#fff;display:none;position:absolute;left:0;top:50px;width:100%}
.gnbSearchArea .gnbSearch .autoSearch{border-top:1px solid #063162;background:#fff;text-align:left;margin:0 auto;width:532px;padding:12px 0}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link{display:block;font-size:16px;line-height:50px;text-decoration:none}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword{background:0;color:#00a1c7;font-family:"HyundaiMedium"}
.gnbSearchArea .btnGnbClose{position:absolute;right:0;top:20px}
.gnbLanguageArea{width:1120px;margin:0 auto;padding:25px 0;text-align:center;position:absolute;left:0;right:0;top:71px;display:none}
.gnbLanguageArea .selectLanguage{margin:0 20px;text-align:center;display:table;font-size:0;width:100%}
.gnbLanguageArea .selectLanguage select{width:265px;margin:0 20px;display:inline-block;box-shadow:none;padding:0 15px;line-height:42px;height:42px;font-size:16px}
.gnbLanguageArea .btnGnbClose{position:absolute;right:0;top:20px}
.gnbWrapFull .temp{text-align:center}
@media screen and (max-width:1024px){
    .gnbWrap .carListWrap .tabArea
    .gnbWrap .gnbArea .dep1Wrap .dep1{margin:0 15px;} /*180607*/
    .gnbWrap .carListWrap .tabArea .tab.on .carList li:nth-child(3n+1) {clear:both;}
}

/* mainTopBanner */
.mainTopBanner{background:#f6f3f2;}
.mainTopBanner .bannerArea{ max-width:1120px;margin:0 auto;position:relative;padding:0 25px 45px;}
.mainTopBanner .bannerArea .title{font-size:30px;line-height:40px;font-family:"HyundaiMedium";padding-top:70px}
.mainTopBanner .bannerArea .txt{font-size:16px;line-height:28px;padding-top:45px;max-width:1050px;}
.mainTopBanner .bannerArea .country{padding-top:40px;font-size:14px;line-height:18px}
.mainTopBanner .bannerArea .country img{margin-right:10px;vertical-align:top}
.mainTopBanner .bannerArea .btnArea{font-size:0;margin-top: 25px;}

.mainTopBanner .bannerArea .btnBannerClose{position:absolute;right:0;top:40px}
.mainTopBanner .visitcountry{display:none !important}
img.flag{vertical-align:middle;width:26px;height:18px;box-shadow:1px 1px 3px rgba(148,148,148,0.8)}

.mainTopBanner .btnWrap {margin:20px 0 0;}
.mainTopBanner .btnWrap .btn {width:140px;text-align:center;}

.btnContentTop{position:fixed;right:0;bottom:0;/*z-index:10;*/width:60px;height:60px;transform:translate3d(0,0,0);font-size:0;line-height:0; z-index:50} /*GT디자인가이드_26 190319 (z-index 변경)*/
.btnContentTop button{vertical-align:top}
.btnContentTop.ab{position:absolute}

/* footer */
.footerWrap{background:rgb(28, 27, 27);height:auto;min-width:1240px; padding-bottom: 24px;}
.footerArea{display: flex; flex-wrap: wrap; position:relative; width:1120px; margin:0 auto; padding: 24px 60px 0; box-sizing: content-box; letter-spacing:0;}
.footerArea .footerMenu{flex: 1; overflow:hidden; margin: 0 55px 15px;}
.footerArea .footerMenu > ul{display: flex; flex-wrap: wrap; margin: 0 -6px;}
.footerArea .footerMenu li{position:relative; padding: 0 6px; line-height:1;}
.footerArea .footerMenu li:after{display:block;content:'';position:absolute;left:0;top:3px;width:1px;height:9px;background:#333232}
.footerArea .footerMenu li a{color:#999;font-size:14px}
.footerArea .snsShare{}
.footerArea .snsShare ul{display: flex; margin: 0 -5px;}
.footerArea .snsShare li{margin:0 5px;}
.footerArea .snsShare li a{display:block; overflow:hidden; width:24px; height:24px; text-indent:-9999px; background-position:50% 50%; background-repeat:no-repeat; margin-top: -15%;}
.footerArea .snsShare li a.facebook{ background-image:url("../../template_en/en/images/common/ico-facebook@2x.png");}
.footerArea .snsShare li a.youtube{ background-image:url("../../template_en/en/images/common/ico-youtube@2x.png");}
.footerArea .snsShare li a.twitter{ background-image:url("../../template_en/en/images/common/ico-twitter@2x.png");}
.footerArea .snsShare li a.pinterest{ background-image:url("../../template_en/en/images/common/ico-pinterest@2x.png");}
.footerArea .snsShare li a.linked{ background-image:url("../../template_en/en/images/common/ico-linkedin@2x.png");}
.footerArea .snsShare li a.instar{ background-image:url("../../template_en/en/images/common/ico-instagram@2x.png");}
.footerArea .snsShare li a.googlePlus{ background-image:url("../../template_en/en/images/common/ico-googleplus@2x.png");}
.footerArea .tabC {width: 100%; padding: 0 115px;}
.footerArea .copyright{color:#5f5f5f;font-size:12px;line-height:1}
.footerArea .copyright .telgab {padding-left: 16px;}
.footerArea .goto{overflow:hidden;position:absolute;right:4px;top:96px;color:#999;font-size:14px;line-height:18px}
.footerArea .goto a{padding-left:5px;color:#999;font-size:14px;text-decoration:underline}
.footerArea .goto img.flag{float:right;margin-left:20px;box-shadow:none !important}
.footerArea .etc_ban {margin: 22px -12px 0;}
.footerArea .etc_ban>*{margin: 0 12px;}
.footerArea .etc_ban a {display: inline-block;}
.footerArea .etc_ban a.mlg {margin-left: 24px;}

/* form */
button{border:0;padding:0;overflow:hidden;background:0;position:relative}

.contentWrap{width:100%;}
@media screen and (min-width:1024px) and (max-width:1240px){
    .gnbWrap {margin: 0 60px;}
    .gnbWrapFull {min-width:300px;}

    .gnbWrap .topBar .logo .topLogo{background:url("../../template_en/en/images/common/ico-logo-m.png") no-repeat;width:37px;height:19px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:37px auto;background-size:37px auto;}
    .gnbWrap .gnbArea {padding-left: 30px;}
    .gnbWrap .gnbArea .gnbSubArea {left: 0px;}
    .gnbWrap .gnbRight li.tabhid {display: none;}
    .gnbSearchArea .gnbSearch{width:290px}
    
    .gnbWrap .carListWrap .tabArea .tab.on .carList {margin: 0 25px;}
	.gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList{margin: 0 -7px;}
	.gnbWrap .carListWrap .carList .item {width: 25%; margin-right: 0; padding: 0 7px;}
    .gnbWrap .gnbRight .item .snsSlayer {/*width: 254px;*/height:66px;background-size:100% 100%;right:0} /* 180430 */ /* 200508 modify */
    .gnbWrap .carListWrap .carList .item img {width: 100%;height:auto;}
    .gnbWrapFull.openSub.findCar {min-height:650px }

    .gnbSearchArea {width:768px;}
    .gnbSearchArea .btnGnbClose {top: 30px;right: 20px;}
    .gnbLanguageArea {width:768px;}
    .gnbLanguageArea .selectLanguage select {width: 200px;}
    .gnbLanguageArea .btnGnbClose {top: 30px;right: 20px;}

    /* footer */
    .footerWrap{min-width: unset;}
    .footerArea{width: 100%; box-sizing: border-box; }
    .footerArea .footerMenu {margin: 0 30px;}
    .footerArea .footerMenu li.tabE:after{width:0;}
    .footerArea .footerMenu li.tabE {margin-left: 0;padding-left: 0;}
    .footerArea .footerMenu li {margin-bottom: 8px;}
    .footerArea .tabC {margin-top: 30px; padding: 0 88px;}
    .footerArea .copyright .telgab {display: block;margin-top: -30px;padding-left: 0;}
    
}

/* D:tab */
@media screen and (max-width:1024px){
    .contentWrap{width:100%;min-width:768px;/*padding-top:70px;*/ background-color: #fff;}
    .topBanner .gnbWrapFull {top: 180px;}

    .mainTopBanner .bannerArea {padding-right:58px; padding-bottom:20px;}
    .mainTopBanner .bannerArea .txt {padding-top:20px;font-size:12px;line-height:17px;}
    .mainTopBanner .bannerArea .btnBannerClose {right:25px;top:25px;}
    .mainTopBanner .bannerArea .btnBannerClose img {width:8px;}
    .mainTopBanner .bannerArea .btn {font-size:14px;}

    .gnbWrap { margin: 0 30px;}
    .gnbWrapFull {min-width:300px;}

    .gnbSearchArea {width:768px;}
    .gnbSearchArea .btnGnbClose {top: 30px;right: 20px;}
    .gnbLanguageArea {width:768px;}
    .gnbLanguageArea .selectLanguage select {width: 200px;}
    .gnbLanguageArea .btnGnbClose {top: 30px;right: 20px;}

    .gnbWrap .topBar .logo .topLogo{background:url("../../template_en/en/images/common/ico-logo-m.png") no-repeat;width:37px;height:19px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:37px auto;background-size:37px auto;}
    .gnbWrap .gnbArea {padding-left: 30px;}
    .gnbWrap .gnbArea .gnbSubArea {left: 0px}
     
	.gnbWrap .gnbRight li.tabhid {display: none;}
    .gnbSearchArea .gnbSearch{width:290px}

     
     
    .gnbWrap .carListWrap .tabArea .tab.on .carList {margin: 0 25px;}
    	.gnbWrap .carListWrap .tab.on .carList .tabAllSlist,
	.gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList{display: flex; flex-wrap: wrap; margin: 0 -7px;}/*첫번째 탭(모든차량)과 나머지 탭 구조가 달라 선택자 2개 사용*/
	.gnbWrap .carListWrap .carList .item {width: 33.33%; padding: 0 7px;}
    .gnbWrap .gnbRight .item .snsSlayer {/*width: 254px;*/height:66px;background-size:100% 100%;right:0} /* 180430 */ /* 200508 modify */

    .gnbWrap .carListWrap .carList .item img {width: 230px;height: auto;}
    .gnbWrapFull.openSub.findCar {min-height:650px }

    .footerWrap{min-width: unset;}
    .footerArea{width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .footerArea .footerMenu {margin: 0 30px;}
    .footerArea .footerMenu li.tabE:after{width:0;}
    .footerArea .footerMenu li.tabE {margin-left: 0;padding-left: 0;}
    .footerArea .footerMenu li {margin-bottom: 8px;}
    .footerArea .tabC {margin-top: 30px; padding: 0 88px;}
    .footerArea .copyright .telgab {display: block;margin-top: -30px;padding-left: 0;}
    
    .gnbWrap .gnbArea .dep2Wrap {left: 78px;}
}
/* D:mobile */
@media screen and (max-width: 767px) {
    body{font-size:14px;line-height:21px;}
    button{border:0;padding:0;overflow:hidden;background:0;position:relative}
    img.flag{width:26px;height:18px;box-shadow:1px 1px 3px rgba(148,148,148,0.8);vertical-align:middle}

    .topBanner .gnbWrapFull{position:relative;top:0;margin-bottom: 0}

    .mainTopBanner .bannerArea {padding:20px 45px 20px 15px;height:auto;}
    .mainTopBanner .bannerArea .txt {padding-top:0;font-size:12px;line-height:17px;}
    .mainTopBanner .bannerArea .btnBannerClose {top:22px;right:15px;}
    .mainTopBanner .bannerArea .btnBannerClose img {width:13px;}
    .mainTopBanner .btnWrap {margin:15px 0 0;}
    .mainTopBanner .bannerArea .btn {width:100px;height:30px;font-size:13px;}

    .gnbDim{position:fixed;left:0;top:0;width:100%;height:1000000px;background:rgba(0,0,0,0.7);z-index:50;display:none;transform:translate3d(0,0,0)}
    .gnbWrapFull{min-width:100% !important;width:100%;z-index:100;position:fixed;left:0;top:0;background: none;transition:none;box-shadow:none;min-height:auto}
    .gnbWrapFull.ab{position:absolute}
    .gnbWrapFull a:focus{text-decoration:none}
    .gnbWrapFull.openSub {min-height: auto;overflow:visible;}
    .gnbWrapFull.openSub.findCar {min-height: auto;overflow:visible;}
    .gnbWrap {height:55px; margin: 0;}
    .gnbWrap .gnbArea{padding-bottom:55px;float: none;padding-left: 0;font-size: 13px;}
    .gnbWrap .carListWrap .tabArea .tab.on .carList {margin:0 15px;font-size:0;line-height:0;}
    .gnbWrap .topBar{height:55px;box-shadow:0 1px 3px rgba(216,209,200,0.7);background:#fff;padding:0 15px;position:absolute;left:0;top:0;width:100%;z-index:20}
    .gnbWrap .topBar .logo{position:absolute;left:15px;top:18px;z-index:1;float:none;padding-top:0;}
    .gnbWrap .topBar .logo .topLogo{background:url("../../template_en/en/images/common/ico-logo-m.png") no-repeat;width:35px;height:18px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:35px auto;background-size:35px auto}
    .gnbWrap .topBar .btnBack{display:none;background:url("../../template_en/en/images/common/btn-back.png") no-repeat;width:18px;height:16px;text-indent:-9999px;overflow:hidden;-webkit-background-size:auto 16px;background-size:auto 16px;position:absolute;left:15px;top:19px;z-index:1}
    .gnbWrap .topBar.back .logo{display:none}
    .gnbWrap .topBar.back .btnBack{display:block}
    .gnbWrap .topBar .pageTitle{padding:0 80px;text-align:center;position:absolute;left:0;right:0;width:100%;display: block;}
    .gnbWrap .topBar .pageTitle .tit{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;line-height:55px;font-family:"HyundaiMedium";width:100%;text-align:center}
    .gnbWrap .topBar .pageTitle .tit.arr{padding-right:10px}
    .gnbWrap .topBar .pageTitle .tit.arr:after{display:block;content:'';width:0;height:0;border-style:solid;border-width:5px 3.5px 0 3.5px;border-color:#000 transparent transparent transparent;position:absolute;right:0;top:50%;margin-top:-2px}
    .gnbWrap .topBar .pageTitle .tit.arr.on:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #000 transparent}
    .gnbWrap .topBar .pageTitle .subMenu{position:absolute;left:0;top:55px;width:100%;border-top:1px solid #e8e8e8;box-shadow:0 1px 3px rgba(216,209,200,0.7);overflow-y:auto;display:none}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a{display:block;line-height:60px;height:60px;padding:0 20px;border-bottom:1px solid #e8e8e8;font-size:16px;position:relative;background:#fff;text-align:left}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr:after{display:block;content:'';background:url("../../template_en/en/images/common/ico-gnb-menu-m.png") no-repeat;-webkit-background-size:23px auto;background-size:23px auto;width:23px;height:23px;position:absolute;right:20px;top:50%;margin-top:-11px}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.on{color:#00aad2}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after{background-position:0 -23px}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after{background-position:0 -23px}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a{display:block;line-height:60px;height:60px;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:16px;position:relative;background:#f5f5f5}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.on{color:#00aad2}
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.arr:after{display:none}
    .gnbWrap .topBar .rightArea{float:right;margin:19px 0 0 0;z-index:10;display: block}
    .gnbWrap .topBar .rightArea .gnbSearchMobile{float:left}
    .gnbWrap .topBar .rightArea .btnGnbSearch{float:left;background:url("../../template_en/en/images/common/ico-search-20-x-20@2x.png") no-repeat;width:15px;height:16px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:15px auto;background-size:15px auto}
    .gnbSearchArea{text-align:center;position:absolute;left:0;top:55px;display:none;width:100%}
    .gnbSearchArea .gnbSearch{width:100%;margin:0 auto;position:relative}
    .gnbSearchArea .gnbSearch .searchInput{position:relative;font-weight:normal;background:#00aad2}
    .gnbSearchArea .gnbSearch .searchInput .inputText{width:100%;border:0;padding-right:55px;font-size:16px;line-height:normal;height:60px;background:#00aad2;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px}
    .gnbSearchArea .gnbSearch .searchInput input.inputText::-webkit-input-placeholder{color:#fff}
    .gnbSearchArea .gnbSearch .searchInput input.inputText::-moz-placeholder{color:#fff}
    .gnbSearchArea .gnbSearch .searchInput input.inputText:-ms-input-placeholder{color:#fff}
    .gnbSearchArea .gnbSearch .searchInput input.inputText:-moz-placeholder{color:#fff}
    .gnbSearchArea .gnbSearch .btnSearch{position:absolute;right:0;top:0;display:block;width:45px;text-align:center;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../template_en/en/images/common/btn-search-m.png") no-repeat center center;overflow:hidden;text-indent:-99999px;-webkit-background-size:15px auto;background-size:15px auto}
    .gnbSearchArea .gnbSearch .btnReset{display:none !important;position:absolute;right:55px;top:0;width:18px;text-align:center;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../../template_en/en/images/common/btn-reset.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
    .gnbSearchArea .gnbSearch .btnReset.on{display:block}
    .gnbSearchArea .gnbSearch .gnbautoSearchList{background:#fff;display:none;position:absolute;left:0;top:60px;width:100%}
    .gnbSearchArea .gnbSearch .autoSearch{background:#fff;text-align:left;padding:0 15px}
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list{border-top:1px solid #f1f1f1}
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link{display:block;font-size:14px;line-height:50px;text-decoration:none}
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword{background:0;color:#00a1c7;font-family:"HyundaiMedium"}
    .gnbSearchArea .btnGnbClose{position:absolute;right:0;top:20px;display:none}
    .gnbWrap .topBar .rightArea .btnMobileMenu{float:left;background:url("../../template_en/en/images/common/btn-menu-open.png") no-repeat;width:16px;height:16px;display:block;text-indent:-9999px;overflow:hidden;-webkit-background-size:16px auto;background-size:16px auto;margin-left:15px}
    .gnbWrap .topBar .rightArea .btnMobileMenu.on{background-position:0 -16px;}
    .gnbWrap .scrollBox{position:absolute;top:55px;right:-100%;width:calc(100% - 30px);width:-webkit-calc(100% - 30px);background:#f6f3f2;overflow-y:auto;overflow-x:hidden;z-index:10;display:none;transition:right .3s}
    .gnbWrap .gnbArea .depSubWrap{display:none}
    .gnbWrap .gnbArea .dep1Wrap .dep1.langList {display:block;}
    .gnbWrap .gnbArea .dep1Wrap .dep1 {margin: 0;float: none;}
	.gnbWrap .carListWrap .tabArea{display: block; width: 100%; padding-left: 0;}

    .gnbWrap .gnbArea .langList ul li{position:relative;border-bottom: 1px solid #e8e8e8;background:#fff;}
    .gnbWrap .gnbArea .langList ul li.on {background:#f5f3f2;}
    .gnbWrap .gnbArea .langList ul li a {display:none;font-size:13px;color:#666;line-height:40px;text-align:center;}
    .gnbWrap .gnbArea .langList ul li .active {display:block;font-weight:bold;color:#000;}
    .gnbWrap .gnbArea .langList ul li:after {display:block;content:'';width:0;height:0;border-style:solid;border-width:5px 3.5px 0 3.5px;       border-color: #000 transparent transparent transparent;position:absolute;right:20px;top:18px;margin-top:-2px;}
    .gnbWrap .gnbArea .langList ul li.on:after {border-width: 0 3.5px 5px 3.5px;border-color: transparent transparent #000 transparent;}

    .gnbWrap .gnbArea .tab .tabBtn{display:block;color:#000!important;font-family: 'HyundaiRegular'!important;background:none!important;line-height:60px!important;height:60px!important;padding:0 16px !important;border-bottom:1px solid #e8e8e8;font-size:16px;position:relative;width:100%!important;text-align:left!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .gnbWrap .gnbArea .tab .tabBtn.on{color:#00aad2}
    .gnbWrap .gnbArea .tab .tabBtn:after{display:block;content:'';width:0;height:0;border-style:solid;border-width:5px 3.5px 0 3.5px;border-color:#000 transparent transparent transparent;position:absolute;right:20px;top:50%;margin-top:-2px}
    .gnbWrap .gnbArea .tab .tabBtn.on:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #000 transparent}
    /* 확인필요 : 영역이 존재하지 않음 */.gnbWrap .gnbArea .tab .tabBtn.newWin:after{content:"";overflow:hidden;display:block;position:absolute;top:26px;right:20px;width:10px;height:10px;background:url("../../template_en/en/images/common/ico_gnb_newwin2_mo.png") no-repeat top left;background-size:10px 10px;border:0 !important;font-size:0;line-height:0}
    .gnbWrap .gnbArea .tab.all .tabBtn:after{display:none}
    .gnbWrap .gnbArea .tab .carList{display:none;padding:20px 0 0 0;overflow:hidden;border-bottom:1px solid #e8e8e8;position:relative;left: auto;top: auto;}
    .gnbWrap .gnbArea .tab.on .carList{display:block}
    .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit {padding: 0 15px;font-size: 14px;}
    .gnbWrap .gnbArea .tab .carList .item{display:inline-block;width:50%;margin-bottom:30px;vertical-align:top;margin-right: 0;float: none;}
    .gnbWrap .gnbArea .tab .carList .item img {width:100%; height:100%; margin-top:10px;}
    .gnbWrap .gnbArea .tab .carList .item .carTit{display:block;font-size:12px;font-family:"HyundaiMedium";margin-top:0;}
    .gnbWrap .carListWrap .carList .item .carPrice{display:block;font-size: 12px;line-height: 1.71;color: #000;}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{display:block;font-family: 'HyundaiRegular';line-height:60px;height:60px;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:16px;position:relative;background:#fff}
    /* 확인필요 : 모바일용 이미지 없음(PC용으로 나옴) */.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after{display:block;content:'';background:url("../../template_en/en/images/common/gnb_menu_mo.png") no-repeat;-webkit-background-size:23px auto;background-size:23px auto;width:23px;height:23px;position:absolute;right:12px;top:50%;margin-top:-11px}
    .yourLocationGnb .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after{display:none}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on{color:#00aad2}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on:after{background-position:0 -23px}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on+.gnbSubArea{display:block}
    .gnbWrap .gnbArea .dep2Wrap {position: relative;width: auto;left:0;}
    .gnbWrap .gnbArea .depSubWrap{display:none}
    .gnbWrap .gnbArea .depSub .depSub_a{display:block!important;font-family: 'HyundaiRegular';line-height:60px!important;height:60px;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:16px;position:relative}
    .gnbWrap .gnbArea .depSub .depSub_a.on{color:#00aad2}
    .gnbWrap .gnbArea .depSub .depSub_a.arr:after{background: none!important;display:block;content:'';width:0!important;height:0!important;border-style:solid;border-width:5px 3.5px 0 3.5px;border-color:#000 transparent transparent transparent;position:absolute;right:20px!important;top:50%!important;margin-top:-2px}
    .gnbWrap .gnbArea .depSub .depSub_a.arr.on:after{ border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #000 transparent}
    .gnbWrap .gnbArea .gnbGap {display: none;}

    .gnbWrap .gnbArea .dep3Wrap{padding:10px 0;border-bottom:1px solid #e8e8e8;position: relative;width: auto;left: auto;top:auto}
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a{display:block;line-height:40px!important;height:auto;padding:0 50px;font-size:14px;position:relative;border-bottom:0;color:#666!important}
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.on{color:#00aad2}
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a:after{display:none}
    /* 확인필요 : 영역이 존재하지 않음 */.gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.newWin:after{content:"";overflow:hidden;display:block;position:absolute;top:15px;right:20px;width:10px;height:10px;background:url("../../template_en/en/images/common/ico_gnb_newwin_mo.png") no-repeat top left;background-size:10px 10px;font-size:0;line-height:0}
    .gnbWrap .gnbArea .depSubWrap.dep4Wrap{display:none !important}
    .gnbWrap .gnbArea .depSubWrap.dep5Wrap{display:none !important}
    .gnbWrap .gnbArea .btnGnbClose{display:none}
    .gnbWrap .gnbArea .gnbSubArea{display:none;height:auto !important;position: relative;top:0!important;left:auto;padding-top: 0;}
    /* 210514 modify & add */
    .gnbWrap .gnbRight{float:left; padding-top:0; margin:-55px 0 0 0; width:100%;}
    .gnbWrap .gnbRight .item{display:table;width:100%;float:none;margin-left:0;padding-left:16px;height:60px;border-bottom:1px solid #e7e6e5;box-sizing: border-box;}
    .gnbWrap .gnbRight .item > a{display:table-cell;text-indent: 0;width:auto;height:auto;background-position: 0 center;padding-left:27px;vertical-align: middle;}
    .gnbWrap .gnbRight .gnbSnsShareBtn, .gnbWrap .gnbRight .gnbSearchBtn {display:none;}
    /* //210514 modify & add */
    .gnbWrapFull .temp{width:100%;background:#fff;text-align:center}
    .gnbWrapFull .temp img{width:auto;height:55px}

    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew,
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {width:60px;height:14px;left:15px;}
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {background-image:url("../../template_en/en/images/common/ico-new-m.png");}
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {background-image:url("../../template_en/en/images/common/ico-upcoming-m.png");}

    .contentWrap{min-width:320px;}
    .sectionWrap{padding: 0 15px;}
    .footerWrap{background:#1c1b1b; padding-bottom:30px;height: auto;min-width:100%}
    .footerArea{flex-flow: column; padding:20px 0 0;}
    .footerArea .logo{order: 1; margin-top: 30px; text-align: center;}
	.footerArea .logo img{width:48px}
    .footerArea .footerMenu{overflow:hidden; margin: 0 20px; letter-spacing:-0.02em;}
    .footerArea .footerMenu ul{overflow:hidden;vertical-align:top;position:relative}
    .footerArea .footerMenu li{position:relative; width:50%; height: 32px; padding:0 6px 15px;line-height:1.2;}
    .footerArea .footerMenu li a{color:#999;font-size:13px;font-family:'HyundaiRegular';}
    .footerArea .footerMenu li:after{display:block;content:none;position:absolute;left:0;top:3px;width:1px;height:9px;background:#333232}
    .footerArea .snsShare{position:relative;border-bottom:1px solid #1f1f1f;border-top:1px solid #1f1f1f;height:60px}
    .footerArea .snsShare ul{height:60px;padding:0 12px}
    .footerArea .snsShare li{width:16%;margin-left: 0}
    .footerArea .snsShare li a{display:block;height:60px;overflow:hidden;text-indent:-9999px;background-position:center center;background-repeat:no-repeat;margin: 0 auto;}
    .footerArea .snsShare li a.facebook{background-image:url("../../template_en/en/images/common/ico-sns-share-facebook-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .snsShare li a.youtube{background-image:url("../../template_en/en/images/common/ico-sns-share-youtube-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .snsShare li a.linked{background-image:url("../../template_en/en/images/common/ico-sns-share-linkedin-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .snsShare li a.twitter{background-image:url("../../template_en/en/images/common/ico-sns-share-twitter-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .snsShare li a.pinterest{background-image:url("../../template_en/en/images/common/ico-sns-share-pinterest-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .snsShare li a.instar{background-image:url("../../template_en/en/images/common/ico-sns-share-instagram-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;}
    .footerArea .footerMenu li.tabE:after{width:auto;}
    .footerArea .footerMenu li.tabE {margin-left: 0;padding: 0 0 15px 12px;}
    .footerArea .copyright{width: 190px; margin: 25px auto 0; color:#666; font-size:12px; text-align:center;}/* 210617 modify */
    .footerArea .goto{position:absolute;top:35px;left:20px;color:#999;font-size:14px;line-height:18px}
    .footerArea .goto a{padding-left:5px;color:#999;font-size:14px;text-decoration:underline}
    .footerArea .goto img.flag{width:auto;margin-right:15px;box-shadow:none !important;vertical-align:top}
    .footerDimBg{background:#000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:110;opacity:.8;display:none}

    .footerArea .tabC {display: flex; order: 2; flex-flow: column-reverse; padding: 0; text-align: center;}
    .footerArea .copyright .telgab {display: block;margin-top: -30px;padding-left: 0;}
    .footerArea .copyright  a {color: #666;}
    .footerArea .etc_ban {margin-top: 0;}
    .footerArea .etc_ban > a{margin-left: 16px; margin-right: 16px;}
    .footerArea .etc_ban img {height: 24px;vertical-align: top;}
    .footerArea .etc_ban .mlg {margin-left: 19px;}
}

/* button
=======================*/

/* button area */
.btnWrap {min-width:100%;margin:0;padding:0;font-size: 0;line-height: 0;overflow: hidden;display:block;text-align:center;}
/*.btnWrap.col1,
 .btnWrap.col2, .btnWrap.col3, .btnWrap.col4 {margin: -10px -5px 0;} */
.btnWrap:after {content:"";display:block;clear:both;}
.btnWrap .col {display: inline-table;vertical-align:top;padding: 10px 5px 0;}

.btnWrap.col1 > .col,
.btnWrap.col2 > .col,
.btnWrap.col3 > .col,
.btnWrap.col4 > .col {width:25%;}
.btnWrap.col5 > .col {width:20%;}

.btnWrap .colWd {display: inline-table !important;min-width:140px;vertical-align:middle;padding:0;margin-left:10px;}
.btnWrap .colWd.lg {min-width:auto;width:48%;margin-left:2%;}
.btnWrap .colWd:nth-child(1) {margin-left:0;margin-top:0}

a.btn,
button.btn {display:table-cell;width:100%;height:50px;font-size:16px;padding:0 15px;background:#002c5f;color:#fff;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow: hidden !important;vertical-align: middle !important;position: relative;left: 0;right: 0; font-family:"HyundaiHRegular"} /* GT디자인가이드_21 (font-family추가) 190319 */
/* GT디자인가이드_21 190319 BTN hover시 underline 추가 */
a.btn:hover,
button.btn:hover{text-decoration:underline}
/* //BTN hover시 underline 190319 */

a.btnSm,
button.btnSm {height: 36px;line-height: 36px;font-size: 12px;}
a.btnLg
button.btnLg {height: 50px;line-height: 50px;font-size: 16px;}

a.btn.bgBtnGray,
button.btn.bgBtnGray {background:#767676;}
a.btn.bgBtnWhite,
button.btn.bgBtnWhite {background:#fff;}

.btnText {display: inline-block;line-height: 23px;font-size: 18px;font-family: "HyundaiMedium";text-align: left;position: relative;}
button.btnText {line-height: 1 !important;}
.btnText.sm {line-height: 14px;font-size: 14px;}
.btnText.navy {color: #002c5f;}
.btnText.white {color: #fff;}
.btnText.icoArrR {padding-right: 17px;position: relative;}
.btnText.icoArrR:after {content:"";display: block;width: 7px;height: 12px;margin-top: -6px;position: absolute;right: 0;top: 50%;}
.btnText.white.icoArrR:after {background: url('../../template_en/en/images/common/ico-arrow-right-white.png') no-repeat center center;}
.btnText.navy.icoArrR:after {background: url('../../template_en/en/images/common/ico-arrow-right-navy.png') no-repeat center center;}
.btnText.sm.icArrDown {padding-left: 20px;}
.btnText.sm.icDownload {padding-left: 20px;}
.btnText.sm.icArrDown:after {content: "";display: block;border-top: 6px solid #000;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;left: 0;top: 4px;}
.btnText.sm.icDownload:after {content: "";display: block;width: 9px;height: 9px;margin-top: -4px;background: url('../../template_en/en/images/common/ico-download.png') no-repeat center center;position: absolute;left: 0;top: 50%;}

.btnText.sm.icDownload2 {height:16px;padding-left: 26px;}
.btnText.sm.icDownload2:after {content: "";display: block;width:16px;height:16px;margin-top: -8px;background: url('../../template_en/en/images/common/ico-download3.png') no-repeat center center;position: absolute;left: 0;top: 50%;}

.btnText.sm.icArrDown2 {padding-left: 26px;}
.btnText.sm.icArrDown2:after {content: "";display: block;border-top: 9.5px solid #000;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;left: 0;top: 0px;}

@media screen and (max-width:1240px){
    .btnWrap.wide {margin-left: -25px;margin-right: -25px;}
    .btnWrap.wide button,
    .btnWrap.wide a,
    .btnWrap.wide span {width: 100%;}
}
@media screen and (max-width: 1024px){
    a.btn,
    button.btn {/*font-family: HyundaiMedium;*/ font-size:15px;} /* GT디자인가이드_21 190319 */

    .btnWrap.col1,
    .btnWrap.col2,
    .btnWrap.col3,
    .btnWrap.col4 {margin: -14px -7px 0;}
    .btnWrap .col {padding: 14px 7px 0;}

    .btnText  {line-height: 1.2;font-size: 15px;}
    .btnText.md {line-height: 18px;font-size: 15px;}
    .btnText.icoArrR {padding-right: 15px;}
    .btnText.md.icoArrR:after {width: 6px !important;height: 10px !important;margin-top: -6px !important;background-size: cover;}
}

@media screen and (max-width:767px){
    .btnWrap.col1,
    .btnWrap.col2,
    .btnWrap.col3,
    .btnWrap.col4 {margin: -10px -5px 0;}
    .btnWrap .col {padding: 10px 5px 0;}
    .btnWrap.col1 > .col {width:100%;}
    .btnWrap.col2 > .col {width:50%;}
    .btnWrap.col3 > .col {width:50%;}
    .btnWrap.col4 > .col {width:50%;}
    .btnWrap.col5 > .col {width:50%;}
    .btnWrap .colWd.sm {min-width:120px;}
    .btnWrap.col2 .col {width: 50%;}
    a.btn,
    button.btn {width:100%;}
    .btnWrap .btn{margin-top:10px;}
    .btnWrap .btn:first-child{margin-top:0}
}

/**** ui *****/
.sectionWrap {position: relative; padding: 0 25px;}
.contentWrap {position:relative;padding-top:71px;}
.topBanner .contentWrap {position:relative;padding-top:71px;} /* 20171115 추가 */
.sectionInner {width: 100%;max-width: 1120px;margin: 0 auto;}
.sectionFull{min-width:1120px;margin:0 -25px}
.fullImageSet{margin: 0 -25px;}
.sectionFull > .sectionFull{margin: 0;}
.sectionFull.maxWd {max-width:1920px; margin: 0 auto;}
.sectionFull.mdlWd {max-width:1600px; margin: 0 auto;} /* 180419 */
.sectionInner.cfoo {width: 100%;max-width: 1120px;margin: 0 auto;}

@media screen and (max-width:1240px){
	.sectionFull{min-width: 0;}
}


/* D:tab */
@media screen and (max-width:1024px){
	.contentWrap {min-width: 0 ;}
    .sectionInner {width: 100%;max-width: 100%;min-width: 0;}
    .sectionFull {width: auto; min-width: 0;}
}

/* D:mobile */
@media screen and (max-width: 767px) {
    .contentWrap {min-width: 320px !important;padding-top:55px;}
    .topBanner .contentWrap {padding-top:0;} /* 20171115 추가 */
    .sectionWrap {padding: 0 15px;}
    .sectionInner {max-width: 100%;min-width: 290px;}
    .sectionFull {min-width: 320px;margin: 0 -15px;}
    .fullImageSet{margin: 0 -15px;}
    .sectionFull.mdlWd {margin:0;} /* 180423 */ /* add */
}

/* mobile: 320px */ /*GT디자인가이드_32 190411*/
@media screen and  (max-width:320px){
    .sectionInner {min-width:auto;}
}


/**** table ****/
.tableWrap {width: 100%;}

/* tableScroll */
.tableInner.scroll {width: 100%;overflow-y: hidden;overflow-x: auto;}
.tableTypeCol {width: 100%;border-top: 1px solid #e4dcd3;border-bottom: 1px solid #e4dcd3;background: #fff;}
.tableTypeCol thead th {padding:13px 20px;font-size: 14px;line-height: 24px;color: #fff;border-top: 1px solid #fff;border-right: 1px solid #fff;background: #002c5f;box-sizing: border-box;font-family: "HyundaiMedium";font-weight: 400;}
.tableTypeCol tbody th {padding:13px 20px;line-height: 24px;font-size: 14px;text-align: center;border-top: 1px solid #e4dcd3;border-right: 1px solid #fff;background: #fff;box-sizing: border-box;font-family: "HyundaiMedium";font-weight: 400;}
.tableTypeCol tbody td {padding: 13px 20px;line-height: 24px;font-size: 14px;text-align: center;border-right: 1px solid #e4dcd3;border-top: 1px solid #e4dcd3;background: #fff;box-sizing: border-box;}
.tableTypeCol tbody tr td.ranking {background-color: #f6f3f2;}
.tableTypeCol thead tr th:first-child {border-left: 1px solid #fff;}
.tableTypeCol tbody tr:first-child th,
.tableTypeCol tbody tr:first-child td {border-top: 0;}
.tableTypeCol tbody tr th:first-child,
.tableTypeCol tbody tr td:first-child {border-left: 1px solid #e4dcd3;}
.tableTypeCol tbody tr:first-child th.bgDB,
.tableTypeCol tbody tr:first-child th.bgLB {border-top: 0 none !important;}
.tableTypeCol .bgLB {background: #fff !important;}
.tableTypeCol .bgDB {background: #e4dcd3 !important;}
.tableTypeCol .bgDB {border-top: 1px solid #fff !important;font-weight: 400;}
.tableTypeCol .bgLB {border-top: 1px solid #e4dcd3 !important;}
.tableTypeCol thead th span.txt {line-height:14px;font-family: "HyundaiRegular";font-size: 12px;}

/* table alignment */
.alignTHL th,
.alignTDL td {text-align:left !important;}
.alignTHC th,
.alignTDC td {text-align:center !important;}
.alignTHR th,
.alignTDR td {text-align:right !important;}

.alignTHL .tTitle li p,
.alignTDL .subTableContents li {text-align:left !important;}
.alignTHC .tTitle li p,
.alignTDC .subTableContents li {text-align:center !important;}
.alignTHR .tTitle li p,
.alignTDR .subTableContents li {text-align:right !important;}

.alignBTHL .subTitle {text-align:left !important;}
.alignBTHC .subTitle {text-align:center !important;}
.alignBTHR .subTitle {text-align:right !important;}

.tableTypeCol2 {width: 100%;border-top: 1px solid #e4dcd3;}
.tableTypeCol2.ctoc {table-layout: fixed;}
.tableTypeCol2 tr th {padding: 12px 20px 13px;font-size: 14px;line-height: 24px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;background:#e4dcd3;color:#000;font-family: "HyundaiMedium";font-weight: 400;}
.tableTypeCol2 tr td {padding: 20px;position: relative;font-size:14px;line-height:24px;border-left: 1px solid #fff;border-left: 1px solid #e4dcd3;background: #fff;border-bottom: 1px solid #e4dcd3;font-family:"HyundaiRegular";}
.tableTypeCol2 tr th:first-child,
.tableTypeCol2 tr td:first-child {border-left:1px solid #e4dcd3;}
.tableTypeCol2 tr th:last-child,
.tableTypeCol2 tr td:last-child {border-right:1px solid #e4dcd3;}

@media all and (max-width:1024px) {
    .tableTypeCol2 tr th {padding:15px; font-size:12px;line-height:17px;}
    .tableTypeCol2 tr td{padding:15px; font-size:12px; line-height:17px;}
   .tableTypeCol2 tr td:first-child {margin-top:32px;}
   .tableTypeCol2 tr:first-child td:first-child {margin-top:0}
}

.tableTypeCol3 {width: 100%;border-top: 1px solid #e4dcd3;}
.tableTypeCol3 tr th,
.tableTypeCol3 tr td {height: 43px;line-height: 1.286;box-sizing: border-box;}
.tableTypeCol3 tr th {padding: 12px 30px 12px 30px;font-size: 14px;font-family: "HyundaiRegular";font-weight: 400;text-align: left;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background:#e4dcd3;color:#000;}
.tableTypeCol3 tr th:first-child {border-left: 1px solid #e4dcd3;}
.tableTypeCol3 tr th:last-child {border-right: 1px solid #e4dcd3;}
.tableTypeCol3 tr td {position: relative;padding: 8px 30px;font-size:14px;border-left: 1px solid #e4dcd3;border-right: 1px solid #e4dcd3;border-bottom: 1px solid #e4dcd3;background: #fff;font-family:"HyundaiRegular";}

@media all and (max-width:767px){
    .tableTypeCol2.ctoc {table-layout: auto;}
}

/* ctod */
.ctodbox {width:100%;}
.ctodbox ul.tTitle li {display: block;float: left;width: 17.5%;background-color: #002c5f;height: 50px;  padding: 0;margin: 0;border-left:solid 1px #fff;}
.ctodbox ul.tTitle li.first {width:30%;}
.ctodbox ul.tTitle li.first > p {width:336px;}
.ctodbox ul.tTitle li > p {position: relative;display:table-cell;width:224px;height:50px;font-family: "HyundaiMedium";font-size:14px;color:#fff;vertical-align:middle;padding:0 12px;text-align:center;}
.ctodbox ul.tTitle li:first-child {border-left:0;}

.ctodWrap .tSub {width: 100%;}
.ctodWrap .tSub .subTitle {position: relative;width: 30%;height: 100px;float: left;}
.ctodWrap .tSub .subTitle .mobileFirtstTitle {position: relative;width: 70%;float: left;height: 100px;background-color: #e4dcd3;border-right:1px solid #fff;border-bottom:solid 1px #fff;padding:0 20px;}
.ctodWrap .tSub .subTitle .mobileFirtstTitle span {display: inline-block;line-height: 100px;font-family: "HyundaiMedium";vertical-align: middle;}
.ctodWrap .tSub .subTitle .mobileSecondTitle {position: relative;width: 30%;float: left;height: 50px;background-color: #e4dcd3;line-height: 50px;border-bottom:solid 1px #fff;padding:0 12px; text-align: center;}
.ctodWrap .tSub .subTableContents {width: 70%;float: left;}
.ctodWrap .tSub .subTableContents li {width: 25%;float: left;height: 50px;line-height: 50px;border-left:solid 1px #fff;font-size:14px;padding:0 12px;}
.ctodWrap .tSub .subTableContents li:nth-child(2n+1) {background-color: #f6f3f2;border-left:solid 1px #e4dcd3;border-bottom:solid 1px #e4dcd3;}
.ctodWrap .tSub .subTableContents li:nth-child(2n) {background-color: #fff;border-left:solid 1px #e4dcd3;border-bottom:solid 1px #e4dcd3;}
.ctodWrap .tSub .subTableContents .toL,
.ctodWrap .tSub .subTableContents .toR {width: 100%;border-right: #e4dcd3 1px solid;}

@media screen and (max-width: 1024px) {
    .ctodWrap .tSub .subTitle{height:90px;}
    .ctodWrap .tSub .subTitle .mobileFirtstTitle{padding:0 15px; font-size:12px;height:90px;}
    .ctodWrap .tSub .subTitle .mobileSecondTitle{height:45px; line-height:45px;font-size:12px;}
    .ctodWrap .tSub .subTableContents li{height:45px; line-height:45px; font-size:12px;}    
    .ctodWrap .tSub .subTitle .mobileFirtstTitle span{line-height:90px;}
    .ctodbox ul.tTitle li{height:45px;}
    .ctodbox ul.tTitle li > p{font-size:12px;height:45px;}
}
/* D:mobile */
@media screen and (max-width: 767px) {
    .ctodWrap h2{margin-top:0; font-size:27px; line-height:32px;}
    .ctodbox .tSub li.subTitle {display:block;width:100%;height: auto;}
    .ctodWrap .tSub ~ .tSub {padding-top:30px;}
    .ctodWrap .tSub .subTitle .mobileFirtstTitle {width: 100%;height: 45px;line-height: 45px;text-align:center;background-color:#002c5f;}
    .ctodWrap .tSub .subTitle .mobileFirtstTitle span {line-height: 1;color: #fff;}
    .ctodWrap .tSub .subTitle .mobileSecondTitle {width: 50%;}
    .ctodWrap .tSub .subTitle .mobileSecondTitle:nth-child(2n) {border-right: #fff 1px solid;}
    .ctodWrap .tSub .subTableContents {width: 100%}
    .ctodWrap .tSub .subTableContents li {line-height: 17px;padding:15px;height: auto;}
    .ctodWrap .tSub .subTableContents .toL {width: 50%;float: left;}
    .ctodWrap .tSub .subTableContents .toR {width: 50%;float: left;}
    .ctodWrap .tSub .subTableContents .toR li {border-left: none;}
    .ctodWrap .tSub .subTableContents li {width: 100%;}
    .ctodWrap .tSub .subTableContents li p.mobile {line-height:17px;}
}


/* D:tab */
@media screen and (max-width:1024px){
    /* tableScroll */
    .tableInner.scroll {width: 100%;max-width: 1210px;}
    .tableInner.scroll table {width: 100%;}

    .ctodList .ctodTit {width:120px;}
    .ctodList ul li.first div {margin-left:120px;}
}

/* D:mobile */
@media screen and (max-width: 767px) {
    .tableInner.scroll {min-width: 290px;max-width: 737px;}
    .tableInner.scroll {width: 100%;min-width: 100%;max-width: 1210px;}
    .tableInner.scroll table {width: 100%;min-width: 960px;}

    .tableTypeCol thead th {display:none;}
    .tableTypeCol tbody td {width:50%;}

    .tableTypeCol thead th {padding: 12px 10px;font-size: 12px;line-height: 17px;}
    .tableTypeCol thead th span.txt {font-size: 11px;}
    .tableTypeCol table tbody th {padding:12px 10px;line-height: 17px;font-size: 12px;}
    .tableTypeCol tbody td {padding: 12px 10px;line-height: 17px;font-size: 12px;}

    .tableTypeRow {width: 100%;border-bottom: 1px solid #e4dcd3;}
    .tableTypeRow tr th,
    .tableTypeRow tr th {padding: 7px 15px;font-size: 12px;}
    .tableTypeRow tr td {padding: 7px 15px;font-size:12px;}
}



/* tab : CTNA, CTNB, PNSB */
.tabWrap {position: relative;}
.tabWrap .tabActive {display: none;width: 100%;padding-left: 15px;padding-right: 15px;background: #444;font-size: 12px;font-family: "HyundaiMedium";color: #fff;text-decoration: none;text-align: left;box-sizing: border-box;overflow: hidden;} /* 버튼 */
.tabWrap .tabArea {height: 60px;overflow: hidden;}
.tabWrap .tabArea .tab {display: table;height: 60px;float: left;}
.tabWrap .tabArea .tab .link {display: table-cell;width: 100%;height: 60px;padding-left: 10px;padding-right: 10px;line-height: 14px;font-size: 14px;text-align: center;font-family: "HyundaiMedium";text-decoration: none;vertical-align: middle;word-break: break-word;/*background-color:#444;*/ color:#000;}
.tabWrap .tabArea .tab .link:hover,
.tabWrap .tabArea .tab .link:focus {color: #000;background-color: #fff;}
.tabWrap .tabArea .tab .link.on {color: #000;background-color: #fff;}
.tabWrap .tabArea .tab.all .link {color: #fff;background-color: #002c5f;}
.tabWrap .tabArea .tab.all .link:hover,
.tabWrap .tabArea .tab.all .link:focus {color: #000;background-color: #fff;}
.tabWrap .tabArea .tab.all .link.on  {color: #fff;background-color: #002c5f;}
.tabWrap .tabArea .tab .link > * {line-height: 16px;font-size: 14px;font-weight: 400;}
.tabWrap .tabArea li[aria-selected="false"] .link {color: #fff;background-color: #444;}
.tabWrap .tabArea li[aria-selected="true"] .link {color: #000;background-color: #fff; font-size:14px;line-height: 14px;}

.tabBox .tabCont {display:none;}
.tabBox .on {display:block;}

@media screen and  (max-width:1024px)  {
    .tabWrap .tabArea {height: 45px;}
    .tabWrap .tabArea .tab {height: 45px;}
    .tabWrap .tabArea .tab .link {height: 45px;}
    .tabWrap .tabArea .tab .link > * {font-size:12px;}
    .tabWrap .tabArea li[aria-selected="true"] .link {font-size:12px; line-height:12px;}
    .tabWrap .tabArea li[aria-selected="false"] .link{font-size:12px; line-height:12px;}
}

@media screen and  (max-width:767px)  {
    .tabWrap {margin: 0 -15px;line-height: 45px;}
    .tabWrap.noMg {margin: 0;}
    .tabWrap .tabActive {display: table;width: 100%;padding-left: 15px;padding-right: 15px;background: #444;font-size: 12px;font-family: "HyundaiMedium";color: #fff;text-decoration: none;text-align: left;box-sizing: border-box;overflow: hidden;}
    .tabWrap .tabActive span {display: table-cell;height: 45px;padding-right: 22px;line-height: 16px;vertical-align: middle;}
    .tabWrap:after {display: block;content: '';width: 7px;height: 7px;margin-top: -4px;background: url("../../template_en/en/images/common/ico-tab-right-arr-m.png") no-repeat right center;background-size: 7px auto;position: absolute;right: 15px;top: 22px;}

    .tabWrap .tabArea {width: 100%;height: auto;}
    .tabWrap .tabArea.open {display:block;}
    .tabWrap .tabArea .tab {display: none;height: auto;float: none;width:100% !important;}     
    .tabWrap .tabArea .tab .link {display: block;width: auto;height: auto; line-height: 16px;font-size: 12px;text-align: left;padding: 14px 35px 15px 10px}/* 20171121 padding: 14px 15px; 삭제 */ /* 180416 */
    .tabWrap .tabArea .tab.on {display: block; background-color:#656565;} /* 180416 */
    .tabWrap .tabArea .tab.on .link {/*display: table-cell; vertical-align:middle; */ color: #fff;background-color: #444; }/* 20171121 display: table-cell; vertical-align:middle; 추가*/ /* 180416 */
    .tabWrap .tabArea.open .tab {display: block;width: 100%;}
    .tabWrap .tabArea.open .tab .link {color: #fff;background-color: #444;}
    .tabWrap .tabArea.open .tab.on .link {/*display:table-cell; vertical-align:middle; color: #000; */ background-color:#656565;} /* 20171121 display: table-cell; vertical-align:middle; 추가*/ /* 180416 */
    .tabWrap .tabArea li[aria-selected="true"] .link {font-size:15px; line-height:15px;}
    .tabWrap .tabArea li[aria-selected="false"] .link{font-size:15px; line-height:15px;}
}

/* paging */
.paging {width: 100%;line-height: 16px;font-size: 0;text-align: center;position: relative;z-index: 1;}
.paging .btnPaging {display: inline-block;height: 11px;margin: 2px 8px 0;vertical-align: top;background: url('../../template_en/en/images/common/btn-paging.png') no-repeat;background-size: auto 22px;}
.paging .btnPaging.btnFirst {width: 13px;background-position: 0 -11px;}
.paging .btnPaging.btnPrev {width: 7px;background-position: -32px -11px;}
.paging .btnPaging.btnNext {width: 7px;background-position: -38px -11px;}
.paging .btnPaging.btnLast {width: 13px;background-position: right -11px;}
.paging .btnPaging.disabled {cursor: default;}
.paging .btnPaging.btnFirst.disabled {background-position: 0 0;}
.paging .btnPaging.btnPrev.disabled {background-position: -32px 0;}
.paging .btnPaging.btnNext.disabled {background-position: -38px 0;}
.paging .btnPaging.btnLast.disabled {background-position: right 0;}
.paging .number {display: inline-block;padding: 0 32px;overflow: hidden;vertical-align: top;}
.paging .number button {margin: 0 9px;font-family: "HyundaiMedium";font-size: 16px;float: left;}
.paging .number button:hover,
.paging .number button:focus {color: #00aad2;}
.paging .number button.on {color: #00aad2;text-decoration: underline;}

@media screen and (max-width: 767px) {
    .paging .btnPaging {height: 10px;margin-top: 1px;background-size: auto 20px;}
    .paging .btnPaging.btnFirst {width: 12px;background-position: 0 -10px;}
    .paging .btnPaging.btnPrev {width: 6px;background-position: -29px -10px;}
    .paging .btnPaging.btnNext {width: 6px;background-position: -35px -10px;}
    .paging .btnPaging.btnLast {width: 12px;background-position: right -10px;}
    .paging .btnPaging.btnFirst.disabled {background-position: 0 0;}
    .paging .btnPaging.btnPrev.disabled {background-position: -29px 0;}
    .paging .btnPaging.btnNext.disabled {background-position: -35px 0;}
    .paging .btnPaging.btnLast.disabled {background-position: right 0;}
    .paging .number{padding: 0 16px;}
    .paging .number button{font-size: 12px;margin: 0 9px;}
}

/* headArea */
.headArea .topSect {position:relative; z-index: 1; max-width:1120px;margin:0 auto; padding: 0 60px; box-sizing: content-box; overflow:hidden;}
.headArea .topSect .locWrap {float:left;}
.headArea .topSect .locWrap li {float:left;height:90px;line-height:90px;}
.headArea .topSect .locWrap a.link {display:inline-block;/* margin-right:11px; *//* padding:0 16px 0 0; *//* line-height: 26px; *//* font-size:16px; *//* color:#000; *//*text-decoration:underline;*//* background:url("../../template_en/en/images/common/ico-breadcrumb.png") no-repeat 100% 9px; *//* cursor: pointer; *//* text-decoration: underline; */}
.headArea .topSect .locWrap span {margin-right: 11px;padding: 0 16px 0 0; font-size: 16px;color: #000; background: url(../../template_en/en/images/common/ico-breadcrumb.png) no-repeat 100% 9px;/* cursor: pointer; */white-space:nowrap;}
.headArea .topSect .locWrap .active span {display:inline-block;color: #00aad2 !important;font-weight:normal;font-size:16px;text-decoration:none;font-family:"HyundaiMedium";text-decoration: underline;background: none;}
.headArea .topSect .utilWrap {float:right;height:90px;line-height:90px;}
.headArea .topSect .utilWrap a.util {display:inline-block; margin-left:23px;display:inline-block;padding:0 0 0 23px;font-size:14px; color:#000;font-family:"HyundaiMedium";background-repeat:no-repeat;background-position:0 50%;}
.headArea .topSect .utilWrap a:first-child {margin-left:0;}
.headArea .topSect .utilWrap a.share {padding-left:23px;background-image:url("../../template_en/en/images/common/ico-sharing.png");}
.headArea .topSect .utilWrap a.print {padding-left:27px;background-image:url("../../template_en/en/images/common/ico-print.png");}
.headArea .topSect .utilWrap a.util.fb-like>span{vertical-align: middle !important;}/* iframe으로 인라인 스타일 적용되어있어서 important로 적용 */
.headArea .tWrap {display: flex; align-items: center;height:270px;margin:0 60px;background:rgba(255,255,255,0.7);text-align:center;} /*GT디자인가이드_18 190211 */ /*GT디자인가이드_12 190215*/
.headArea .tWrap .titInner {padding:0 25px; width: 100%;max-width: 1120px;margin: 0 auto;} /* 2017-11-12 */ /*GT디자인가이드_12 190211 */ /*GT디자인가이드_18 190226*/
.headArea .tWrap .ftit {font-size:58px;font-family:"HyundaiMedium";color:#000;}
.headArea .tWrap .stit {font-size:20px;font-family:"HyundaiRegular";color:#000;line-height:30px; margin: 10px auto 0;} /* GT디자인가이드_18 190221 */ /*GT디자인가이드_18 190226*/
.headArea .tWrap .stit.type1 {margin-top:20px;}
.headArea .bottmBtns {margin-top:50px;}
.headArea .bottmBtns.btnWrap .colWd {margin-left:20px;}
.headArea .bottmBtns.btnWrap .colWd:first-child {margin-left:0;}
.layerPop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999}
.layerPop .dim{position:fixed;left:0;right:0;top:0;bottom:0;background:url("../../template_en/en/images/common/popup-bg.png") repeat left top}
.layerPop .layerPopArea{position:relative;width:700px;margin:0 auto;top:120px;padding-bottom:100px;z-index: 910;}
.layerPop .layerPopArea.w550{width:550px}
.layerPop .layerPopArea .btnLayerClose{display:block;position:absolute;top:30px;right:30px;text-indent:-9999px;width:16px;height:16px;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat}
.layerPop .popCont{padding:60px;background:#fff;text-align:center}
.layerPop .popCont .headTit{display:block;padding:15px 0;text-align:center;font-size:24px;line-height:30px}
.layerPop .popCont .titMsg{display:block;margin:10px 0 40px 0;font-size:20px}
.layerPop .popCont .titMsg a{display:block;color:#002c5f;text-decoration:underline}
.layerPop .popCont .icoNoti{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti.png") no-repeat;margin:0 auto}
.layerPop .popCont .icoNoti1{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti_1.png") no-repeat;margin:0 auto}
.layerPop .popCont .message{margin:40px 0 20px 0;color:#000}
.layerPop .popCont .message.bold{font-family:'HyundaiMedium'}
.layerPop .popCont .message.wrong{color:#00aad2}
.layerPop .popCont .conArea{text-align:left}
.layerPop .popCont .inputWrap{width:100%}
.layerPop .popCont .inputWrap input.txt{width:100%;height:50px !important;border:1px solid #e4dcd3 !important}
.layerPop .popCont .etc{margin-top:40px;padding-top:40px;border-top:1px solid #e4dcd3}
.layerPop .popCont .etc .message{margin-top:0}
.layerPop .popCont .btnWrap{margin-top:30px;padding-bottom:0}
.layerPop .shareList{display:table;width:100%;text-align:center;font-size:0;margin:30px 0 20px 0}
.layerPop .shareList li{display:inline-block;vertical-align:middle;margin:0 0 0 48px}
.layerPop .shareList li:first-child{margin-left:0}
.layerPop .shareList li a{display:block;width:60px;height:43px;text-indent:-9999px}
.layerPop .shareList li a:hover,.layerPop .shareList li a:focus{background-position:0 -43px !important}
.layerPop .shareList li.btnFacebook a{background:url("../../template_en/en/images/common/sns-share-layer-facebook.png") no-repeat}
.layerPop .shareList li.btnGoogle a{background:url("../../template_en/en/images/common/sns-share-layer-google.png") no-repeat}
.layerPop .shareList li.btnTwitter a{background:url("../../template_en/en/images/common/sns-share-layer-twitter.png") no-repeat}
.layerPop .shareList li.btnPinterest a{background:url("../../template_en/en/images/common/sns-share-layer-pinterest.png") no-repeat}

/* SAVO, No Component : search */
.headArea .searchSect .searchTit {margin-bottom:12px;}
.headArea .searchSect .inputBox {margin:0 auto 10px auto;}
.headArea .searchSect .searchResultWrap {width:608px;margin:0 auto;text-align:left;}
.headArea .searchSect .searchResultWrap dl.searchResult dt {display:inline-block;margin-right:20px;font-size:16px;line-height:2;color:#000;text-align:left;font-family:"HyundaiMedium"}
.headArea .searchSect .searchResultWrap dl.searchResult dd {display:inline-block;font-size:14px;line-height:2.29;color:#00aad2;text-align:left;font-family:"HyundaiRegular"}

/* topVisualWrap */
.headArea .topVisualWrap {overflow: hidden;position:relative;}
.headArea .topVisualWrap .visual {max-width: 1860px;height: 540px;margin: 0 auto;overflow: hidden;}
.headArea .topVisualWrap .visualInner img {width: auto;position: absolute;left: 50%;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.headArea .topVisualWrap .titWrap {width: 100%;max-width: 1120px;padding-top: 68px;text-align: left;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}
.headArea .topVisualWrap .titWrap .stit {margin-top: 14px;font-family: "HyundaiRegular";}

@media screen and (max-width:1240px){
    .headArea .tWrap .stit {margin:0 10%;}
    .headArea .topVisualWrap {margin: 0 15px;}
    .headArea .topVisualWrap .titWrap {padding: 68px 35px 0;}
    .headArea .topVisualWrap .titWrap .stit {margin-top: 8px;}
}

@media screen and (max-width:1024px){
    .headArea .topSect{margin: 0 30px; padding: 0;} /*GT디자인가이드_12 190211 */
    .headArea .tWrap {margin: 0; padding-bottom: 45px;}
    
    .headArea .topSect .locWrap li,
    .headArea .topSect .utilWrap {height:80px;line-height:80px;}
    
    .headArea .tWrap .ftit {font-size:30px;line-height:35px;}
    .headArea .tWrap .stit {font-size:14px;line-height:19px;}
    .headArea .tWrap .stit.type1 {margin-top:10px;} /*GT디자인가이드_12 190215 */
    .headArea .searchSect .searchTit {margin-bottom:12px;}
    .headArea .searchSect .inputBox {margin:0 auto 8px auto;}
    .headArea .searchSect .searchResultWrap {width:430px;}
    .headArea .topVisualWrap .visual {height: 340px;}
    .headArea .topVisualWrap .titWrap {padding: 58px 35px;}
}

@media screen and (max-width: 767px) {
	
	.headArea {padding: 0;}
	.headArea .topSect {display:none;}
	.headArea .tWrap {height: 240px; padding-bottom: 0; background:rgba(255,255,255,0.7);}  /*GT디자인가이드_12 190211 */
	.headArea .tWrap .stit {padding:0; margin-top: 10px;}
		.headArea .searchSect .searchResultWrap {width:auto;}
    .headArea .bottmBtns {margin-top:10px;} /* GT디자인가이드_12 190215 */
    .headArea .bottmBtns.btnWrap .colWd {width:50%;margin:0;padding-right:10px;min-width:0;}
    .headArea .bottmBtns.btnWrap .colWd:last-child {padding-left:10px;padding-right:0;}
    .headArea .topVisualWrap{margin:0 15px;}
    .headArea .topVisualWrap .visualInner img{width:100%; position: static; transform: none;}
    .headArea .topVisualWrap .visual {height: auto;}
    .headArea .topVisualWrap .titWrap {padding: 58px 20px;}
}

/* contentWrap BG */
.homeBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap01.jpg") no-repeat 50% 0;}
.homeBgMain {background:url("../../template_en/en/images/bg2/bg-contentwrap02.jpg") no-repeat 50% 0;background-size: cover;} /* GT디자인가이드_01 190221 */
.findACarBgPip {background:url("../../template_en/en/images/bg2/bg-contentwrap03.jpg") no-repeat 50% 0;background-size: cover;} /* GT디자인가이드_02 190221 */ /*190328*/
.findACarBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap04.jpg") no-repeat 50% 0;}
.buildACarBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap08.jpg") no-repeat 50% 0;}
.buildACarBgType2 {background:url("../../template_en/en/images/bg2/bg-contentwrap04.jpg") no-repeat 50% 0;}
.buildACarBgType3 {background:url("../../template_en/en/images/bg2/bg-contentwrap05.jpg") no-repeat 50% 0;}
.buildACarBgType4 {background:url("../../template_en/en/images/bg2/bg-contentwrap06.jpg") no-repeat 50% 0;}
.buildACarBgType5 {background:url("../../template_en/en/images/bg2/bg-contentwrap07.jpg") no-repeat 50% 0;}
.connectToServiceBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap01.jpg") no-repeat 50% 0;}
.connectToServiceBgType2 {background:url("../../template_en/en/images/bg2/bg-contentwrap09.jpg") no-repeat 50% 0;}
.hyundaiStoryBgType3 {background:url("../../template_en/en/images/bg2/bg-contentwrap10.jpg") no-repeat 50% 0;}
.hyundaiStoryBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap10.jpg") no-repeat 50% 0;}
.hyundaiStoryBgType2 {background:url("../../template_en/en/images/bg2/bg-contentwrap01.jpg") no-repeat 50% 0;}
.landingPageBgType1 {background:url("../../template_en/en/images/bg2/bg-contentwrap09.jpg") no-repeat 50% 0;}

@media all and (max-width:767px) {
    .homeBgType1,
    .homeBgMain,
    .findACarBgPip,
    .findACarBgType1,
    .buildACarBgType1,
    .buildACarBgType2,
    .buildACarBgType3,
    .buildACarBgType4,
    .buildACarBgType5,
    .connectToServiceBgType1,
    .connectToServiceBgType2,
    .hyundaiStoryBgType3,
    .hyundaiStoryBgType1,
    .hyundaiStoryBgType2,
    .landingPageBgType1 {background-position:50% 0;}
}

/* errorSiteMap */
.errorSiteMap {max-width:1120px;margin:100px auto 130px;transform:translate(70px, 0);}
.errorSiteMap .esTit {font-size:20px;color:#000;font-family:"HyundaiMedium";line-height:30px;}
.errorSiteMap .innerWrap {margin:30px 0 0;display:table;width:100%;}
.errorSiteMap .innerWrap .col {display:table-cell;width:25%;vertical-align:top;}
.errorSiteMap .innerWrap .col .colTit {font-size:16px;color:#000;line-height:28px;font-family:"HyundaiMedium";}
.errorSiteMap .innerWrap .col .list {margin:8px 0 0;}
.errorSiteMap .innerWrap .col .list li {font-size:14px;line-height:24px;font-family:"HyundaiRegular";}
.errorSiteMap .innerWrap .col .list li a {text-decoration:underline;}

@media all and (max-width:1024px) {
    .errorSiteMapOuter {text-align:center;}
    .errorSiteMap {margin:50px auto 70px;display:inline-block;transform:translate(0, 0);}
    .errorSiteMap .esTit {font-size:17px;line-height:22px;text-align:left;}
    .errorSiteMap .innerWrap {margin-top:15px;overflow:hidden;display:block;text-align:center;}
    .errorSiteMap .innerWrap .col {display:inline-block;width:auto;margin-left:50px;text-align:left;}
    .errorSiteMap .innerWrap .col:first-child {margin-left:0;}
    .errorSiteMap .innerWrap .col .colTit {font-size:14px;line-height:21px;}
    .errorSiteMap .innerWrap .col .list li {font-size:12px;line-height:17px;}
}

@media all and (max-width:767px) {
    .errorSiteMap {display:block;margin:0 25px;padding:50px 0 30px;}
    .errorSiteMap .innerWrap {overflow:hidden;}
    .errorSiteMap .innerWrap .col {float:left;width:50%;margin:0 0 30px;}
}

/* errorPage */
.errorPage {margin:50px auto 0;max-width:1150px;padding:0 25px;}
.errorPage .eTit {font-size:58px;color:#000;text-align:center;font-family:"HyundaiMedium";}
.errorPage .desc {margin-top:20px;font-size:20px;color:#000;line-height:30px;font-family:"HyundaiRegular";}
.errorPage .btnWrap {margin-top:50px;text-align:center;}

@media all and (max-width:1024px) {
    .errorPage .eTit {font-size:30px;line-height:35px;}
    .errorPage .desc {max-width:550px;margin:10px auto 0;font-size:14px;line-height:19px;}
}

@media all and (max-width:1024px) {
    .errorPage {margin:85px 40px 0;padding:0;}
}

/* 비쥬얼 */
.topVisualArea{position:relative;height:540px;padding:0 30px}
.topVisual{position:relative;min-width:1120px;margin:0 auto;overflow:hidden;max-width:1800px;height:540px}
.topVisual .visual{width:1860px;position:absolute;left:50%;top:0;margin-left:-930px}
.topVisual .visual img{width:1860px}
.topVisual .titWrap{position:absolute;top:0;left:0;right:0;margin:0 auto;width:1120px;text-align:left;padding-top:71px}
.topVisual .titWrap .ico{margin:-11px 0 11px}
.topVisual .titWrap .ftit{font-size:58px;line-height:64px;font-family: 'HyundaiMedium'}
.topVisual .titWrap .stit{margin-top:12px;font-size:20px;line-height:26px;max-width:440px}
.topVisual .titWrap .btn{margin-top:80px}
.topVisualArea.vMiddle .middle{position:absolute;left:0;top:0;display:table;width:100%;height:100%}
.topVisualArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle;padding-top:0;position:relative;left:auto;top:auto;right:auto;text-align:center}
.topVisualArea.vMiddle .middle .titWrap .stit{max-width:none}

.contTop{background-color:#e4dcd3;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.contTop.topVisNone{background-color:#fff}
.contH1topWaveBg {background:url("../../template_en/en/images/bg/bg-corp-info-affiliates-stg-pc.jpg") no-repeat;}

@media screen and (max-width:1024px){
    .contTop{width:100%;min-width:768px;padding-top:10px;}
    .topVisual img{width:100% !important}
    .topVisual{position:relative;padding:0;width: 100%;max-width: 100%;height: auto;min-width:100%;}
    .topVisual .visual {position: relative;width: 100%;height: auto;left: 0;margin-left: 0;top:0}
    .topVisualArea{position:relative;height: auto;padding: 0 15px;}
}

/* D:mobile */
@media screen and (max-width: 767px){
    .contTop{width:100%;min-width:320px;padding-top:30px;background-color:#e4dcd3;background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;display:table}
    .topVisualArea{position:relative;height: auto;padding: 0 15px;}
    .topVisual{position:relative;padding:0;width: 100%;max-width: 100%;height: auto;min-width:100%;}
    .topVisual img{width:100% !important}
    .topVisual .visual {position: relative;width: 100%;height: auto;left: 0;margin-left: 0;top:0}
    .topVisual .titWrap{position:absolute;top:0;left:0;right:0;width:100%;padding:50px 35px 0}
    .topVisual .titWrap .ico{height:30px;margin-bottom:5px}
    .topVisual .titWrap .ico img{width:auto;height:auto}
    .topVisual .titWrap .ftit{font-size:30px;line-height:35px}
    .topVisual .titWrap .stit{margin-top:7px;font-size:14px;line-height:19px;padding-right:10%}
    .topVisual .titWrap .btn{margin-top:40px}
    .topVisualArea.vMiddle .middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:table;width:100%;height:100%}
    .topVisualArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle;padding-top:0;position:relative;left:auto;top:auto;right:auto;text-align:center}
    .topVisualArea.vMiddle .middle .stit{padding-right:0}
    .contH1topWaveBg {background:url("../../template_en/en/images/bg/bg-corp-info-affiliates-stg-m.jpg") no-repeat;}
}

/******** form ********/
/* reset */
/* input text
=======================*/
input[type=text], input[type=number], input[type=tel], input[type=password], input[type=date], input[type=email] {display: inline-block;width: 100%;height: 44px;padding: 0 5px 0 20px;line-height: 44px;font-size: 14px;color: #666;border: 1px solid #e4dcd3;box-sizing: border-box;background: #fff;}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}

@media screen and (max-width:1024px){
    input[type=text], input[type=number], input[type=tel], input[type=password], input[type=date], input[type=email] {height: 35px;line-height: 35px;font-size: 12px;}
}
 /* reset end */

/****** 셀렉트 클래스 ***********/
.selForm select {display: inline-block;width: 100%;height: 40px;padding-left: 20px;color: #666;border: 0;background: url("../../template_en/en/images/common/ico-select-right-arr.png") no-repeat right center;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent:1px; text-overflow:"";background-color: #f6f3f2;font-size:16px;padding-right: 42px;}
.selForm select:focus {outline: 2px solid #a4c6fd;}
.selForm select::-ms-expand {display: none;}
.selForm select.bgWhite {border: 1px solid #e5e5e5;background: #fff url("../../template_en/en/images/common/ico-select-right-arr.png") no-repeat right center !important;}
.selForm select.bdNone {border: 0 none;}
.selForm select.noarrow {background:#fff none !important;}
@media screen and (max-width:1024px) {
    .selForm select {height: 35px;padding-left: 15px;font-size: 12px;}
}


/* input search
=======================*/
.inputBox {display: block;width: 100%;background: #fff;box-sizing: border-box;position: relative;}
.inputBox.widMd {width: 460px !important;}
.inputBox.widLg {width: 608px !important;}
.inputBox.searchBox {width: auto;background: transparent;overflow: hidden;}
.posIconR {display: block;padding-right: 55px;overflow: hidden;box-sizing: border-box;position: relative;}
.posIconR .posRight {position: absolute;right: 0;top: 0;}

.inputSearch {display: inline-block;width: 100%;height: 40px;padding: 0 20px;line-height: 40px;color: #000;font-size: 14px;border: 0 none;box-sizing: border-box !important;}
.inputSearch.hLg {height: 44px;line-height: 44px;}
.inputSearch.hXlg {height: 50px;line-height: 50px;}
.inputSearch.bgGray {background: #f6f3f2;}
.inputSearch::-webkit-input-placeholder{color: #666;}
.inputSearch::-moz-placeholder{color: #666;}
.inputSearch:-ms-input-placeholder{color: #666;}
.inputSearch:-moz-placeholder{color: #666;}

.btnSearch {display: inline-block;width: 55px;height: 44px;text-indent: -9999px;text-align: center;background: url("../../template_en/en/images/common/btn-search.png") no-repeat center center;box-sizing: border-box;overflow: hidden;}
.inputBox.widLg .btnSearch {height: 50px;}

.inputBox.searchBox .inputSearch {width: 380px;float: left;}
.inputBox.searchBox .btnBasic {min-width: 120px;margin-left: 12px;float: left;}
.inputBox.searchBox .posIconR {width: 380px;float: left;}
.posIconR.icoLocation:after {content: "";display: block;width: 40px;height: 40px;background: url("../../template_en/en/images/common/ico-location.png") no-repeat center center;position: absolute;right: 0;top: 0;}
.posIconR.icoLocation .inputSearch {padding-right: 55px;}
.WTbHid {display: none}
@media screen and (max-width:1024px){
    .inputSearch.hXlg {height:40px;line-height:40px;}
    .inputBox.widLg {width:430px !important;}
    .inputBox.widLg .btnSearch {height: 40px;}
}
@media screen and (max-width:767px)  {
    .inputSearch.hXlg {height: 50px;line-height: 50px;}
    .inputBox,
    .inputBox.widLg {width: 100% !important;}
    .inputBox.widLg .btnSearch {height: 50px;}
    .mbHid {display: none}
    .WTbHid {display: block}
}

/** 웹에서만 블럭 처리 **/
.wtOnlyBlock {display: block;}
/* D:mobile */
@media screen and (max-width: 740px) and (min-width: 0) {
    .wtOnlyBlock {display: inline;}
}

/* radio
=======================*/
.radioboxWrap {display: block;font-size: 0;line-height: 0;}
.radioboxWrap .radioBoxInner {display: inline-block;vertical-align: top;position: relative;}
.radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 7px;}
.radioboxWrap .radioBoxInner input[type=radio] {/*display: none;*/opacity: 0;-webkit-appearance: none; width: 0;height: 0;position: absolute;left: 0;top: 0;}
.radioboxWrap .radioBoxInner label {display: inline-block;min-height: 18px;padding-left: 28px;line-height: 18px;font-size: 14px;vertical-align: top;cursor: pointer; padding-right: 76px}/* 20171121 padding-right fixed */
.radioboxWrap .radioBoxInner input[type=radio] ~ label:before {content: "";display: inline-block;width: 18px;height: 18px;border: 2px solid #999;border-radius: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.radioboxWrap .radioBoxInner input[type=radio]:checked ~ label:before {border: 2px solid #00aad2;}
.radioboxWrap .radioBoxInner input[type=radio]:checked ~ label:after {content: "";display: inline-block;width: 8px;height: 8px;border-radius: 100%;background: #00aad2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;left: 5px;top: 5px;}
.radioboxWrap .radioBoxInner input[type=radio]:focus ~ label:before {border: 2px solid #00aad2;box-shadow: 0 0 4px #00aad2;}

/* D:mobile */
@media screen and (max-width:767px) {
    .radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 25px;}
    .radioboxWrap .radioBoxInner label {min-height: 16px;padding-left: 25px;line-height: 16px;font-size: 12px;padding-right: 10px; width:70%;} /*GT디자인가이드_03 190212*/
    .radioboxWrap .radioBoxInner input[type=radio] ~ label:before {width: 16px;height: 16px;}
    .radioboxWrap .radioBoxInner input[type=radio]:checked ~ label:after {left: 4px;top: 4px;}
}

/* checkbox
=======================*/
.checkboxWrap {display: block;font-size: 0;line-height: 0;}
.checkboxWrap .checkboxInner {display: inline-block;vertical-align: top;position: relative;overflow:hidden;}
.checkboxWrap .checkboxInner ~ .checkboxInner {margin-left: 7px;}
.checkboxWrap .checkboxInner input[type=checkbox] {/*display: none;*/ position: absolute;left:-30px;top:-30px;}
.checkboxWrap .checkboxInner label {display: inline-block;min-height: 18px;padding-left: 28px;line-height: 18px;font-size: 14px;vertical-align: top;cursor: pointer;}
.checkboxWrap .checkboxInner input[type=checkbox] ~ label:before {content: "";display: inline-block;width: 18px;height: 18px;border: 2px solid #999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.checkboxWrap .checkboxInner input[type=checkbox]:checked ~ label:before {border: 2px solid #00aad2;background: url("../../template_en/en/images/common/ico-checkbox.png") no-repeat center center;background-size: 10px;}
.checkboxWrap .checkboxInner input[type=checkbox]:focus ~ label:before {border: 2px solid #00aad2;box-shadow: 0 0 3px #00aad2;}
.checkboxWrap .checkboxInner input[type=checkbox]:disabled ~ label:before,
.checkboxWrap .checkboxInner input[type=checkbox].disabled ~ label:before {border: 2px solid #e5e5e5;background: #f2f2f2;}

/* D:mobile */
@media screen and (max-width:767px) {
    .checkboxWrap .checkboxInner ~ .checkboxInner {margin-left: 25px;}
    .checkboxWrap .checkboxInner label {min-height: 16px;padding-left: 25px;line-height: 16px;font-size: 14px;}
    .checkboxWrap .checkboxInner input[type=checkbox] ~ label:before {width: 16px;height: 16px;}
}

/* Find a car > topBar */
span.gt_cta,
span.configurator,
span.drive,
span.quote {display:inline-block;margin-right: 20px;vertical-align:top;}
span.gt_cta,
span.configurator img,
span.drive img,
span.quote img {width: 32px;height: 32px;}
span.hiddenTm {display:inline-block;}

@media screen and  (max-width:1024px) {
    span.gt_cta,
    span.configurator,
    span.drive,
    span.quote {margin-right:18px;}
    span.gt_cta,
    span.configurator img,
    span.drive img,
    span.quote img {width: 26px;height: 26px;}
    span.hiddenTm {display:none;}
}

@media screen and  (max-width:767px) {
    span.gt_cta,
    span.configurator,
    span.drive,
    span.quote {margin-right:0px;margin-bottom:4px;}
}

/******** list style ********/
.itemWrap {width: 100%;overflow: hidden;}
.itemWrap em,
.itemWrap i {font-style: normal;}
.txtLineBox ~ .itemWrap {padding-top: 20px;}
.itemWrap .itemListWrap {margin: -60px -16px 0;font-size: 0;line-height: 0;position: relative;}
.itemWrap.mg2 .itemListWrap {margin: -60px -10px 0;}
.itemWrap.mg3 .itemListWrap {margin: -60px -15px 0;}
.itemWrap.mg4 .itemListWrap {margin: -60px -10px 0;}
.itemWrap .itemListWrap:after {content: "";display: block;clear: both;}
.itemWrap .itemList {display: inline-table;margin-top: 60px;vertical-align: top;}
.itemWrap .itemList .listInner {margin: 0 16px;}
.itemWrap.mg2 .itemList .listInner {margin: 0 10px 0;}
.itemWrap.mg3 .itemList .listInner {margin: 0 15px 0;}
.itemWrap.mg4 .itemList .listInner {margin: 0 10px 0;}
.itemWrap .itemList .itemTopTit {padding-bottom: 10px;line-height: 40px;font-size: 30px;font-family: "HyundaiMedium";letter-spacing: 0.5px;}
.itemWrap .itemList .itemLink,
.itemWrap .itemList .img {display: block;}
.itemWrap .itemList .itemTit {padding-bottom: 6px;}
.itemWrap .itemList .conTit {width:100%;}
.itemWrap .itemList .itemTit [class*=subTit],
.itemWrap .itemList .itemTit [class*=conTit] {display: inline-block;vertical-align: middle;}
.itemWrap .itemList .itemLink:hover [class*=subTit],
.itemWrap .itemList .itemLink:hover [class*=conTit],
.itemWrap .itemList .itemLink:hover [class*=conArea] {text-decoration: underline;}
.itemWrap .img {display: block;width: 100%;margin-bottom: 10px;padding-bottom: 53.58%;text-align: center;overflow: hidden;position: relative;}
.itemWrap .video {display: block;width: 100%;margin-bottom: 10px;padding-bottom: 53.58%;text-align: center;overflow: hidden;position: relative;}
.itemWrap .img img {width: auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.itemWrap .video img {width: auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.itemWrap .itemList .itemCon {display: block;line-height: 1.43;color: #666;font-size: 14px;font-family:"HyundaiRegular";}
.itemWrap .itemList .itemCon .conAreaS {line-height: 20px;}
.itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 2px;}
.itemWrap .itemList .itemCon.pd0 [class*=conArea] ~ [class*=conArea].pd0 {padding-top: 0;}
.itemWrap .itemList .itemCon .conBlock {display: block;}
.itemWrap .itemList .checkboxWrap {padding-bottom: 8px;}
.itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS,
.itemWrap .itemList .checkboxWrap .checkboxInner label.conTit {font-size: 16px;line-height: 20px;}
.itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.subTitS:before,
.itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.conTit:before {top: 1px;}
.itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM {font-size: 20px;line-height: 30px;}
.itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.subTitM:before {top: 6px;}
.itemWrap .itemList .checkboxWrap ~ .itemCon {padding-left: 28px;}
.itemWrap .itemList .itemBtnWrap {display: table;width: 100%;}
.itemWrap .itemList .itemBtnWrap .left,
.itemWrap .itemList .itemBtnWrap .right {display: table-cell;vertical-align: middle;}
.itemWrap .itemList .itemBtnWrap .right {text-align: right;}
.secListBox ~ .secListBox {padding-top: 80px;}
.secSpaListWrap .conAreaS.icoNote {margin-top: 60px;}
.btnMoreWhite {width: 100%;height: 50px;line-height: 50px;color: #767676;font-size: 15px;font-family: "HyundaiMedium";text-align: center;box-sizing: border-box;}
.btnMoreWhite .icoArr {display: inline-block;padding-right: 17px;position: relative;}
.btnMoreWhite .icoArr:after {content: "";display: block;margin-top: -2px;border-top: 5px solid #767676;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;right: 0;top: 50%;}

.itemWrap.bttmLayer .itemLayer {display: none;margin-top: 35px;padding: 40px 60px;background: #f6f3f2;position: absolute;top: 0;left: 10px;right: 10px;z-index: 1;}
.itemWrap.bttmLayer .active .itemLayer {display: block;}
/* .itemWrap.bttmLayer .itemLayer:after {content: "";display: block;width: 22px;height: 22px;background: #f6f3f2;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: -11px;} */
.itemWrap.bttmLayer .itemList:nth-child(4n+1) .itemLayer:after {left: 75px;}
.itemWrap.bttmLayer .itemList:nth-child(4n+2) .itemLayer:after {left: 370px;}
.itemWrap.bttmLayer .itemList:nth-child(4n+3) .itemLayer:after {left: 665px;}
.itemWrap.bttmLayer .itemList:nth-child(4n+4) .itemLayer:after {left: 965px;}
.itemWrap.bttmLayer .itemLayer .btnCloseLayer {display: block;width: 16px;height: 16px;font-size: 0;text-indent: -9999px;background: url("../../template_en/en/images/common/btn-layer-close.png") no-repeat center center;background-size: cover;overflow: hidden;position: absolute;right: 20px;top: 20px;}

.secListBox .itemTxtTop {display: table;/*width: 100%;*/padding-bottom: 20px;} /* 180419 modify */
.secListBox .itemTxtTop .txtLeft {display: table-cell;font-family: "HyundaiMedium";line-height: 28px;font-size: 16px;vertical-align: middle;}
.secListBox .itemTxtTop .txt_count {display:table-cell;line-height:28px;vertical-align:middle;}

/* D:tablet */
@media screen and  (max-width:1024px){
    .txtLineBox ~ .itemWrap {padding-top: 30px;}
    .itemWrap .itemListWrap {margin: -32px -7px 0 -7px;}
    .itemWrap.mg2 .itemListWrap {margin: -32px -7px 0;}
    .itemWrap.mg3 .itemListWrap {margin: -32px -7px 0;}
    .itemWrap.mg4 .itemListWrap {margin: -32px -7px 0;}
    .itemWrap .itemList {margin-top: 32px;}
    .itemWrap .itemList .listInner {margin: 0 7px;}
    .itemWrap.mg2 .itemList .listInner {margin: 0 7px 0;}
    .itemWrap.mg3 .itemList .listInner {margin: 0 7px 0;}
    .itemWrap.mg4 .itemList .listInner {margin: 0 7px 0;}
    .itemWrap .itemList .itemTopTit {line-height: 21px;font-size: 14px;letter-spacing: 0.2px;}
    /*.itemWrap .itemList .img img {width: 100%;}*/
    /*.itemWrap .itemList .video img {width: 100%;}*/
    .itemWrap .itemList .itemTit {padding-bottom: 7px;}
    .itemWrap .itemList .checkboxWrap {padding-bottom: 10px;}
    .itemWrap .itemList .itemCon [class*=conArea] ~ [class*=conArea] {padding-top: 5px;}
    .itemWrap .itemList .itemCon .conAreaS {font-size: 14px;}
    .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS,
    .itemWrap .itemList .checkboxWrap .checkboxInner label.conTit {font-size: 14px;line-height: 21px;}
    .itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.subTitS:before,
    .itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.conTit:before {top: 2px;}
    .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM {font-size: 14px;line-height: 21px;}
    .itemWrap .itemList .checkboxWrap .checkboxInner input[type=checkbox] ~ label.subTitM:before {top: 2px;}
    .itemWrap .itemList .itemBtnWrap {display: block;}
    .itemWrap .itemList .itemBtnWrap .left,
    .itemWrap .itemList .itemBtnWrap .right {display: block;}
    .itemWrap .itemList .itemBtnWrap .right {padding-top: 10px;text-align: left;}
    .secListBox ~ .secListBox {padding-top: 35px;}
    .secSpaListWrap .conAreaS.icoNote {margin-top: 40px;}
    .btnWrap.btnMoreWrap {padding-top: 60px;}

    .itemWrap.bttmLayer .itemLayer {left: 7px;right: 7px;}
    .itemWrap.bttmLayer .active .itemLayer {padding: 25px 25px 50px 25px;}
    .itemWrap.bttmLayer .itemLayer:after {width: 18px;height: 18px;margin-left: -13px;top: -9px;}
    .itemWrap.bttmLayer .itemList:nth-child(3n+1) .itemLayer:after {left: 16.65%;}
    .itemWrap.bttmLayer .itemList:nth-child(3n+2) .itemLayer:after {left: 49.95%;}
    .itemWrap.bttmLayer .itemList:nth-child(3n+3) .itemLayer:after {left: 83.25%;}
    .itemWrap.bttmLayer .itemLayer .btnCloseLayer {background-size: 12px;}

    .secListBox .itemTxtTop {padding-bottom: 15px;}
    .secListBox .itemTxtTop .txtLeft {line-height: 21px;font-size: 14px;}
}

/* D:mobile */
@media screen and  (max-width:767px)  {
    .txtLineBox ~ .itemWrap {padding-top: 20px;}
    .itemWrap.mg2 .itemListWrap {margin: -15px -3px 0;}
    .itemWrap.mg4 .itemListWrap {margin: -15px -5px 0;}
    .itemWrap.mg2 .itemList .listInner {margin: 0 3px 0;}
     .itemWrap.mg4 .itemList .listInner {margin: 0 5px 0;}
     .itemWrap .itemList{margin-top:15px;}
    .itemWrap .itemList .itemTopTit {line-height: 22px;font-size: 17px;letter-spacing: 0.3px;}
    .secListBox ~ .secListBox {padding-top: 25px;}
    .btnWrap.btnMoreWrap {padding-top: 28px;}

    .itemWrap.bttmLayer .itemLayer {left: 5px;right: 5px;}
    .itemWrap.bttmLayer .active .itemLayer {padding: 30px 15px 40px 15px;}
    .itemWrap.bttmLayer .itemList:nth-child(2n+1) .itemLayer:after {left: 20%;}
    .itemWrap.bttmLayer .itemList:nth-child(2n+2) .itemLayer:after {left: 70%;}
    .itemWrap .img img{width:100%;position: static;transform:none;} /* 180423 */ /* add */
}

/******** list search style ********/
.selectFormBox {margin: 0 -6px;}
.selectFormBox:after {content: "";display: block;clear: both;}
.selectFormBox .selForm {padding: 0 6px;float: left;}
.selectFormBox .inputForm {padding: 0 6px;float: left;}
.selectFormBox .inputForm input {width: 100%;height: 40px;padding: 11px 20px;line-height: 17px;font-size: 14px;color: #666;border: 0 none;box-sizing: border-box;background: #f6f3f2;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.selectFormBox .searchBtn {display: table;padding: 0 6px;float: left;}
.selectFormBox .searchBtn .btn {width: 100%;height: 40px;font-size: 14px;}

/* D:tablet */
@media screen and  (max-width:1024px){
    .selectFormBox {margin: 0 -5px;}
    .selectFormBox .selForm {padding: 0 5px;}
    .selectFormBox .inputForm {padding: 0 5px;}
    .selectFormBox .selForm select {height: 35px;line-height: 35px;padding-left: 15px;font-size: 12px;}
    .selectFormBox .inputForm input {height: 35px;line-height: 35px;padding:  0 15px;font-size: 12px;}
    .selectFormBox .searchBtn {padding: 0 5px;}
    .selectFormBox .searchBtn .btn {width: 100%;height: 35px;line-height: 35px;font-size: 13px;}
}

/* D:mobile */
@media screen and  (max-width:767px){
    .selectFormBox {margin: 0;margin-top: -10px;}
    .selectFormBox .selForm {width: 100% !important;padding: 10px 0 0 0;float: none;}
    .selectFormBox .inputForm {width: 100% !important;padding: 10px 0 0 0;float: none;}
    .selectFormBox .searchBtn {width: 100% !important;padding: 30px 0 0 0px;float: none;}
    .selectFormBox .searchBtn .btn {height: 50px;font-size: 15px;}
}

.videoWrap {position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;overflow:hidden;}
.videoWrap .innerWrap {position: absolute;left:0;right:0;top:50%;padding-bottom: 56.25%;/* 16:9 */ padding-top: 25px;height: 0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.videoWrap video,
.videoWrap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility:hidden;}

.videoInnerDimm {position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;background: rgba(0,0,0,.6);}

.videoPlayBtn {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;}

.videoPoster {position:relative;width:100%;height:100%;z-index:3;overflow:hidden;}
.videoPoster img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.tableBottomText {margin-top:20px;}
.tableBottomText + .tableBottomText {margin-top:10px;}

@media all and (max-width:1024px) {
    .tableBottomText {margin-top:10px;}
    .tableBottomText + .tableBottomText {margin-top:5px;}
}
@media all and (max-width:767px) {
    .videoPoster {height:auto;} /* 180423 */ /* add */
    .videoPoster img{position:static;top:auto;left:auto;transform:none;width:100%;height:auto;} /* 180423 */ /* add */
}
/* common */
/* for Image */
.fullImg {display: block;width: 100%;text-align: center;overflow: hidden;position: relative;}
.fullImg .img {position:relative;display:block;width:100%;height:100%;}
.fullImg .img img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
@media screen and  (max-width:1024px) {
    .fullImg .img img{position:static;top:auto;left:auto;transform:none;width:100%;} /* resize tb */
}

@media screen and  (max-width:767px) {
    .fullImg .img img{position:static;top:auto;left:auto;transform:none;width:100%;} /* resize mo */
}

/* grid */
.gridWrap {width:100%;}
.gridWrap:after {content:"";display:block;clear:both;}
.gridbox:after {content:"";display:block;clear:both;}
.gridbox li {float:left;}
.gridbox li.gridCont {width:100%;}
.gridbox li .imgArea {display: block;width: 100%;text-align: center;overflow: hidden;position: relative;}
.gridbox li .imgArea img {position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow:hidden; width:100%;}
.gridbox li.gridCont2 {width:50%;box-sizing:border-box;padding-left:10px;}
.gridbox li.gridCont2:first-child {padding-left:0;padding-right:10px;}
.gridbox li.gridCont3 {width:32%;margin-left:2%;}
.gridbox li.gridCont3:first-child {margin-left:0;}
.gridbox li.gridCont4 {width:22.5%;margin-left:3.3%;}
.gridbox li.gridCont4:first-child {margin-left:0;}
.gridbox li .imgArea.half{float:left;width:256px;margin-right:20px;}
.gridbox li .txtArea.half{float:left;width:256px;}
@media screen and  (max-width:1240px) {
    .gridbox li .imgArea.half{width:47%;margin-right:5%;}
    .gridbox li .txtArea.half{width:48%;}
    .gridbox li.gridCont2{padding-left:7px;}
    .gridbox li.gridCont2:first-child{padding-right:7px;}
}
@media screen and  (max-width:767px) {
    .gridbox li .imgArea img {position:static;top:auto;left:auto;transform:none;width:100%;}
    .gridbox li.gridCont2 {width:100%;padding:0;margin-top:45px;}
    .gridbox li.gridCont2:first-child {padding:0;}
    .gridbox li.gridCont3 {width:100%;margin-left:0;margin-top:20px;}
    .gridbox li.gridCont4 {width:100%;margin-left:0;margin-top:20px;}
    .gridbox li.gridCont2:first-child, .gridbox li.gridCont3:first-child, .gridbox li.gridCont4:first-child {margin-top:0;}

    .gridbox li .imgArea.half{width:100%;margin-right:0;}
    .gridbox li .txtArea.half{width:100%;}
}

/* dimmed background */
.dim {position:fixed;display:block;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:900;}

/* common end */

/* dev only */
.cta-a .btnWrap.col1, 
.cta-a .btnWrap.col2,
.cta-a .btnWrap.col3,
.cta-a .btnWrap.col4 {margin: -20px -7px 0;} /* 180911-3 defect */

/* mobile > 375px */ /*190411 추가됨*/
@media screen and  (max-width:375px){
    /* headArea tit */
    .tWrap .ftit {font-size:25px!important; line-height:25px!important;}
}

/* 210514 add */
@media screen and (min-width:768px) and (max-width:1023px){
    .gnbWrap .gnbArea{padding-left:5px;}
    .gnbWrap .gnbArea .dep1Wrap .dep1{margin:0 5px;}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a {font-size:12px;}
    .gnbWrap .gnbRight .item {margin-left:6px;}
}

/* 210510 add : gnb 'Contact Us' add */
.gnbContactUs {display:none;margin:35px 0;text-align:center;}
.gnbContactUs a {display:inline-block;position:relative;width:133px;padding:13px 0 12px 0;background:#666;font-family:'HyundaiMedium';font-size:14px;color:#fff;box-sizing:border-box;}
@media screen and  (max-width:767px) {
    .gnbContactUs {display:block;}
}

/* S: 20210723 add */
.key-visual-main > .sectionWrap, .key-visual-normal > .sectionWrap {padding:0;}  /* 20210812 modify */
.ckvm .sliderWrap .mainControlWrap .btnPrev,
.ckvm .sliderWrap .mainControlWrap .btnNext {top: calc(50% - 80px);}
.mianVisualWrap .mainVisualList .visual {height:743px;max-width:1920px;}
.mianVisualWrap .mainVisualList .visual .img img {width:auto;height:743px;}
.mianVisualWrap .mainVisualList .visual .videoPoster img {width:auto;height:100%;}
.mianVisualWrap .mainVisualList .visualsubInfo.disabled {display:none !important;}
.pkvn .mianVisualWrap .mainVisualList .visual .img img {height:100%} /* 20210908 add */

@media (max-width: 1024px) {
.ckvm .sliderWrap .mainControlWrap .btnPrev,
.ckvm .sliderWrap .mainControlWrap .btnNext {top: calc(50% - 58px);}
.mianVisualWrap .mainVisualList .visual {height:390px;max-width:100%;}
.mianVisualWrap .mainVisualList .visual .img img {width:auto;height:100%;}
.mianVisualWrap .mainVisualList .visual .videoPoster img {width:auto;height:100%;}
}

@media screen and (max-width: 767px) {
.mianVisualWrap .mainVisualList .visual {height:auto;}
.mianVisualWrap .mainVisualList .visual .img img {width:100%;height:100%}
.mianVisualWrap .mainVisualList .visual .videoPoster img {width:100%;height:100%;}
}
/* E: 20210723 add */