@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;}
}

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

/* 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";}

/* CIOO : Iframe */
.iframe_box {width:100%;}
.iframe_box iframe {width:100% !important;}

/**** PIP Component ****/

/**** 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:25px;}
.half .formBoxWrap .formList,
.half .formListWrap .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 .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: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: 28px;}
.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;padding: 20px 18px 20px 20px;font-size: 14px;line-height: 1.428;color: #666;min-height:140px;box-sizing: border-box;transition:all .5s;}
.formBoxWrap .scrollBox.auto .boxInner {height:initial !important;transition:all .5s;}
.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;}
/* 220919 add */
.formBoxWrap .scrollBox + .downloadWrap {margin-top:-25px;}
.formBoxWrap .downloadWrap {margin:20px 0;}
.formBoxWrap .downloadWrap .typeDownload.noIco {padding-left:0;}
.formBoxWrap .downloadWrap .typeDownload.noIco::before {content:none;}
/* //220919 add */
.formBoxWrap .checkboxWrap .errorTxt {padding-left: 28px;}
.formBoxWrap .checkboxWrap + .checkboxWrap {padding-top: 31px;}
/* SCUO Dominica, NG Only */
.formBoxWrap.cpnDom .formListWrap {overflow:hidden;}
.formBoxWrap.cpnDom .formListWrap .formList {float:left;width:50%;}
.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;}
@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:20px;}
    .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 {padding: 11px;font-size: 12px;min-height:110px;}
    .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;}
}
@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;}
}

/* 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 add */
.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:hover {text-decoration:none;} /* 181024 add */
    .stepArea .stepType1 .stepList .inner .num {width: 22px;height: 22px;font-size: 12px;line-height: 23px;}
}
@media screen and (max-width:767px){
    /* step */
    .stepArea {width: auto;background:#f6f3f2;}
    .stepArea .stepType1 {padding:0;}
    .stepArea .stepType1 .stepList {background-color: #f6f3f2;}
    .stepArea .stepType1 .stepList ~ .stepList {background-color: #f6f3f2;}
}

/* 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;} /* 180911-2 defect */
@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 {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 -7px !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;-webkit-transform:none;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 */
.layerPopupWrap {display:none;}
.layerPopupWrap.active {display:block !important;}
.layerPopupWrap .layerPopupInner {display: block;position:absolute;top: 0;left: 0;z-index: 9999;}/*190619 z-index edit : 퀵메뉴에 팝업이 가려 수정*/
.layerPopupWrap .layerPopup {background: #fff;}
.layerPopupWrap .layerPopupInner.wide {position: fixed; top: 50%; left: 50%;width: 900px; transform: translate(-50%,-50%);}/*190826 add*/
/* .layerPopupWrap .layerPopupInner.wide .layerPopup {width:900px;margin: 0 auto;}190826 delete */
.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:block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 998;background: #000;opacity: 0.5;}
/* layer email form */
.layerPopupWrap .layerConWrap {padding-top: 50px;padding-bottom: 50px;}
.layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom:30px;}
.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;}
/* .layerEmailForm .layerPopupInner.wide .layerPopup {height:500px;} 190826 delete */
.layerEmailForm.rTestDrive .formBoxWrap .formList,
.layerEmailForm.rQuote .formBoxWrap .formList {margin-top:25px;}
.layerEmailForm.rTestDrive .selForm select.bgWhite,
.layerEmailForm.rQuote .selForm select.bgWhite {font-size:14px;}
.layerEmailForm.active .grecaptcha-badge {bottom:-194px !important;}
/*s : 190826 add*/
@media screen and (min-width: 768px){
  .layerPopupWrap .sectionLayerWrap {height: 600px;}
  .layerPopupWrap.compareLayer .sectionLayerWrap {height: 560px;}
  .layerPopupWrap.layerContactUsMap .sectionLayerWrap {height: 630px;}
}

@media screen and (min-width: 1024px){
  .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 추가됨*/
}
/*e : 190826 add*/
@media screen and (max-width:1024px) {
    /*s: 190619 edit : media center작업 원복 및 분리*/
    /* layer popup */
    .layerPopupWrap .layerPopupInner .layerTitWrap .subTitM {font-size: 14px;line-height: 22px;}
    .layerPopupWrap .layerPopupInner.wide { right:25px;left:25px; transform: translate(0, -50%);} /*190826 modify*/  
    .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;}
    /*e: 190619 edit : media center작업 원복 및 분리*/
    .layerPopupWrap.layerEmailForm .btnWrap {padding:20px 30px;}

    /* 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;}
    .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 25px;}
    .layerEmailForm.rTestDrive .formBoxWrap .formList,
    .layerEmailForm.rQuote .formBoxWrap .formList {margin-top:20px;}
    .layerEmailForm.rTestDrive .selForm select.bgWhite,
    .layerEmailForm.rQuote .selForm select.bgWhite {font-size:12px;}
    .layerEmailForm.active .grecaptcha-badge {position:absolute !important;bottom:-173px !important;}/*190826 modify*/
}
@media screen and (max-width:767px) {
    /*s: 190619 edit : media center작업 원복 및 분리*/
    /* layer popup */ 
    .layerPopupWrap .layerPopupInner.wide {right: 15px;left: 15px;} /*190826 modify*/ 
    .layerPopupWrap .layerPopupInner .layerTitWrap {padding: 24px 10px 24px 20px;}
    .layerPopupWrap .layerPopupInner.wide .layerPopup {height:100%;} /*190826 add*/
    .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding: 0 15px;}

    /* layer popup - Media Center */
    .layerPopupWrap.layerMediaCenter .layerPopupInner.wide .layerPopup {width: 100%; height: 100%;}  /*190424*/
    /*e: 190619 edit : media center작업 원복 및 분리*/

    /* layer email form */
    .layerEmailForm .layerConWrap {padding-top: 30px !important;}
    .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 40px;}
    .layerEmailForm .layerPopupInner .layerTitWrap .titArea [class*=subTit]{font-size:14px;}
    .layerPopupWrap .layerPopupInner.wide .layerPopup {height:auto;}
    .layerEmailForm.rTestDrive .formBoxWrap .titArea [class*=subTit],
    .layerEmailForm.rQuote .formBoxWrap .titArea [class*=subTit] {font-size:17px;line-height:22px;}
    .layerEmailForm.active .grecaptcha-badge {bottom:4px !important;left:4px !important;}
}

