@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 {display:flex;overflow: hidden;margin-bottom:0px !important;}
.sliderWrap .sliderListWrap .sliderList .sliders {flex-shrink: 0;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 ****/
/* 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 */
/*S: 250319 modify*/
.topLinkBar {background: #002c5f;}
.topLinkBar .barInner {overflow: hidden; display: flex; width: 100%; max-width: 1120px; margin: 0 auto;}
.topLinkBar .barInner .col a {height: 72px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; font-family: "HyundaiMedium";}
.topLinkBar .hiddenTm {margin-right: 3px;}
@media screen and  (max-width:1024px) {
    .topLinkBar .barInner .col a {height: 60px; font-size: 14px;}
}
@media screen and  (max-width:767px) {
    .topLinkBar .barInner .col a {flex-flow: column;}
}
/*E: 250319 modify*/

.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: 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-top: 5px;font-size: 14px;line-height: 1.75;color: #e63312;}
.formBoxWrap .errorTxt.vHidden {visibility:hidden;}
.formBoxWrap textarea {display: inline-block;width: 100%;height: 180px;padding: 18px 20px 18px 20px;border: 1px solid #e4dcd3;background: #fff;font-size: 14px;line-height: 1.2;color: #666;box-sizing: border-box;}
.formBoxWrap .formList input[type=text],
.formBoxWrap .formList input[type=number],
.formBoxWrap .formList input[type=search],
.formBoxWrap .formList input[type=date],
.formBoxWrap .formList input[type=email] {padding: 11px 20px;line-height: 1.21;}
.formBoxWrap .maxChar {position: absolute;right: 20px;bottom: 20px;font-size: 14px;color: #767676;}
.formBoxWrap ::-webkit-input-placeholder{color:#666;}
.formBoxWrap ::-moz-placeholder{color:#666;}
.formBoxWrap :-ms-input-placeholder{color:#666;}
.formBoxWrap :-moz-placeholder{color:#666;}
.formBoxWrap .formCon .row {position: relative;padding-right: 160px;}
.formBoxWrap .formCon .row.date {margin: 0 -10px;padding-right: 0;}
.formBoxWrap .formCon .row:after {display: table;content: "";clear: both;}
.formBoxWrap .formCon .row .col {float: left;}
.formBoxWrap .formCon .row.date .col {padding: 0 10px;}
.formBoxWrap .formCon .row.emailForm .inputForm {width: 100%;}
.formBoxWrap .formCon .row.emailForm .btnArea {display: table;position: absolute;top: 0;right: 0;width: 140px;}
.formBoxWrap .formCon .row.emailForm .btnArea .btn {width: 100%;height: 44px;padding: 0;font-size: 14px;}
.formBoxWrap .agreeBoxWrap {margin-top: 20px;}
.formBoxWrap .agreeBoxWrap .btnMore {width: 100%;height: 40px;background: #f2f2f2;font-size: 14px;line-height: 40px;font-family: "HyundaiRegular";text-align: center;}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr {display: inline-block;position: relative;width: auto !important;padding-right: 19px;}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr:after {display: block;position: absolute;top: 50%;right: 0;width: 0;height: 0;margin-top: -3px;border-top: 6px solid #000;border-right: 4px solid transparent;border-bottom:none;border-left: 4px solid transparent;content: "";}
.formBoxWrap .scrollBox {margin-top: 6px;margin-bottom: 45px;border: 1px solid #e4dcd3;box-sizing:border-box;}
.formBoxWrap .scrollBox .boxInner {overflow-y: hidden;height: 140px;padding: 20px 18px 20px 20px;font-size: 14px;line-height: 1.428;color: #666;box-sizing: border-box;}
.formBoxWrap .scrollBox.auto .boxInner {height: auto !important;}
.formBoxWrap .scrollBox.auto .btnMore.btnAgreeMore.closed .icoArr:after {margin-top: -3px;border-top: 0 none;border-bottom: 6px solid #000;}
.formBoxWrap .scrollBox .boxInner2 {overflow-y: hidden;height: auto;padding: 20px 18px 20px 20px;font-size: 14px;line-height: 20px;color: #666;letter-spacing:-0.1px;box-sizing: border-box;}
/* 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;margin-top:-15px;}
.formBoxWrap.cpnDom .formListWrap + .formListWrap {margin-top:0;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child {padding-right:5px;}
.formBoxWrap.cpnDom .formListWrap .formList {float:left;width:50%;margin-top:15px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {padding-right:40px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {padding-left:40px;}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(2n+1) {clear:both;}
.formBoxWrap.cpnDom .formListWrap + .formListWrap .formList {float:none;width:100%;padding:0;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList{ float:left;width:33.3%;clear:none;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child{width:33.4%;}
.formBoxWrap.cpnDom .formSlt {margin:0 -5px;font-size:0;}
.formBoxWrap.cpnDom .formListWrap.col3 .formSlt {margin:0;font-size:0;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList:first-child .formSlt{margin-left:-5px;}
.formBoxWrap.cpnDom .formListWrap.col3 .formList:last-child .formSlt{margin-right:-5px;}
.formBoxWrap.cpnDom .formSlt .selForm {display:inline-block;width:33.3%;padding:0 5px;}

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

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

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

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

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

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

/* Title box */
.conTopTitWrap .titBox .subTitL {padding-bottom: 17px;}
.conTopTitWrap .itemWrap {padding-top: 80px;}
.conTopTitWrap .itemWrap .img {margin-bottom: 20px;padding-bottom: 66.1%;}
.conTopTitWrap .txtAreaNote {padding-top: 30px;}
.conTopTitWrap .txtAreaNote p {font-size: 28px; line-height: 1.14; letter-spacing: 0.56px; text-align: center;} /*240730 add*/
.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 .txtAreaNote p {font-size: 14px; line-height: 1.43;} /*240730 add*/
    .conTopTitWrap .selectItem .img img {position:  static;width: 100%;height: auto;margin-top:30px;transform: none;}
}

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

 /* layer popup */
/*s: 190919 edit */ 
.layerPopupWrap {display:none;}
.layerPopupWrap.active,
.layerPopupWrap.active .popWrap {display:block !important;} /* 230518 add */
.layerPopupWrap .layerPopupInner {display: block;position: fixed; top: 50%; left: 0; z-index: 999; transform: translateY(-50%);}
.layerPopupWrap .layerPopup {background: #fff; } /*GT디자인가이드_05 190208*/ /*190221*/
.layerPopupWrap .layerPopupInner.wide {position: fixed; top: 50%; left: 50%; width: 900px; transform: translate(-50%,-50%);}
/*e: 190919 edit*/
.layerPopupWrap .layerPopupInner.wide .layerTitWrap {padding: 20px 50px;background: #e4dcd3;}
.layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:20px 50px;}
.layerPopupWrap .sectionLayerWrap {overflow-y:auto;height:100%;background:#fff;}
.layerPopupWrap .btnWrap,
.layerPopupWrap .btnWrap.btnSpaWrap.sm {margin:0 !important;padding:30px 50px;background:#fff;}
.layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt .txt {font-size: 16px;line-height: 1.75;}
.layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding:50px;}
.layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap.full {padding: 0;}
.layerPopupWrap .closeLayerPopup {overflow: hidden;display: block;position: absolute;top: 30px;right: 30px;z-index: 3;width: 16px;height: 16px;background: url("../../template_en/en/images/common/btn-layer-close.png") no-repeat center center;text-indent: -9999px;}
.layerPopupWrap .closeLayerPopup.white {background-image: url("../../template_en/en/images/common/btn-layer-close-white.png");}
.layerPopupWrap .dimmed {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 998;background: #000;opacity: 0.5;}
.layerPopupWrap.active .dimmed {display:block;}

/* layer email form */
.layerPopupWrap .layerConWrap {padding-top: 50px;padding-bottom: 50px;}
.layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 41px;}
.layerEmailForm .layerConWrap .dealerInfoBox dt[class*=subTit] {padding-bottom: 10px;}
.layerEmailForm .layerConWrap .dealerInfoBox dd {font-size: 14px;line-height: 1.43;}
.layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd {padding-bottom: 3px;}
.layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 47px;}

@media screen and (min-width: 768px){
    .layerPopupWrap .sectionLayerWrap {height: 600px;}
    .layerPopupWrap.layerContactUsMap .sectionLayerWrap {height: 630px;}
    .layerPopupWrap.layerConfigurator .sectionLayerWrap {height: 610px;}
    
}

@media screen and (min-width: 1024px){
    /* Media Center */
    .layerPopupWrap.layerMediaCenter .layerPopupInner.wide {width: 900px;}

    /* SCCO */
    .layerPopupWrap.compareLayer .layerPopupInner {width:1000px;}

    .layerPopupWrap.layerConfigurator .layerPopupInner.wide{width:80%; max-width:1100px;} /* GT디자인가이드_35 190426 추가됨*/
}

@media screen and (max-width:1024px) {
    /* layer popup */
    .layerPopupWrap .layerPopupInner .layerTitWrap .subTitM {font-size: 14px;line-height: 22px;}
    .layerPopupWrap .layerPopupInner.wide { right:25px;left:25px; transform: translate(0, -50%);}     
    .layerPopupWrap .layerPopupInner.wide{width: auto;}
    .layerPopupWrap .layerPopupInner.wide .layerTitWrap {padding:18px 30px;}
    .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt {padding:18px 30px;}
    .layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt .txt {padding-top: 3px;font-size: 12px;line-height: 1.416;}
    .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding: 0 25px;}
    .layerPopupWrap .closeLayerPopup {top: 15px; right: 15px;width: 15px;height: 15px;background-size: cover;} 

    /* layer email form */
    .layerEmailForm .layerConWrap {padding-top: 36px !important;padding-bottom: 40px !important;}
    .layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 25px;}
    .layerEmailForm .layerConWrap .dealerInfoBox dd {font-size: 12px;line-height: 1.416;}
    .layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd {padding-bottom: 2px;}
    .layerPopupWrap.layerEmailForm .btnWrap {padding:20px 30px;}
    .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 25px;}
}
@media screen and (max-width:767px) {
    /* layer popup */ 
    .layerPopupWrap .layerPopupInner.wide {right: 15px;left: 15px;} 
    .layerPopupWrap .layerPopupInner .layerTitWrap {padding: 24px 10px 24px 20px;}
    .layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap {padding: 0 15px;}

    /* layer email form */
    .layerEmailForm .layerConWrap {padding-top: 30px !important;}
    .layerEmailForm .layerConWrap .dealerInfoBox {padding-bottom: 40px;}
    .layerEmailForm .layerConWrap .btnSpaWrap {padding-top: 40px;}
    .layerEmailForm .layerPopupInner .layerTitWrap .titArea [class*=subTit]{font-size:14px;}
    .layerPopupWrap .layerPopupInner.wide .layerPopup {height:100%;}
}


/* Spa Default Space */
.sectionWrap.secSpaListWrap,
.secSpaListWrap {padding-top: 80px;padding-bottom: 100px;}
.sectionWrap.secSpaBasic,
.secSpaBasic {padding-top: 100px;padding-bottom: 100px;}
.sectionWrap.secSpaTableType,
.secSpaTableType {padding-top: 40px;padding-bottom: 100px;}
.secSpaListWrap .itemWrap .itemListWrap { overflow:hidden;}
.secSpaListWrap .itemWrap .img img { width:100%; height:auto;/*width:265px; height:144px;*/} /* GT디자인가이드_24 190319 */
.secSpaListWrap .itemWrap .itemLayer .img img { width:278px; height:148px;}
/* 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 */
/* S: 240201 modify*/
.secSpaTableType .icBadgeNew,
.secSpaListWrap .icBadgeNew,
.compareLayer .icBadgeNew,
.secSpaTableType .icBadgePromotion,
.secSpaListWrap .icBadgePromotion,
.compareLayer .icBadgePromotion,
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {display:block;position: absolute;top:0;left:0; z-index: 10;padding: 4px 8px;min-width:80px; height: 19px; color: #fff; text-align: center; font-size: 12px;}
.secSpaTableType .icBadgeNew,
.secSpaListWrap .icBadgeNew,
.compareLayer .icBadgeNew {background-color:#00aad2;}
.secSpaTableType .icBadgePromotion,
.secSpaListWrap .icBadgePromotion,
.compareLayer .icBadgePromotion {background-color: #002c5f;}
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {background-color: #999;}
/* .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");} */
/* E: 240201 modify*/
@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 */
    /* S: 240201 modify*/
    .secSpaTableType .icBadgeNew,
    .secSpaListWrap .icBadgeNew,
    .compareLayer .icBadgeNew,
    .secSpaTableType .icBadgePromotion,
    .secSpaListWrap .icBadgePromotion,
    .compareLayer .icBadgePromotion,
    .secSpaTableType .icBadgeUpcoming,
    .compareLayer .icBadgeUpcoming,
    .secSpaListWrap .icBadgeUpcoming {left:15px;padding: 0 5px; min-width:60px; height:14px; font-size: 10px; line-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 */
    /* E: 240201 modify*/
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* SBPO > layerpopup : Request a Quote */
.layerConfigurator .layerConWrap {padding-top: 60px !important;padding-bottom: 80px !important;}
.layerConfigurator .priceInfoLayerBox {display: table;width: 100%;padding-bottom: 80px;}
.layerConfigurator .itemImgBox {display: table-cell;vertical-align: top;width: 490px;padding-right: 30px;text-align: center;}
.layerConfigurator .itemImgBox .img {overflow: hidden;position: relative;width: 100%;margin-bottom: 29px;padding-bottom: 54.348%;}
.layerConfigurator .itemImgBox .img img {position: absolute;top: 50%;left: 50%;width:100%;-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;}
    .btnFilterWrap .btnFilterTgl.active:after {border-top: 0 none;border-bottom: 4px solid #000;}
    .filterBoxWrap .searchDetailWrap {overflow: hidden;padding: 35px 0 50px;}
    .filterBoxWrap .searchDetailWrap .detailList {margin: 0;}
    .filterBoxWrap .searchDetailWrap .list {width: 100%;margin-top: 0;padding: 0;}
    .filterBoxWrap .searchDetailWrap .list ~ .list {margin-top: 20px;padding-top: 18px;border-top: 1px solid #e4dcd3;}
    .filterBoxWrap .searchDetailWrap .checkboxWrap {margin-bottom: -15px;}
    .filterBoxWrap .searchDetailWrap .checkboxInner {height: 20px;margin-bottom: 15px;}
    .filterBoxWrap .searchDetailWrap .checkboxInner ~ .checkboxInner {margin-bottom: 15px;}
    .filterBoxWrap .searchDetailWrap .btnWrap .colWd {width: 50%;}

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

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

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

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

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

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

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

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

    /* SBPO > layerpopup : BYO */
    .layerConfiguratorByo .byoListWrap {height:150px;}
    .layerConfiguratorByo .btnByoWrap {margin-top:75px;}
    .layerConfiguratorByo .byoListWrap .btnCtrlWrap {bottom:-85px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
    /* Filter button */
    /* SAVO *//* SBPO *//* SPEO */
}
/*mobile~ 480px 추가 GT디자인가이드_34 190411*/
@media screen and (max-width:480px){
    .layerConfigurator .layerQuote .itemImgBox .img img {width:100%;}
}


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

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

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

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



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

/* noComponent > 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 screen and (max-width: 1240px) {
    /* noComponent > search list */
    .gridbox.search li .txtArea {width:73%;}
}
@media screen and (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 screen and (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;}/*181119*/                                                                                                                
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl:nth-child(5n+1){clear:both;}/*181119*/
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {display:block;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiMedium";}  /* GT디자인가이드_28 190321 */
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:23px; padding-right: 10px;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {display:block;font-size:16px;line-height:28px;color:#000;font-family:"HyundaiRegular";}  /* GT디자인가이드_28 190321 */
@media screen and  (max-width:1120px) {
    /* noComponent > siteMap */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {width:100%;padding:11px 0 112px 0;}
}
@media screen and  (max-width:1024px) {
    /* noComponent > siteMap */
    .siteMapConts {padding:50px 0 70px 0 !important;}
    .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose {width:100%;width:100%;height:60px;padding:0;font-size:19px;line-height:60px;}
    .siteMapWrap ul.siteMapList li.dep1 .btnOpenClose:after,
    .siteMapWrap ul.siteMapList li.dep1.on .btnOpenClose:after {top:24px;width: 16px;height: 10px;background-size:100%;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:30px 0 45px 0;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:33.3%;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {font-size:19px;line-height:24px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:16px;line-height:20px;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:19px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {font-size:14px;line-height:21px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {font-size:14px;line-height:21px;}
}
@media screen and  (max-width:767px) {
    /* noComponent > siteMap */
    .siteMapConts {padding:30px 0 70px 0 !important;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont {padding:38px 0 43px 0;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {width:50%; max-width: 100%;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {margin-bottom:29px;}
                                                                                                     
                                                                                                     
    /*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt {display: none;}*/
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dt a {font-size:14px;line-height:21px;} /* 180911-1 defect */
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd {margin-top:18px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont .siteMapInfo dl dd {margin-top:4px;}
    .siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl.ddMt dd {margin-top:4px;}
/*.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl {float:left;max-width:224px;width: 20%;padding-bottom: 30px;}*/
}

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


/* Height resize */
@media screen and (max-width:1024px){
    .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 screen and (max-width: 767px) {
    .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img{width:100%;height:auto;}
}

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

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

@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;
    }
}
/* [2018.09.28:천지연] GT : END */

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

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

/* 220422 add : Maintenance 계산기 신규 작업 */
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap.half {width:63.4%;}
.maintenanceWrap {padding-top:75px;padding-bottom:125px;}
.maintenanceWrap .subTit {height:auto;font-family:"HyundaiMedium";line-height:2;}
.maintenanceWrap .formBoxWrap {display:flex;margin-top:55px;}
.maintenanceWrap .formListWrap.formItemBox {width:57.143%;box-sizing:border-box;}
.maintenanceWrap .formList {display:inline-block;width:calc(50% - 2px);margin-top:28px;padding-right:20px;}
.maintenanceWrap .formList:after {content:'';display:block;clear:both;}
.maintenanceWrap .formBoxWrap .formList .formTit {margin-bottom:15px;font-size:16px;letter-spacing:0.024em;line-height:1.75;}
.maintenanceWrap .selForm select {height:44px;font-size:14px;}
.maintenanceWrap .service_mileage {margin-top:25px;padding-bottom:25px;}
.maintenanceWrap .service_mileage + .formList {margin-top:0;}
.maintenanceWrap .single .service_mileage + .formList {margin-top:30px;}
.maintenanceWrap .btn-map {margin-top:12px;padding-right:20px;text-align:right;}
.icon-map {display:inline-block;position:relative;padding-left:22px;font-family:'HyundaiHRegular';font-size:14px;color:#002c5f;}
.icon-map:before {content:'';position:absolute;left:0;top:50%;width:14px;height:14px;background-image:url("../../template_en/en/images/common/icon-map-pc.png");background-size:14px auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.maintenanceWrap .btn-download {margin-top:65px;margin-bottom:25px;}
.maintenanceWrap .btn-download li {margin-top:12px;}
.maintenanceWrap .btn-download .typeDownload {font-family:"HyundaiHRegular";font-size:14px;letter-spacing:0.018em;color:#00aad2;line-height:1.2;}
.maintenanceWrap .resultBox {width:42.857%;box-sizing:border-box;padding:40px 20px 50px;color:#fff;background-color:#002c5f;flex:none;-webkit-box-flex:0;-ms-flex:none;}
.maintenanceWrap .resultTit {font-family:"HyundaiMedium";font-size:30px;line-height:1.75;letter-spacing:0.06em;}
.maintenanceWrap .resultImg {margin:20px 0 40px 0;}
.maintenanceWrap .resultImg img {width:100%;}
.maintenanceWrap .resultText {margin-top:20px;font-family:"HyundaiMedium";font-size:16px;line-height:1.75;letter-spacing:0.024em;}
.maintenanceWrap .resultText.isPC {display:block;}
.maintenanceWrap .resultText.isMobile {display:none;}
.maintenanceWrap .resultTotal {display:flex;margin-top:25px;padding-top:28px;border-top:1px solid #666;font-family:"HyundaiMedium";letter-spacing:0.024rem;}
.maintenanceWrap .resultTotal dt {width:30%;font-family:inherit;letter-spacing:inherit;line-height:1;}
.maintenanceWrap .resultTotal dd {width:70%;font-family:inherit;letter-spacing:inherit;line-height:1;text-align:right;}
.maintenanceWrap .resultTotal dd.resultCost {font-size:30px;}
.maintenanceWrap .resultBox .btn {margin-top:30px;background-color:#00aad2;}
.maintenanceWrap .resultBox .btn:disabled {background-color:#b7b7b7;pointer-events:none;}
.maintenanceWrap .resultBox .btn-map {margin-top:30px;text-align:left;}
.maintenanceWrap .resultBox .icon-map {color:#fff;}
.maintenanceWrap .resultBox .icon-map:before {width:15px;height:15px;background-image:url("../../template_en/en/images/common/icon-map-wh-pc.png");background-size:15px auto;}
.mileageContainer {width:calc(100% - 20px);}
.mileageContainer .mileageValue {position:relative;text-align:right;font-size:14px;color:#666;letter-spacing:0.021em;}
.mileageContainer .mileageValue input {position:absolute;right:25px;padding:0;width:auto;height:auto;line-height:1.2;letter-spacing:0.021em;border:none;background:none;text-align:inherit;z-index:1;}
.mileageSliderWrap {position:relative;height:4px;margin-top:10px;background:#999 url("../../template_en/en/images/common/maintenance-range-bg.gif") no-repeat left top;}
#mileageSlider {position:absolute;left:10px;bottom:0;width:calc(100% - 20px);z-index:1;}
#mileageSlider .ui-slider-handle {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px;border:6px solid #00aad2;border-radius:50%;background-color:#fff;}
#mileageSlider .ui-slider-range.ui-widget-header {height:4px;background-color:#00aad2;}
.mileageContainer .slide-tickmarks {position:relative;display:table;width:100%;padding-top:20px;}
.mileageContainer .slide-tickmarks li {display:table-cell;width:10.75%;padding-left:3px;font-family:"HyundaiHRegular";font-size:14px;color:#666;letter-spacing:0.021em;box-sizing:border-box;}
.mileageContainer .slide-tickmarks li:last-child {position:absolute;right:0;bottom:0;padding-left:0;text-align:right;}

/* findDealerMap click after */
.maintenanceWrap .formListWrap.formItemBox.single {width:28.57142857142857%;}
.maintenanceWrap .single .formList {display:block;width:100%;}
.maintenanceWrap .single .formList:nth-child(2).gt_lymg_txs {margin-top:30px !important;}
.maintenanceWrap .single .mileageContainer .slide-tickmarks li {width:10.25%;}
.maintenanceWrap .single + .resultBox {width:34.82142857142857%;}
.findDealerMapWrap {display:none;width:36.60714285714286%;padding-left:20px;}
.findDealerMapWrap .findDealerMapInner {height:100%;}/* 220527 add */

.layerPopupWrap .layerPopupInner.wideM {width:750px;}
.layerPopupWrap .layerPopupInner.wideM .layerTitWrap.bgNone {background:none;padding-left:0;padding-right:0;font-family:"HyundaiMedium";font-size:30px;line-height:1.25;letter-spacing:0.06rem;text-align:center;}
.layerPopupWrap .layerPopupInner.wide .formBoxWrap .formList {margin-top:25px;}
.layerPopupWrap .layerPopupInner.wideM .checkboxInner label {font-family:"HyundaiHRegular";font-size:16px;}
.layerPopupWrap .layerPopupInner.wideM .checkboxInner label em {color:#00aad2;font-style:inherit;}
.layerPopupWrap .layerPopupInner.wide .btnWrap {padding-top:50px;}
.layerPopupWrap .layerPopupInner.wide .btnWrap button {width:200px;height:40px;font-size:14px;}
.layerPopupWrap .resultMsg {margin-top:40px;padding-top:190px;font-family:"HyundaiHRegular";font-size:16px;line-height:1.75;letter-spacing:0.024rem;background:url("../../template_en/en/images/common/icon-complete.png") no-repeat center top;text-align:center;}

@media screen and  (max-width:1024px){
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap.half p.stit {font-family:"HyundaiRegular";font-size:16px;}
    .maintenanceWrap .resultBox .btn-toggle {display:none;}                                     
}
@media all and (max-width:767px) {
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap.half {width:100%;}
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap.half p.stit {font-size:14px;line-height:1.35}

    .maintenanceWrap {padding-bottom:90px;}
    .maintenanceWrap .formBoxWrap {display:inherit;margin-top:22px;}
    .maintenanceWrap .formListWrap.formItemBox {width:100%;}
    .maintenanceWrap .formList {display:block;width:100%;margin-top:28px;padding-right:0;}
    .maintenanceWrap .service_mileage + .formList {margin-top:28px;}
    .maintenanceWrap .formList.gt_lymg_txs {margin-top:28px !important;}
    .maintenanceWrap .formBoxWrap .formList .formTit {margin-bottom:7px;font-size:14px;line-height:1.5;}

    .maintenanceWrap .service_mileage .subTit {line-height:1.2;}
    .mileageContainer {width:100%;}
    .mileageContainer .mileageValue input {color:#000;line-height:1;}
    .mileageSliderWrap {height:2.5px;background-size:auto 2.5px;}
    #mileageSlider {left:8px;width:calc(100% - 10px);}
    #mileageSlider .ui-slider-handle {width:16px;height:16px;border:4px solid #00aad2;}
    #mileageSlider .ui-slider-range.ui-widget-header {height:2.5px;background-color:#00aad2;}
    .mileageContainer .slide-tickmarks li {width:10.654568%;font-size:12px;color:#000;}

    .maintenanceWrap .btn-map {margin-top:16px;padding-right:0;}
    .icon-map {padding-left:18px;font-size:12px;}
    .icon-map:before {width:12px;height:12px;background-image:url("../../template_en/en/images/common/icon-map-m.png");background-size:12px auto;}
    .maintenanceWrap .btn-download {margin:30px -15px;padding:30px 15px 0 15px;border-top:1px solid #e4dcd3;}

    .maintenanceWrap .resultBox {position:fixed;width:100%;height:120px;left:0;right:0;bottom:0;padding:22px 15px;color:#fff;transition: all 0.2s ease;transform:translateY(0);z-index:899;}
    .maintenanceWrap .resultBox.active {height:320px;transform:translateY(0);} /* 230px */
    .maintenanceWrap .resultBox .btn-toggle {display:block;position:absolute;top:0;right:0;width:100%;height:80px;}
    .maintenanceWrap .resultBox .btn-toggle a {display:block;height:100%;background:url("../../template_en/en/images/common/icon-toggle-open-m.png") no-repeat 96% 50%;background-size:23px auto;}
    .maintenanceWrap .resultBox.active .btn-toggle a {background-image:url("../../template_en/en/images/common/icon-toggle-close-m.png");}
    .maintenanceWrap .resultImg {position:absolute;top:25px;width:60px;margin-top:0;}
    .maintenanceWrap .resultTit {padding-left:65px;font-family:"HyundaiMedium";font-size:14px;line-height:1.2;}
    .maintenanceWrap .resultText {margin-top:5px;padding-left:65px;font-family:"HyundaiHRegular";font-size:12px;line-height:1.2;}
    .maintenanceWrap .resultText.isPC {display:none;}
    .maintenanceWrap .resultText.isMobile {display:block;}
    .maintenanceWrap .resultTotal dt {font-family:"HyundaiHRegular";font-size:12px;}
    .maintenanceWrap .resultTotal dd {font-family:"HyundaiHRegular";font-size:12px;}
    .maintenanceWrap .resultCost {font-family:"HyundaiMedium";font-size:14px;}
    .maintenanceWrap .resultBox .btnWrap {position:fixed;width:100%;bottom:0;left:0;}
    .maintenanceWrap .resultBox .btn {margin-top:0;height:40px;}
    .maintenanceWrap .resultBox.active .btnWrap {position:relative;}
    .maintenanceWrap .resultBox.active .btn {height:40px;margin-top:20px;font-family:"HyundaiMedium";font-size:14px;}
    .maintenanceWrap .resultBox .btn-map {margin-top:15px;}
    .maintenanceWrap .resultBox .icon-map:before {width:11px;height:11px;background-image:url("../../template_en/en/images/common/icon-map-wh-m.png");background-size:11px auto;}

    .findDealerMapWrap {display:none;width:100%;padding-left:0;box-sizing:none;}
    .findDealerMapWrap .findDealerMapInner {height:330px;}/* 220527 add */

    .layerPopupWrap .layerPopupInner.wideM {width:calc(100% - 30px);}
    .layerPopupWrap .layerPopupInner.wideM .layerTitWrap.bgNone {padding-top:45px;font-size:19px;line-height:1.25;letter-spacing:0.076rem;}
    .layerPopupWrap .layerPopupInner.wide .formBoxWrap .formList {margin-top:20px;}
    .layerPopupWrap .layerPopupInner.wide .formBoxWrap .formList:first-child {margin-top:0;}
    .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-left:15px;padding-right:15px;}
    .layerPopupWrap .layerPopupInner.wideM .checkboxInner label {font-size:14px;}
    .layerPopupWrap .layerPopupInner.wideM .layerPopup .layerConWrap {padding-bottom:50px;}
    .layerPopupWrap .resultMsg {margin-top:10px;padding-top:100px;font-size:14px;line-height:1.5;letter-spacing:0.028rem;background-size:70px;}
}
/* //220422 add : Maintenance 계산기 신규 작업 */

/* 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 */
/* 241206 gnb : gnbWrapFull 공통 분리 영역 삭제*/

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

/* 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;}
img:not([src]):not([srcset]) {visibility: hidden;} /*WebQC 이미지 엑박 처리*/
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: mody 240214 font-woff2*/
/* S: mody 231108*/
/* 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("font-woff2"),url("font/HyundaiSansHead-Regular.ttf") format("truetype");font-weight:normal;font-style:normal} */

@font-face{font-family:'HyundaiRegular';src:url("font/HyundaiSansText-Regular.eot");src:url("font/HyundaiSansText-Regular.eot?#iefix") format("embedded-opentype"),url("font/HyundaiSansText-Regular.woff2") format("font-woff2"),url("font/HyundaiSansText-Regular.woff") format("woff"),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.woff2") format("font-woff2"),url("font/HyundaiSansHead-Medium.woff") format("woff"),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.woff2") format("font-woff2"),url("font/HyundaiSansHead-Light.woff") format("woff"),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.woff2") format("font-woff2"),url("font/HyundaiSansHead-Bold.woff") format("woff"),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.woff2") format("font-woff2"),url("font/HyundaiSansHead-Regular.woff") format("woff"),url("font/HyundaiSansHead-Regular.ttf") format("truetype");font-weight:normal;font-style:normal; font-display: swap;}
/* //190313 HyundaiHeadRegular 폰트 서체 추가 GT디자인가이드_21 190319*/
/*241002 HAKSansRegular add*/
@font-face{font-family:'HAKSansRegular';src:url("font/HAKSansHeadOffice-Regular.eot");src:url("font/HAKSansHeadOffice-Regular.eot?#iefix") format("embedded-opentype"),url("font/HAKSansHeadOffice-Regular.woff2") format("font-woff2"),url("font/HAKSansHeadOffice-Regular.woff") format("woff"),url("font/HAKSansHeadOffice-Regular.ttf") format("truetype");font-weight:normal;font-style:normal; font-display: swap;}
/* 220608 add */
@font-face{font-family:'HAKSansMedium';src:url("font/HAKSansHeadOffice-Medium.eot");src:url("font/HAKSansHeadOffice-Medium.eot?#iefix") format("embedded-opentype"),url("font/HAKSansHeadOffice-Medium.woff2") format("font-woff2"),url("font/HAKSansHeadOffice-Medium.woff") format("woff"),url("font/HAKSansHeadOffice-Medium.ttf") format("truetype");font-weight:normal;font-style:normal; font-display: swap;}
/* //220608 add */
/* E: mody 231108*/
/* E: mody 240214*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*S: 241002 add*/
.bbsDetailPageH2 .subTitL {font-family: "HyundaiMedium", "HAKSansMedium";}
.newsContBox p {font-family: "HyundaiRegular", "HAKSansRegular";}
.newsContBox .cttcWrap strong {font-family: "HyundaiMedium", "HAKSansMedium" !important;}
/*E: 241002 add*/

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

@media screen and (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 */
/* S: 241206 gnb / footer 공통 분리 영역 전체 삭제*/

.gnbWrap#gnbMenu .gnbArea {padding-left: 170px !important; width: 100%;}
.gnbWrap .gnbArea .dep1Wrap {justify-content: space-evenly;}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a {padding: 0;}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a {padding-right: 10px;}
.gnbWrap .gnbArea .dep3Wrap{left:340px;}
.gnbWrap .gnbArea .gnbGap {margin-left: -30px;}
.gnbWrap .carListWrap .tabArea .tab.on>.tabBtn {box-sizing: border-box;} /*250521 GNB add*/

/* mainTopBanner */
/* 220623 modify & add */
.mainTopBanner{position:fixed;bottom:0;width:100%; visibility:hidden;background:#f6f3f2;z-index:999;border-top:solid 1px #ddd;box-shadow:0 1px 8px rgb(0 0 0 / 40%);}/* 220630 */
.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;}
/* //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 */
.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 */
.mainTopBanner .btnWrap .btn {width:140px;text-align:center;}

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

@media screen and (max-width:1024px){
    .btnContentTop{width:55px;height:55px;}
    .btnContentTop button img {width: 100%; height: 100%;}
}

/* S: 231127 add */
#codus__widget_callback {right: 0 !important; bottom: 15px !important;}

/* E: 231127 add */

/* footer */
.footerArea .tabC {margin-top: 10px;}
.footerArea .copyright {float: left;}
.footerArea .cs_phone {float: right; font-size:14px;line-height:18px;color:#c2c2c2;text-align:right;}

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

.contentWrap{width:100%;}

@media screen and (max-width:1200px){
    .gnbWrap {height:141px;}
    .gnbWrapFull::after {top: 141px;}
    .gnbWrap .gnbArea .dep1Wrap::before {content: ''; z-index: 3; position: absolute; right: 0; top: 0; width: calc(100% - 170px); height: 70px;}
    .gnbWrap .gnbArea .gnbSubArea {top: 161px;}
    .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a {padding-right: 20px;}
    .gnbWrap .gnbArea .dep3Wrap{left:350px;}
    .gnbWrap .carListWrap .tabArea .tab>.tabBtn {padding: 0 5px; word-break: break-word; font-size:14px; box-sizing: border-box;}
}
@media screen and (max-width:1240px){
    .gnbWrap#gnbMenu .gnbArea {padding-left: 45px !important;}
}
/* D:tab */
@media screen and (max-width:1024px){


    .contentWrap{width:100%;min-width:768px;/*padding-top:70px;*/ background-color: #fff;}

    .mainTopBanner {padding-left:28px;padding-right:28px;}
    .mainTopBanner .bannerArea .txt {font-size:12px;max-width:78%;}

    .gnbWrap .gnbArea .dep1Wrap::before {content: none;}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a {line-height: 15px;}

    #codus__widget_callback {zoom: 1 !important;}
    #codus__widget_callback a {width: 60px !important; height: 60px !important;}
    #codus__widget_callback a img {zoom: 0.75 !important;}
    
}
/* 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}

    /* 220623 modify & del */
    .mainTopBanner {padding:0;}
    .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;}
    /* //220623 modify & del */

    .gnbWrap#gnbMenu .gnbArea {padding-left: 0 !important;}
    #gnbMenu .gnbArea .dep1Wrap .dep1 {margin: 0 !important;}
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a {padding: 0 20px;}
    .gnbWrap .carListWrap .tabArea .tab>.tabBtn {padding: 0 20px;}
    .gnbWrap .gnbArea .gnbSubArea .depSub {margin: 0 !important;}
    /*.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a,
    .gnbWrap .gnbArea .gnbSubArea .dep2Wrap > .depSub > .depSub_a {line-height: 60px !important;}*/ /*250521 GNB delete*/
    /* .gnbWrap .gnbArea .dep3Wrap {left: 0;} */ /*250521 GNB delete*/

    .contentWrap{min-width:320px;}
    .sectionWrap{padding: 0 15px;}
    
    .footerArea .tabC {margin-top: 0;}
    .footerArea .cs_phone {margin-top:20px;font-size:13px;text-align:center;}
}
/* E: 241206 gnb / footer 공통 분리 영역 전체 삭제*/
/* 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;}

.btn.btnLine {border:1px solid #002c5f;background:#fff;color:#000;} /* 241206 add */

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

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

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

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

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

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

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

/**** ui *****/
.sectionWrap {position: relative; padding: 0 25px;}
.contentWrap {position:relative;padding-top:71px;}
.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;}
.kvFullWrap {visibility: hidden; height: 0; margin-top: -71px;} /*WebQC Full kv 250515 add*/

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


/* D:tab */
@media screen and (max-width:1024px){
    .contentWrap {min-width: 0 ;padding-top:141px;}
    .sectionInner {width: 100%;max-width: 100%;min-width: 0;}
    .sectionFull {width: auto; min-width: 0;}
    .kvFullWrap {margin-top: -141px;} /*WebQC Full kv 250515 add*/
}

/* D:mobile */
@media screen and (max-width: 767px) {
    .contentWrap {min-width: 320px !important; padding:55px 0 65px;} /*240131 modify*/
    .topBanner .contentWrap {padding-top:0;} /* 20171115 추가 */
    .sectionWrap {padding: 0 15px;}
    .sectionInner {max-width: 100%;min-width: 290px;}
    .sectionFull {min-width: 320px;margin: 0 -15px;}
    .fullImageSet{margin: 0 -15px;}
    .sectionFull.mdlWd {margin:0;} /* 180423 */ /* add */
    .kvFullWrap {margin-top: -55px;} /*WebQC Full kv 250515 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; display: flex; justify-content: space-between; align-items: center; box-sizing: content-box; overflow:hidden;}
.headArea .topSect .locWrap {display: flex; height: 90px; align-items: center;}
.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% 7px;/* cursor: pointer; */white-space:nowrap;} /*240312 h1 background modify*/
.headArea .topSect .locWrap .active span {display:block;color: #00aad2 !important;font-weight:normal;font-size:16px;text-decoration:none;font-family:"HyundaiMedium";text-decoration: underline;background: none;} /*240312 h1 display modify*/
.headArea .topSect .utilWrap a.util {display:inline-block; margin-left:23px;display:inline-block;padding:0 0 0 23px;font-size:14px; color:#000; line-height: 17px;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 .topSect .locWrap {height: 80px;}
    .headArea .tWrap {margin: 0; padding-bottom: 45px;}
    .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:#f6f3f2; no-repeat 50% 0; background-size: cover;} /* GT디자인가이드_01 190221 */ /* 220426, 220610 */
.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 */
    .findACarBgPip,
    .findACarBgType1,
    .buildACarBgType1,
    .buildACarBgType2,
    .buildACarBgType3,
    .buildACarBgType4,
    .buildACarBgType5,
    .connectToServiceBgType1,
    .connectToServiceBgType2,
    .hyundaiStoryBgType3,
    .hyundaiStoryBgType1,
    .hyundaiStoryBgType2,
    .landingPageBgType1 {background-position:50% 0;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.videoPlayBtn {position: absolute;top: 50%;left: 50%;z-index: 12;width: 60px;height: 60px;margin: -30px 0 0 -30px;background: url("../../template_en/en/images/common/btn-video.png") no-repeat top left;overflow: hidden;cursor:pointer;text-indent:-1000px;}

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

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

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

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

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

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

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

/* common end */

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

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

/* 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 screen and (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 */
@charset "utf-8";

/* =================================================
kz/ru 만 해당하는 사항 
=================================================*/


/* Uzbekistan New, Upcoming 아이콘 etc 경로 수정 */ /* ico-new-pc.png, ico-new-w.png, ico-upcoming-pc.png, ico-upcoming-w.png */
/* kz/kk > kz/ru 각각 사용*/
/* S: 240201 modify*/
/*
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {background-image:url("images/common/ico-new-w.png")!important;}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-w.png")!important;}
.secSpaTableType .icBadgeNew {background-image:url("images/common/ico-new-w.png")!important;}
.secSpaTableType .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-w.png")!important;}
.secSpaListWrap .icBadgeNew {background-image:url("images/common/ico-new-w.png")!important;}
.secSpaListWrap .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-w.png")!important;}
.secPaymentList .icBadgeNew {background-image:url("images/common/ico-new-w.png")!important;}
.secPaymentList .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-w.png")!important;}
*/
.secHomeModelWrap .modelListWrap .icArea.icNew {background-image: url("images/home/ico-new-pc.png")!important;}
.secHomeModelWrap .modelListWrap .icArea.icUpcoming {background-image: url("images/home/ico-upcoming-pc.png")!important;}
/*
.compareLayer .icBadgeNew {background-image:url("images/common/ico-new-w.png")!important;}
.compareLayer .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-w.png")!important;}
*/
/* E: 240201 modify*/
@media screen and (max-width: 767px) {
    /* ico-new-m.png, ico-upcoming-m.png */
    /* S: 240201 modify*/
    /*
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {background-image:url("images/common/ico-new-m.png")!important;}
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-m.png")!important;}
    .secSpaTableType .icBadgeNew {background-image:url("images/common/ico-new-m.png")!important;}
    .secSpaTableType .icBadgeUpcoming{background-image:url("images/common/ico-upcoming-m.png")!important;}
    .secSpaListWrap .icBadgeNew {background-image:url("images/common/ico-new-m.png")!important;}
    .secSpaListWrap .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-m.png");}
    .secPaymentList .icBadgeNew {background-image:url("images/common/ico-new-m.png")!important;}
    .secPaymentList .icBadgeUpcoming {background-image:url("images/common/ico-upcoming-m.png")!important;}
    */
    .secHomeModelWrap .modelListWrap .icArea.icNew {background-image: url("images/home/ico-new-m.png")!important;}
    .secHomeModelWrap .modelListWrap .icArea.icUpcoming {background-image: url("images/home/ico-upcoming-m.png")!important;}
    /* E: 240201 modify*/
}

/*filter MSRP 추가 190430*/
/*vehicle filter to 잘리는 부분 조치 190424 */
@media screen and (min-width:1049px) and (max-width:20000px) {
    .filterBoxWrap .searchDetailWrap .slierRange{margin-right:0px;}
    .filterBoxWrap .searchDetailWrap .slierRange input {width:120px;}
    .filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap {max-width: 100%;margin: 0 12px;} /*margin 변경 190429 */
}

@media screen and (min-width:1024px) and (max-width:1048px) {
    .filterBoxWrap .searchDetailWrap .slierRange input {width:90px;}
    .filterBoxWrap .searchDetailWrap .slierRange li.to input {width:90px;}
}

@media screen and  (max-width:1024px){
    .filterBoxWrap .searchDetailWrap .slierRange input {width:120px;}
}

@media screen and  (max-width:320px){
    .filterBoxWrap .searchDetailWrap .slierRange input {width:110px;} /* 모바일(320px)추가 190513 */
}

@media screen and (min-width:1049px) and (max-width:20000px) {
    .filterBoxWrap .searchDetailWrap .slierRange{margin-right:0px;}
    .filterBoxWrap .searchDetailWrap .slierRange input {width:140px;}
    .filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap {max-width: 100%;margin: 0 12px;} /*margin 변경 190429 */
}
@media screen and (min-width:1048px) and (max-width:1200px) {
    .filterBoxWrap .searchDetailWrap .slierRange input {width:120px;}
}
/*end filter MSRP 추가 190430*/

/* =================================================
kz 공통 (kk,ru)
=================================================*/

/* header 2depth/3depth width 변경 및 간격 조정 KZ*/
/*241206 delete*/

/* headArea // 메뉴명이 길어 브레드크럼 영역 틀어지는 부분 조치*/
/* location > 부분 */
.contentWrap .headArea .topSect .locWrap span {margin-right: 11px;padding: 0 16px 0 0;}
@media screen and (max-width: 1240px) {
/* location 좌우 margin 삭제 */
.contentWrap .headArea .topSect .locWrap {margin-left: 0px;}
.contentWrap .headArea .topSect .utilWrap {margin-right:0px;}
/* //location 좌우 margin 삭제 */
.contentWrap .headArea .topSect .locWrap span{margin-right:5px; padding: 0 10px 0 0;}
.contentWrap .headArea .topSect .utilWrap a.share{text-indent: -9999px;padding-left: 16px;}
}

@media screen and (max-width: 1024px) {
    /* location 좌우 margin 추가 (tablet) 추가 190416*/
    .contentWrap .headArea .topSect .locWrap {margin-left: 25px;}
    .contentWrap .headArea .topSect .utilWrap {margin-right:25px;}
    /* //location 좌우 margin 삭제 (tablet) 추가 190416*/
}

/* footer // 텍스트 길이가 길어서 영역 조정 */
@media screen and (min-width:767px) and (max-width:1240px){
    .footerWrap .footerArea .footerMenu {width: 550px;}
    .footerWrap .footerArea .footerMenu li {padding-left:10px; margin-left:10px;}
}



/* list Load More btn style */
.listMoreWrap .btnMoreWrap .btn {width:290px;}
@media (max-width: 767px){
    .listMoreWrap .btnMoreWrap .btn {width:100%;}
}


/* CPSV : Promotion/Special Offers View */
.sectionWrap.promotion .cpsvWrap .fullImg {height:600px;}
@media screen and  (max-width:1024px) {
    .sectionWrap.promotion .cpsvWrap .fullImg {height:auto;} 
}


/* noComponent > promotion style */
.gridbox.promotion li {width:100%;margin:0;padding:0 0 80px 0;}
.gridbox.promotion li:last-child {border:0;padding:0 0 100px 0;}
.gridbox.promotion li .txtArea {float:left;width:728px;margin-left:0;}
.gridbox.promotion li .txtArea.onlytxt{width:100%}
.gridbox.promotion li .txtArea.porR {float:right;}
.gridbox.promotion li .imgArea {float:right;width:352px;height:254px;}
.gridbox.promotion li .imgArea.porL {float:left;}
.promotionConts {padding-top:60px}
.promotionConts .txtArea {padding:0}
.promotionConts .txtArea .Sub {font-size:14px;line-height:24px;color:#000;font-family:"HyundaiRegular"; font-family: 'NotoSans-Regular'; /*카자흐스탄 폰트 변경 190305*/}
.promotionConts .subTitM {margin-bottom:20px;}
.promotionConts .noTit {margin-bottom:20px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiMedium"; font-family: 'NotoSans-Regular'; font-weight:600!important; /*카자흐스탄 폰트 변경 190305*/}
@media (max-width: 1240px) {
    /* noComponent > search list */
    .gridbox.promotion li .txtArea {width:60%;}
    .gridbox.promotion li .imgArea {width:280px; height:202px;}
}
@media (max-width: 1024px) {
    /* noComponent > search list */
    .gridbox.promotion li {margin:0 0 20px 0;padding:0 0 30px 0;}
    .gridbox.promotion li:last-child {padding-bottom:30px;margin:0 0 30px 0;}
    .gridbox.promotion li .txtArea {width:66%;}
    .gridbox.promotion li .imgArea {width:226px;height:164px;}
    .promotionConts .txtArea .Sub {font-size:14px;line-height:21px;}
}
@media (max-width: 767px){
    .promotionConts {padding-top:20px}
    .gridbox.promotion li {padding:0 0 20px 0}
    .gridbox.promotion li .txtArea{width:100%; float:none;}
    .gridbox.promotion li .imgArea{width:100%;height:auto;float:none;margin-top: 30px;}
}


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



/* promotion table css */
table.infoBoxWrap .sub {text-align:center; width:80%; margin:auto; line-height:20px; padding-top:20px;}


/* step style KZ디자인가이드_01 190313 */
.stepArea {width: 100%;height: 70px;background: #fff;overflow: hidden;}
.stepArea .stepType1 {display: table;width: 100%;max-width: 1120px;margin: 0 auto;}
.stepArea .stepType1 .stepList {display: table-cell;height: 70px;text-align: center;vertical-align: middle;background: #fff;position: relative;}
.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;padding-left: 40px;line-height: 1.875;color: #c1c1c1;font-size: 16px;font-family: "HyundaiMedium";font-family: 'NotoSans-Regular'; font-weight:600!important; /*카자흐스탄 폰트 변경 190305*/position: relative;}
.stepArea .stepType1 .stepList .inner .num {display: block;width: 30px;height: 30px;line-height: 25px;/*color: #fff;*/font-size: 14px;text-align: center;/*background: #c1c1c1;*/border-radius: 50%;position: absolute;left: 0;top: 0; border:2px solid #c1c1c1; box-sizing:border-box; background:transparent; color: #c1c1c1;}
.stepArea .stepType1 .stepList.active .inner {color: #00aad2;}
.stepArea .stepType1 .stepList.active .inner .num {background: #00aad2; border:2px solid #00aad2; color:#fff} 
.stepArea .stepType1 .stepList.compStep {cursor: pointer;}
.stepArea .stepType1 .stepList.compStep .inner {color: #c1c1c1;/*text-decoration: underline; 181024*/ }
.stepArea .stepType1 .stepList.compStep .inner:hover{text-decoration: underline;} /*181024*/
.stepArea .stepType1 .stepList.compStep .inner .num {background:#c1c1c1; color:#fff;}
@media screen and  (max-width:1024px){
    /* step */
    .stepArea {width: 100%;height: 50px;overflow-x: auto;}
    .stepArea .stepType1 .stepList {width: auto !important;min-width: 20%;height: 50px;padding: 0 20px;}
    .stepArea .stepType1.colLg3 .stepList {min-width: 33.3%;}
    .stepArea .stepType1 .stepList ~.stepList {background-size: 6px;}
    .stepArea .stepType1 .stepList .inner {padding-left: 27px;line-height: 1.5;font-size: 14px;white-space: nowrap;}
    .stepArea .stepType1 .stepList .inner .num {width: 22px;height: 22px;line-height: 23px;font-size: 12px;line-height: 18px;}
    .stepArea .stepType1 .stepList.compStep .inner:hover{text-decoration: none;} /*181024*/
}
@media screen and (max-width:767px){
    /* step */
    .stepArea {width: auto;margin: 0 -15px;background: #f6f3f2;}
    .stepArea .stepType1 .stepList {background-color: #f6f3f2;}
    .stepArea .stepType1 .stepList ~ .stepList {background-color: #f6f3f2;}
    .stepArea .stepType1 {padding:0 10px;}
}
/* //step style KZ디자인가이드_01 190313 */

/* srtd */
.srtd .formBoxWrap .titArea {padding-bottom:0}
.srtd.secSpaBasic.secDriveS2 .conAreaM {margin-bottom:80px;}
.srtd.secSpaBasic.secDriveS2 .conTopTitWrap .selectItem {padding-top:0}
.srtd.secSpaBasic.secDriveS2 .subTitL.carName {text-transform: uppercase}
.srtd.secSpaBasic.secDriveS2 .formBoxWrap .titArea .subTitM, .summaryWrap .summaryArea .summaryBox .subTitM{font-size: 24px; line-height:28px;}
.srtd.secSpaBasic.secDriveS2 .formBoxWrap .checkboxWrap {padding-top: 15px;}

@media screen and (max-width:1024px) {
    .srtd .formBoxWrap .titArea [class*=subTit] {display:block; padding-right:10px;}
}
@media screen and (max-width:767px){
    .srtd.secSpaBasic.secDriveS2 .conAreaM {margin-bottom:60px;}
    .srtd.secSpaBasic.secDriveS2 .subTitM {margin-top:0}
    .srtd.secSpaBasic.secDriveS2 .formBoxWrap .titArea .subTitM, .summaryWrap .summaryArea .summaryBox .subTitM{font-size: 18px; line-height:22px;}
    .srtd.secSpaBasic.secDriveS2 .infoBoxWrap tr th {width:40%;}
}


/* secDrive style */
.secDriveS1 .btnWrap.btnMoreWrap .btn{width: 290px;}
.secDriveS1 .itemWrap .itemList .itemTit [class*=conTit] {text-transform: uppercase}
@media screen and  (max-width:767px){
    .secDriveS1 .btnWrap.btnMoreWrap .btn{width:100%;}
    .secDriveS2 .btnWrap .colWd.hiddenSm {display:none!important;}
}


/* layerPopup Form style */
.layerPopupWrap .popFormBox {text-align:left; padding:0 30px;}
.layerPopupWrap .formBoxWrap.arFormStyle .formListWrap.formItemBox {margin-bottom:0}
.layerPopupWrap .prPopContsBtn {margin-top:-115px!important;}
@media screen and (max-width:1024px) {
.layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt {margin:5px -150px 0 0;}
.layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList {float:left;width:50%;}
.layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd) {padding-right:10px;}
.layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList.padDel:nth-child(odd) {padding-right:0;}
.layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even) {padding-left:10px;}
.layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(2n+1) {clear:both;}
.layerPopupWrap .formBoxWrap.arFormStyle .formListWrap + .formListWrap .formList {float:none;width:100%;padding:0;}
}
@media screen and  (max-width:767px){
    .prPopConts .txtArea p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em;height: 3em;}
    .layerPopupWrap .popFormBox {text-align:left; padding:0 15px;}
    .layerPopupWrap .formBoxWrap.arFormStyle .errorTxt {margin:8px 0 0;}
    .layerPopupWrap .formBoxWrap.arFormStyle .titWrap .titSubTxt {display:block;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap.formItemBox {margin-bottom:10px}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap.first {margin-top:-15px;padding-bottom:25px;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList,
    .layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList {width:100%; margin:0 0 15px 0;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(odd),
    .layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd) {padding-right:0;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(even),
    .layerPopupWrap .formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even) {padding-left:0;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList input[type=text],
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList input[type=number],
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList input[type=search],
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList input[type=date],
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList input[type=email] {height:35px;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList .formTit label {display:inline-block;line-height:25px;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label {font-size:14px;height:35px;line-height:35px;}
    .layerPopupWrap .formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt {margin:8px -150px 0 0;}
    /* layer popupWrap submit btn */
    .layerPopupWrap .btnWrap {padding:0;}
    .layerPopupWrap .btnWrap .colWd{padding:0; width:100%;}
}

/* Select a car 메뉴 filter width 조정 */
.checkboxWrap .checkboxInner label {padding-left:22px;}

/* filter MSRP 최대치 숫자 잘리는 현상 조치*/
/* .filterBoxWrap .searchDetailWrap .slierRange li.to input {width:120px} 주석처리 190430*/
/* filter width 50%로 조치 uz*/
.filterBoxWrap .searchDetailWrap .list .checkboxWrap>li{width:50%}


/*Drop down 필드 텍스트 짤리는 부분 조치 (padding) */
.secNewsSelForm .selForm select {padding-right:35px;}
.secSelOptStep1 .selForm select {padding-right:35px;}
@media screen and (max-width:375px) {
    .secSelOptStep1 .selForm select {padding-right:30px;}
    .selForm.first select.bgWhite {background-position:90px center!important;}

}

/*News 상세페이지 prev,next 부분 글자 여백 만들기 (padding) */
.newsViewWrap .pagingBox .jumpPage{padding: 9px 30px 9px 130px}
@media screen and (max-width:1024px) {
    .newsViewWrap .pagingBox .jumpPage{padding: 9px 30px 9px 100px}
    .newsViewWrap .pagingBox .jumpPage dt{width:100px;}
}


/* 190916 delete
SCCO compare-cars 모바일에서 width 조정 (KZ)
@media screen and (max-width:767px) {
    .layerPopupWrap.compareLayer .layerPopupInner {width: 90%;}  
} */

/* PVRE 360vr에서 차량 트림 선택 버튼 높이 조정*/
@media screen and (max-width: 1024px) {
    .vr360Exterior .tabWrap .tabArea .tab .link{height: 70px}
}

@media screen and (max-width:767px) {
     .vr360Exterior .tabWrap .tabArea .tab .link{height:auto;}
}


/* 375px 일 때 텍스트가 길어서 짤리는 현상 조치 */
@media screen and (max-width:375px){
    /*navi prev,next 조정, font-size 조정*/
    .naviJumpWrap .icoPrevArrow,.naviJumpWrap .icoNextArrow {width:9px; height:15px; margin-top:-7px;}
    .naviJumpWrap .naviJump {padding:0 0px;}
    .naviJumpWrap .icoPrevArrow {left:-18px;}
    .naviJumpWrap .icoNextArrow {right:-18px;}
    .naviJumpWrap .naviJump a {font-size:16px;}

    /* SPEO > Text, tooltip size 조정  */
    .speo .itemWrap .itemList .itemCon .conAreaS {font-size: 12px;}
    .speo .toolTipWrap .ic_Bquestion {margin-top:0px;}
    .speo .toolTipWrap.ib {margin-left: 0px;}
    .speo .toolTipWrap .ic_Bquestion {width: 12px;height: 12px;}
}

/* 320px 일 때 텍스트가 길어서 짤리는 현상 조치 */
@media screen and  (max-width:320px){
    
}

/* PNSG animation text 겹치는 부분 조치 (background-size 지정)*/
@media screen and (max-width:1024px){
    /* PNSG */
    .pnsgWrap .pnsgCont .imgWrap .spec .maxValArea .maxPower .tit {background-size:36px;}
    .pnsgWrap .pnsgCont .imgWrap .spec .maxValArea .maxTorque .tit {background-size:36px;}
}

/* build-a-car 차량 선택 후 가격이 잘리는 현상 조치 */
@media screen and (min-width:767px) and (max-width:1024px){
    /* SPEO */
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .tit{width:130px;}

}
@media screen and (max-width:767px){
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont input {width: 200px;}
}

/* utility radio (성별) > margin-left 조정 */
@media screen and (max-width: 320px){
    .formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner {margin-left: 20px;}
}

/* pc에서 그래프 애니메이션 컴포넌트 숫자 옆 단위 떨어지는 부분 조정 */
@media screen and (min-width:1024px) and (max-width:20000px) {
    /* PNSG */
    .pnsgWrap .imgWrap .spec .maxValArea .con .val{font-size:55px;}
}

@media screen and (min-width:768px) and (max-width:20000px) {
    .sbpo .box.box2 .radioboxWrap .radioBoxInner label {padding-right:100px;}
}

/* SBPO : Mobile 320px에서 Powertrain명 과 금액 겹치는 부분 조치 width 조정(20190508)*/
@media screen and  (max-width:320px){
    /* SBPO */
    .sbpo .radioboxWrap .radioBoxInner label {width: 50%;} /*190419*/
}

/* SOMT : owner's manual filter 짤리는 부분 조치 width 조정 */
.secOwnersManual .selectFormBox .selForm{width:25%;}
.secOwnersManual .selectFormBox .inputForm{width:38%;}
@media screen and (min-width:768px) and (max-width:1024px) {
    .secOwnersManual .selectFormBox .selForm{width:28%;}
    .secOwnersManual .selectFormBox .inputForm{width:32%;}
}

/* 첫 화면 popup a 링크 수정*/
@media screen and (max-width: 767px){
    .btnMoreWrap.gt_lypd_bsh.visibleSm .btn{width:100%; display: block; line-height: 50px;}
}

/* PSPE Specification -190423 */
@media screen and  (max-width:767px){
    .pspe .pspeWrap .specList>dd dt{width:65%; margin-right:10%;}
    .pspe .pspeWrap .specList>dd dd{width:25%}
}

/* SBPO > step2 :: exterior & step3 :: interior - Button img size*/
.confOptionWrap .sortListWrap .sortList button {width:84px;}
.confOptionWrap .sortListWrap .sortList .optInfo {width:84px;}

/* Build a Car popup ~375px에서 width 조정 190430*/
@media screen and (max-width:375px) {
    .layerPopupWrap.layerConfigurator .layerPopupInner.wide{width:90%;}
}