@charset "utf-8";.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:0;background:#00aad2}
.ix-controller.disabled{display:none !important}
@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}
}
.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}
.sliderBtnWrap .btnNext,.sliderWrap .mainControlWrap .btnNext{right:0;background:url("../../template_en/en/images/common/btn-next.png") no-repeat center center}
.sliderBtnWrap .btnNext.disabled,.sliderBtnWrap .btnPrev.disabled{opacity:.3;cursor:default}
.sliderWrap{position:relative;width:100%}
.sliderWrap .sliderListWrap{overflow:hidden;width:100%}
.sliderWrap .sliderListWrap .sliderList{display:flex;overflow:hidden;margin-bottom:0 !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){.sliderWrap .sliderListWrap .sliderList{margin-bottom:20px}
}
@media screen and (max-width:767px){.sliderWrap .btnPrev,.sliderWrap .btnNext{margin-top:-18px}
.sliderWrap .sliderPagination{top:45vw}
}
.slide_direction{z-index:9999}
.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}
}
.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}
}
.iframe_box{width:100%}
.iframe_box iframe{width:100% !important}
.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:.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:.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{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:.3px;font-family:"HyundaiMedium"}
.mailpopWrap .mailHead .mailTxt{font-size:16px;line-height:28px;color:#000;letter-spacing:.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:.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:.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:.2px;font-family:"HyundaiRegular"}
.mailpopWrap .mailArea .topTitArea2 .dTix{font-size:14px;line-height:20px;letter-spacing:.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{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 .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}
}
.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:after{display:block;content:"";clear:both}
.formBoxWrap .half .formListWrap{float:left;width:50%;padding:0 10px}
.formBoxWrap .formListWrap.first{margin-top:-20px}
.formBoxWrap .formList{margin-top:25px}
.half .formBoxWrap .formList,.half .formListWrap .formList{margin-top:4px}
.formBoxWrap .require{padding-left:4px;font-size:16px;font-family:"HyundaiMedium"}
.formBoxWrap .formList .formTit{margin-bottom:4px;line-height:2;font-family:"HyundaiMedium"}
.formBoxWrap .formList .formCon{position:relative}
.formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner{margin-left:19px}
.formBoxWrap .titArea{display:table;width:auto}
.formBoxWrap .titArea [class*=subTit]{display:table-cell;vertical-align:middle;padding-right:20px}
.formBoxWrap .titArea .txtRequiredField{display:table-cell;vertical-align:middle;font-size:14px;line-height:20px}
.formBoxWrap .errorTxt{margin:5px;font-size:14px;line-height:1.75;color:#e63312}
.formBoxWrap .errorTxt.vHidden{visibility:hidden}
.formBoxWrap textarea{display:inline-block;width:100%;height:180px;padding:18px 20px 18px 20px;border:1px solid #e4dcd3;background:#fff;font-size:14px;line-height:1.2;color:#666;box-sizing:border-box}
.formBoxWrap .formList input[type=text],.formBoxWrap .formList input[type=number],.formBoxWrap .formList input[type=search],.formBoxWrap .formList input[type=date],.formBoxWrap .formList input[type=email]{padding:11px 20px;line-height:1.21}
.formBoxWrap .maxChar{position:absolute;right:20px;bottom:20px;font-size:14px;color:#767676}
.formBoxWrap ::-webkit-input-placeholder{color:#666}
.formBoxWrap ::-moz-placeholder{color:#666}
.formBoxWrap :-ms-input-placeholder{color:#666}
.formBoxWrap :-moz-placeholder{color:#666}
.formBoxWrap .formCon .row{position:relative;padding-right:160px}
.formBoxWrap .formCon .row.date{margin:0 -10px;padding-right:0}
.formBoxWrap .formCon .row:after{display:table;content:"";clear:both}
.formBoxWrap .formCon .row .col{float:left}
.formBoxWrap .formCon .row.date .col{padding:0 10px}
.formBoxWrap .formCon .row.emailForm .inputForm{width:100%}
.formBoxWrap .formCon .row.emailForm .btnArea{display:table;position:absolute;top:0;right:0;width:140px}
.formBoxWrap .formCon .row.emailForm .btnArea .btn{width:100%;height:44px;padding:0;font-size:14px}
.formBoxWrap .agreeBoxWrap{margin-top:28px}
.formBoxWrap .agreeBoxWrap .btnMore{width:100%;height:40px;background:#f2f2f2;font-size:14px;line-height:40px;font-family:"HyundaiRegular";text-align:center}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr{display:inline-block;position:relative;width:auto !important;padding-right:19px}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr:after{display:block;position:absolute;top:50%;right:0;width:0;height:0;margin-top:-3px;border-top:6px solid #000;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent;content:""}
.formBoxWrap .scrollBox{margin-top:6px;margin-bottom:45px;border:1px solid #e4dcd3;box-sizing:border-box}
.formBoxWrap .scrollBox .boxInner{overflow-y:hidden;padding:20px 18px 20px 20px;font-size:14px;line-height:1.428;color:#666;min-height:140px;box-sizing:border-box;transition:all .5s}
.formBoxWrap .scrollBox.auto .boxInner{height:initial !important;transition:all .5s}
.formBoxWrap .scrollBox.auto .btnMore.btnAgreeMore.closed .icoArr:after{margin-top:-3px;border-top:0 none;border-bottom:6px solid #000}
.formBoxWrap .scrollBox .boxInner2{overflow-y:hidden;height:auto;padding:20px 18px 20px 20px;font-size:14px;line-height:20px;color:#666;letter-spacing:-0.1px;box-sizing:border-box}
.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}
.formBoxWrap .checkboxWrap .errorTxt{padding-left:28px}
.formBoxWrap .checkboxWrap+.checkboxWrap{padding-top:31px}
.formBoxWrap.cpnDom .formListWrap{overflow:hidden}
.formBoxWrap.cpnDom .formListWrap .formList{float:left;width:50%}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd){padding-right:40px}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(even){padding-left:40px}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(2n+1){clear:both}
.formBoxWrap.cpnDom .formListWrap+.formListWrap .formList{float:none;width:100%;padding:0}
.formBoxWrap.cpnDom .formSlt{margin:0 -5px;font-size:0}
.formBoxWrap.cpnDom .formSlt .selForm{display:inline-block;width:33.3%;padding:0 5px}
@media screen and (max-width:1024px){.formBoxWrap .titWrap{padding-bottom:22px}
.formBoxWrap .titArea{padding-bottom:22px}
.formBoxWrap .titWrap .titArea{padding-bottom:0}
.formBoxWrap .titWrap .titSubTxt{display:none}
.formBoxWrap .half:after{display:block;content:"";clear:both}
.formBoxWrap .half{margin-right:0;margin-left:0}
.formBoxWrap .half .formListWrap{float:none;width:100%;padding-right:0;padding-left:0}
.formBoxWrap .formListWrap.first{margin-top:-28px}
.formBoxWrap .formList{margin-top:20px}
.formBoxWrap .require{padding-left:5px}
.formBoxWrap .formList .formTit{margin-bottom:7px;font-size:14px;line-height:1.5}
.formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner{margin-left:36px}
.formBoxWrap .titArea{width:auto}
.formBoxWrap .titArea [class*=subTit]{padding-right:0}
.formBoxWrap .titArea .txtRequiredField{font-size:12px;line-height:17px;text-align:right}
.formBoxWrap .formList input[type=text],.formBoxWrap .formList input[type=number],.formBoxWrap .formList input[type=tel],.formBoxWrap .formList input[type=search],.formBoxWrap .formList input[type=date],.formBoxWrap .formList input[type=email]{padding:11px 20px;line-height:1.21}
.formBoxWrap textarea{padding:12px 15px;font-size:12px}
.formBoxWrap .selForm select{height:35px;font-size:12px;line-height:35px}
.formBoxWrap .formCon .row{position:relative;padding-right:130px}
.formBoxWrap .formCon .row.date{margin:0 -5px;padding-right:0}
.formBoxWrap .formCon .row.date .col{padding:0 5px}
.formBoxWrap .formCon .row.emailForm .btnArea{width:120px}
.formBoxWrap .formCon .row.emailForm .btnArea .btn{height:35px;font-size:12px}
.formBoxWrap .maxChar{right:10px;bottom:10px;font-size:12px}
.formBoxWrap .requiredTxt{margin-top:-18px;font-size:14px;color:1.14}
.formBoxWrap .errorTxt{margin-top:8px;font-size:12px;line-height:1.14}
.formBoxWrap .agreeBoxWrap{margin-top:28px}
.formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore{height:35px;font-size:12px;line-height:35px}
.formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore .icoArr{padding-right:10px}
.formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore .icoArr:after{margin-top:-2px;border-top:4px solid #000;border-right:3px solid transparent;border-left:3px solid transparent}
.formBoxWrap .scrollBox{margin-bottom:36px}
.formBoxWrap .scrollBox .boxInner{padding:11px;font-size:12px;min-height:110px}
.formBoxWrap .scrollBox.auto .btnMore.btnAgreeMore.closed .icoArr:after{margin-top:-2px;border-top:0 none;border-bottom:4px solid #000}
.formBoxWrap .checkboxWrap .errorTxt{padding-left:28px}
.formBoxWrap .checkboxWrap+.checkboxWrap{padding-top:26px}
.btnMoreFull{height:35px;font-size:12px}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd){padding-right:20px}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(even){padding-left:20px}
.formBoxWrap.cpnDom .formListWrap .formList .formTit label{display:inline-block;line-height:25px}
}
@media screen and (max-width:767px){.formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore{height:30px;font-size:12px;line-height:30px}
.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}
}
.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){.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}
}
.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}
.stepArea .stepType1 .stepList.compStep .inner:hover{text-decoration:underline}
.stepArea .stepType1 .stepList.compStep .inner .num{background:#000}
@media screen and (max-width:1024px){.stepArea{overflow-x:auto;width:100%;height:50px}
.stepArea .stepType1 .stepList{width:auto !important;height:50px;padding:0 20px;min-width:20%}
.stepArea .stepType1.colLg3 .stepList{min-width:33.3%}
.stepArea .stepType1 .stepList ~.stepList{background-size:6px}
.stepArea .stepType1 .stepList .inner{padding-left:27px;font-size:14px;line-height:1.5;white-space:nowrap}
.stepArea .stepType1 .stepList .inner:hover{text-decoration:none}
.stepArea .stepType1 .stepList .inner .num{width:22px;height:22px;font-size:12px;line-height:23px}
}
@media screen and (max-width:767px){.stepArea{width:auto;background:#f6f3f2}
.stepArea .stepType1{padding:0}
.stepArea .stepType1 .stepList{background-color:#f6f3f2}
.stepArea .stepType1 .stepList ~ .stepList{background-color:#f6f3f2}
}
.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}
@media screen and (max-width:1024px){.summaryArea .summaryBox [class*=subTit],.summaryArea .summaryBox .conTit{padding:9px 15px 6px}
.summaryArea .summaryBox .con{padding:15px 10px}
.summaryArea .summaryBox .con .list ~ .list{padding-top:10px}
.summaryArea .summaryBox .con.col2 .list{display:table;float:none;width:100%;padding-top:0}
.summaryArea .summaryBox .con.col2 ul{margin-top:0}
.summaryArea .summaryBox .con.col2 .list ~ .list{padding-top:10px}
.summaryArea .summaryBox .con .optTit{font-size:14px;line-height:21px}
.summaryArea .summaryBox .con .optCon{font-size:14px;line-height:21px}
}
@media screen and (max-width:767px){.summaryArea .summaryBox .con .optTit{width:44%;max-width:210px}
}
.btnWrap.btnSpaWrap{width:auto !important;margin:0 -10px !important;min-width:100%;text-align:center}
.btnWrap.btnSpaWrap.sm{width:auto;margin:0 -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}
.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){.btnWrap.btnSpaWrap{margin:0 -7px !important}
.btnWrap.btnSpaWrap .colWd,.btnWrap.btnSpaWrap .col{width:150px;padding:0 7px !important}
.btnWrap.btnSpaWrap button[class*=btn],.btnWrap.btnSpaWrap a[class*=btn]{height:50px;font-size:14px}
.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){.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}
}
.conTopTitWrap .titBox .subTitL{padding-bottom:17px}
.conTopTitWrap .itemWrap{padding-top:80px}
.conTopTitWrap .itemWrap .img{margin-bottom:20px;padding-bottom:66.1%}
.conTopTitWrap .txtAreaNote{padding-top:30px}
.conTopTitWrap .selectItem{width:100%;max-width:1000px;margin:0 auto;padding-top:80px;text-align:center}
.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){.conTopTitWrap .titBox .subTitL{padding-bottom:17px}
.conTopTitWrap .itemWrap{padding-top:40px}
.conTopTitWrap .selectItem{padding-top:40px}
.conTopTitWrap .txtAreaNote{padding-top:15px}
.conTopTitWrap .selectItem{width:100%}
.conTopTitWrap .btnWrap.btnSpaWrap{padding-top:30px !important}
.conTopTitWrap .selectItem .img img{width:718px;height:389px}
}
@media screen and (max-width:767px){.conTopTitWrap .selectItem .img img{position:static;width:100%;height:auto;margin-top:30px;-webkit-transform:none;transform:none}
}
.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){.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:.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:.2px}
.bulletListBox.lg .list:before{top:9px;width:3px;height:3px}
}
@media screen and (max-width:767px){.bltDashed{padding-left:14px;font-size:14px}
.bltCircle{font-size:14px;line-height:21px}
.bltCircle:after{top:9px;width:3px;height:3px}
}
.layerPopupWrap{display:none}
.layerPopupWrap.active,.layerPopupWrap.active .popWrap{display:block !important}
.layerPopupWrap .layerPopupInner{display:block;position:absolute;top:0;left:0;z-index:9999}
.layerPopupWrap .layerPopup{background:#fff}
.layerPopupWrap .layerPopupInner.wide{position:fixed;top:50%;left:50%;width:900px;transform:translate(-50%,-50%)}
.layerPopupWrap .layerPopupInner.wide .layerTitWrap{padding:20px 50px;background:#e4dcd3}
.layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt{padding:20px 50px}
.layerPopupWrap .sectionLayerWrap{overflow-y:auto;height:100%;background:#fff}
.layerPopupWrap .btnWrap,.layerPopupWrap .btnWrap.btnSpaWrap.sm{margin:0 !important;padding:30px 50px;background:#fff}
.layerPopupWrap .layerPopupInner.wide .layerTitWrap.typeSubTxt .txt{font-size:16px;line-height:1.75}
.layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap{padding:50px}
.layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap.full{padding:0}
.layerPopupWrap .closeLayerPopup{overflow:hidden;display:block;position:absolute;top:30px;right:30px;z-index:3;width:16px;height:16px;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat center center;text-indent:-9999px}
.layerPopupWrap .closeLayerPopup.white{background-image:url("../../template_en/en/images/common/btn-layer-close-white.png")}
.layerPopupWrap .dimmed{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#000;opacity:.5}
.layerPopupWrap .layerConWrap{padding-top:50px;padding-bottom:50px}
.layerEmailForm .layerConWrap .dealerInfoBox{padding-bottom:30px}
.layerEmailForm .layerConWrap .dealerInfoBox dt[class*=subTit]{padding-bottom:10px}
.layerEmailForm .layerConWrap .dealerInfoBox dd{font-size:14px;line-height:1.43}
.layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd{padding-bottom:3px}
.layerEmailForm .layerConWrap .btnSpaWrap{padding-top:47px}
.layerEmailForm.rTestDrive .formBoxWrap .formList,.layerEmailForm.rQuote .formBoxWrap .formList{margin-top:25px}
.layerEmailForm.rTestDrive .selForm select.bgWhite,.layerEmailForm.rQuote .selForm select.bgWhite{font-size:14px}
.layerEmailForm.active .grecaptcha-badge{bottom:-194px !important}
@media screen and (min-width:768px){.layerPopupWrap .sectionLayerWrap{height:600px}
.layerPopupWrap.compareLayer .sectionLayerWrap{height:560px}
.layerPopupWrap.layerContactUsMap .sectionLayerWrap{height:630px}
}
@media screen and (min-width:1024px){.layerPopupWrap.layerConfigurator .layerPopupInner.wide{width:80%;max-width:1100px}
.layerPopupWrap.layerContactUsMap .layerPopupInner.wide{width:80%;max-width:1100px}
.layerPopupWrap.layerConfiguratorByo .layerPopupInner.wide{width:80%;max-width:1100px}
}
@media screen and (max-width:1024px){.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}
.layerEmailForm .layerConWrap{padding-top:36px !important;padding-bottom:40px !important}
.layerEmailForm .layerConWrap .dealerInfoBox{padding-bottom:25px}
.layerEmailForm .layerConWrap .dealerInfoBox dd{font-size:12px;line-height:1.416}
.layerEmailForm .layerConWrap .dealerInfoBox dd ~ dd{padding-bottom:2px}
.layerEmailForm .layerConWrap .btnSpaWrap{padding-top:25px}
.layerEmailForm.rTestDrive .formBoxWrap .formList,.layerEmailForm.rQuote .formBoxWrap .formList{margin-top:20px}
.layerEmailForm.rTestDrive .selForm select.bgWhite,.layerEmailForm.rQuote .selForm select.bgWhite{font-size:12px}
.layerEmailForm.active .grecaptcha-badge{position:absolute !important;bottom:-173px !important}
}
@media screen and (max-width:767px){.layerPopupWrap .layerPopupInner.wide{right:15px;left:15px}
.layerPopupWrap .layerPopupInner .layerTitWrap{padding:24px 10px 24px 20px}
.layerPopupWrap .layerPopupInner.wide .layerPopup{height:100%}
.layerPopupWrap .layerPopupInner.wide .layerPopup .layerConWrap{padding:0 15px}
.layerPopupWrap.layerMediaCenter .layerPopupInner.wide .layerPopup{width:100%;height:100%}
.layerEmailForm .layerConWrap{padding-top:30px !important}
.layerEmailForm .layerConWrap .btnSpaWrap{padding-top:40px}
.layerEmailForm .layerPopupInner .layerTitWrap .titArea [class*=subTit]{font-size:14px}
.layerPopupWrap .layerPopupInner.wide .layerPopup{height:auto}
.layerEmailForm.rTestDrive .formBoxWrap .titArea [class*=subTit],.layerEmailForm.rQuote .formBoxWrap .titArea [class*=subTit]{font-size:17px;line-height:22px}
.layerEmailForm.active .grecaptcha-badge{bottom:4px !important;left:4px !important}
}
.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}
.secSpaListWrap .itemWrap .itemLayer .img img{width:278px;height:148px}
.secSpaListWrap .tabWrap{margin-top:-80px}
.secSpaListWrap .tabWrap .tabArea .tab{width:100%}
.secSpaListWrap .tabWrap+.tabCont,.secSpaListWrap .tabWrap+.topTextBox{padding-top:80px}
.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}
@media screen and (max-width:1024px){.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}
.secSpaListWrap .tabWrap{margin-top:-40px}
.secSpaListWrap .tabWrap+.tabCont,.secSpaListWrap .tabWrap+.topTextBox{padding-top:40px}
}
@media screen and (max-width:767px){.sectionWrap.secSpaBasic,.secSpaBasic{padding-top:40px}
.sectionWrap.secSpaTableType,.secSpaTableType{padding-top:35px}
.secSpaListWrap .itemWrap .img img{width:auto;height:100%}
.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}
}
form fieldset{margin:0;padding:0;border:0 none}
.selectFormBox legend{overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;visibility:hidden}
.sbpo .itemWrap .img{margin-bottom:14px}
.sbpo .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS{height:45px;color:#767676}
.sbpo .mostSelectP{font-size:11px;line-height:21px;color:#00aad2}
.sbpo .closed,.sbpo.closed{display:none !important}
.sbpo.layerPopupWrap .closed{display:block !important}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox{padding-bottom:0}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .tit{width:95px}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .cont select{width:228px}
.sbpo .secSpeoDetailWrap .detailBox .conBox .priceDetail{padding:20px 20px}
.sbpo .secSpeoDetailWrap .detailBox .conBox{padding-left:10px}
.sbpo .secSpeoDetailWrap .formListWrap input{height:40px}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price .dlBox{margin-top:30px}
.sbpo .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox.type2{margin-top:40px}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont input{width:100%}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price{padding-right:10px}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont .errorTxt{padding-left:0}
@media all and (max-width:1240px){.sbpo .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .tit{width:25%}
.sbpo.layerPopupWrap .secSpeoDetailWrap .detailBox .conBox .cont select{width:100%}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont input{width:100%}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price .dlBox{padding-right:0}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price{float:none;width:100%}
.sbpo .secSpeoDetailWrap .detailBox .conBox{float:none;width:100%;margin-top:30px;padding-left:0}
.sbpo .secSpeoDetailWrap .detailBox .conBox.price{padding-right:0}
}
@media all and (max-width:1024px){.sbpo .itemWrap .img img{width:230px;height:125px}
}
@media all and (max-width:767px){.sbpo .itemWrap .itemList .itemCon .conAreaS{margin-top:-10px}
.sbpo .itemWrap .img{padding-bottom:0}
.sbpo .itemWrap .img img{width:100%;height:auto}
.sbpo.layerPopupWrap .btnWrap,.sbpo.layerPopupWrap .btnWrap.btnSpaWrap.sm{margin:0 -5px !important;padding:30px 0}
.sbpo .formBoxWrap .radioboxWrap .radioBoxInner{width:33.333%}
.sbpo .layerConWrap.layerQuote .formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner{margin-left:0}
.sbpo .btnWrap.btnSpaWrap.col2 .colWd,.sbpo .btnWrap.btnSpaWrap.col2 .colWd{width:48%}
.sbpo.layerPopupWrap .btnWrap.btnSpaWrap.sm{padding:30px 0}
.sbpo.layerPopupWrap .btnWrap.btnSpaWrap .colWd,.layerPopupWrap .btnWrap.btnSpaWrap.col2 .colWd{min-width:auto}
}
.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){.secBrochureS1 .itemWrap .itemList .itemCon .conAreaS{display:none}
.srbo .btnWrap.btnSpaWrap .colWd.type2{width:100%}
.srbo .itemWrap .img img{width:100%;height:auto}
.srbo .itemWrap .img{margin-bottom:0;padding-top:10px;padding-bottom:0}
}
.srtd .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)}
@media screen and (max-width:1240px){.srtd .conTopTitWrap .selectItem .img img{width:718px;height:389px}
}
@media screen and (max-width:1024px){.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 .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.type1,.secDriveS2 .btnWrap.btnSpaWrap .col.type1{width:50%}
.secDriveS2 .btnWrap.btnSpaWrap .widMd.type1,.secDriveS2 .btnWrap.btnSpaWrap .widMd.type1{width:50%}
.secQuoteS2 .btnWrap.btnSpaWrap .colWd,.secQuoteS2 .btnWrap.btnSpaWrap .col{width:100%}
.secQuoteS2 .btnWrap.btnSpaWrap .colWd.type1,.secQuoteS2 .btnWrap.btnSpaWrap .col.type1{width:50%}
.secDriveS1 .itemWrap .img{padding-bottom:0}
.secDriveS1 .itemWrap .img img{width:100%;height:auto}
.srtd .conTopTitWrap .selectItem .img img{position:static;width:100%;height:auto;margin-top:30px;-webkit-transform:none;transform:none}
}
@media screen and (max-width:1024px){.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 .btnWrap.btnSpaWrap .colWd,.srqo .btnWrap.btnSpaWrap .col{width:50%}
.srqo .btnWrap.btnSpaWrap button[class*=btn],.srqo .btnWrap.btnSpaWrap a[class*=btn]{width:100%}
}
.secBrochureS1 .topTextBox{padding-bottom:25px}
.secBrochureS1 .btnWrap,.secQuoteS1 .btnWrap,.secDriveS1 .btnWrap{padding-top:80px}
.secQuoteS1 .itemList .img{padding-bottom:53.58%}
.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}
.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){.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}
.secBrochureS2 .formBoxWrap,.secQuoteS2 .formBoxWrap,.secDriveS2 .formBoxWrap{padding-top:40px}
.secBrochureS2 .btnWrap.btnSpaWrap,.secQuoteS2 .btnWrap.btnSpaWrap,.secDriveS2 .btnWrap.btnSpaWrap{padding-top:40px}
.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){.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}
}
.btnFilterWrap{margin-top:-120px;text-align:right}
.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}
.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}
.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:0;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"}
.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}
.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}
.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}
.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:.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}
.confOptionWrap .optionsWrap ~ .optionsWrap{margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5}
.confOptionWrap .optionsWrap .itemWrap .img{padding-bottom:49.505%}
.confOptionWrap .optionsWrap .itemWrap.package [class*=subTit],.confOptionWrap .optionsWrap .itemWrap.package .conTit{color:#666;cursor:pointer}
.confOptionWrap .optionsWrap .itemWrap.package .itemList .listInner{position:relative}
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .listInner:after{overflow:hidden;display:block;position:absolute;top:10px;right:10px;z-index:2;width:22px;height:22px;background:url("../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content:''}
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected [class*=subTit],.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .conTit{color:#000}
.confOptionWrap .optionsWrap .itemWrap.package .img{padding-bottom:69.307%;cursor:pointer}
.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}
.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"}
.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}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn{width:204px}
.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}
.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}
.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){.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}
.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}
.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}
.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}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col{width:20%}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn{width:100%}
.secConfiguratorWrap .summaryWrap .btnWrap{top:-40px}
.layerConfigurator .itemImgBox{vertical-align:bottom;width:450px}
.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}
.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}
.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}
.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}
.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}
.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}
.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}
.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}
.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}
}
@media screen and (max-width:767px){.btnFilterWrap{margin-top:0;margin-right:20px;padding-bottom:0}
.btnFilterWrap .btnFilterTgl{width:90px;height:35px;padding:0 15px;font-size:12px}
.btnFilterWrap .btnFilterTgl.lg{width:auto}
.btnFilterWrap .btnFilterTgl:after{left: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%}
.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}
.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}
.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}
.confOptionWrap .optionsWrap .titArea{margin-bottom:10px}
.confOptionWrap .optionsWrap .selectOpt{display:none}
.confOptionWrap .optionsWrap .itemWrap .itemList{width:50%}
.confOptionWrap .discountOptWrap .txtNoti{padding-top:10px}
.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}
.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}
.layerConfigurator .resultPriceBox .paymentBox .list .conTit{width:58%;padding-right:10px}
.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)}
}
@media screen and (max-width:480px){.layerConfigurator .layerQuote .itemImgBox .img img{width:100%}
}
.sectionWrap.secUsedCars,.secUsedCars{padding-top:72px;padding-bottom:100px}
.secUsedCars .topTxtArea{padding-bottom:66px}
.secUsedCars .bulletListBox{padding-bottom:40px}
.secUsedCars .selBox{display:table;width:100%;margin-bottom:40px;background:#e4dcd3}
.secUsedCars .selBox label{display:table-cell;vertical-align:middle;padding:20px 30px;background:#e4dcd3}
.secUsedCars .selBox .selForm{display:table-cell;vertical-align:middle;width:612px;padding:20px 30px;background:#e4dcd3;text-align:right}
.secUsedCars .selBox .selForm select{color:#000}
.secUsedCars .itemWrap .img img{width:100%;height:auto}
.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}
.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{overflow:hidden;height:118px;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){.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{height:99px;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){.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 .itemCon .dealerInfo{height:auto}
.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}
}
.conPd1{padding-top:90px;padding-bottom:90px}
.sectionInner .hide,caption{overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px}
.conBtPd{padding-top:100px !important}
.scuo .dealerInfoBox{padding-bottom:30px}
.scuo .dealerInfoBox>dt{margin-bottom:10px}
.scuo .dealerInfoBox>dd{font-size:16px;line-height:28px}
@media screen and (max-width:1024px){.scuo .formBoxWrap .titArea{width:auto}
.scuo .formBoxWrap .titArea .subTitS{padding-right:10px}
.scuo .dealerInfoBox{padding-bottom:20px}
.scuo .dealerInfoBox>dd{font-size:14px;line-height:21px}
.conPd1{padding-top:45px;padding-bottom:70px}
.btnMoreFull{height:35px;font-size:12px}
.conBtPd{padding-top:43px !important}
}
@media screen and (max-width:767px){.scuo .formBoxWrap .titArea .subTitS{font-size:17px;line-height:22px}
.conPd1{padding-top:45px;padding-bottom:70px}
.conPd1 .radioboxWrap .radioBoxInner label{padding-right:0}
}
@media all and (max-width:1024px){.snls .formBoxWrap .titArea{width:auto}
.snls .formBoxWrap .titArea .subTitS{padding-right:10px}
}
@media all and (max-width:767px){.snls .formBoxWrap .formCon .row{padding-right:0}
.snls .formBoxWrap .formCon .row.emailForm .inputForm{float:none;width:auto}
.snls .formBoxWrap .formCon .row.emailForm .btnArea{display:block;float:none;position:static;width:auto;padding:25px 0 0;text-align:center}
.snls .formBoxWrap .formCon .row.emailForm .btnArea .btn{display:inline-block;width:150px;height:40px}
.snls .formBoxWrap .scrollBox .boxInner2{font-size:12px}
.snls .formBoxWrap .titArea .subTitS{font-size:17px;line-height:22px}
}
.leayerNewsLetter .layerPopupInner{left:50%;margin-left:-350px}
.leayerNewsLetter .layerPopup .layerConWrap{padding:78px 60px}
.leayerNewsLetter .layerConWrap [class*=subTit]{padding-bottom:54px;text-align:center}
.leayerNewsLetter .layerConWrap [class*=subTit] strong{display:block;padding-top:5px}
.leayerNewsLetter .codeBox{text-align:center}
.leayerNewsLetter .codeBox label{display:block;padding-bottom:15px;font-size:16px;line-height:1.5;text-align:center}
.leayerNewsLetter .codeBox input{display:block;width:580px;height:53px}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap{padding-top:32px}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap .btn{height:38px;font-size:12px;line-height:15px}
.leayerNewsLetter .layerConWrap .normalBox{padding-top:56px;text-align:center}
.leayerNewsLetter .layerConWrap .normalBox .errorTxt{display:none}
.leayerNewsLetter .layerConWrap .normalBox .normalTxt{padding-top:30px;border-top:1px solid #e4dcd3;font-size:16px;line-height:24px}
.leayerNewsLetter .layerConWrap .normalBox.errorBox .errorTxt{display:block;font-size:14px;line-height:2}
.leayerNewsLetter .layerConWrap .normalBox.errorBox .normalTxt{margin-top:30px}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap{padding-top:30px}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap .btn{line-height:17px}
.layerSubmitPop .layerConWrap .enterBpx .subTitS{font-weight:600}
.layerSubmitPop .layerConWrap .enterBpx .btnWrap{padding-top:40px}
.layerSubmitPop .layerConWrap .enterBpx .btnWrap .btn{height:38px;font-size:12px}
.layerSubmitPop .layerPopupInner{top:50%;left:50%;width:700px;margin:-350px 0 0 -350px;text-align:center}
.layerSubmitPop .layerPopup .layerConWrap{padding:78px 50px}
@media screen and (max-width:1024px){.leayerNewsLetter .layerPopupInner{width:340px;margin-left:-170px}
.leayerNewsLetter .layerPopup .layerConWrap{padding:45px 30px}
.leayerNewsLetter .layerConWrap [class*=subTit]{padding:0 25px 22px}
.leayerNewsLetter .layerConWrap [class*=subTit] strong{padding-top:0}
.leayerNewsLetter .codeBox label{padding:0 25px 45px;font-size:14px}
.leayerNewsLetter .codeBox input{width:100%;height:45px}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap{padding-top:20px}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap .colWd{width:100%}
.leayerNewsLetter .layerConWrap .enterBpx .btnWrap .btn{height:40px;font-size:14px;line-height:17px}
.leayerNewsLetter .layerConWrap .errorBox{padding-top:28px}
.leayerNewsLetter .layerConWrap .errorBox .errorTxt{line-height:1.5}
.leayerNewsLetter .layerConWrap .errorBox .btnWrap .colWd{width:50%}
.layerSubmitPop .layerPopupInner{width:340px;margin:-350px 0 0 -170px}
}
@media screen and (max-width:767px){.leayerNewsLetter .layerPopupInner{width:290px;margin-left:-145px}
.leayerNewsLetter .layerConWrap [class*=subTit]{padding:0 0 22px}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap{padding:30px 0}
.leayerNewsLetter .layerConWrap .normalBox .btnWrap .colWd{min-width:auto}
.leayerNewsLetter .codeBox label{padding:0 0 45px}
.layerSubmitPop .layerPopupInner{width:290px;margin:-350px 0 0 -145px}
.layerSubmitPop .layerPopup .layerConWrap{padding:78px 20px}
}
.sectionWrap.ssmp{background:#fff}
.ssmp .galleryLink .txtArea{background-color:#efefef}
.ssmp .allItem .galleryListBox{display:flex;overflow:hidden}
.ssmp .allItem .galleryListBox .gallerybox{flex-shrink:0;width:50%}
.ssmp .gallerybox li.galleryList{margin-top:40px}
.ssmp .paging{padding-top:60px}
.ssmp .btnWrap{display:none}
.ssmp .paging{display:block}
@media screen and (max-width:1240px){.ssmp .gallerybox li.galleryList{width:50%}
.ssmp .gallerybox li.galleryList img{width:100%}
.ssmp .btnWrap{display:block}
.ssmp .paging{display:none}
}
@media screen and (max-width:1024px){.ssmp .allItem .galleryListBox .gallerybox .galleryList{width:100%}
}
@media screen and (max-width:767px){.ssmp .allItem .galleryListBox .gallerybox{width:100%}
.ssmp .gallerybox li.galleryList{width:100%;margin-top:32px}
.ssmp .galleryWrapAll{margin-top:10px}
}
.formBoxWrap.arFormStyle .checkboxWrap .errorTxt{padding-left:0}
.formBoxWrap.arFormStyle .errorTxt{margin:5px 0 0}
.formBoxWrap.arFormStyle .formListWrap.formItemBox{margin-top:-15px}
.formBoxWrap.arFormStyle .formListWrap.first{padding-bottom:30px}
.formBoxWrap.arFormStyle+.formBoxWrap.arFormStyle .formListWrap{margin-top:0}
.formBoxWrap.arFormStyle .formListWrap.formItemBox:after{display:block;content:'';clear:both}
.formBoxWrap.arFormStyle .formListWrap+.formBoxWrap{margin-top:10px}
.formBoxWrap.arFormStyle .formListWrap .formList{margin-top:15px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm{position:relative;padding-right:150px;font-size:0}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .fileUploadTxt{width:100%}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label{display:inline-block;vertical-align:top;position:absolute;top:0;right:0;width:140px;height:40px;background:#002c5f;font-size:16px;line-height:40px;color:#fff;text-align:center}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .fileUploadBtn{position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt{margin:5px -150px 0 0}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList{float:left;width:50%}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd){padding-right:10px}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList.padDel:nth-child(odd){padding-right:0}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even){padding-left:10px}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(2n+1){clear:both}
.formBoxWrap.arFormStyle .formListWrap+.formListWrap .formList{float:none;width:100%;padding:0}
.formBoxWrap.arFormStyle .formListWrap .formList input[type=text],.formBoxWrap.arFormStyle .formListWrap .formList input[type=number],.formBoxWrap.arFormStyle .formListWrap .formList input[type=search],.formBoxWrap.arFormStyle .formListWrap .formList input[type=date],.formBoxWrap.arFormStyle .formListWrap .formList input[type=email]{height:40px}
.formBoxWrap .formSlt{margin:0 -10px;font-size:0}
.formBoxWrap .formSlt .errorTxt{margin:5px 10px 0}
.formBoxWrap .formSlt .selForm{display:inline-block;width:33.3%;padding:0 10px}
.formBoxWrap .formSlt .selForm:first-child{width:33.4%}
.formBoxWrap.arFormStyle .selForm select.bgWhite{font-size:14px;border-color:#e4dcd3}
.formBoxWrap.arFormStyle .selForm select:disabled,.formBoxWrap.arFormStyle .selForm select.bgWhite:disabled{background-color:#efefef !important;color:#9f9f9f}
.formBoxWrap.arFormStyle textarea{display:block}
.formBoxWrap.arFormStyle .titWrap .titSubTxt{color:#666}
@media screen and (max-width:1024px){.formBoxWrap.arFormStyle .errorTxt{margin:8px 0 0}
.formBoxWrap.arFormStyle .titWrap .titSubTxt{display:block}
.formBoxWrap.arFormStyle .formListWrap.first{margin-top:-15px;padding-bottom:25px}
.formBoxWrap.arFormStyle .formListWrap .formList,.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList{width:100%;margin-top:15px}
.formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(odd),.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(odd){padding-right:0}
.formBoxWrap.arFormStyle .formListWrap.formItemBox .formList:nth-child(even),.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList:nth-child(even){padding-left:0}
.formBoxWrap.arFormStyle .formListWrap .formList input[type=text],.formBoxWrap.arFormStyle .formListWrap .formList input[type=number],.formBoxWrap.arFormStyle .formListWrap .formList input[type=search],.formBoxWrap.arFormStyle .formListWrap .formList input[type=date],.formBoxWrap.arFormStyle .formListWrap .formList input[type=email]{height:35px}
.formBoxWrap.arFormStyle .formListWrap .formList .formTit label{display:inline-block;line-height:25px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label{height:35px;font-size:14px;line-height:35px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt{margin:8px -150px 0 0}
.formBoxWrap.arFormStyle .selForm select.bgWhite{font-size:12px}
.formBoxWrap .formSlt{margin:0 -5px}
.formBoxWrap .formSlt .errorTxt{margin:8px 5px 0}
.formBoxWrap .formSlt .selForm{padding:0 5px}
}
@media screen and (max-width:767px){.formBoxWrap.arFormStyle .titWrap .titSubTxt{display:none}
.formBoxWrap.arFormStyle .formCon .row.emailForm{padding-right:0}
.formBoxWrap.arFormStyle .formCon .row.emailForm .btnArea{float:none;position:static;margin:0 auto;padding:25px 0 0}
.formBoxWrap.arFormStyle .formCon .row.emailForm .btnArea .btn{width:150px;height:40px}
.formBoxWrap.arFormStyle .formListWrap .formList{float:none}
.formBoxWrap.arFormStyle .formListWrap .formList .formTit label{display:inline-block;line-height:25px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm{padding-right:65px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm label{width:60px}
.formBoxWrap.arFormStyle .formListWrap .formList .formCon .uploadForm .errorTxt{margin:8px -65px 0 0}
}
.sectionWrap.sectionBasic{padding-bottom:100px}
.secListWrap{margin:0 auto}
.secListWrap .listArea{margin:0 auto}
.secListWrap .listArea .lineRow{padding:100px 0;background:#f6f3f2}
.secListWrap .listArea .lineRow .rowInner{overflow:hidden;max-width:1120px;margin:0 auto}
.secListWrap .listArea .lineRow:nth-child(even){background:#fff}
.secListWrap .listArea .list{float:left;width:50%;box-sizing:border-box}
.secListWrap .listArea .list:nth-child(even){padding-left:17px}
.secListWrap .listArea .list:nth-child(odd){padding-right:17px}
.secListWrap .listArea .img{overflow:hidden;position:relative;height:360px;margin-bottom:30px}
.secListWrap .listArea .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.secListWrap .listArea [class*=subTit],.secListWrap .listArea .conTit{display:block}
.secListWrap .listArea .listCon.pt{padding-top:12px}
.secListWrap .listArea .listCon>*{font-size:14px;line-height:1.71;letter-spacing:.2px}
.secListWrap .listArea .btnArea{padding-top:14px}
.secListWrap .listMoreWrap{padding-top:40px}
@media screen and (max-width:1240px){.sectionWrap.sectionBasic{padding:0 0 100px}
.secListWrap .listArea .lineRow .rowInner{max-width:none;margin:0 25px}
}
@media screen and (max-width:1024px){.sectionWrap.sectionBasic{padding-bottom:70px}
.secListWrap{width:100%;max-width:100%}
.secListWrap .listArea .lineRow{padding:50px 0}
.secListWrap .listArea .img{height:241px;margin-bottom:18px}
.secListWrap .listArea .listCon>*{font-size:12px;line-height:1.417}
.secListWrap .listArea .btnArea{padding-top:13px}
}
@media screen and (max-width:767px){.secListWrap .listArea .lineRow{padding:0;background:0}
.secListWrap .listArea .lineRow .rowInner{margin:0}
.secListWrap .listArea .list{float:none;width:auto}
.secListWrap .listArea .list:nth-child(even),.secListWrap .listArea .list:nth-child(odd){padding:50px 15px}
.secListWrap .listArea .list:nth-child(odd){background:#f6f3f2}
.secListWrap .listArea .img{height:auto}
.secListWrap .listArea .img img{position:static;width:100%;-webkit-transform:none;transform:none}
}
.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:.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){.gridbox.search li .txtArea{width:73%}
}
@media screen and (max-width:1024px){.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}
}
.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}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont:after{display:block;content:"";clear:both}
.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}
.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"}
.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"}
@media screen and (max-width:1120px){.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont{width:100%;padding:11px 0 112px 0}
}
@media screen and (max-width:1024px){.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}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl{width:33.3%}
.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}
.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){.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 a{font-size:14px;line-height:21px}
.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}
}
.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}
}
@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}
}
.fbLike{position:absolute;right:240px;bottom:0;padding:6px 12px 4px 45px;background:#4268b3 url('../../template_en/en/images/findacar/fb_like.png') no-repeat 12px center;background-size:21px 18px;font-size:16px;line-height:20px;color:#fff;border-radius:5px 5px 0 0;font-family:'HyundaiMedium';letter-spacing:1px}
.fbLike.chk{background:#4080fe url('../../template_ar/ar/images/findacar/fb_like_chk.png') no-repeat 12px center;background-size:21px 18px}
@media screen and (max-width:1024px){.fbLike{right:50px;padding:9px 9px 7px 47px;background-size:21px 19px;font-size:14px;line-height:16px;background-position-x:10px;letter-spacing:1px}
.fbLike.chk{background-size:21px 16px}
}
@media screen and (max-width:767px){.fbLike{right:15px;padding:9px 9px 7px 40px;background-size:21px 19px;font-size:14px;line-height:16px;background-position-x:8px;font-family:'HyundaiRegular';letter-spacing:1px}
}
.soja .sectionInner{max-width:100%}
.soja .sectionInner>.sojaContentBox{padding:80px 0 85px}
.soja .sojaContentBox{max-width:1120px;margin:0 auto}
.soja .titWrap{padding-bottom:40px}
.soja .titWrap:after{display:block;content:'';clear:both}
.soja .titWrap .subTitM{float:left;width:55%}
.soja .formBoxWrap.arFormStyle .titWrap .subTitM{float:none;width:auto}
.soja .titWrap .selForm{position:relative}
.soja .titWrap .selForm{float:left;width:45%;padding-right:170px}
.soja .titWrap .selForm .btnArea .btn{position:absolute;top:0;right:0;left:auto;width:160px;height:40px;font-size:14px}
.soja .titWrap .selForm .btnArea .btn:disabled{background:#666}
.soja .sojaContentBox .txtArea{padding:44px 50px;background:#fff}
.soja .sojaContentBox .txtArea p{margin-top:10px}
.soja .addCont{display:none}
.soja .addCont.bgWhite{margin-top:71px;padding:80px 0 85px}
.soja .sojaContentBox .img img{width:100%}
.soja .sojaContentBox .addArea h2{padding:33px 50px 0;background:#fff}
.soja .sojaContentBox .addArea .txtArea .txtBox{margin-top:30px}
.soja .sojaContentBox .addArea .txtArea .txtList{margin-top:11px}
.soja .sojaContentBox .addArea .txtArea .txtList li{font-size:16px;line-height:28px}
.soja .sojaContentBox .addArea .txtArea p strong{font-family:"HyundaiMedium"}
.soja .addCont.bgWhite .btnWrap.btnSpaWrap{padding-top:70px}
.soja .sojaContentBox .btnWrap.btnSpaWrap .btn{font-family:"HyundaiRegular"}
.soja.active .sojaContentBox{padding-bottom:0}
.soja.active .sojaContentBox .txtArea{padding:14px 50px 44px}
.soja.sojaCase .addCont.bgWhite{display:block;margin:0;padding:0 0 95px}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap{display:table;width:100%}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap .img{display:table-cell}
.soja.sojaCase .sojaContentBox .baseArea .txtArea{padding:44px 0}
@media screen and (max-width:1024px){.sectionWrap.soja{padding:0}
.sectionWrap.soja .sectionInner{padding:0 25px}
.soja .sectionInner>.sojaContentBox{padding:67px 0 70px}
.soja .titWrap{padding-bottom:28px}
.soja .addCont.bgWhite .titWrap{padding-bottom:5px}
.soja .sojaContentBox .txtArea{padding:36px 33px}
.soja .titWrap .subTitM{width:37%}
.soja .titWrap .selForm{width:63%;padding-right:130px}
.soja .titWrap .selForm .btnArea .btn{width:120px;height:35px;font-size:11px;line-height:21px;font-family:"HyundaiRegular"}
.soja .addCont.bgWhite{margin:61px -25px 0;padding:60px 25px 65px}
.soja .addCont.bgWhite .btnWrap.btnSpaWrap{padding-top:50px}
.soja .addCont.bgWhite .formBoxWrap.arFormStyle .formListWrap{margin-top:0}
.soja .addCont.bgWhite .formBoxWrap .agreeBoxWrap{margin-top:19px}
.soja .addCont.bgWhite .formBoxWrap .scrollBox{margin-bottom:15px}
.soja .addCont.bgWhite .formBoxWrap .titArea .txtRequiredField{padding-left:10px}
.soja .sojaContentBox .addArea .txtArea .txtList li{font-size:14px;line-height:21px}
.soja .sojaContentBox .btnWrap.btnSpaWrap .btn{height:40px}
.soja.active .sectionInner>.sojaContentBox{padding:67px 0 0}
.soja.active .sojaContentBox .addArea h2{padding:27px 33px 0}
.soja.active .sojaContentBox .addArea .txtArea{padding:14px 33px 44px}
.soja.active .sojaContentBox .addArea .txtArea .txtBox{margin-top:16px}
.soja.sojaCase .addCont.bgWhite{margin:0 -25px;padding:0 25px 75px}
.soja.sojaCase .sojaContentBox .baseArea .txtArea{padding:27px 0}
}
@media screen and (max-width:767px){.sectionWrap.soja .sectionInner{padding:0 15px}
.soja .sojaContentBox .txtArea{padding:36px 15px}
.soja .sojaContentBox .txtArea .subTitS{font-size:17px;line-height:22px}
.soja .titWrap .subTitM,.soja .titWrap .selForm{float:none;width:100%;margin-top:16px}
.soja .titWrap .selForm{padding-right:100px}
.soja .titWrap .selForm .btnArea .btn{width:90px}
.soja .addCont.bgWhite{margin:61px -15px 0;padding:60px 15px 65px}
.soja.active .sojaContentBox .addArea h2{padding:27px 15px 0}
.soja.active .sojaContentBox .addArea .txtArea{padding:14px 15px 44px}
.soja.sojaCase .addCont.bgWhite{margin:0 -15px;padding:0 15px 70px}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap{display:block}
.soja.sojaCase .sojaContentBox .baseArea .imgWrap .img{display:block}
.soja.sojaCase .sojaContentBox .baseArea .txtArea h2,.soja.sojaCase .sojaContentBox .baseArea .txtArea .subTitM{text-align:center}
}
.msgConEx{display:none}
.msgConEx.wFix{width:1120px;margin:0 auto}
.msgConEx .tableInner{margin-top:70px}
.msgConEx .tableInner h5,.msgConEx .tableInner .subTitS{margin-bottom:20px;text-align:left}
.msgConEx .tableInner .ctoaTableRow colgroup col:first-child{width:26%}
.msgConEx .tableInner .ctoaTableRow tr th,.msgConEx .tableInner .ctoaTableRow tr td{padding:13px 20px 12px}
.msgConEx .btnSpaWrap .btn{font-family:"HyundaiRegular"}
@media screen and (max-width:1024px){.msgConEx.wFix{width:auto;margin:0 25px}
.msgConEx .tableInner{margin-top:38px}
.msgConEx .tableInner .ctoaTableRow colgroup col:first-child{width:33%}
.msgConEx .btnWrap.btnSpaWrap button[class*=btn],.btnWrap.btnSpaWrap a[class*=btn]{height:40px}
}
@media screen and (max-width:767px){.msgConEx.wFix{margin:0 15px}
.msgConEx .sectionInner{min-width:auto}
.msgConEx .tableInner{margin-top:25px}
.msgConEx .tableInner h5,.msgConEx .tableInner .subTitS{margin-bottom:3px;font-size:15px;line-height:32px}
.msgConEx .tableInner .ctoaTableRow colgroup col:first-child{width:50%}
.msgConEx .tableInner .ctoaTableRow tr th,.msgConEx .tableInner .ctoaTableRow tr td{padding:10px 15px}
}
.ssvo .formBoxWrap .titArea [class*=subTit]{font-size:17px;line-height:22px}
@media screen and (max-width:1024px){.common-disclaimer .icoNote{margin:15px 25px 0}
}
@media screen and (max-width:767px){.common-disclaimer .icoNote{margin:15px 15px 0}
}
.layerPopupWrap.layerSlideView{display:block;height:0;visibility:hidden}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerTitWrap.typeSubTxt{padding:20px 30px}
.layerPopupWrap.layerSlideView .layerPopupInner.wide{width:780px}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap{padding:0}
.layerPopupWrap.layerSlideView .sectionLayerWrap{overflow-y:hidden;height:auto}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap img{width:auto;height:100%}
.layerPopupWrap.layerSlideView .secUsedCars{padding:12px 30px 34px}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemList{margin:0}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList{display:table-cell;vertical-align:middle}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList:first-child{padding-right:14px}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList:last-child{padding-left:3px}
.layerPopupWrap.layerSlideView .secUsedCars .titCon{display:inline-block;margin-left:10px}
.layerPopupWrap.layerSlideView .swiper-container{overflow:hidden;position:relative;z-index:1;margin:0 auto;padding:0;list-style:none}
.layerPopupWrap.layerSlideView .swiper-wrapper{display:flex;position:relative;z-index:1;transition-property:transform;box-sizing:content-box;transform:translate3d(0,0,0)}
.layerPopupWrap.layerSlideView .slideItem{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;width:100%;height:100%;height:420px;background:#fff;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;text-align:center}
.layerPopupWrap.layerSlideView .slideItem .img{display:block;width:100%;height:100%}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev,.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext{top:50%;transform:translateY(-50%)}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev.swiper-button-disabled,.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext.swiper-button-disabled{opacity:.3;cursor:default}
.layerPopupWrap.layerSlideView .swiper-pagination{overflow:hidden;margin-top:19px;font-size:0;text-align:center}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 4px;border:1px solid #9e9e9e;border-radius:50%;cursor:pointer}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00aad2;border-color:#00aad2}
@media screen and (max-width:1024px){.layerPopupWrap.layerSlideView .layerPopupInner.wide{width:auto}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup{width:auto}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup .layerConWrap img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemTit .titC{font-size:17px;line-height:22px}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemTit .titCon{font-size:14px;line-height:21px}
.layerPopupWrap.layerSlideView .slideItem{height:auto;padding-bottom:53.88%}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px}
}
@media screen and (max-width:767px){.layerPopupWrap.layerSlideView .layerPopupInner.wide .layerTitWrap.typeSubTxt{padding:18px 15px}
.layerPopupWrap.layerSlideView .layerPopupInner.wide .titArea .subTitS{font-size:17px;line-height:22px}
.layerPopupWrap.layerSlideView .secUsedCars{padding:12px 15px 22px}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo{padding-top:4px}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemList .itemTit{padding-bottom:0}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo,.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList{display:block}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList:first-child{padding-right:0}
.layerPopupWrap.layerSlideView .secUsedCars .itemWrap .itemCon .dealerInfo .infoList:last-child{padding-left:0}
.layerPopupWrap.layerSlideView .slideItem{height:156px}
}
.layerPopupWrap.leayerNewsLetter,.layerPopupWrap.layerSubmitPop{display:table;position:fixed;top:0;left:0;width:100%;height:100%}
.layerPopupWrap.leayerNewsLetter .layerPopupInner,.layerPopupWrap.layerSubmitPop .layerPopupInner{display:table-cell;vertical-align:middle;position:relative;top:auto;right:0;left:0;width:auto;margin:0;padding:0;text-align:center}
.layerPopupWrap.leayerNewsLetter .layerPopupInner .layerPopup,.layerPopupWrap.layerSubmitPop .layerPopupInner .layerPopup{display:inline-block;position:relative;width:auto;margin:0 15px}
body.mynaghi .grecaptcha-badge,body.jo .grecaptcha-badge,body.kw .grecaptcha-badge{overflow:hidden !important;left:4px !important;z-index:1000;width:70px !important;transition:all .3s ease !important;border-radius:4px}
body.mynaghi .grecaptcha-badge:hover,body.jo .grecaptcha-badge:hover,body.kw .grecaptcha-badge:hover{width:256px !important}
body.mynaghi .grecaptcha-badge:before,body.jo .grecaptcha-badge:before,body.kw .grecaptcha-badge:before{position:absolute;top:0;left:0;width:70px;height:60px;content:''}
body.mynaghi .grecaptcha-badge:hover:before,body.jo .grecaptcha-badge:hover:before,body.kw .grecaptcha-badge:hover:before{display:none}
body.mynaghi .layerEmailForm.active .grecaptcha-badge,body.jo .layerEmailForm.active .grecaptcha-badge,body.kw .layerEmailForm.active .grecaptcha-badge{bottom:-94px !important}
body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge{bottom:-65px !important}
@media screen and (max-width:1024px){body.mynaghi .layerEmailForm.active .grecaptcha-badge,body.jo .layerEmailForm.active .grecaptcha-badge,body.kw .layerEmailForm.active .grecaptcha-badge{bottom:-73px !important}
}
@media screen and (max-width:1024px){body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge{bottom:-54px !important}
}
@media screen and (max-width:767px){body.mynaghi .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.jo .sticky-navigation .layerEmailForm.active .grecaptcha-badge,body.kw .sticky-navigation .layerEmailForm.active .grecaptcha-badge{bottom:-48px !important}
}
body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,body.jo .used-car .layerEmailForm.active .grecaptcha-badge,body.kw .used-car .layerEmailForm.active .grecaptcha-badge{bottom:-194px !important}
@media screen and (max-width:1024px){body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,body.jo .used-car .layerEmailForm.active .grecaptcha-badge,body.kw .used-car .layerEmailForm.active .grecaptcha-badge{bottom:-173px !important}
}
@media screen and (max-width:767px){body.mynaghi .used-car .layerEmailForm.active .grecaptcha-badge,body.jo .used-car .layerEmailForm.active .grecaptcha-badge,body.kw .used-car .layerEmailForm.active .grecaptcha-badge{bottom:4px !important}
}
.icoNote a,.btnText.sm.icDownload,.ctoc .typeTxtLink{color:#002c5f !important}
.btnText.sm.icDownload:hover{text-decoration:underline}
.bgRow tr td:nth-child(even){background-color:#f6f3f2}
.bgCol tr:nth-child(odd) td{background-color:#f6f3f2}
.sectionWrap+.parbase>.sectionWrap[class*="Bg"]>.sectionFull,.sectionWrap+.parbase .sectionFull>.sectionWrap[class*="Bg"]{margin-top:-90px;padding-top:90px}
.sectionWrap+.all-vehicle .headArea[class*="Bg"]{margin-top:-90px;padding-top:90px}
{margin-top:90px;padding-top:90px}
@media screen and (max-width:1024px){.sectionWrap+.parbase>.sectionWrap[class*="Bg"]>.sectionFull,.sectionWrap+.parbase .sectionFull>.sectionWrap[class*="Bg"]{margin-top:-80px;padding-top:80px}
.sectionWrap+.all-vehicle .headArea[class*="Bg"]{margin-top:0;padding-top:0}
}
@media screen and (max-width:767px){.sectionWrap+.parbase>.sectionWrap[class*="Bg"]>.sectionFull,.sectionWrap+.parbase .sectionFull>.sectionWrap[class*="Bg"]{margin-top:0;padding-top:0}
}
.pnsaWrap .videoWrap{position:relative;left:0;top:0;right:0;bottom:0;z-index:0;overflow:hidden;margin-top:-54%}
.pnsaWrap .videoWrap .innerWrap{position:relative;left:0;right:0;top:0;padding-bottom:56.3%;padding-top:0;height:100%;-webkit-transform:translateY(0);transform:translateY(0)}
.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}
}
.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}
.tabWrap .tabArea .tab{display:table;height:60px}
.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;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}
.tabWrap .tabArea .tab.on{display:block;background-color:#656565}
.tabWrap .tabArea .tab.on .link{color:#fff;background-color:#444}
.tabWrap .tabArea.open .tab{display:block;width:100%}
.tabWrap .tabArea.open .tab .link{color:#fff;background-color:#444}
.tabWrap .tabArea.open .tab.on .link{background-color:#656565}
.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";.searchEngine.dimmed{display:none;background:#000;opacity:.5;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998}
.layerPop .layerPopArea .popCont .btnWrap{width:140px;min-width:auto;margin:auto}
.layerPop .layerPopArea .popCont{padding:60px;background:#fff;text-align:center;padding:50px}
.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}
.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}
.layerPop .layerPopArea .popCont .conArea{text-align:center;margin-bottom:40px}
.layerPop .layerPopArea .popCont .btnWrap .btn{margin-top:30px;padding-bottom:0;width:140px}
@media screen and (max-width:767px){.layerPop .layerPopArea{width:90% !important}
.layerPop .layerPopArea .popCont .btnWrap{width:100%;min-width:100%;margin:auto}
.layerPop .layerPopArea .popCont .btnWrap .btn{margin-top:0;padding-bottom:0;width:100%;min-width:100%;display:block;line-height:50px}
}
.sectionWrap .headArea .searchSect .inputBox{margin:0 auto 10px auto}
.sectionWrap .headArea .searchSect .searchResultWrap{width:608px;margin:80px auto 0;text-align:left;width:870px}
.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}
.sectionWrap .headArea .searchSect .searchResultWrap .searchResult{font-family:"HyundaiMedium";font-size:20px;color:#000}
.searchresultArea.searchSect{width:100%;height:auto;background:#fff;overflow:hidden}
.searchresultArea.searchSect .searchResultWrap .searchResult{line-height:70px;height:auto;width:100%;max-width:1120px;margin:0 auto}
.searchresultArea.searchSect .searchResultWrap dl.searchResult dt{margin-right:0}
@media screen and (max-width:1240px){.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:768px}
}
@media screen and (max-width:767px){.sectionWrap .headArea .searchSect .searchResultWrap{width:auto}
.sectionWrap .headArea .tWrap.searchSect{align-items:flex-start;height:250px}
.sectionWrap .headArea .tWrap.searchSect .titInner{padding:34px 20px 25px 20px}
.sectionWrap .headArea .searchSect .searchResultWrap dl.searchResult>*{height:52px;font-size:14px;line-height:50px}
.searchresultArea.searchSect .searchResultWrap .searchResult{max-width:100%;min-width:290px}
.sectionWrap .headArea .searchSect .searchResultWrap .searchResult{height:52px;font-size:14px;line-height:50px}
}
.sectionWrap .inputBox.widXLg{width:815px !important}
.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}
@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%}
}
.secFindAccWrap.searchConts{padding-top:55px !important;background:#fff}
.secFindAccWrap.searchConts .subTitM{padding-bottom:15px;line-height:1.5;letter-spacing:0}
.secFindAccWrap.searchConts .subTitM .num{display:none}
.gridbox.searchEngine{margin-bottom:50px}
.gridbox.searchEngine li{border-bottom:0;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}
.gridbox.searchEngine li .btnwrap{width:824px;height:40px;position:absolute;bottom:0;left:296px}
.gridbox.searchEngine li .btnwrap .colWd{width:250px;float:left;margin-right:15px}
.gridbox.searchEngine li .btnwrap .colWd .btn{height:40px;display:block;line-height:40px;cursor:pointer;padding:0}
.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}
.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}
.gridbox.search.searchEngine li{display:none;border-bottom:0}
.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}
.secFindAccWrap.searchConts .result_none .txtList li:first-child{margin-top:0}
.sectionWrap .btnWrap.loadmore.searchEngine .colWd{min-width:200px}
@media(max-width:1240px){.searchConts .subTitM{font-size:25px;margin-top:0}
.gridbox.search li .txtArea{width:73%}
.gridbox.searchEngine li .btnwrap{width:73%;left:auto;right:0}
}
@media(max-width:1024px){.gridbox.search li{margin:0 0 30px 0;padding:0 0 30px 0;margin-bottom:10px}
.searchConts{padding-top:30px !important}
.gridbox.search li .txtArea{width:66%}
.gridbox.search li .imgArea{width:30%}
.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}
.searchConts .searchEngineList1 .gridbox.search.searchEngine li{padding-bottom:50px;margin-bottom:50px}
.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:.5%}
.gridbox.searchEngine li .btnwrap .colWd:last-child{margin-right:0}
}
@media(max-width:767px){.searchConts .searchEngineList1 .gridbox.search.searchEngine li{margin-bottom:30px}
.gridbox.search li .txtArea{width:100%;float:none}
.gridbox.search li .imgArea{width:100%;height:auto;float:none;margin-top:30px}
.secFindAccWrap.searchConts{padding-top:40px !important}
.secFindAccWrap.searchConts .subTitM{padding-bottom:15px}
.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%}
.secFindAccWrap.searchConts .result_none .txtList li{margin-top:8px;letter-spacing:.21px}
}
.contentWrap .searchArea{width:1120px;margin:0 auto;padding:20px 0;text-align:center;position:absolute;left:0;right:0;top:-230px;z-index:10}
.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}
.searchArea .inputWrap.search .btnReset{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;position:absolute;left:0;width:100%}
.searchArea .inputWrap.search .autoSearch{border-top:1px solid #063162;background:#fff;text-align:left;margin:0 auto;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"}
.searchArea .inputWrap.search .autoSearchList{display:none}
.searchArea .inputWrap.search .autoSearchList.on{display:block}
.searchArea .inputWrap.search .autoSearchList.recentSearch .autoSearch{padding-bottom:0}
.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}
@media screen and (max-width:1240px){.sectionWrap .searchArea{width:100% !important;max-width:100%}
.contentWrap .searchArea{padding:0;top:-215px}
.searchArea .inputWrap.search{width:608px}
}
@media screen and (max-width:1024px){.contentWrap .searchArea{padding:0;top:-230px}
.searchArea .inputWrap.search .inputBox{padding-right:50px}
.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}
.inputBox,.searchArea .inputWrap.search{width:95% !important}
.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}
}
.siteMapWrap{width:100%;background-color:#fff;padding:0;margin-top:30px}
.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}
@media screen and (max-width:1120px){.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont{width:100%;padding:11px 0 112px 0}
}
@media screen and (max-width:1024px){.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}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl{width:33.3%}
.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}
.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){.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 a{font-size:14px;line-height:21px}
.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}
}
.searchWord{left:0;bottom:37px;font-size:14px;color:#666;overflow:hidden}
.searchWord .tit{float:left;font-size:16px;color:#000;font-family:"HyundaiMedium";margin-right:20px;line-height:1.5}
.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:#666;overflow:hidden;text-align:left}
.searchWord .tit{font-size:14px;color:#000;font-family:"HyundaiMedium";margin-right:20px;line-height:1;margin-bottom:70px}
.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}
}
.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%}
}
.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}
}
 *{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:hover,a:focus{text-decoration:underline}
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}
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}
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}
@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}
@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}
@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}
#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%}
.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_bold{font-weight:bold !important}
.font_normal{font-weight:normal !important}
.fontRegular{font-family:"HyundaiRegular"}
.fontMedium{font-family:"HyundaiMedium"}
.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:#999 !important}
.txt_gray6{color:#767676 !important}
.txt_gray7{color:#666 !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}
.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}
.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}
.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}
.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}
.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:2px 3px 2px rgba(0,0,0,.5) !important;opacity:1}
@media screen and (max-width:1024px){.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}
.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}
.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}
.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}
}
.visibleSm{display:none !important}
.visibleMd{display:none !important}
.visibleLg{display:block !important}
.hiddenSm{display:block !important}
.hiddenMd{display:block !important}
.hiddenLg{display:none !important}
.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%}
@media screen and (max-width:1024px){.visibleSm{display:none !important}
.visibleMd{display:block !important}
.visibleLg{display:block !important}
.hiddenSm{display:block !important}
.hiddenMd{display:none !important}
.hiddenLg{display:none !important}
.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}
}
@media screen and (max-width:767px){.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}
.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}
.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}
.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}
.visibleSm{display:block !important}
.visibleMd{display:block !important}
.visibleLg{display:block !important}
.hiddenSm{display:none !important}
.hiddenMd{display:none !important}
.hiddenLg{display:none !important}
.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:.3px;color:#000;font-family:"HyundaiMedium"}
.subTitM{font-size:30px;line-height:40px;letter-spacing:.5px;color:#000;font-family:"HyundaiMedium"}
.subTitL{font-size:44px;line-height:54px;letter-spacing:.7px;color:#000;font-family:"HyundaiMedium"}
.subTit{height:56px;overflow:hidden}
.conTit{font-size:16px;line-height:28px;letter-spacing:.3px;color:#000;font-family:"HyundaiMedium"}
.conAreaS{font-size:14px;line-height:21px;letter-spacing:.2px;color:#000;font-family:"HyundaiRegular"}
.conAreaM{font-size:16px;line-height:28px;letter-spacing:.2px;color:#000;font-family:"HyundaiRegular"}
.conAreaL{font-size:20px;line-height:30px;letter-spacing:.3px;color:#000;font-family:"HyundaiMedium"}
.txtWd{width:800px;margin:0 auto}
.txtLineBox{padding-bottom:4px}
.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;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}
.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:#999 !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:#666 !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}
.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:.3px}
.subTitM{font-size:19px;line-height:24px;letter-spacing:.3px}
.subTitL{font-size:27px;line-height:32px;letter-spacing:.4px}
.conTit{font-size:14px;line-height:21px;letter-spacing:.2px}
.conAreaS{font-size:12px;line-height:17px;letter-spacing:.2px}
.conAreaM{font-size:14px;line-height:21px;letter-spacing:.2px}
.conAreaL{font-size:17px;line-height:22px;letter-spacing:.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}
.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}
}
.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:.2px}
@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}
}
.ix-btn{width:100% !important;height:100% !important}
.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%)}
.topBanner .mainTopBanner{min-height:250px}
.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:.28px}
.mainTopBanner .bannerArea .txt{max-width:915px;font-family:"HyundaiHRegular";font-size:14px;line-height:1.714em;letter-spacing:.28px}
.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:.28px;text-align:right}
.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}
.mainTopBanner .btnWrap .btn{width:140px;text-align:center}
.btnContentTop{display:none;position:fixed;right:0;bottom:0;width:60px;height:60px;transform:translate3d(0,0,0);font-size:0;line-height:0;z-index:50;transition:opacity .3s,top .3s}
.btnContentTop button{vertical-align:top}
.btnContentTop.ab{position:absolute}
@media screen and (max-width:767px){.btnContentTop{width:55px;height:55px}
.btnContentTop button img{width:100%}
}
button{border:0;padding:0;overflow:hidden;background:0;position:relative}
.formCaptchaBox{margin-top:40px}
@media screen and (max-width:767px){.formCaptchaBox img{width:100%}
}
.contentWrap{width:100%}
@media screen and (max-width:1024px){.contentWrap{width:100%;min-width:768px;background-color:#fff}
.mainTopBanner .bannerArea{padding-right:58px;padding-bottom:20px}
.mainTopBanner{padding-left:28px;padding-right:28px}
.mainTopBanner .bannerArea .txt{font-size:12px;max-width:78%}
.mainTopBanner .bannerArea .btnBannerClose{right:25px;top:25px}
.mainTopBanner .bannerArea .btnBannerClose img{width:8px}
.mainTopBanner .bannerArea .btn{font-size:14px}
.gnbWrapFull::after{top:140px}
.gnbWrap{height:141px}
.gnbWrap .gnbArea{width:100%}
.gnbWrap .gnbArea .dep1Wrap{justify-content:space-evenly}
.gnbWrap .gnbArea .gnbSubArea{top:160px}
}
@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}
.mainTopBanner{padding:0;z-index:60}
.mainTopBanner .bannerArea{padding:35px 15px}
.mainTopBanner .bannerArea .title,.mainTopBanner .bannerArea .txt{font-size:12px;line-height:1.416em;letter-spacing:.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}
.contentWrap{min-width:320px}
.sectionWrap{padding:0 15px}
}
.btnWrap{min-width:100%;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;display:block;text-align:center}
.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"}
a.btn:hover,button.btn:hover{text-decoration:underline}
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}
.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:0}
.cta-a .btnWrap.col1,.cta-a .btnWrap.col2,.cta-a .btnWrap.col3,.cta-a .btnWrap.col4{margin:-20px -7px 0}
@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-size:15px}
.btnWrap.col1,.btnWrap.col2,.btnWrap.col3,.btnWrap.col4{margin:-14px -7px 0}
.btnWrap .col{padding:14px 7px 0}
.btnText{line-height:1.2;font-size:15px}
.btnText.md{line-height:18px;font-size:15px}
.btnText.icoArrR{padding-right:15px}
.btnText.md.icoArrR:after{width:6px !important;height:10px !important;margin-top:-6px !important;background-size:cover}
}
@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}
}
.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}
.sectionInner.cfoo{width:100%;max-width:1120px;margin:0 auto}
.kvFullWrap{visibility:hidden;height:0;margin-top:-71px}
@media screen and (max-width:1240px){.sectionFull{min-width:0}
}
@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}
}
@media screen and (max-width:767px){.contentWrap{padding-top:55px}
.topBanner .contentWrap{min-width:320px !important;padding-top:0}
.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}
.kvFullWrap{margin-top:-55px}
}
@media screen and (max-width:320px){.sectionInner{min-width:auto}
}
.tableWrap{width:100%}
.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}
.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}
}
@media screen and (max-width:1024px){.tableInner.scroll{width:100%;max-width:1210px}
.tableInner.scroll table{width:100%}
}
@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{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 .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}
.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;white-space:nowrap}
.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:0}
.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}
.headArea .tWrap{display:flex;align-items:center;height:270px;margin:0 60px;background:rgba(255,255,255,0.7);text-align:center}
.headArea .tWrap .titInner{padding:0 25px;width:100%;max-width:1120px;margin:0 auto}
.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}
.headArea .tWrap .stit.type1{margin-top:20px}
.headArea .bottmBtns{margin-top:50px}
.headArea .bottmBtns.btnWrap .colWd{margin-left:20px}
.headArea .bottmBtns.btnWrap .colWd:first-child{margin-left:0}
.layerPop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999}
.layerPop .dim{position:fixed;left:0;right:0;top:0;bottom:0;background:url("../../template_en/en/images/common/popup-bg.png") repeat left top}
.layerPop .layerPopArea{position:relative;width:700px;margin:0 auto;top:120px;padding-bottom:100px;z-index:910}
.layerPop .layerPopArea.w550{width:550px}
.layerPop .layerPopArea .btnLayerClose{display:block;position:absolute;top:30px;right:30px;text-indent:-9999px;width:16px;height:16px;background:url("../../template_en/en/images/common/btn-layer-close.png") no-repeat}
.layerPop .popCont{padding:60px;background:#fff;text-align:center}
.layerPop .popCont .headTit{display:block;padding:15px 0;text-align:center;font-size:24px;line-height:30px}
.layerPop .popCont .titMsg{display:block;margin:10px 0 40px 0;font-size:20px}
.layerPop .popCont .titMsg a{display:block;color:#002c5f;text-decoration:underline}
.layerPop .popCont .icoNoti{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti.png") no-repeat;margin:0 auto}
.layerPop .popCont .icoNoti1{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../../template_en/en/images/common/ico_noti_1.png") no-repeat;margin:0 auto}
.layerPop .popCont .message{margin:40px 0 20px 0;color:#000}
.layerPop .popCont .message.bold{font-family:'HyundaiMedium'}
.layerPop .popCont .message.wrong{color:#00aad2}
.layerPop .popCont .conArea{text-align:left}
.layerPop .popCont .inputWrap{width:100%}
.layerPop .popCont .inputWrap input.txt{width:100%;height:50px !important;border:1px solid #e4dcd3 !important}
.layerPop .popCont .etc{margin-top:40px;padding-top:40px;border-top:1px solid #e4dcd3}
.layerPop .popCont .etc .message{margin-top:0}
.layerPop .popCont .btnWrap{margin-top:30px;padding-bottom:0}
.layerPop .shareList{display:table;width:100%;text-align:center;font-size:0;margin:30px 0 20px 0}
.layerPop .shareList li{display:inline-block;vertical-align:middle;margin:0 0 0 48px}
.layerPop .shareList li:first-child{margin-left:0}
.layerPop .shareList li a{display:block;width:60px;height:43px;text-indent:-9999px}
.layerPop .shareList li a:hover,.layerPop .shareList li a:focus{background-position:0 -43px !important}
.layerPop .shareList li.btnFacebook a{background:url("../../template_en/en/images/common/sns-share-layer-facebook.png") no-repeat}
.layerPop .shareList li.btnGoogle a{background:url("../../template_en/en/images/common/sns-share-layer-google.png") no-repeat}
.layerPop .shareList li.btnTwitter a{background:url("../../template_en/en/images/common/sns-share-layer-twitter.png") no-repeat}
.layerPop .shareList li.btnPinterest a{background:url("../../template_en/en/images/common/sns-share-layer-pinterest.png") no-repeat}
.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"}
.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}
.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}
.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)}
.headArea .tWrap .stit{padding:0;margin-top:10px}
.headArea .searchSect .searchResultWrap{width:auto}
.headArea .bottmBtns{margin-top:10px}
.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}
}
.homeBgType1{background:url("../../template_en/en/images/bg2/bg-contentwrap01.jpg") no-repeat 50% 0}
.findACarBgPip{background:url("../../template_en/en/images/bg2/bg-contentwrap03.jpg") no-repeat 50% 0;background-size:cover}
.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,.findACarBgPip,.findACarBgType1,.buildACarBgType1,.buildACarBgType2,.buildACarBgType3,.buildACarBgType4,.buildACarBgType5,.connectToServiceBgType1,.connectToServiceBgType2,.hyundaiStoryBgType3,.hyundaiStoryBgType1,.hyundaiStoryBgType2,.landingPageBgType1{background-position:50% 0}
}
.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{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}
}
@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}
}
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}
}
.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}
}
.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}
@media screen and (max-width:740px) and (min-width:0){.wtOnlyBlock{display:inline}
}
.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]{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}
.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}
@media screen and (max-width:767px){.radioboxWrap .radioBoxInner ~ .radioBoxInner{margin-left:25px}
.radioboxWrap .radioBoxInner label{min-height:16px;padding-left:25px;line-height:16px;font-size:12px;padding-right:10px}
.radioboxWrap .radioBoxInner input[type=radio] ~ label:before{width:16px;height:16px}
.radioboxWrap .radioBoxInner input[type=radio]:checked ~ label:after{left:4px;top:4px}
}
.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]{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}
@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}
}
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:0;margin-bottom:4px}
}
.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}
.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}
.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:.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 .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;padding-bottom:20px}
.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}
@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:.2px}
.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}
}
@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:.3px}
.secListBox ~ .secListBox{padding-top:25px}
.btnWrap.btnMoreWrap{padding-top:28px}
.itemWrap.bttmLayer .itemLayer{left:5px;right:5px}
.itemWrap.bttmLayer .active .itemLayer{padding:30px 15px 40px 15px}
.itemWrap.bttmLayer .itemList:nth-child(2n+1) .itemLayer:after{left:20%}
.itemWrap.bttmLayer .itemList:nth-child(2n+2) .itemLayer:after{left:70%}
.itemWrap .img img{width:100%;position:static;-webkit-transform:none;transform:none}
}
.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}
@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}
}
@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 0;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%;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}
.videoPoster img{position:static;top:auto;left:auto;transform:none;width:100%;height:auto}
}
.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%}
}
@media screen and (max-width:767px){.fullImg .img img{position:static;top:auto;left:auto;transform:none;width:100%}
}
.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%}
}
.dim{position:fixed;display:block;top:0;width:100%;height:100%;background:#000;opacity:.5;z-index:900}
@media screen and (max-width:375px){.tWrap .ftit{font-size:25px !important;line-height:25px !important}
}
.key-visual-main>.sectionWrap,.key-visual-normal>.sectionWrap{padding:0}
.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%}
@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%}
}