/* 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;}
/* 230912 add */
.secSpaListWrap .tabWrap {margin-top:-80px;}
.secSpaListWrap .tabWrap .tabArea .tab {width:100%;} /* 230918 add */
.secSpaListWrap .tabWrap + .tabCont,
.secSpaListWrap .tabWrap + .topTextBox {padding-top:80px;}
/* //230912 add */
/* 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;}

    /* 230912 add */
    .secSpaListWrap .tabWrap {margin-top:-40px;}
    .secSpaListWrap .tabWrap + .tabCont,
    .secSpaListWrap .tabWrap + .topTextBox {padding-top:40px;}
    /* //230912 add */
}
@media screen and  (max-width:767px)  {
    /* Spa Default Space */
    /*.sectionWrap.secSpaListWrap,
    .secSpaListWrap {padding-top: 40px;} 230912 del */
    .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 */

form fieldset {margin: 0;padding: 0;border: 0 none;}
.selectFormBox legend {overflow: hidden;position: absolute;left: -9999px;width: 1px;height: 1px;visibility: hidden;}

/* SBPO */
.sbpo .itemWrap .img {margin-bottom:14px;}
.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.layerPopupWrap .secSpeoDetailWrap .detailBox{padding-bottom:0;}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .tit{width:95px;}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .cont select{width:228px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox .priceDetail{padding:20px 20px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox{padding-left:10px;}
.sbpo .secSpeoDetailWrap .formListWrap input{height:40px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price .dlBox{margin-top:30px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox.type2{margin-top:40px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont input{width:100%;}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price{padding-right:10px;}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont .errorTxt{padding-left:0;}
@media all and (max-width:1240px) {
    .sbpo .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .tit{width:25%;}
    .sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .cont select{width:100%;}
    .sbpo .secSpeoDetailWrap .detailBox .conBox .cont input{width:100%;}
    .sbpo .secSpeoDetailWrap .detailBox .conBox.price .dlBox{padding-right:0;}
    .sbpo .secSpeoDetailWrap .detailBox .conBox.price{float:none;width:100%;}
    .sbpo .secSpeoDetailWrap .detailBox .conBox{float:none;width:100%; margin-top:30px; padding-left:0;}
    .sbpo .secSpeoDetailWrap .detailBox .conBox.price{padding-right:0;}
}
@media all and (max-width:1024px) {
    .sbpo .itemWrap .img img { width:230px; height:125px;}
}
@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.layerPopupWrap .btnWrap,
    .sbpo.layerPopupWrap .btnWrap.btnSpaWrap.sm{ margin:0 -5px !important;padding:30px 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;}
    /* 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-top:10px;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;}
}
@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{padding-bottom:0;}
    .secDriveS1 .itemWrap .img img {width: 100%;height: auto;}
    .srtd .conTopTitWrap .selectItem .img img {position:static;width:100%;height:auto;margin-top:30px;-webkit-transform:none;transform:none;}
}

/* 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;}
}

/* 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: auto; padding:0 50px 0 20px;}
.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: 49.505%;}
.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: 69.307%; cursor: pointer;}

/* 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: auto; padding:0 30px 0 15px;}
    .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;} /*아이콘 모양 정정_190515
    .btnFilterWrap .btnFilterTgl.active:after {border-bottom: 4px solid #000;border-top: 0 none;}
    .filterBoxWrap .searchDetailWrap {padding: 35px 0 50px;overflow: hidden;}
    .filterBoxWrap .searchDetailWrap .detailList {margin: 0;}
    .filterBoxWrap .searchDetailWrap .list {width: 100%;margin-top: 0;padding: 0;}
    .filterBoxWrap .searchDetailWrap .list ~ .list {padding-top: 18px;margin-top: 20px;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%;}
}



/*
  SUCO : Used Cars 
  200319 modify start: 중고 차량 정보 텍스트 디자인 변경
*/
.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 .img img {width:100%;}
.secUsedCars .itemWrap .itemList .img {margin-bottom: 35px;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*/
/* detail info common */
.secUsedCars .usedcarInfo > div{display: flex; flex-wrap: wrap;}
.secUsedCars .usedcarInfo > div > * {line-height: 1.2;}
.secUsedCars .usedcarInfo > div dt{color: #666;}
.secUsedCars .usedcarInfo > div dd{flex: 1; word-break: break-all;}
.secUsedCars .usedcarInfo strong{font-family: "HyundaiMedium"}
  /* list */
  .secUsedCars .itemListWrap{display: flex; flex-wrap: wrap;}
  .secUsedCars .itemListWrap .itemList{display: block;}
  .secUsedCars .itemListWrap .itemList .listInner{display: flex; flex-direction: column; height: 100%;}
  .secUsedCars .secListBox .usedcarInfo{margin-bottom: 29px; font-size: 14px;}
  .secUsedCars .secListBox .usedcarInfo > div + div{margin-top: 12px;}
  .secUsedCars .usedcarInfo > div dt{width: 39.5%;}
    .secUsedCars .secListBox .btnArea {margin-top: auto;}
  /* layerpopup */
  .layerPopup .secUsedCars .usedcarInfo{font-size: 16px;}
  .layerPopup .secUsedCars .usedcarInfo > div + div{margin-top: 18px;}
  .layerPopup .secUsedCars .usedcarInfo > div dt{font-family: "HyundaiMedium"}
.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 .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: 30px;padding-bottom:0;}
                                                          
    .secUsedCars .itemWrap .btnArea {margin: 0 -5px 0;}
                                                          
    .secUsedCars .itemWrap .btnArea:after {display: table;content: "";clear: both;}
    .secUsedCars .itemWrap .btnArea .col {float: left; padding: 0 5px;}
    .secUsedCars .itemWrap .btnArea .col.btnTel {display: table;}
    .secUsedCars .itemWrap .btnArea .btn {height: 40px;}
    /* detail info common */
    .secUsedCars .usedcarInfo > div dt{margin-right: 2%;}
    /* list */
    .secUsedCars .secListBox .usedcarInfo{margin-bottom: 26px;}
    .secUsedCars .secListBox .usedcarInfo > div + div{margin-top: 10px;}
    /* layerpopup */
    .layerPopup .secUsedCars .usedcarInfo > div dt{width: 55%; margin-right: 3.5%;}
    .layerPopup .secUsedCars .usedcarInfo{font-size: 12px;}
    .layerPopup .secUsedCars .usedcarInfo > div + div{margin-top: 8px;}
}
/* SUCO : Used Cars - 200327 modify end*/ 

/* 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;}
.scuo .dealerInfoBox {padding-bottom:30px;}
.scuo .dealerInfoBox > dt {margin-bottom:10px;}
.scuo .dealerInfoBox > dd {font-size:16px;line-height:28px;}
@media screen and  (max-width:1024px){
    /* SCUO */
    .scuo .formBoxWrap .titArea {width:auto;}
    .scuo .formBoxWrap .titArea .subTitS {padding-right:10px;}
    .scuo .dealerInfoBox {padding-bottom:20px;}
    .scuo .dealerInfoBox > dd {font-size:14px;line-height:21px;}
    .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 */
    .scuo .formBoxWrap .titArea .subTitS {font-size:17px;line-height:22px;}
    .conPd1 {padding-top:45px;padding-bottom:70px;}
    .conPd1 .radioboxWrap .radioBoxInner label {padding-right:0;}
}



/* 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 .formBoxWrap .titArea .subTitS {font-size:17px;line-height:22px;}
}
/* SNLS > Newsletter Subscription */
.leayerNewsLetter .layerPopupInner {left: 50%;margin-left: -350px;}
.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: 340px;margin-left: -170px;}
    .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;}
    .leayerNewsLetter .layerConWrap [class*=subTit] {padding: 0 0 22px;}
    .leayerNewsLetter .layerConWrap .normalBox .btnWrap {padding:30px 0;}
    .leayerNewsLetter .layerConWrap .normalBox .btnWrap .colWd {min-width:auto;}
    .leayerNewsLetter .codeBox label {padding: 0 0 45px;}
    .layerSubmitPop .layerPopupInner {width:290px;margin:-350px 0 0 -145px;}
    .layerSubmitPop .layerPopup .layerConWrap {padding:78px 20px;}
}


/*SSMP*/
.sectionWrap.ssmp {background:#fff;}
.ssmp .galleryLink .txtArea{background-color:#efefef;}
.ssmp .allItem .galleryListBox {overflow:hidden;}
.ssmp .allItem .galleryListBox .gallerybox {float:left;width:50%;}
.ssmp .gallerybox li.galleryList{margin-top:40px;}
.ssmp .paging{padding-top:60px;}
.ssmp .btnWrap{display: none;}
.ssmp .paging{display:block;}
@media screen and (max-width:1240px) {
    .ssmp .gallerybox li.galleryList{width:50%;}
    .ssmp .gallerybox li.galleryList img {width:100%;}
    .ssmp .btnWrap{display: block;}
    .ssmp .paging{display:none;}
}
@media screen and (max-width:1024px) {
    .ssmp .allItem .galleryListBox .gallerybox .galleryList {width:100%;}
}
@media screen and (max-width:767px) {
    .ssmp .allItem .galleryListBox .gallerybox {width:100%;}
    .ssmp .gallerybox li.galleryList{width:100%; margin-top:32px;}
    .ssmp .galleryWrapAll{margin-top:10px;}
}


/* SSBO */
.formBoxWrap.arFormStyle .checkboxWrap .errorTxt {padding-left:0;}
.formBoxWrap.arFormStyle .errorTxt {margin:5px 0 0;}
.formBoxWrap.arFormStyle .formListWrap.formItemBox {margin-top:-15px;}
.formBoxWrap.arFormStyle .formListWrap.first {padding-bottom:30px;}
.formBoxWrap.arFormStyle + .formBoxWrap.arFormStyle .formListWrap {margin-top:0;}
.formBoxWrap.arFormStyle .formListWrap.formItemBox:after {display:block;content:'';clear:both;}
.formBoxWrap.arFormStyle .formListWrap + .formBoxWrap {margin-top:10px;}
.formBoxWrap.arFormStyle .formListWrap .formList {margin-top:15px;}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm {position:relative;padding-right:150px;font-size:0;}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .fileUploadTxt {width:100%;}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label {display:inline-block;vertical-align:top;position:absolute;top:0;right:0;width:140px;height:40px;background:#002c5f;font-size:16px;line-height:40px;color:#fff;text-align:center;}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .fileUploadBtn {position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0;}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt {margin:5px -150px 0 0;}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList {float:left;width:50%;}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd) {padding-right:10px;}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList.padDel:nth-child(odd) {padding-right:0;}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even) {padding-left:10px;}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(2n+1) {clear:both;}
.formBoxWrap.arFormStyle .formListWrap + .formListWrap .formList {float:none;width:100%;padding:0;}
.formBoxWrap.arFormStyle .formListWrap .formList input[type=text],
.formBoxWrap.arFormStyle .formListWrap .formList input[type=number],
.formBoxWrap.arFormStyle .formListWrap .formList input[type=search],
.formBoxWrap.arFormStyle .formListWrap .formList input[type=date],
.formBoxWrap.arFormStyle .formListWrap .formList input[type=email] {height:40px;}
.formBoxWrap .formSlt {margin:0 -10px;font-size:0;}
.formBoxWrap .formSlt .errorTxt {margin:5px 10px 0;}
.formBoxWrap .formSlt .selForm {display:inline-block;width:33.3%;padding:0 10px;}
.formBoxWrap .formSlt .selForm:first-child {width:33.4%;}
.formBoxWrap.arFormStyle .selForm select.bgWhite {font-size:14px;border-color:#e4dcd3;}
.formBoxWrap.arFormStyle .selForm select:disabled,
.formBoxWrap.arFormStyle .selForm select.bgWhite:disabled {background-color:#efefef !important; color:#9f9f9f;}
.formBoxWrap.arFormStyle textarea {display:block;}
.formBoxWrap.arFormStyle .titWrap .titSubTxt {color:#666;}
@media screen and  (max-width:1024px){
    .formBoxWrap.arFormStyle .errorTxt {margin:8px 0 0;}
    .formBoxWrap.arFormStyle .titWrap .titSubTxt {display:block;}
    .formBoxWrap.arFormStyle .formListWrap.first {margin-top:-15px;padding-bottom:25px;}
    .formBoxWrap.arFormStyle .formListWrap .formList,
    .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList {width:100%;margin-top:15px;}
    .formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(odd),
    .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd) {padding-right:0;}
    .formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(even),
    .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even) {padding-left:0;}
    .formBoxWrap.arFormStyle .formListWrap .formList input[type=text],
    .formBoxWrap.arFormStyle .formListWrap .formList input[type=number],
    .formBoxWrap.arFormStyle .formListWrap .formList input[type=search],
    .formBoxWrap.arFormStyle .formListWrap .formList input[type=date],
    .formBoxWrap.arFormStyle .formListWrap .formList input[type=email] {height:35px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formTit label {display:inline-block;line-height:25px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label {height:35px;font-size:14px;line-height:35px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt {margin:8px -150px 0 0;}
    .formBoxWrap.arFormStyle .selForm select.bgWhite {font-size:12px;}
    .formBoxWrap .formSlt {margin:0 -5px;}
    .formBoxWrap .formSlt .errorTxt {margin:8px 5px 0;}
    .formBoxWrap .formSlt .selForm {padding:0 5px;}
}
@media screen and  (max-width:767px){
    .formBoxWrap.arFormStyle .titWrap .titSubTxt {display:none;}
    .formBoxWrap.arFormStyle .formCon .row.emailForm {padding-right:0;}
    .formBoxWrap.arFormStyle .formCon .row.emailForm .btnArea {float:none;position:static;margin:0 auto;padding:25px 0 0;}
    .formBoxWrap.arFormStyle .formCon .row.emailForm .btnArea .btn {width:150px;height:40px;}
    .formBoxWrap.arFormStyle .formListWrap .formList {float:none;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formTit label {display:inline-block;line-height:25px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm {padding-right:65px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label {width:60px;}
    .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt {margin:8px -65px 0 0;}
}

/**** no Component ****/
/* noComponent : special offer, promotion list */
.sectionWrap.sectionBasic { padding-bottom: 100px;}
.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:360px; margin-bottom: 30px;}
.secListWrap .listArea .img img { position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.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;}
    .secListWrap .listArea .lineRow .rowInner { max-width:none; margin:0 25px;}
}
@media screen and (max-width:1024px) {
    /* noComponent : special offer, promotion list */
    .sectionWrap.sectionBasic { padding-bottom: 70px;}
    .secListWrap {width: 100%; max-width: 100%;}
    .secListWrap .listArea .lineRow { padding:50px 0;}
    .secListWrap .listArea .img { height:241px;margin-bottom: 18px;}
    .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%;-webkit-transform:none;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 .newsContBox .cttcWrap strong {font-family:"HyundaiMedium";} /* 221102 add */
.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%;-webkit-transform:none;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: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;} /* 180911-1 defect */
.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){
    .pgoo .fullImg .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;}
}

@media (max-width: 767px) {
    .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img{width:100%;height:auto;}
}

/*quickmenu*/
.quickMenuWrap {position:fixed;right:0;bottom:70px;z-index:999;transition:opacity .5s,bottom .5s;} /* 221101 : left > right *//* 200519 edit */
.quickMenuWrap .quickFloating{display:block;color:#fff;clear:both;-webkit-transition:all .15s ease-in;transition: all .15s ease-in;}
.quickMenuWrap .quickFloating:after{display:block;content:'';clear:both;}
.quickMenuWrap .quickFloating:first-child .quickImg,
.quickMenuWrap .quickFloating:first-child .quickCon{border-top:none;}
.quickMenuWrap .quickFloating .quickCon,
.quickMenuWrap .quickFloating .quickImg{ border-top:1px solid #535353;background-color: #3d3d3d;}
.quickMenuWrap .quickFloating .quickCon{overflow:hidden;display:block;position:absolute;left:0;z-index:-1;width:0;height:60px;padding-left:12px;background-color:#3d3d3d;text-align:left;transition:width .5s;} /*200519 edit*/
.quickMenuWrap .quickFloating .quickImg{display:inline-table;float:left;width:60px;height:60px;text-align:center;} /*200519 edit*/
.quickMenuWrap .quickFloating .quickImg:after{display:inline-block; vertical-align: middle;height:59px;content:'';clear:both;}
.quickMenuWrap .quickFloating .quickImg img{vertical-align: middle;}
.quickMenuWrap .quickFloating .quickText{display:table-cell;vertical-align:middle;position:absolute;top:50%;right:-206px;margin-top:-7px;font-size:15px;color:#fff;text-decoration:underline;white-space:nowrap;transition:all .5s;}
.quickMenuWrap .quickFloating.on .quickCon,
.quickMenuWrap .quickFloating:hover .quickCon{display:table;left:55px;width:186px;background-color:#012c5f;transition:all .5s;} /* 200519 edit */
.quickMenuWrap .quickFloating:hover .quickImg{background-color:#012c5f;}
.quickMenuWrap .quickFloating.on .quickCon,
.quickMenuWrap .quickFloating.on .quickImg{background-color: #002c5f;}
.quickMenuWrap .quickFloating.on .quickText,
.quickMenuWrap .quickFloating:hover .quickText {left:25px;transition:all .5s;} /* 200519 edit */
.quickMenuWrap .quickOpen{display:none;}

/* 221101 add */
.whatsApp {width:60px;height:60px;margin:10px 0;cursor:pointer;}
.whatsApp img {width:100%;height:100%;}
/* //221101 add */

@media screen and (max-width:1024px){
    .quickMenuWrap .quickOpen{display:block;position:relative;left:0;bottom:0;}/* 200519 edit */
    .quickMenuWrap .quickOpen.on .quickImg{background-color:#3d3d3d;}
    .quickMenuWrap .quickOpen .quickImg img {-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .7s;}
    .quickMenuWrap .quickOpen.on .quickImg img {-webkit-transform:rotate(0deg);transform:rotate(-360deg);transition:all .7s;}/* 200519 edit */
    .quickMenuWrap .quickOpen .quickImg{border:none;}
    .quickMenuWrap .quickBox{display:block;position:absolute;bottom:150px;left:0;width:246px;visibility:hidden;opacity:0;transition:opacity .5s;} /* 221101 modify : bottom 70px > 150px *//* 200519 edit */
    .quickMenuWrap .quickOpen.on + .quickBox{visibility:visible;opacity:1;} /* 200519 add */
    .quickMenuWrap .quickBox .quickFloating {overflow:hidden;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .7s;}
    .quickMenuWrap .quickOpen.on + .quickBox .quickFloating{height:60px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition:all .7s;}
    .quickMenuWrap .quickFloating .quickCon{display:table;position:static;left:60px;padding-right:20px;}/* 200519 edit */
    .quickMenuWrap .quickFloating .quickCon,
    .quickMenuWrap .quickFloating .quickImg{background-color:#012c5f;}
    .quickMenuWrap .quickFloating .quickCon{position:static;width:186px;}
    .quickMenuWrap .quickFloating .quickCon .quickText {position:static;}
    .quickMenuWrap .quickFloating .quickImg:after{display:inline-block; vertical-align: middle;height:55px;content:'';clear:both;}
    .quickMenuWrap .quickOpen .quickImg{background-color:#012c5f;}
}

@media screen and (max-width:767px){
    .quickMenuWrap .quickOpen{ bottom:0;width:55px;height:55px;}
    .quickMenuWrap .quickOpen .quickImg{height:55px;}
    .quickMenuWrap .quickBox{bottom:60px;}
    .quickMenuWrap .quickFloating .quickCon{left:55px;width:191px;} /* 200519 edit */
    .quickMenuWrap .quickFloating.on .quickCon,
    .quickMenuWrap .quickFloating:hover .quickCon {width:191px;}
    .quickMenuWrap .quickFloating .quickImg{width:55px;}
    .quickMenuWrap .quickFloating .quickImg:after{height:54px;}
    .quickMenuWrap .quickOpen.on + .quickBox {visibility:visible;opacity:1;} /* 200519 add */
    .quickMenuWrap .quickOpen + .quickBox {display:block;visibility:hidden;opacity:0;transition:opacity .5s;}/* 200519 add */

    .whatsApp{width:55px;height:55px;} /* 221101 add */
}

/*facebookLike*/
.fbLike{position:absolute;right:240px;bottom:0;padding:6px 12px 4px 45px;background:#4268b3 url('../../template_en/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;}
@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;}
}
@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;}
}

/* SOJA */
.soja .sectionInner {max-width:100%;}
.soja .sectionInner > .sojaContentBox {padding:80px 0 85px;}
.soja .sojaContentBox {max-width:1120px;margin:0 auto;}
.soja .titWrap {padding-bottom:40px;}
.soja .titWrap:after {display:block;content:'';clear:both;}
.soja .titWrap .subTitM {float:left;width:55%;}
.soja .formBoxWrap.arFormStyle .titWrap .subTitM {float:none;width:auto;}
.soja .titWrap .selForm {position:relative;}
.soja .titWrap .selForm {float:left;width:45%;padding-right:170px;}
.soja .titWrap .selForm .btnArea .btn {position:absolute;top:0;right:0;left:auto;width:160px;height:40px;font-size:14px;}
.soja .titWrap .selForm .btnArea .btn:disabled {background:#666;}
.soja .sojaContentBox .txtArea {padding:44px 50px;background:#fff;}
.soja .sojaContentBox .txtArea p {margin-top:10px;}
.soja .addCont {display:none;}
.soja .addCont.bgWhite {margin-top:71px;padding:80px 0 85px;}
.soja .sojaContentBox .img img {width:100%;}
.soja .sojaContentBox .addArea h2 {padding:33px 50px 0;background:#fff;}
.soja .sojaContentBox .addArea .txtArea .txtBox {margin-top:30px;}
.soja .sojaContentBox .addArea .txtArea .txtList {margin-top:11px;}
.soja .sojaContentBox .addArea .txtArea .txtList li {font-size:16px;line-height:28px;}
.soja .sojaContentBox .addArea .txtArea p strong {font-family:"HyundaiMedium";}
.soja .addCont.bgWhite .btnWrap.btnSpaWrap {padding-top:70px;}
.soja .sojaContentBox .btnWrap.btnSpaWrap .btn {font-family:"HyundaiRegular";}
.soja.active .sojaContentBox {padding-bottom:0;}
.soja.active .sojaContentBox .txtArea {padding:14px 50px 44px;}
.soja.sojaCase .addCont.bgWhite {display:block;margin:0;padding:0 0 95px;}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap {display:table;width:100%;}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap .img {display:table-cell;}
.soja.sojaCase .sojaContentBox .baseArea .txtArea {padding:44px 0;}
@media screen and (max-width:1024px){
    .sectionWrap.soja {padding:0;}
    .sectionWrap.soja .sectionInner {padding:0 25px;}
    .soja .sectionInner > .sojaContentBox {padding:67px 0 70px;}
    .soja .titWrap {padding-bottom:28px;}
    .soja .addCont.bgWhite .titWrap {padding-bottom:5px;}
    .soja .sojaContentBox .txtArea {padding:36px 33px;}
    .soja .titWrap .subTitM {width:37%;}
    .soja .titWrap .selForm {width:63%;padding-right:130px;}
    .soja .titWrap .selForm .btnArea .btn {width:120px;height:35px;font-size:11px;line-height:21px;font-family:"HyundaiRegular";}
    .soja .addCont.bgWhite {margin:61px -25px 0;padding:60px 25px 65px;}
    .soja .addCont.bgWhite .btnWrap.btnSpaWrap {padding-top:50px;}
    .soja .addCont.bgWhite .formBoxWrap.arFormStyle .formListWrap {margin-top:0;}
    .soja .addCont.bgWhite .formBoxWrap .agreeBoxWrap {margin-top:19px;}
    .soja .addCont.bgWhite .formBoxWrap .scrollBox {margin-bottom:15px;}
    .soja .addCont.bgWhite .formBoxWrap .titArea .txtRequiredField {padding-left:10px;}
    .soja .sojaContentBox .addArea .txtArea .txtList li {font-size:14px;line-height:21px;}
    .soja .sojaContentBox .btnWrap.btnSpaWrap .btn {height:40px;}
    .soja.active .sectionInner > .sojaContentBox {padding:67px 0 0;}
    .soja.active .sojaContentBox .addArea h2 {padding:27px 33px 0;}
    .soja.active .sojaContentBox .addArea .txtArea {padding:14px 33px 44px;}
    .soja.active .sojaContentBox .addArea .txtArea .txtBox {margin-top:16px;}
    .soja.sojaCase .addCont.bgWhite {margin:0 -25px;padding:0 25px 75px;}
    .soja.sojaCase .sojaContentBox .baseArea .txtArea {padding:27px 0;}
}
@media screen and (max-width:767px){
    .sectionWrap.soja .sectionInner {padding:0 15px;}
    .soja .sojaContentBox .txtArea {padding:36px 15px;}
    .soja .sojaContentBox .txtArea .subTitS {font-size:17px;line-height:22px;}
    .soja .titWrap .subTitM,
    .soja .titWrap .selForm {float:none;width:100%;margin-top:16px;}
    .soja .titWrap .selForm {padding-right:100px;}
    .soja .titWrap .selForm .btnArea .btn {width:90px;}
    .soja .addCont.bgWhite {margin:61px -15px 0;padding:60px 15px 65px;}
    .soja.active .sojaContentBox .addArea h2 {padding:27px 15px 0;}
    .soja.active .sojaContentBox .addArea .txtArea {padding:14px 15px 44px;}
    .soja.sojaCase .addCont.bgWhite {margin:0 -15px;padding:0 15px 70px;}
    .soja.sojaCase .sojaContentBox .baseArea .imgWrap {display:block;}
    .soja.sojaCase .sojaContentBox .baseArea .imgWrap .img {display:block;}
    .soja.sojaCase .sojaContentBox .baseArea .txtArea h2,
    .soja.sojaCase .sojaContentBox .baseArea .txtArea .subTitM {text-align:center;}
}

/* sojaEx */
.msgConEx {display:none;}
.msgConEx.wFix {width:1120px;margin:0 auto;}
.msgConEx .tableInner {margin-top:70px;}
.msgConEx .tableInner h5,
.msgConEx .tableInner .subTitS {margin-bottom:20px;text-align:left;}
.msgConEx .tableInner .ctoaTableRow colgroup col:first-child {width:26%;}
.msgConEx .tableInner .ctoaTableRow tr th,
.msgConEx .tableInner .ctoaTableRow tr td {padding:13px 20px 12px;}
.msgConEx .btnSpaWrap .btn {font-family:"HyundaiRegular";}
@media screen and (max-width: 1024px) {
    .msgConEx.wFix {width:auto;margin:0 25px;}
    .msgConEx .tableInner {margin-top:38px;}
    .msgConEx .tableInner .ctoaTableRow colgroup col:first-child {width:33%;}
    .msgConEx .btnWrap.btnSpaWrap button[class*=btn], .btnWrap.btnSpaWrap a[class*=btn] {height:40px;}
}
@media screen and (max-width: 767px) {
    .msgConEx.wFix {margin:0 15px;}
    .msgConEx .sectionInner {min-width:auto;}
    .msgConEx .tableInner {margin-top:25px;}
    .msgConEx .tableInner h5,
    .msgConEx .tableInner .subTitS {margin-bottom:3px;font-size:15px;line-height:32px;}
    .msgConEx .tableInner .ctoaTableRow colgroup col:first-child {width:50%;}
    .msgConEx .tableInner .ctoaTableRow tr th,
    .msgConEx .tableInner .ctoaTableRow tr td {padding:10px 15px;}
}

/* SSVO */ 
.ssvo .formBoxWrap .titArea [class*=subTit] {font-size:17px;line-height:22px;}

/* icoNote dev css add */
@media screen and (max-width: 1024px) {
    .common-disclaimer .icoNote {margin: 15px 25px 0;}
}

@media screen and (max-width: 767px) {
    .common-disclaimer .icoNote {margin: 15px 15px 0;}
}

/*
  LayerPopup Used Car NewSlideView 
  200327 modify start: 중고 차량 정보 텍스트 디자인 변경
*/
.layerPopupWrap.layerSlideView {display:block;height:0;visibility:hidden;}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:20px 30px;}
.layerPopupWrap.layerSlideView .layerPopupInner.wide {width:780px;}/* 191231 modify - Details of Used Car layer popup */
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap {padding:0;}
.layerPopupWrap.layerSlideView .sectionLayerWrap {overflow-y:hidden; height: auto;}/* 191231-2 modify */
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap img {height:100%;}
.layerPopupWrap.layerSlideView .secUsedCars {padding:18px 30px 34px;}
                                                                           
                                                                                                                                                                              
                                                                                                                                
                                                                                                                      
                                                                                                                   
                                                                                            
.layerPopupWrap.layerSlideView .swiper-container {overflow:hidden;position:relative;z-index:1;margin:0 auto;padding:0;list-style:none;}
.layerPopupWrap.layerSlideView .swiper-wrapper {display:flex;position:relative;z-index:1; transition-property:transform; box-sizing:content-box; transform: translate3d(0,0,0);}/* 191231 modify - Details of Used Car layer popup */
.layerPopupWrap.layerSlideView .slideItem {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items: center;align-items:center;position:relative;width:100%;height:100%;height:420px;background:#fff;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property: -webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;text-align:center;}
.layerPopupWrap.layerSlideView .slideItem .img {display:block;width:100%;height:100%;}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev,
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext {top:50%;transform:translateY(-50%);}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev.swiper-button-disabled,
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext.swiper-button-disabled {opacity:0.3;cursor:default;}
.layerPopupWrap.layerSlideView .swiper-pagination {overflow:hidden;margin-top:19px;font-size:0;text-align:center;}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;margin:0 4px;border:1px solid #9e9e9e;border-radius:50%;cursor:pointer;}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#00aad2;border-color:#00aad2;}
@media screen and  (max-width:1024px) {
    .layerPopupWrap.layerSlideView .layerPopupInner.wide {width:auto;}
    .layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup {width:auto;}
    /* .layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap .slideItem {width:620px;} */
    .layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
                                                                                                           
                                                                                                             
    .layerPopupWrap.layerSlideView .slideItem {height:auto;padding-bottom:53.88%;}
    .layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
}
@media screen and  (max-width:767px) {
    .layerPopupWrap.layerSlideView .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:18px 15px;}
    .layerPopupWrap.layerSlideView .secUsedCars {padding: 20px 18px 25px;}
                                                                         
                                                                                                 
                                                                                                
                                                                               
                                                                                                         
                                                                                                                       
                                                                                                                     
    .layerPopupWrap.layerSlideView .slideItem {height:156px;}
}
/* LayerPopup Used Car NewSlideView - 200319 modify end */

/* layerpop 2018.10.16 */
.layerPopupWrap.leayerNewsLetter,
.layerPopupWrap.layerSubmitPop {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.layerPopupWrap.leayerNewsLetter .layerPopupInner,
.layerPopupWrap.layerSubmitPop .layerPopupInner {
    display: table-cell;    
    vertical-align: middle;
    position: relative;
    top:auto;
    right: 0;
    left: 0;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.layerPopupWrap.leayerNewsLetter .layerPopupInner .layerPopup,
.layerPopupWrap.layerSubmitPop .layerPopupInner .layerPopup {display: inline-block;
    position: relative;width:auto;margin:0 15px;
} /* width: 350px; */
/* layerpop 2018.10.16 */

/* quickmenu 2018.10.22 */
.livechat .quickMenuWrap {left:20px;}/* 200519 edit */
.livechat .btnContentTop {left:20px;}/* 200519 edit */
.livechat.mynaghi .quickMenuWrap {bottom:160px;}
.livechat.jo .quickMenuWrap {bottom:130px;}
.livechat.kw .quickMenuWrap {bottom:200px;}
/* quickmenu 2018.10.22 */

/* mynaghi, jo, kw grecaptcha-badge */
body.mynaghi .grecaptcha-badge,
body.jo .grecaptcha-badge,
body.kw .grecaptcha-badge {
    overflow: hidden !important;
    left: 4px !important;
    z-index:1000;
    width: 70px !important;
    transition: all 0.3s ease !important;
    border-radius:4px;
}

body.mynaghi .grecaptcha-badge:hover,
body.jo .grecaptcha-badge:hover,
body.kw .grecaptcha-badge:hover {
    width: 256px !important;
}

body.mynaghi .grecaptcha-badge:before,
body.jo .grecaptcha-badge:before,
body.kw .grecaptcha-badge:before {
    position:absolute;
    top:0;
    left:0;
    width:70px;
    height:60px;
    content:'';
}

body.mynaghi .grecaptcha-badge:hover:before,
body.jo .grecaptcha-badge:hover:before,
body.kw .grecaptcha-badge:hover:before {
    display:none;
}

body.mynaghi .layerEmailForm.active .grecaptcha-badge,
body.jo .layerEmailForm.active .grecaptcha-badge,
body.kw .layerEmailForm.active .grecaptcha-badge {bottom:-94px !important;}

body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge {bottom:-65px !important;}

@media screen and  (max-width:1024px) {
    body.mynaghi .layerEmailForm.active .grecaptcha-badge,
    body.jo .layerEmailForm.active .grecaptcha-badge,
    body.kw .layerEmailForm.active .grecaptcha-badge {bottom:-73px !important;}
}

@media screen and  (max-width:1024px) {
    body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
    body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
    body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge {bottom:-54px !important;}
}

@media screen and  (max-width:767px) {
    body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
    body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,
    body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge {bottom:-48px !important;}
}

body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,
body.jo .used-car .layerEmailForm.active .grecaptcha-badge,
body.kw .used-car .layerEmailForm.active .grecaptcha-badge {bottom:-194px !important;}

@media screen and  (max-width:1024px) {
    body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,
    body.jo .used-car .layerEmailForm.active .grecaptcha-badge,
    body.kw .used-car .layerEmailForm.active .grecaptcha-badge {bottom:-173px !important;}
}

@media screen and  (max-width:767px) {
    body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,
    body.jo .used-car .layerEmailForm.active .grecaptcha-badge,
    body.kw .used-car .layerEmailForm.active .grecaptcha-badge {bottom:4px !important;}
}

/* link style*/
.icoNote a, .btnText.sm.icDownload, .ctoc .typeTxtLink {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*/
/* loading layer s - 2019.02.11 - choi,wonhee */
.layerPop.loading{position:fixed; width:100%; height:100%;}
#loading {
    display: inline-block;
    position:absolute;
    top:50%;
    left:50%;
    width: 50px;
    height: 50px;
    margin:-25px 0 0 -25px;
    border: 3px solid #00aad2;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    -moz-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
/* loading layer e - 2019.02.11 - choi,wonhee */
 

/* 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;}

@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;}
}

/* 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;}
}

/* SAVO, SBPO, vr-360-exterior, vr-360-interior */
.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 {display:flex;height:60px;overflow:hidden;} /* 230912 : add flex */
.tabWrap .tabArea .tab {display:table;height:60px;} /* 230912 : del float */
.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;}

}
@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, 220623 */ /* 220704 */
}



/* 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} */

/* 220121 */
@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;font-display:swap;}
/* 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-display:swap;}
@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-display:swap;}
@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-display:swap;}
@font-face{font-family:'numberVerdana';font-style:normal;font-weight:400;src:local('verdana');unicode-range:U+30-39;font-display:swap;}

/* 190313 HyundaiHeadRegular 폰트 서체 추가 GT디자인가이드_21 190319*/
@font-face{font-family:'HyundaiHRegular';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-display:swap;}
/* //190313 HyundaiHeadRegular 폰트 서체 추가 GT디자인가이드_21 190319*/
/* //220121 */

#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 Type */
.fontRegular {font-family:"HyundaiRegular";}
.fontMedium {font-family:"HyundaiMedium";}

/* 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:2px 3px 2px rgba(0,0,0,.5) !important;opacity:1;}

/* 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:0;}/* 220623 */ /* 220704 */
.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-new.png") no-repeat;width:155px;height:22px;display:block;text-indent:-9999px;overflow:hidden}/* 210928 modify */
.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:100px;font-size:14px}
.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 20px;}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{display:block;line-height:70px;text-decoration:none;color:#666;font-size:14px;font-family:'HyundaiRegular';white-space:nowrap;}
.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:19px;}
.gnbWrap .gnbRight .item:first-child {margin-left:0;}
.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-language-body.png") no-repeat 0 0;background-size: 100% 100%;min-height:66px;position: absolute;right:50%;top:18px;padding:0 27px;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;z-index:1;}/* 210909 */
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul {margin-top:20px;padding:15px 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-family:"HyundaiMedium";color:#555;cursor:default;}
.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:5px;right:50%;width:16px;height:12px;background:url("../../template_en/en/images/common/bg-language-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-x@2x.png");} /* 230804 modify */
.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 .gnbArea .dep1Wrap .dep1{margin:0 15px;} /*180607*/
    .gnbWrap .gnbRight .item {margin-left:15px;}
    .gnbWrap .gnbRight .item > a {width:18px;height:18px;}
    .gnbWrap .gnbRight .gnbLanguageBtn a {width:20px;height:20px;}/* 210831 add */
}

/* mainTopBanner */
/* 220704, 220623 modify & add */
.mainTopBanner{position:fixed;bottom:0;width:100%;background:#f6f3f2;z-index:999;border-top:solid 1px #ddd;box-shadow:0 1px 8px rgb(0 0 0 / 40%);}/* 220630 */ /* 220704 */
.mainTopBanner .bannerArea{position:relative;max-width:1120px;margin:0 auto;padding:40px 0;}
.mainTopBanner .bannerArea .title{font-family:"HyundaiMedium";font-size:14px;line-height:1.714em;letter-spacing:0.28px;}
.mainTopBanner .bannerArea .txt{max-width:915px;font-family:"HyundaiHRegular";font-size:14px;line-height:1.714em;letter-spacing:0.28px;}
/* //220704, 220623 modify & add */
.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;font-family:"HyundaiHRegular";font-size:14px;line-height:1.714em;letter-spacing:0.28px;text-align:right;}/* 220623 */ /* 220704 */
/* 220121 add */
.mainTopBanner .bannerArea .btnBannerClose:before,
.mainTopBanner .bannerArea .btnBannerClose:after {content:'';position:absolute;top:50%;left:50%;width:22px;height:1px;margin-left:-11px;background:#010101;}
.mainTopBanner .bannerArea .btnBannerClose:before {-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mainTopBanner .bannerArea .btnBannerClose:after {-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
/* //220121 add */
.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 {position:absolute;right:0;bottom:45px;min-width:auto;}/* 220623 */ /* 220704 */
.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}
.quickMenuWrap.ab{position:absolute;height:60px;}
.quickMenuWrap.ab .quickBox {bottom: 70px;}
@media screen and (max-width:767px){
    .btnContentTop{margin-top:5px;width:55px;height:55px;overflow:hidden;} /* 200618 modify */
    .btnContentTop button {margin-right:-3px}/* 200618 add */
}

/* 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-x@2x.png");} /* 230804 modify */
.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,
.footerArea .etc_ban span {display: inline-block;}
.footerArea .etc_ban .mlg2 {display:inline-block;width:auto;height:32px;}
.footerArea .etc_ban .mlg2 img {width:auto;height:100%;}

/* footer only margin */
.fMg {margin:0 40px 0 0;}
.fMg1 {margin-right:24px;}

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

 /* captcha */
.formCaptchaBox {margin-top:40px;}
@media screen and (max-width:767px){
    .formCaptchaBox img {width:100%;}
}

.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;}
    /* 220704, 220623 modify & del */
    .mainTopBanner {padding-left:28px;padding-right:28px;}
    .mainTopBanner .bannerArea .txt {font-size:12px;max-width:78%;}
    /* //220704, 220623 modify & del */
    .mainTopBanner .bannerArea .btnBannerClose {right:25px;top:25px;width:15px;height:15px;}/* 220121 */
    /* 220121 add */
    .mainTopBanner .bannerArea .btnBannerClose:before,
    .mainTopBanner .bannerArea .btnBannerClose:after {width:14px;height:1px;margin-left:-7px;}
    /* //220121 add */
    .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;}
    
    .footerArea .snsShare {right:20px;}
    .gnbWrap .gnbArea .dep2Wrap {left: 78px;}

    /* iconAdd Case - 191210 : main에만 아이콘 존재하나, 서브페이지 푸터가 틀어져 .footerWrap에 .addIcon 선택자 모두 제거 */
    .footerWrap .footerArea .etc_ban {margin:30px 0 0 0;}
}
/* 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:-55px;}

    /* 220704, 220623 modify & del */
    .mainTopBanner {padding:0;z-index:60;}
    .mainTopBanner .bannerArea {padding:35px 15px;}
    .mainTopBanner .bannerArea .title, 
    .mainTopBanner .bannerArea .txt {font-size:12px;line-height:1.416em;letter-spacing:0.12px;}
    .mainTopBanner .bannerArea .txt {max-width:100%;}
    .mainTopBanner .bannerArea .btnBannerClose {top:20px;right:20px;}
    .mainTopBanner .btnWrap {position:relative;bottom:initial;right:initial;width:100%;margin-top:3px;}
    .mainTopBanner .bannerArea .btn {display:block;width:100%;height:40px;font-family:"HyundaiMedium";font-size:14px;line-height:40px;}
    /* //220704, 220623 modify & del */    
    /* 220121 add */
    .mainTopBanner .bannerArea .btnBannerClose:before,
    .mainTopBanner .bannerArea .btnBannerClose:after {width:17px;height:1px;margin-left:-8px;}
    /* //220121 add */
    .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:initial;}
    .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-family:"HyundaiMedium";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;}
    .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 .gnbLanguageBtn{display:none;}
    .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;height:auto;}/* 220121 */
    .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-x-m.png");-webkit-background-size:auto 15px;background-size:auto 15px;background-position:center center;} /* 230804 modify */
    .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 .snsShare {right:0;}

    /* iconAdd Case - 191210 : main에만 아이콘 존재하나, 서브페이지 푸터가 틀어져 .footerWrap에 .addIcon 선택자 모두 제거 */
    .footerWrap {padding-bottom:145px;}
    .footerWrap .footerArea .copyright {bottom:7px;color:#999;}
    .footerWrap .footerArea .copyright .telgab {margin-top:3px;}
    .footerWrap .footerArea .etc_ban a,
    .footerWrap .footerArea .etc_ban span {margin-top:11px;}
    .footerWrap .footerArea .etc_ban .mlg2 {display:block;height:24px;margin:0 auto 10px;}
    .footerWrap .footerArea .tabC {bottom:-104px;height:auto;}
}

/* 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;}

/* 200625 add */
.specsDownload {float:right;margin-top:-61px;}
.btnDownload {display:inline-block;height:40px;padding:0 36px 0 58px;background:#002c5f;font-size:14px;line-height:40px;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";}
.btnDownload:after {content:"";display:block;width:14px;height:14px;margin-top:-7px;background:url('../../template_en/en/images/common/ico-download-w.png') no-repeat center center;position:absolute;left:33px;top:50%;}
/* //200625 add */

/* 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 */

@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;}

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

    /* 200625 add */
    .specsDownload {margin-top:-46px;}
    .btnDownload {height:35px;padding:0 15px 0 38px;line-height:35px;}
    .btnDownload:after {left:14px;}
    /* //200625 add */
}

@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}

    /* 200625 add */
    .btnDownload {height:35px;padding:0 15px 0 38px;font-size:12px;line-height:35px;}
    .btnDownload:after {left:15px;}
    /* //200625 add */
}

/**** 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 {padding-top:55px;}
    .topBanner .contentWrap {min-width: 320px !important;padding-top:55px;} /* 20171115 추가 */ /* 180927 */
    .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;}
}

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

/* 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;}
}

/* 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-x.png") no-repeat} /* 230804 modify */
.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, 220610 */ /* 220704 */
.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, 220610 */ /* 220704 */
    .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;}
    .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;-webkit-transform:none;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 */

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

/* 200326 add : WebChat */
.wrap-webChat {position:fixed; bottom:7px; right: 9px; z-index: 9999;}
.cx-widget.cx-common-container{right: 10px !important; bottom: 90px !important;}
.cx-widget.cx-common-container .cx-titlebar .cx-title{margin-right: 8px;}
.cx-widget.cx-common-container .cx-buttons-window-control{right: 6px;}

/* 210514 add */
@media screen and (min-width:768px) and (max-width:1023px){
    .gnbWrap .gnbArea{padding-left:5px;}
    .gnbWrap .gnbArea .dep1Wrap .dep1{margin:0 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 */