@charset "utf-8";
* {
    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 {
    color: #000;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    direction: rtl;
    text-align: right;
}
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: 400;
}
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-weight: 400;
    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: #fff0;
    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-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: 0.35em 0.625em 0.75em;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
img {
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
ul:after,
ol:after {
    content: "";
    clear: both;
    display: block;
}
.web {
    display: inline-block !important;
}
.hide,
caption {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    right: -9999px;
}
.hidden-accessible {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    width: 1px;
    height: 1px;
}
#skipNavi {
    position: absolute;
    top: 0;
    right: 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: right !important;
}
.fr {
    float: left !important;
}
.fn {
    float: none !important;
}
.alignL {
    text-align: right !important;
}
.alignC {
    text-align: center !important;
}
.alignR {
    text-align: left !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;
}
.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 rgb(0 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;
}
.titWrap.vMiddle {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
@media screen and (max-width: 1024px) {
    .titWrap .ftit {
        font-size: 30px;
        line-height: 35px;
    }
    .titWrap .stit {
        font-size: 14px;
        line-height: 19px;
    }
}
.subTitS {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.3px;
    color: #000;
    font-family: "HyundaiMedium";
}
.subTitM {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0.5px;
    color: #000;
    font-family: "HyundaiMedium";
}
.subTitL {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: 0.7px;
    color: #000;
    font-family: "HyundaiMedium";
}
.subTit {
    height: 56px;
    overflow: hidden;
}
.conTit {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #000;
    font-family: "HyundaiMedium";
}
.conAreaS,
.conAreaS2 {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #000;
}
.conAreaM {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #000;
}
.conAreaL {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.3px;
    color: #000;
    font-family: "HyundaiMedium";
}
.txtWd {
    width: 800px;
    margin: 0 auto;
}
.txtLineBox {
    padding-bottom: 4px;
}
.blueLink {
    display: inline-block;
    padding-left: 15px;
    font-size: 18px;
    font-family: "HyundaiMedium";
    color: #002c5f;
    background: url(../images/icoLinkArrow.png) left no-repeat;
    background-size: 7px 12px;
}
.icoNote {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #666;
    text-indent: -28px;
    padding-right: 28px;
}
.icoNote:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 21px;
    background: url(../images/ico_notice_grey.png) right center no-repeat;
    background-size: 18px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.alignC .icoNote:before,
.alignR .icoNote:before {
    float: none;
}
.bullet {
    position: relative;
    overflow: hidden;
    padding-right: 15px;
}
.bullet:before {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}
.bulletList > * {
    position: relative;
    overflow: hidden;
    padding-right: 15px;
}
.bulletList > *:before {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}
.alignC .bullet,
.alignR .bullet {
    padding-right: 0;
}
.alignC .bullet::before,
.alignR .bullet::before {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    margin-top: -2px;
}
.bulletS {
    padding-right: 15px;
    position: relative;
}
.bulletS:before {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
}
.alignC .bulletS,
.alignR .bulletS {
    padding-right: 0;
}
.alignC .bulletS::before,
.alignR .bulletS::before {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 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: 400;
    color: #002c5f;
    display: inline-block;
    position: relative;
    padding-right: 24px;
}
.typeDownload:before {
    content: "";
    background-image: url(../images/ico-download2.png);
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
    .subTitS {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .subTitM {
        font-size: 19px;
        line-height: 24px;
        letter-spacing: 0.3px;
    }
    .subTitL {
        font-size: 27px;
        line-height: 32px;
        letter-spacing: 0.4px;
    }
    .conTit {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .conAreaS {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.2px;
    }
    .conAreaM {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .conAreaL {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .subTit {
        height: 42px;
        overflow: hidden;
    }
    .txtWd {
        width: 600px;
    }
    .icoNote {
        margin-top: 15px;
        line-height: 17px;
        font-size: 10px;
        text-indent: -22px;
        padding-right: 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-left: 17px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    letter-spacing: 0.2px;
}
@media screen and (max-width: 1024px) {
    .bbsDetailPageH2 {
        padding: 25px 0 50px;
    }
    .bbsDetailPageH2 .data_num {
        line-height: 17px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .bbsDetailPageH2 {
        padding: 40px 0 53px;
    }
    .bbsDetailPageH2 .data_num {
        padding-bottom: 20px;
    }
}
.ix-btn {
    width: 100% !important;
    height: 100% !important;
}
.topBanner .gnbWrapFull {
    position: absolute;
    margin-bottom: -70px;
    top: 232px;
}
.gnbWrapFull {
    background: #fff url(../images/bg-gnb.gif) repeat-x;
    min-width: 1240px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgb(216 209 200 / 0.7);
    min-height: 70px;
    z-index: 20;
}
.gnbWrapFull.edit {
    top: 25px;
}
.gnbWrapFull.ab {
    position: absolute;
}
.gnbWrapFull a {
    text-decoration: none;
}
.gnbWrapFull.openSub {
    min-height: 393px;
    overflow: hidden;
    z-index: 9999;
}
.gnbWrapFull.openSub.findCar {
    min-height: 571px;
    overflow: hidden;
}
.gnbWrap {
    height: 71px;
    max-width: 1340px;
    margin: 0 auto;
    box-sizing: content-box;
    position: relative;
    z-index: 10;
}
.gnbWrap .logo {
    float: right;
    padding-top: 25px;
}
.gnbWrap .topBar .logo .topLogo {
    background: url(../images/ico-logo.png) no-repeat;
    background-size: contain;
    width: 149px;
    height: 22px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
.gnbWrap .topBar .btnBack {
    display: none;
}
.gnbWrap .topBar .rightArea {
    display: none;
}
.gnbWrap .topBar .pageTitle {
    display: none;
}
.gnbWrap .scrollBox {
    display: block;
    max-height: none;
    left: auto;
    height: auto;
}
.gnbWrap .gnbArea {
    float: right;
    padding-right: 100px;
    font-size: 14px;
}
.gnbWrap .gnbArea:after {
    content: "";
    display: block;
    clear: both;
}
.gnbWrap .gnbArea .dep1Wrap:after {
    content: "";
    display: block;
    clear: both;
}
.gnbWrap .gnbArea .dep1Wrap .dep1.langList {
    display: none;
}
.gnbWrap .gnbArea .dep1Wrap .dep1 {
    float: right;
    margin: 0 10px;
    /* margin: 0 20px; */
}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a,
.gnbWrap .gnbArea .dep1Wrap .dep1 .link {
    display: block;
    line-height: 70px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:hover,
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:focus,
.gnbWrap .gnbArea .dep1Wrap .dep1 .link:hover,
.gnbWrap .gnbArea .dep1Wrap .dep1 .link:focus {
    color: #000;
}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on {
    color: #000;
}
.gnbWrap .gnbArea .gnbSubArea {
    display: none;
    text-decoration: none;
    color: #767676;
    position: absolute;
    right: 0;
    top: 90px;
    width: 100%;
    padding-top: 23px;
}
.gnbWrap .gnbArea .gnbSubArea.car {
    padding-top: 0;
    top: 90px;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a {
    display: block;
    text-decoration: none;
    color: #767676;
    position: relative;
    line-height: 38px;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:hover,
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:focus {
    color: #00a1c7;
    text-decoration: none;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on {
    color: #00a1c7;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after {
    content: "";
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    background: url(../images/ico-gnb-arr.png) no-repeat top right;
    width: 4px;
    height: 7px;
    transform: rotateY(180deg);
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on.arr:after {
    background-position: 100% -7px;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:after {
    content: "";
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 7px;
    height: 7px;
    background: url(../images/ico-gnb-newwin.png) no-repeat 100% -7px;
    font-size: 0;
    line-height: 0;
}
.gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:hover:after {
    background: url(../images/ico-gnb-newwin.png) no-repeat 100% 0;
}
.gnbWrap .gnbArea .dep2Wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 245px;
}
.gnbWrap .gnbArea .dep3Wrap {
    position: absolute;
    right: 285px;
    top: 0;
    width: 245px;
    display: none;
}
.gnbWrap .gnbArea .dep4Wrap {
    position: absolute;
    right: 285px;
    top: 0;
    width: 245px;
    display: none;
}
.gnbWrap .gnbArea .dep5Wrap {
    position: absolute;
    right: 285px;
    top: 0;
    width: 245px;
    display: none;
}
.gnbWrap .gnbArea .gnbSubArea .btnGnbClose {
    position: absolute;
    left: 0;
    top: 13px;
}
.gnbWrap .gnbArea .gnbGap {
    display: none;
    position: absolute;
    right: 205px;
    top: 66px;
    background: #00aad2;
    width: 84px;
    height: 4px;
    transition: all 0.3s;
}
.gnbWrap .carListWrap {
    position: relative;
    margin-top: 0;
}
.gnbWrap .carListWrap .tabArea {
    overflow: hidden;
    display: flex;
    width: calc(100% - 40px);
}
.gnbWrap .carListWrap .tabArea .tab {
    flex-grow: 1;
}
.gnbWrap .carListWrap .tabArea .tab > .tabBtn {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: "HyundaiMedium";
    background: #444;
    line-height: 40px;
}
.gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:after {
    content: "";
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    background: url(../images/ico-gnb-newwin2.png) no-repeat 100% -10px;
    font-size: 0;
    line-height: 0;
}
.gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:hover:after {
    background: url(../images/ico-gnb-newwin2.png) no-repeat 100% 0;
}
.gnbWrap .carListWrap .tabArea .tab.all > .tabBtn {
    background: #002c5f;
}
.gnbWrap .carListWrap .tabArea .tab > .tabBtn:hover,
.gnbWrap .carListWrap .tabArea .tab > .tabBtn:focus {
    background: #fff;
    color: #000;
}
.gnbWrap .carListWrap .tabArea .tab.on > .tabBtn {
    background: #fff;
    color: #000;
}
.gnbWrap .carListWrap .tabArea .tab.on .carList {
    display: block;
}
.gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit {
    margin: 20px 0;
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 5px;
    color: #000;
    font-family: "HyundaiMedium";
}
.gnbWrap .carListWrap .tabArea .tab.on .carList li {
    position: relative;
}
.gnbWrap .carListWrap .tabArea .tab.on .carList li > a {
    display: block;
}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew,
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 70px;
    height: 19px;
    text-indent: -99999px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {
    background-image: url(../images/ico-new-w.png);
}
.gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {
    background-image: url(../images/ico-upcoming-w.png);
}
.gnbWrap .carListWrap .carList {
    position: absolute;
    right: 0;
    left: 0;
    top: 90px;
    width: auto;
    display: none;
}
.gnbWrap .carListWrap .tab.on .carList .tabAllSlist,
.gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.gnbWrap .carListWrap .carList .item {
    width: 20%;
    margin-bottom: 40px;
    padding: 0 18px;
}
.gnbWrap .carListWrap .carList .item a {
    position: relative;
}
.gnbWrap .carListWrap .carList .item img {
    width: 100%;
}
.gnbWrap .carListWrap .carList .item .carTit {
    display: block;
    font-family: "HyundaiMedium";
    font-size: 14px;
    color: #000;
    line-height: 1.71;
}
.gnbWrap .carListWrap .carList .item .carPrice {
    display: block;
    font-size: 14px;
    line-height: 1.71;
    color: #666;
}
.gnbWrap .gnbRight {
    float: left;
    padding-top: 27px;
}
.gnbWrap .gnbRight .item {
    float: right;
    margin-right: 19px;
}
.gnbWrap .gnbRight .item:first-child {
    margin-right: 0;
}
.gnbWrap .gnbRight .item > a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.gnbWrap .gnbRight .item.item1 > a {
    background-image: url(../images/ico-brochure-20-x-20.png);
}
.gnbWrap .gnbRight .item.item2 > a {
    background-image: url(../images/ico-configurator-20-x-20.png);
}
.gnbWrap .gnbRight .item.item3 > a {
    background-image: url(../images/ico-social-20-x-20.png);
}
.gnbWrap .gnbRight .item.item4 > a {
    background-image: url(../images/ico-search-20-x-20.png);
}
.gnbWrap .gnbRight .item.item5 > a {
    background-image: url(../images/ico-inquiry-20-x-20.html);
}
.gnbWrap .gnbRight .item.item6 > a {
    background-image: url(../images/ico-test-leadership-20-x-20.html);
}
.gnbWrap .gnbRight .item.item7 > a {
    background-image: url(../images/ico-search-agent-20-x-20.html);
}
.gnbWrap .gnbRight .item.item8 > a {
    background-image: url(../images/ico-language-20-x-20.png);
}
.gnbWrap .gnbRight .item.item1_1 > a {
    background-image: url(../images/ico_service-booking.png);
}
.gnbWrap .gnbRight .item.item1_2 > a {
    background-image: url(../images/ico_special_offer_ticket.png);
}
.gnbWrap .gnbRight .item.item1_3 > a {
    background-image: url(../images/ico-contact-us.png);
}
.gnbWrap .gnbRight .item.item1_4 > a {
    background-image: url(../images/icon-find-a-dealer.png);
}
.gnbWrap .gnbRight .item .btnGnbSearch {
    display: block;
    background: url(../images/ico-search-20-x-20.png) no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
}
.gnbWrap .gnbRight .item .btnGnbBrochure {
    display: block;
    background: url(../images/ico-brochure-20-x-20.png) no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
}
.gnbWrap .gnbRight .item .btnGnbConfigurator {
    display: block;
    background: url(../images/ico-brochure-20-x-20.png) no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
}
.gnbWrap .gnbRight .gnbLanguageBtn {
    position: relative;
}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer {
    display: none;
    background: url(../images/bg-language-body.png) no-repeat 100% 0;
    background-size: 100% 100%;
    min-height: 66px;
    position: absolute;
    left: 50%;
    top: 18px;
    padding: 0 27px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.gnbWrap .gnbRight .gnbLanguageBtn.on .languageLayer {
    display: block;
}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul {
    margin-top: 20px;
    padding: 15px 0;
}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li a {
    display: inline-block;
    min-width: 50px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    white-space: nowrap;
}
.gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li.on a {
    font-family: "HyundaiMedium";
    color: #555;
    cursor: default;
}
.gnbWrap .gnbRight .gnbSnsShareBtn {
    position: relative;
}
.gnbWrap .gnbRight .item .snsSlayer {
    display: none;
    background: url(../images/bg-snslayer-body.png) no-repeat 100% 0;
    background-size: 100% 100%;
    height: 66px;
    position: absolute;
    left: 0;
    top: 23px;
    padding: 0 32px;
    text-align: center;
    -webkit-transform: translateX(-17%);
    -moz-transform: translateX(-17%);
    -ms-transform: translateX(-17%);
    transform: translateX(-17%);
}
.gnbWrap .gnbRight .item .snsSlayer:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 18%;
    width: 16px;
    height: 12px;
    background: url(../images/bg-snslayer-triangle.png) no-repeat 100% 0;
    background-size: 100% 100%;
}
.gnbWrap .gnbRight .item .languageLayer:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    width: 16px;
    height: 12px;
    background: url(../images/bg-language-triangle.png) no-repeat 100% 0;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.gnbWrap .gnbRight .item .snsSlayer ul {
    display: -webkit-box;
    display: flex;
    margin-top: 26px;
}
.gnbWrap .gnbRight .item .snsSlayer li {
    margin-right: 12px;
}
.gnbWrap .gnbRight .item .snsSlayer li:first-child {
    margin-right: 0;
}
.gnbWrap .gnbRight .item .snsSlayer li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem1 a {
    background-image: url(../images/ico-facebook%402x.png);
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem2 a {
    background-image: url(../images/ico-youtube%402x.png);
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem3 a {
    background-image: url(../images/ico-twitter%402x.png);
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem4 a {
    background-image: url(../images/ico-pinterest%402x.png);
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem5 a {
    background-image: url(../images/ico-linkedin%402x.png);
}
.gnbWrap .gnbRight .item .snsSlayer li.snsItem6 a {
    background-image: url(../images/ico-instagram%402x.png);
}
.gnbUtilWrap {
    background: #f2f2f2;
    position: relative;
    height: 0;
    transition: all 0.3s;
}
.gnbUtilWrap.search {
    height: 90px;
}
.gnbUtilWrap.language {
    height: 92px;
}
.gnbSearchArea {
    width: 1120px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 71px;
    display: none;
}
.gnbSearchArea .gnbSearch {
    width: 572px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}
.gnbSearchArea .gnbSearch .searchInput {
    position: relative;
    font-weight: 400;
    padding-left: 55px;
}
.gnbSearchArea .gnbSearch .searchInput .inputText {
    width: 100%;
    border: 0;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnbSearchArea .gnbSearch .searchInput .inputText::-ms-clear {
    display: none;
}
.gnbSearchArea .gnbSearch .btnSearch {
    position: absolute;
    left: 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.html) no-repeat center
        center;
    overflow: hidden;
    text-indent: -99999px;
}
.gnbSearchArea .gnbSearch .btnReset {
    display: none;
    position: absolute;
    left: 60px;
    top: 0;
    width: 18px;
    text-align: center;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../ww/en/images/common/btn_reset.png) no-repeat center
        center;
    overflow: hidden;
    text-indent: -99999px;
}
.gnbSearchArea .gnbSearch .btnReset.on {
    display: block;
}
.gnbSearchArea .gnbSearch .gnbautoSearchList {
    background: #fff;
    display: none;
    position: absolute;
    right: 0;
    top: 50px;
    width: 100%;
}
.gnbSearchArea .gnbSearch .autoSearch {
    border-top: 1px solid #063162;
    background: #fff;
    text-align: right;
    margin: 0 auto;
    width: 532px;
    padding: 12px 0;
}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link {
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-decoration: none;
}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword {
    background: 100%;
    color: #00a1c7;
    font-family: "HyundaiMedium";
}
.gnbSearchArea .btnGnbClose {
    position: absolute;
    left: 0;
    top: 20px;
}
.gnbLanguageArea {
    width: 1120px;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 71px;
    display: none;
}
.gnbLanguageArea .selectLanguage {
    margin: 0 20px;
    text-align: center;
    display: table;
    font-size: 0;
    width: 100%;
}
.gnbLanguageArea .selectLanguage select {
    width: 265px;
    margin: 0 20px;
    display: inline-block;
    box-shadow: none;
    padding: 0 15px;
    line-height: 42px;
    height: 42px;
    font-size: 16px;
}
.gnbLanguageArea .btnGnbClose {
    position: absolute;
    left: 0;
    top: 20px;
}
.gnbWrapFull .temp {
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .gnbWrap .gnbArea .dep1Wrap .dep1 {
        margin: 0 15px;
    }
    .gnbWrap .gnbRight .item {
        margin-right: 15px;
    }
    .gnbWrap .gnbRight .item > a {
        width: 18px;
        height: 18px;
    }
}
.mainTopBanner {
    background: #f6f3f2;
}
.mainTopBanner .bannerArea {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    padding: 0 25px 45px;
}
.mainTopBanner .bannerArea .title {
    font-size: 30px;
    line-height: 40px;
    font-family: "HyundaiMedium";
    padding-top: 70px;
}
.mainTopBanner .bannerArea .txt {
    font-size: 16px;
    line-height: 28px;
    padding-top: 45px;
    max-width: 1050px;
}
.mainTopBanner .bannerArea .country {
    padding-top: 40px;
    font-size: 14px;
    line-height: 18px;
}
.mainTopBanner .bannerArea .country img {
    margin-left: 10px;
    vertical-align: top;
}
.mainTopBanner .bannerArea .btnArea {
    font-size: 0;
    margin-top: 25px;
}
.mainTopBanner .bannerArea .btnBannerClose {
    position: absolute;
    left: 0;
    top: 40px;
}
.mainTopBanner .visitcountry {
    display: none !important;
}
img.flag {
    vertical-align: middle;
    width: 26px;
    height: 18px;
    box-shadow: -1px 1px 3px rgb(148 148 148 / 0.8);
}
.mainTopBanner .btnWrap {
    margin: 20px 0 0;
}
.mainTopBanner .btnWrap .btn {
    width: 140px;
    text-align: center;
}
.btnContentTop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    transform: translate3d(0, 0, 0);
    font-size: 0;
    line-height: 0;
    z-index: 50;
}
.btnContentTop button {
    vertical-align: top;
}
.btnContentTop.ab {
    position: absolute;
}
.quickMenuWrap.ab {
    position: absolute;
    height: 60px;
}
.quickMenuWrap.ab .quickBox {
    bottom: 70px;
}
@media screen and (max-width: 767px) {
    .btnContentTop {
        margin-top: 5px;
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .btnContentTop button {
        margin-left: -3px;
    }
}
.footerWrap {
    background: #1c1b1b;
    height: auto;
    min-width: 1240px;
    padding-bottom: 24px;
}
.footerArea {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 1120px;
    margin: 0 auto;
    padding: 24px 60px 0;
    box-sizing: content-box;
    letter-spacing: 0;
}
.footerArea .footerMenu {
    flex: 1;
    overflow: hidden;
    margin: 0 55px 15px;
}
.footerArea .footerMenu > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}
.footerArea .footerMenu li {
    position: relative;
    padding: 0 6px;
    line-height: 1;
}
.footerArea .footerMenu li:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 9px;
    background: #333232;
}
.footerArea .footerMenu li a {
    color: #999;
    font-size: 14px;
}
.footerArea .snsShare ul {
    display: flex;
    margin: 0 -5px;
}
.footerArea .snsShare li {
    margin: 0 5px;
}
.footerArea .snsShare li a {
    display: block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: -15%;
}
.footerArea .snsShare li a.facebook {
    background-image: url(../images/ico-facebook%402x.png);
}
.footerArea .snsShare li a.youtube {
    background-image: url(../images/ico-youtube%402x.png);
}
.footerArea .snsShare li a.twitter {
    background-image: url(../images/ico-twitter%402x.png);
}
.footerArea .snsShare li a.pinterest {
    background-image: url(../images/ico-pinterest%402x.png);
}
.footerArea .snsShare li a.linked {
    background-image: url(../images/ico-linkedin%402x.png);
}
.footerArea .snsShare li a.instar {
    background-image: url(../images/ico-instagram%402x.png);
}
.footerArea .snsShare li a.googlePlus {
    background-image: url(../images/ico-googleplus%402x.png);
}
.footerArea .tabC {
    width: 100%;
    padding: 0 115px;
}
.footerArea .copyright {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 1;
}
.footerArea .copyright .telgab {
    padding-right: 16px;
}
.footerArea .goto {
    overflow: hidden;
    position: absolute;
    left: 4px;
    top: 96px;
    color: #999;
    font-size: 14px;
    line-height: 18px;
}
.footerArea .goto a {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    text-decoration: underline;
}
.footerArea .goto img.flag {
    float: left;
    margin-right: 20px;
    box-shadow: none !important;
}
.footerArea .etc_ban {
    margin: 22px -12px 0;
}
.footerArea .etc_ban > * {
    margin: 0 12px;
}
.footerArea .etc_ban a,
.footerArea .etc_ban span {
    display: inline-block;
}
.footerArea .etc_ban .mlg2 {
    display: inline-block;
    width: auto;
    height: 74px;
}
.footerArea .etc_ban .mlg2 img {
    width: auto;
    height: 100%;
}
.footerArea .footer_bottom {
    overflow: hidden;
    position: relative;
}
.footerArea .footer_bottom .etc_ban:first-child {
    float: right;
}
.footerArea .footer_bottom .etc_ban:last-child {
    float: left;
}
.footerArea .footer_bottom .etc_ban:last-child img {
    width: 100px;
    height: auto;
    margin: 2px 10px 0;
}
.footerArea .footer_bottom .etc_ban:last-child .mlg2 {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: auto;
    display: block;
    color: #fff;
    font-size: 12px;
}
.fMg {
    margin: 0 0 0 40px;
}
.fMg1 {
    margin-left: 24px;
}
button {
    border: 0;
    padding: 0;
    overflow: hidden;
    background: 100%;
    position: relative;
}
.formCaptchaBox {
    margin-top: 40px;
}
@media screen and (max-width: 767px) {
    .formCaptchaBox img {
        width: 100%;
    }
}
.contentWrap {
    width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1240px) {
    .gnbWrap {
        margin: 0 60px;
    }
    .gnbWrapFull {
        min-width: 300px;
    }
    .gnbWrap .topBar .logo .topLogo {
        background: url(../images/ico-logo-m.png) no-repeat;
        width: 37px;
        height: 19px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: 37px auto;
        background-size: 37px auto;
    }
    .gnbWrap .gnbArea {
        padding-right: 30px;
    }
    .gnbWrap .gnbArea .gnbSubArea {
        right: 0;
    }
    .gnbWrap .gnbRight li.tabhid {
        display: none;
    }
    .gnbSearchArea .gnbSearch {
        width: 290px;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList {
        margin: 0 25px;
    }
    .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList {
        margin: 0 -7px;
    }
    .gnbWrap .carListWrap .carList .item {
        width: 25%;
        margin-left: 0;
        padding: 0 7px;
    }
    .gnbWrap .gnbRight .item .snsSlayer {
        height: 66px;
        background-size: 100% 100%;
        left: 0;
    }
    .gnbWrap .carListWrap .carList .item img {
        width: 100%;
        height: auto;
    }
    .gnbWrapFull.openSub.findCar {
        min-height: 650px;
    }
    .gnbSearchArea {
        width: 768px;
    }
    .gnbSearchArea .btnGnbClose {
        top: 30px;
        left: 20px;
    }
    .gnbLanguageArea {
        width: 768px;
    }
    .gnbLanguageArea .selectLanguage select {
        width: 200px;
    }
    .gnbLanguageArea .btnGnbClose {
        top: 30px;
        left: 20px;
    }
    .footerWrap {
        min-width: unset;
    }
    .footerArea {
        width: 100%;
        box-sizing: border-box;
    }
    .footerArea .footerMenu {
        margin: 0 30px;
    }
    .footerArea .footerMenu li.tabE:after {
        width: 0;
    }
    .footerArea .footerMenu li.tabE {
        margin-right: 0;
        padding-right: 0;
    }
    .footerArea .footerMenu li {
        margin-bottom: 8px;
    }
    .footerArea .tabC {
        margin-top: 30px;
        padding: 0 88px;
    }
    .footerArea .copyright .telgab {
        display: block;
        margin-top: -30px;
        padding-right: 0;
    }
}
@media screen and (max-width: 1024px) {
    .contentWrap {
        width: 100%;
        min-width: 768px;
        background-color: #fff;
    }
    .topBanner .gnbWrapFull {
        top: 180px;
    }
    .mainTopBanner .bannerArea {
        padding-left: 58px;
        padding-bottom: 20px;
    }
    .mainTopBanner .bannerArea .txt {
        padding-top: 20px;
        font-size: 12px;
        line-height: 17px;
    }
    .mainTopBanner .bannerArea .btnBannerClose {
        left: 25px;
        top: 25px;
    }
    .mainTopBanner .bannerArea .btnBannerClose img {
        width: 8px;
    }
    .mainTopBanner .bannerArea .btn {
        font-size: 14px;
    }
    .gnbWrap {
        margin: 0 30px;
    }
    .gnbWrapFull {
        min-width: 300px;
    }
    .gnbSearchArea {
        width: 768px;
    }
    .gnbSearchArea .btnGnbClose {
        top: 30px;
        left: 20px;
    }
    .gnbLanguageArea {
        width: 768px;
    }
    .gnbLanguageArea .selectLanguage select {
        width: 200px;
    }
    .gnbLanguageArea .btnGnbClose {
        top: 30px;
        left: 20px;
    }
    .gnbWrap .topBar .logo .topLogo {
        background: url(../images/ico-logo-m.png) no-repeat;
        width: 37px;
        height: 19px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: 37px auto;
        background-size: 37px auto;
    }
    .gnbWrap .gnbArea {
        padding-right: 30px;
    }
    .gnbWrap .gnbArea .gnbSubArea {
        right: 0;
    }
    .gnbWrap .gnbRight li.tabhid {
        display: none;
    }
    .gnbSearchArea .gnbSearch {
        width: 290px;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList {
        margin: 0 25px;
    }
    .gnbWrap .carListWrap .tab.on .carList .tabAllSlist,
    .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
    }
    .gnbWrap .carListWrap .carList .item {
        width: 33.33%;
        padding: 0 7px;
    }
    .gnbWrap .gnbRight .item .snsSlayer {
        height: 66px;
        background-size: 100% 100%;
        left: 0;
    }
    .gnbWrap .carListWrap .carList .item img {
        width: 230px;
        height: auto;
    }
    .gnbWrapFull.openSub.findCar {
        min-height: 650px;
    }
    .footerWrap {
        min-width: unset;
    }
    .footerArea {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .footerArea .footerMenu {
        margin: 0 30px;
    }
    .footerArea .footerMenu li.tabE:after {
        width: 0;
    }
    .footerArea .footerMenu li.tabE {
        margin-right: 0;
        padding-right: 0;
    }
    .footerArea .footerMenu li {
        margin-bottom: 8px;
    }
    .footerArea .tabC {
        margin-top: 30px;
        padding: 0 88px;
    }
    .footerArea .copyright .telgab {
        display: block;
        margin-top: -30px;
        padding-right: 0;
    }
    .footerArea .snsShare {
        left: 20px;
    }
    .gnbWrap .gnbArea .dep2Wrap {
        right: 78px;
    }
    .footerWrap .footerArea .etc_ban {
        margin: 30px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 21px;
    }
    button {
        border: 0;
        padding: 0;
        overflow: hidden;
        background: 100%;
        position: relative;
    }
    img.flag {
        width: 26px;
        height: 18px;
        box-shadow: -1px 1px 3px rgb(148 148 148 / 0.8);
        vertical-align: middle;
    }
    .topBanner .gnbWrapFull {
        position: relative;
        top: 0;
        margin-bottom: -55px;
    }
    .mainTopBanner .bannerArea {
        padding: 20px 15px 20px 45px;
        height: auto;
    }
    .mainTopBanner .bannerArea .txt {
        padding-top: 0;
        font-size: 12px;
        line-height: 17px;
    }
    .mainTopBanner .bannerArea .btnBannerClose {
        top: 22px;
        left: 15px;
    }
    .mainTopBanner .bannerArea .btnBannerClose img {
        width: 13px;
    }
    .mainTopBanner .btnWrap {
        margin: 15px 0 0;
    }
    .mainTopBanner .bannerArea .btn {
        width: 100px;
        height: 30px;
        font-size: 13px;
    }
    .gnbDim {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 1000000px;
        background: rgb(0 0 0 / 0.7);
        z-index: 50;
        display: none;
        transform: translate3d(0, 0, 0);
    }
    .gnbWrapFull {
        min-width: 100% !important;
        width: 100%;
        z-index: 100;
        position: fixed;
        right: 0;
        top: 0;
        background: 0;
        transition: none;
        box-shadow: none;
        min-height: initial;
    }
    .gnbWrapFull.ab {
        position: absolute;
    }
    .gnbWrapFull a:focus {
        text-decoration: none;
    }
    .gnbWrapFull.openSub {
        min-height: auto;
        overflow: visible;
    }
    .gnbWrapFull.openSub.findCar {
        min-height: auto;
        overflow: visible;
    }
    .gnbWrap {
        height: 55px;
        margin: 0;
    }
    .gnbWrap .gnbArea {
        padding-bottom: 55px;
        float: none;
        padding-right: 0;
        font-size: 13px;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList {
        margin: 0 15px;
        font-size: 0;
        line-height: 0;
    }
    .gnbWrap .topBar {
        height: 55px;
        box-shadow: 0 1px 3px rgb(216 209 200 / 0.7);
        background: #fff;
        padding: 0 15px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 20;
    }
    .gnbWrap .topBar .logo {
        position: absolute;
        right: 15px;
        top: 18px;
        z-index: 1;
        float: none;
        padding-top: 0;
    }
    .gnbWrap .topBar .logo .topLogo {
        background: url(../images/ico-logo-m.png) no-repeat;
        width: 35px;
        height: 18px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: 35px auto;
        background-size: 35px auto;
    }
    .gnbWrap .topBar .btnBack {
        display: none;
        background: url(../images/btn-back.png) no-repeat;
        width: 18px;
        height: 16px;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: auto 16px;
        background-size: auto 16px;
        position: absolute;
        right: 15px;
        top: 19px;
        z-index: 1;
    }
    .gnbWrap .topBar.back .logo {
        display: none;
    }
    .gnbWrap .topBar.back .btnBack {
        display: block;
    }
    .gnbWrap .topBar .pageTitle {
        padding: 0 80px;
        text-align: center;
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        display: block;
    }
    .gnbWrap .topBar .pageTitle .tit {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
        line-height: 55px;
        font-family: "HyundaiMedium";
        width: 100%;
        text-align: center;
    }
    .gnbWrap .topBar .pageTitle .tit.arr {
        padding-left: 10px;
    }
    .gnbWrap .topBar .pageTitle .tit.arr:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 3.5px 0 3.5px;
        border-color: #000 #fff0 #fff0 #fff0;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2px;
    }
    .gnbWrap .topBar .pageTitle .tit.arr.on:after {
        border-width: 0 3.5px 5px 3.5px;
        border-color: #fff0 #fff0 #000 #fff0;
    }
    .gnbWrap .topBar .pageTitle .subMenu {
        position: absolute;
        right: 0;
        top: 55px;
        width: 100%;
        border-top: 1px solid #e8e8e8;
        box-shadow: 0 1px 3px rgb(216 209 200 / 0.7);
        overflow-y: auto;
        display: none;
    }
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a {
        display: block;
        line-height: 60px;
        height: 60px;
        padding: 0 20px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 16px;
        position: relative;
        background: #fff;
        text-align: right;
    }
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr:after {
        display: block;
        content: "";
        background: url(../images/ico-gnb-menu-m.png) no-repeat;
        -webkit-background-size: 23px auto;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -11px;
    }
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.on {
        color: #00aad2;
    }
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after {
        background-position: 100% -23px;
    }
    .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after {
        background-position: 100% -23px;
    }
    .gnbWrap
        .topBar
        .pageTitle
        .depSubWrap
        .depSub
        .depSubWrap
        .depSub
        .depSub_a {
        display: block;
        line-height: 60px;
        height: 60px;
        padding: 0 16px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 16px;
        position: relative;
        background: #f5f5f5;
    }
    .gnbWrap
        .topBar
        .pageTitle
        .depSubWrap
        .depSub
        .depSubWrap
        .depSub
        .depSub_a.on {
        color: #00aad2;
    }
    .gnbWrap
        .topBar
        .pageTitle
        .depSubWrap
        .depSub
        .depSubWrap
        .depSub
        .depSub_a.arr:after {
        display: none;
    }
    .gnbWrap .topBar .rightArea {
        float: left;
        margin: 19px 0 0 0;
        z-index: 10;
        display: block;
    }
    .gnbWrap .topBar .rightArea .gnbSearchMobile {
        float: right;
    }
    .gnbWrap .topBar .rightArea .btnGnbSearch {
        float: right;
        background: url(../images/ico-search-20-x-20%402x.png) no-repeat;
        width: 15px;
        height: 16px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }
    .gnbSearchArea {
        text-align: center;
        position: absolute;
        right: 0;
        top: 55px;
        display: none;
        width: 100%;
    }
    .gnbSearchArea .gnbSearch {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .gnbSearchArea .gnbSearch .searchInput {
        position: relative;
        font-weight: 400;
        background: #00aad2;
    }
    .gnbSearchArea .gnbSearch .searchInput .inputText {
        width: 100%;
        border: 0;
        padding-left: 55px;
        font-size: 16px;
        line-height: normal;
        height: 60px;
        background: #00aad2;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .gnbSearchArea
        .gnbSearch
        .searchInput
        input.inputText::-webkit-input-placeholder {
        color: #fff;
    }
    .gnbSearchArea .gnbSearch .searchInput input.inputText::-moz-placeholder {
        color: #fff;
    }
    .gnbSearchArea
        .gnbSearch
        .searchInput
        input.inputText:-ms-input-placeholder {
        color: #fff;
    }
    .gnbSearchArea .gnbSearch .searchInput input.inputText:-moz-placeholder {
        color: #fff;
    }
    .gnbSearchArea .gnbSearch .btnSearch {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 45px;
        text-align: center;
        height: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../images/btn-search-m.gif) no-repeat center center;
        overflow: hidden;
        text-indent: -99999px;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }
    .gnbSearchArea .gnbSearch .btnReset {
        display: none !important;
        position: absolute;
        left: 55px;
        top: 0;
        width: 18px;
        text-align: center;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../images/btn-reset.png) no-repeat center center;
        overflow: hidden;
        text-indent: -99999px;
    }
    .gnbSearchArea .gnbSearch .btnReset.on {
        display: block;
    }
    .gnbSearchArea .gnbSearch .gnbautoSearchList {
        background: #fff;
        display: none;
        position: absolute;
        right: 0;
        top: 60px;
        width: 100%;
    }
    .gnbSearchArea .gnbSearch .autoSearch {
        background: #fff;
        text-align: right;
        padding: 0 15px;
    }
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list {
        border-top: 1px solid #f1f1f1;
    }
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link {
        display: block;
        font-size: 14px;
        line-height: 50px;
        text-decoration: none;
    }
    .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword {
        background: 100%;
        color: #00a1c7;
        font-family: "HyundaiMedium";
    }
    .gnbSearchArea .btnGnbClose {
        position: absolute;
        left: 0;
        top: 20px;
        display: none;
    }
    .gnbWrap .topBar .rightArea .btnMobileMenu {
        float: right;
        background: url(../images/btn-menu-open.png) no-repeat;
        width: 16px;
        height: 16px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
        margin-right: 15px;
    }
    .gnbWrap .topBar .rightArea .btnMobileMenu.on {
        background-position: 100% -16px;
    }
    .gnbWrap .scrollBox {
        position: absolute;
        top: 55px;
        left: -100%;
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        background: #f6f3f2;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 10;
        display: none;
        transition: left 0.3s;
    }
    .gnbWrap .gnbArea .depSubWrap {
        display: none;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1.langList {
        display: block;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 {
        margin: 0;
        float: none;
    }
    .gnbWrap .carListWrap .tabArea {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .gnbWrap .gnbArea .langList ul li {
        position: relative;
        border-bottom: 1px solid #e8e8e8;
        background: #fff;
    }
    .gnbWrap .gnbArea .langList ul li.on {
        background: #f5f3f2;
    }
    .gnbWrap .gnbArea .langList ul li a {
        display: none;
        font-size: 13px;
        color: #666;
        line-height: 40px;
        text-align: center;
    }
    .gnbWrap .gnbArea .langList ul li .active {
        display: block;
        font-family: "HyundaiMedium";
        color: #000;
    }
    .gnbWrap .gnbArea .langList ul li:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 3.5px 0 3.5px;
        border-color: #000 #fff0 #fff0 #fff0;
        position: absolute;
        left: 20px;
        top: 18px;
        margin-top: -2px;
    }
    .gnbWrap .gnbArea .langList ul li.on:after {
        border-width: 0 3.5px 5px 3.5px;
        border-color: #fff0 #fff0 #000 #fff0;
    }
    .gnbWrap .gnbArea .tab .tabBtn {
        display: block;
        color: #000 !important;
        background: none !important;
        line-height: 60px !important;
        height: 60px !important;
        padding: 0 16px !important;
        border-bottom: 1px solid #e8e8e8;
        font-size: 16px;
        position: relative;
        width: 100% !important;
        text-align: right !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gnbWrap .gnbArea .tab .tabBtn.on {
        color: #00aad2;
    }
    .gnbWrap .gnbArea .tab .tabBtn:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 3.5px 0 3.5px;
        border-color: #000 #fff0 #fff0 #fff0;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -2px;
    }
    .gnbWrap .gnbArea .tab .tabBtn.on:after {
        border-width: 0 3.5px 5px 3.5px;
        border-color: #fff0 #fff0 #000 #fff0;
    }
    .gnbWrap .gnbArea .tab .tabBtn.newWin:after {
        content: "";
        overflow: hidden;
        display: block;
        position: absolute;
        top: 26px;
        left: 20px;
        width: 10px;
        height: 10px;
        background: url(../images/ico_gnb_newwin2_mo.html) no-repeat top right;
        background-size: 10px 10px;
        border: 0 !important;
        font-size: 0;
        line-height: 0;
    }
    .gnbWrap .gnbArea .tab.all .tabBtn:after {
        display: none;
    }
    .gnbWrap .gnbArea .tab .carList {
        display: none;
        padding: 20px 0 0 0;
        overflow: hidden;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        right: auto;
        top: auto;
    }
    .gnbWrap .gnbArea .tab.on .carList {
        display: block;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit {
        padding: 0 15px;
        font-size: 14px;
    }
    .gnbWrap .gnbArea .tab .carList .item {
        display: inline-block;
        width: 50%;
        margin-bottom: 30px;
        vertical-align: top;
        margin-left: 0;
        float: none;
    }
    .gnbWrap .gnbArea .tab .carList .item img {
        width: 100%;
        height: 100%;
        margin-top: 10px;
    }
    .gnbWrap .gnbArea .tab .carList .item .carTit {
        display: block;
        font-size: 12px;
        font-family: "HyundaiMedium";
        margin-top: 0;
    }
    .gnbWrap .carListWrap .carList .item .carPrice {
        display: block;
        font-size: 12px;
        line-height: 1.71;
        color: #000;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a {
        display: block;
        line-height: 60px;
        height: 60px;
        padding: 0 16px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 16px;
        position: relative;
        background: #fff;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after {
        display: block;
        content: "";
        background: url(../images/gnb_menu_mo.png) no-repeat;
        -webkit-background-size: 23px auto;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        position: absolute;
        left: 12px;
        top: 50%;
        margin-top: -11px;
    }
    .yourLocationGnb .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after {
        display: none;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on {
        color: #00aad2;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on:after {
        background-position: 100% -23px;
    }
    .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on + .gnbSubArea {
        display: block;
    }
    .gnbWrap .gnbArea .dep2Wrap {
        position: relative;
        width: auto;
        right: 0;
    }
    .gnbWrap .gnbArea .depSubWrap {
        display: none;
    }
    .gnbWrap .gnbArea .depSub .depSub_a {
        display: block !important;
        line-height: 60px !important;
        height: 60px;
        padding: 0 16px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 16px;
        position: relative;
    }
    .gnbWrap .gnbArea .depSub .depSub_a.on {
        color: #00aad2;
    }
    .gnbWrap .gnbArea .depSub .depSub_a.arr:after {
        background: none !important;
        display: block;
        content: "";
        width: 0 !important;
        height: 0 !important;
        border-style: solid;
        border-width: 5px 3.5px 0 3.5px;
        border-color: #000 #fff0 #fff0 #fff0;
        position: absolute;
        left: 20px !important;
        top: 50% !important;
        margin-top: -2px;
    }
    .gnbWrap .gnbArea .depSub .depSub_a.arr.on:after {
        border-width: 0 3.5px 5px 3.5px;
        border-color: #fff0 #fff0 #000 #fff0;
    }
    .gnbWrap .gnbArea .gnbGap {
        display: none;
    }
    .gnbWrap .gnbArea .dep3Wrap {
        padding: 10px 0;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        width: auto;
        right: auto;
        top: auto;
    }
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a {
        display: block;
        line-height: 40px !important;
        height: auto;
        padding: 0 50px;
        font-size: 14px;
        position: relative;
        border-bottom: 0;
        color: #666 !important;
    }
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.on {
        color: #00aad2;
    }
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a:after {
        display: none;
    }
    .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.newWin:after {
        content: "";
        overflow: hidden;
        display: block;
        position: absolute;
        top: 15px;
        left: 20px;
        width: 10px;
        height: 10px;
        background: url(../images/ico_gnb_newwin_mo.html) no-repeat top right;
        background-size: 10px 10px;
        font-size: 0;
        line-height: 0;
    }
    .gnbWrap .gnbArea .depSubWrap.dep4Wrap {
        display: none !important;
    }
    .gnbWrap .gnbArea .depSubWrap.dep5Wrap {
        display: none !important;
    }
    .gnbWrap .gnbArea .btnGnbClose {
        display: none;
    }
    .gnbWrap .gnbArea .gnbSubArea {
        display: none;
        height: auto !important;
        position: relative;
        top: 0 !important;
        right: auto;
        padding-top: 0;
    }
    .gnbWrap .gnbRight {
        float: right;
        padding-top: 0;
        margin: -55px 0 0 0;
        width: 100%;
    }
    .gnbWrap .gnbRight .item {
        display: table;
        width: 100%;
        float: none;
        margin-right: 0;
        padding-right: 16px;
        height: 60px;
        border-bottom: 1px solid #e7e6e5;
        box-sizing: border-box;
    }
    .gnbWrap .gnbRight .item > a {
        display: table-cell;
        text-indent: 0;
        width: auto;
        height: auto;
        background-position: 100% center;
        padding-right: 27px;
        vertical-align: middle;
    }
    .gnbWrap .gnbRight .gnbLanguageBtn {
        display: none;
    }
    .gnbWrapFull .temp {
        width: 100%;
        background: #fff;
        text-align: center;
    }
    .gnbWrapFull .temp img {
        width: auto;
        height: 55px;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew,
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {
        width: 60px;
        height: 14px;
        right: 15px;
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew {
        background-image: url(../images/ico-new-m.png);
    }
    .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming {
        background-image: url(../images/ico-upcoming-m.png);
    }
    .contentWrap {
        min-width: 320px;
    }
    .sectionWrap {
        padding: 0 15px;
    }
    .footerWrap {
        background: #1c1b1b;
        padding-bottom: 30px;
        height: auto;
        min-width: 100%;
    }
    .footerArea {
        flex-flow: column;
        padding: 20px 0 0;
    }
    .footerArea .logo {
        order: 1;
        margin-top: 30px;
        text-align: center;
    }
    .footerArea .logo img {
        width: 48px;
    }
    .footerArea .footerMenu {
        overflow: hidden;
        margin: 0 20px;
        letter-spacing: -0.02em;
    }
    .footerArea .footerMenu ul {
        overflow: hidden;
        vertical-align: top;
        position: relative;
    }
    .footerArea .footerMenu li {
        position: relative;
        width: 50%;
        height: 32px;
        padding: 0 6px 15px;
        line-height: 1.2;
    }
    .footerArea .footerMenu li a {
        color: #999;
        font-size: 13px;
    }
    .footerArea .footerMenu li:after {
        display: block;
        content: none;
        position: absolute;
        right: 0;
        top: 3px;
        width: 1px;
        height: 9px;
        background: #333232;
    }
    .footerArea .snsShare {
        position: relative;
        border-bottom: 1px solid #1f1f1f;
        border-top: 1px solid #1f1f1f;
        height: 60px;
    }
    .footerArea .snsShare ul {
        height: 60px;
        padding: 0 12px;
    }
    .footerArea .snsShare li {
        width: 16%;
        margin-right: 0;
    }
    .footerArea .snsShare li a {
        display: block;
        height: 60px;
        overflow: hidden;
        text-indent: -9999px;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
    .footerArea .snsShare li a.facebook {
        background-image: url(../images/ico-sns-share-facebook-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .snsShare li a.youtube {
        background-image: url(../images/ico-sns-share-youtube-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .snsShare li a.linked {
        background-image: url(../images/ico-sns-share-linkedin-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .snsShare li a.twitter {
        background-image: url(../images/ico-sns-share-twitter-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .snsShare li a.pinterest {
        background-image: url(../images/ico-sns-share-pinterest-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .snsShare li a.instar {
        background-image: url(../images/ico-sns-share-instagram-m.png);
        -webkit-background-size: auto 15px;
        background-size: auto 15px;
        background-position: center center;
    }
    .footerArea .footerMenu li.tabE:after {
        width: auto;
    }
    .footerArea .footerMenu li.tabE {
        margin-right: 0;
        padding: 0 12px 15px 0;
    }
    .footerArea .copyright {
        width: 190px;
        margin: 25px auto 0;
        color: #666;
        font-size: 10px;
        text-align: center;
    }
    .footerArea .goto {
        position: absolute;
        top: 35px;
        right: 20px;
        color: #999;
        font-size: 14px;
        line-height: 18px;
    }
    .footerArea .goto a {
        padding-right: 5px;
        color: #999;
        font-size: 14px;
        text-decoration: underline;
    }
    .footerArea .goto img.flag {
        width: auto;
        margin-left: 15px;
        box-shadow: none !important;
        vertical-align: top;
    }
    .footerDimBg {
        background: #000;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 110;
        opacity: 0.8;
        display: none;
    }
    .footerArea .tabC {
        display: flex;
        order: 2;
        flex-flow: column-reverse;
        padding: 0;
        text-align: center;
    }
    .footerArea .copyright .telgab {
        display: block;
        margin-top: -30px;
        padding-right: 0;
    }
    .footerArea .copyright a {
        color: #666;
    }
    .footerArea .etc_ban {
        margin-top: 0;
    }
    .footerArea .etc_ban > a {
        margin-right: 16px;
        margin-left: 16px;
    }
    .footerArea .etc_ban img {
        height: 24px;
        vertical-align: top;
    }
    .footerArea .snsShare {
        left: 0;
    }
    .footerWrap {
        padding-bottom: 145px;
    }
    .footerWrap .footerArea .copyright {
        bottom: 7px;
        color: #999;
    }
    .footerWrap .footerArea .copyright .telgab {
        margin-top: 3px;
    }
    .footerWrap .footerArea .etc_ban a,
    .footerWrap .footerArea .etc_ban span {
        margin-top: 11px;
    }
    .footerWrap .footerArea .etc_ban .mlg2 {
        display: block;
        height: 24px;
        margin: 0 auto 10px;
    }
    .footerWrap .footerArea .tabC {
        bottom: -104px;
        height: auto;
    }
}
.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-right: 10px;
}
.btnWrap .colWd.lg {
    min-width: auto;
    width: 48%;
    margin-right: 2%;
}
.btnWrap .colWd:nth-child(1) {
    margin-right: 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;
    right: 0;
    left: 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;
}
.btnText {
    display: inline-block;
    line-height: 23px;
    font-size: 18px;
    font-family: "HyundaiMedium";
    text-align: right;
    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-left: 17px;
    position: relative;
}
.btnText.icoArrR:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    left: 0;
    top: 50%;
}
.btnText.white.icoArrR:after {
    background: url(../images/ico-arrow-right-white.png) no-repeat center center;
}
.btnText.navy.icoArrR:after {
    background: url(../images/ico-arrow-right-navy.png) no-repeat center center;
}
.btnText.sm.icArrDown {
    padding-right: 20px;
}
.btnText.sm.icDownload {
    padding-right: 20px;
}
.btnText.sm.icArrDown:after {
    content: "";
    display: block;
    border-top: 6px solid #000;
    border-right: 4px solid #fff0;
    border-left: 4px solid #fff0;
    position: absolute;
    right: 0;
    top: 4px;
}
.btnText.sm.icDownload:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    background: url(../images/ico-download.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 50%;
}
.btnText.sm.icDownload2 {
    height: 16px;
    padding-right: 26px;
}
.btnText.sm.icDownload2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(../images/ico-download3.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 50%;
}
.btnText.sm.icArrDown2 {
    padding-right: 26px;
}
.btnText.sm.icArrDown2:after {
    content: "";
    display: block;
    border-top: 9.5px solid #000;
    border-right: 8px solid #fff0;
    border-left: 8px solid #fff0;
    position: absolute;
    right: 0;
    top: 0;
}
.specsDownload {
    float: left;
    margin-top: -61px;
}
.btnDownload {
    display: inline-block;
    height: 40px;
    padding: 0 58px 0 36px;
    background: #002c5f;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden !important;
    vertical-align: middle !important;
    position: relative;
    right: 0;
    left: 0;
    font-family: "HyundaiHRegular";
}
.btnDownload:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(../images/ico-download-w.png) no-repeat center center;
    position: absolute;
    right: 33px;
    top: 50%;
}
.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-right: -25px;
        margin-left: -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-left: 15px;
    }
    .btnText.md.icoArrR:after {
        width: 6px !important;
        height: 10px !important;
        margin-top: -6px !important;
        background-size: cover;
    }
    .specsDownload {
        margin-top: -46px;
    }
    .btnDownload {
        height: 35px;
        padding: 0 38px 0 15px;
        line-height: 35px;
    }
    .btnDownload:after {
        right: 14px;
    }
}
@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;
    }
    .btnDownload {
        height: 35px;
        padding: 0 38px 0 15px;
        font-size: 12px;
        line-height: 35px;
    }
    .btnDownload:after {
        right: 15px;
    }
}
.sectionWrap {
    position: relative;
    padding: 0 25px;
}
.contentWrap {
    position: relative;
    padding-top: 55px;
}
.topBanner .contentWrap {
    position: relative;
    padding-top: 55px;
}
.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;
}
@media screen and (max-width: 1240px) {
    .sectionFull {
        min-width: 0;
    }
}
@media screen and (max-width: 1024px) {
    .contentWrap {
        min-width: 0;
    }
    .sectionInner {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    .sectionFull {
        width: auto;
        min-width: 0;
    }
}
@media screen and (max-width: 767px) {
    .contentWrap {
        padding-top: 55px;
    }
    .topBanner .contentWrap {
        min-width: 320px !important;
        padding-top: 55px;
    }
    .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;
    }
}
@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-left: 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-left: 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-left: 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-right: 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-right: 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-size: 12px;
}
.alignTHL th,
.alignTDL td {
    text-align: right !important;
}
.alignTHC th,
.alignTDC td {
    text-align: center !important;
}
.alignTHR th,
.alignTDR td {
    text-align: left !important;
}
.alignTHL .tTitle li p,
.alignTDL .subTableContents li {
    text-align: right !important;
}
.alignTHC .tTitle li p,
.alignTDC .subTableContents li {
    text-align: center !important;
}
.alignTHR .tTitle li p,
.alignTDR .subTableContents li {
    text-align: left !important;
}
.alignBTHL .subTitle {
    text-align: right !important;
}
.alignBTHC .subTitle {
    text-align: center !important;
}
.alignBTHR .subTitle {
    text-align: left !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-right: 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-right: 1px solid #fff;
    border-right: 1px solid #e4dcd3;
    background: #fff;
    border-bottom: 1px solid #e4dcd3;
}
.tableTypeCol2 tr th:first-child,
.tableTypeCol2 tr td:first-child {
    border-right: 1px solid #e4dcd3;
}
.tableTypeCol2 tr th:last-child,
.tableTypeCol2 tr td:last-child {
    border-left: 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-weight: 400;
    text-align: right;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #e4dcd3;
    color: #000;
}
.tableTypeCol3 tr th:first-child {
    border-right: 1px solid #e4dcd3;
}
.tableTypeCol3 tr th:last-child {
    border-left: 1px solid #e4dcd3;
}
.tableTypeCol3 tr td {
    position: relative;
    padding: 8px 30px;
    font-size: 14px;
    border-right: 1px solid #e4dcd3;
    border-left: 1px solid #e4dcd3;
    border-bottom: 1px solid #e4dcd3;
    background: #fff;
}
@media all and (max-width: 767px) {
    .tableTypeCol2.ctoc {
        table-layout: auto;
    }
}
.ctodbox {
    width: 100%;
}
.ctodbox ul.tTitle li {
    display: block;
    float: right;
    width: 17.5%;
    background-color: #002c5f;
    height: 50px;
    padding: 0;
    margin: 0;
    border-right: solid 1px #fff;
}
.ctodbox ul.tTitle li.first {
    width: 30%;
}
.ctodbox ul.tTitle li.first > p {
    width: 336px;
}
.ctodbox ul.tTitle li > p {
    position: relative;
    display: table-cell;
    width: 224px;
    height: 50px;
    font-family: "HyundaiMedium";
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding: 0 12px;
    text-align: center;
}
.ctodbox ul.tTitle li:first-child {
    border-right: 0;
}
.ctodWrap .tSub {
    width: 100%;
}
.ctodWrap .tSub .subTitle {
    position: relative;
    width: 30%;
    height: 100px;
    float: right;
}
.ctodWrap .tSub .subTitle .mobileFirtstTitle {
    position: relative;
    width: 70%;
    float: right;
    height: 100px;
    background-color: #e4dcd3;
    border-left: 1px solid #fff;
    border-bottom: solid 1px #fff;
    padding: 0 20px;
}
.ctodWrap .tSub .subTitle .mobileFirtstTitle span {
    display: inline-block;
    line-height: 100px;
    font-family: "HyundaiMedium";
    vertical-align: middle;
}
.ctodWrap .tSub .subTitle .mobileSecondTitle {
    position: relative;
    width: 30%;
    float: right;
    height: 50px;
    background-color: #e4dcd3;
    line-height: 50px;
    border-bottom: solid 1px #fff;
    padding: 0 12px;
    text-align: center;
}
.ctodWrap .tSub .subTableContents {
    width: 70%;
    float: right;
}
.ctodWrap .tSub .subTableContents li {
    width: 25%;
    float: right;
    height: 50px;
    line-height: 50px;
    border-right: solid 1px #fff;
    font-size: 14px;
    padding: 0 12px;
}
.ctodWrap .tSub .subTableContents li:nth-child(2n + 1) {
    background-color: #f6f3f2;
    border-right: solid 1px #e4dcd3;
    border-bottom: solid 1px #e4dcd3;
}
.ctodWrap .tSub .subTableContents li:nth-child(2n) {
    background-color: #fff;
    border-right: solid 1px #e4dcd3;
    border-bottom: solid 1px #e4dcd3;
}
.ctodWrap .tSub .subTableContents .toL,
.ctodWrap .tSub .subTableContents .toR {
    width: 100%;
    border-left: #e4dcd3 1px solid;
}
@media screen and (max-width: 1024px) {
    .ctodWrap .tSub .subTitle {
        height: 90px;
    }
    .ctodWrap .tSub .subTitle .mobileFirtstTitle {
        padding: 0 15px;
        font-size: 12px;
        height: 90px;
    }
    .ctodWrap .tSub .subTitle .mobileSecondTitle {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }
    .ctodWrap .tSub .subTableContents li {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }
    .ctodWrap .tSub .subTitle .mobileFirtstTitle span {
        line-height: 90px;
    }
    .ctodbox ul.tTitle li {
        height: 45px;
    }
    .ctodbox ul.tTitle li > p {
        font-size: 12px;
        height: 45px;
    }
}
@media screen and (max-width: 767px) {
    .ctodWrap h2 {
        margin-top: 0;
        font-size: 27px;
        line-height: 32px;
    }
    .ctodbox .tSub li.subTitle {
        display: block;
        width: 100%;
        height: auto;
    }
    .ctodWrap .tSub ~ .tSub {
        padding-top: 30px;
    }
    .ctodWrap .tSub .subTitle .mobileFirtstTitle {
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #002c5f;
    }
    .ctodWrap .tSub .subTitle .mobileFirtstTitle span {
        line-height: 1;
        color: #fff;
    }
    .ctodWrap .tSub .subTitle .mobileSecondTitle {
        width: 50%;
    }
    .ctodWrap .tSub .subTitle .mobileSecondTitle:nth-child(2n) {
        border-left: #fff 1px solid;
    }
    .ctodWrap .tSub .subTableContents {
        width: 100%;
    }
    .ctodWrap .tSub .subTableContents li {
        line-height: 17px;
        padding: 15px;
        height: auto;
    }
    .ctodWrap .tSub .subTableContents .toL {
        width: 50%;
        float: right;
    }
    .ctodWrap .tSub .subTableContents .toR {
        width: 50%;
        float: right;
    }
    .ctodWrap .tSub .subTableContents .toR li {
        border-right: 0;
    }
    .ctodWrap .tSub .subTableContents li {
        width: 100%;
    }
    .ctodWrap .tSub .subTableContents li p.mobile {
        line-height: 17px;
    }
}
@media screen and (max-width: 1024px) {
    .tableInner.scroll {
        width: 100%;
        max-width: 1210px;
    }
    .tableInner.scroll table {
        width: 100%;
    }
    .ctodList .ctodTit {
        width: 120px;
    }
    .ctodList ul li.first div {
        margin-right: 120px;
    }
}
@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;
    }
}
.tabWrap {
    position: relative;
}
.tabWrap .tabActive {
    display: none;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background: #444;
    font-size: 12px;
    font-family: "HyundaiMedium";
    color: #fff;
    text-decoration: none;
    text-align: right;
    box-sizing: border-box;
    overflow: hidden;
}
.tabWrap .tabArea {
    height: 60px;
    overflow: hidden;
}
.tabWrap .tabArea .tab {
    display: table;
    height: 60px;
    float: right;
}
.tabWrap .tabArea .tab .link {
    display: table-cell;
    width: 100%;
    height: 60px;
    padding-right: 10px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
        background: #444;
        font-size: 12px;
        font-family: "HyundaiMedium";
        color: #fff;
        text-decoration: none;
        text-align: right;
        box-sizing: border-box;
        overflow: hidden;
    }
    .tabWrap .tabActive span {
        display: table-cell;
        height: 45px;
        padding-left: 22px;
        line-height: 16px;
        vertical-align: middle;
    }
    .tabWrap:after {
        display: block;
        content: "";
        width: 7px;
        height: 7px;
        margin-top: -4px;
        background: url(../images/ico-tab-right-arr-m.png) no-repeat left center;
        background-size: 7px auto;
        position: absolute;
        left: 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: right;
        padding: 14px 10px 15px 35px;
    }
    .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;
    }
}
.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(../images/btn-paging.png) no-repeat;
    background-size: auto 22px;
}
.paging .btnPaging.btnFirst {
    width: 13px;
    background-position: 100% -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: left -11px;
}
.paging .btnPaging.disabled {
    cursor: default;
}
.paging .btnPaging.btnFirst.disabled {
    background-position: 100% 0;
}
.paging .btnPaging.btnPrev.disabled {
    background-position: -32px 0;
}
.paging .btnPaging.btnNext.disabled {
    background-position: -38px 0;
}
.paging .btnPaging.btnLast.disabled {
    background-position: left 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: right;
}
.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: 100% -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: left -10px;
    }
    .paging .btnPaging.btnFirst.disabled {
        background-position: 100% 0;
    }
    .paging .btnPaging.btnPrev.disabled {
        background-position: -29px 0;
    }
    .paging .btnPaging.btnNext.disabled {
        background-position: -35px 0;
    }
    .paging .btnPaging.btnLast.disabled {
        background-position: left 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;
    box-sizing: content-box;
    overflow: hidden;
}
.headArea .topSect .locWrap {
    float: right;
}
.headArea .topSect .locWrap li {
    float: right;
    height: 90px;
    line-height: 90px;
}
.headArea .topSect .locWrap a.link {
    display: inline-block;
}
.headArea .topSect .locWrap span {
    margin-left: 11px;
    padding: 0 0 0 16px;
    font-size: 16px;
    color: #000;
    background: url(../images/ico-breadcrumb.png) no-repeat 0 9px;
    white-space: nowrap;
}
.headArea .topSect .locWrap .active span {
    display: inline-block;
    color: #00aad2 !important;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    font-family: "HyundaiMedium";
    text-decoration: underline;
    background: 0;
}
.headArea .topSect .utilWrap {
    float: left;
    height: 90px;
    line-height: 90px;
}
.headArea .topSect .utilWrap a.util {
    display: inline-block;
    margin-right: 23px;
    display: inline-block;
    padding: 0 23px 0 0;
    font-size: 14px;
    color: #000;
    font-family: "HyundaiMedium";
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.headArea .topSect .utilWrap a:first-child {
    margin-right: 0;
}
.headArea .topSect .utilWrap a.share {
    padding-right: 23px;
    background-image: url(../images/ico-sharing.png);
}
.headArea .topSect .utilWrap a.print {
    padding-right: 27px;
    background-image: url(../images/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: rgb(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;
    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-right: 20px;
}
.headArea .bottmBtns.btnWrap .colWd:first-child {
    margin-right: 0;
}
.layerPop {
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}
.layerPop .dim {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../images/popup-bg.png) repeat right 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;
    left: 30px;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(../images/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(../images/ico_noti.png) no-repeat;
    margin: 0 auto;
}
.layerPop .popCont .icoNoti1 {
    display: block;
    text-indent: -9999px;
    width: 45px;
    height: 45px;
    background: url(../images/ico_noti_1.html) 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: right;
}
.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 48px 0 0;
}
.layerPop .shareList li:first-child {
    margin-right: 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: 100% -43px !important;
}
.layerPop .shareList li.btnFacebook a {
    background: url(../images/sns-share-layer-facebook.png) no-repeat;
}
.layerPop .shareList li.btnGoogle a {
    background: url(../images/sns-share-layer-google.jpg) no-repeat;
}
.layerPop .shareList li.btnTwitter a {
    background: url(../images/sns-share-layer-twitter.gif) no-repeat;
}
.layerPop .shareList li.btnPinterest a {
    background: url(../images/sns-share-layer-pinterest.jpg) 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: right;
}
.headArea .searchSect .searchResultWrap dl.searchResult dt {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    line-height: 2;
    color: #000;
    text-align: right;
    font-family: "HyundaiMedium";
}
.headArea .searchSect .searchResultWrap dl.searchResult dd {
    display: inline-block;
    font-size: 14px;
    line-height: 2.29;
    color: #00aad2;
    text-align: right;
}
.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;
    right: 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: right;
    position: absolute;
    right: 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;
}
@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 .tWrap {
        margin: 0;
        padding-bottom: 45px;
    }
    .headArea .topSect .locWrap li,
    .headArea .topSect .utilWrap {
        height: 80px;
        line-height: 80px;
    }
    .headArea .tWrap .ftit {
        font-size: 30px;
        line-height: 35px;
    }
    .headArea .tWrap .stit {
        font-size: 14px;
        line-height: 19px;
    }
    .headArea .tWrap .stit.type1 {
        margin-top: 10px;
    }
    .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: rgb(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-left: 10px;
        min-width: 0;
    }
    .headArea .bottmBtns.btnWrap .colWd:last-child {
        padding-right: 10px;
        padding-left: 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(../images/bg-contentwrap01.jpg) no-repeat 50% 0;
}
.homeBgMain {
    background: url(../images/bg-contentwrap02.jpg) no-repeat 50% 0;
    background-size: cover;
}
.findACarBgPip {
    background: url(../images/bg-contentwrap03.jpg) no-repeat 50% 0;
    background-size: cover;
}
.findACarBgType1 {
    background: url(../images/bg-contentwrap04.jpg) no-repeat 50% 0;
}
.buildACarBgType1 {
    background: url(../images/bg-contentwrap08.jpg) no-repeat 50% 0;
}
.buildACarBgType2 {
    background: url(../images/bg-contentwrap04.jpg) no-repeat 50% 0;
}
.buildACarBgType3 {
    background: url(../images/bg-contentwrap05.jpg) no-repeat 50% 0;
}
.buildACarBgType4 {
    background: url(../images/bg-contentwrap06.jpg) no-repeat 50% 0;
}
.buildACarBgType5 {
    background: url(../images/bg-contentwrap07.jpg) no-repeat 50% 0;
}
.connectToServiceBgType1 {
    background: url(../images/bg-contentwrap01.jpg) no-repeat 50% 0;
}
.connectToServiceBgType2 {
    background: url(../images/bg-contentwrap09.jpg) no-repeat 50% 0;
}
.hyundaiStoryBgType3 {
    background: url(../images/bg-contentwrap10.jpg) no-repeat 50% 0;
}
.hyundaiStoryBgType1 {
    background: url(../images/bg-contentwrap10.jpg) no-repeat 50% 0;
}
.hyundaiStoryBgType2 {
    background: url(../images/bg-contentwrap01.jpg) no-repeat 50% 0;
}
.landingPageBgType1 {
    background: url(../images/bg-contentwrap09.jpg) no-repeat 50% 0;
}
@media all and (max-width: 767px) {
    .homeBgType1,
    .homeBgMain,
    .findACarBgPip,
    .findACarBgType1,
    .buildACarBgType1,
    .buildACarBgType2,
    .buildACarBgType3,
    .buildACarBgType4,
    .buildACarBgType5,
    .connectToServiceBgType1,
    .connectToServiceBgType2,
    .hyundaiStoryBgType3,
    .hyundaiStoryBgType1,
    .hyundaiStoryBgType2,
    .landingPageBgType1 {
        background-position: 50% 0;
    }
}
.errorSiteMap {
    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;
}
.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: right;
    }
    .errorSiteMap .innerWrap {
        margin-top: 15px;
        overflow: hidden;
        display: block;
        text-align: center;
    }
    .errorSiteMap .innerWrap .col {
        display: inline-block;
        width: auto;
        margin-right: 50px;
        text-align: right;
    }
    .errorSiteMap .innerWrap .col:first-child {
        margin-right: 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: right;
        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;
}
.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;
    right: 50%;
    top: 0;
    margin-right: -930px;
}
.topVisual .visual img {
    width: 1860px;
}
.topVisual .titWrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 1120px;
    text-align: right;
    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;
    right: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%;
}
.topVisualArea.vMiddle .middle .titWrap {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
    position: relative;
    right: auto;
    top: auto;
    left: 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;
        right: 0;
        margin-right: 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;
        right: 0;
        margin-right: 0;
        top: 0;
    }
    .topVisual .titWrap {
        position: absolute;
        top: 0;
        right: 0;
        left: 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-left: 10%;
    }
    .topVisual .titWrap .btn {
        margin-top: 40px;
    }
    .topVisualArea.vMiddle .middle {
        position: absolute;
        right: 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;
        right: auto;
        top: auto;
        left: auto;
        text-align: center;
    }
    .topVisualArea.vMiddle .middle .stit {
        padding-left: 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 20px 0 5px;
    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-right: 20px;
    color: #666;
    border: 0;
    background: url(../images/ico-select-right-arr.png) no-repeat left 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-left: 42px;
}
.selForm select:focus {
    outline: 2px solid #a4c6fd;
}
.selForm select::-ms-expand {
    display: none;
}
.selForm select.bgWhite {
    border: 1px solid #e5e5e5;
    background: #fff url(../images/ico-select-right-arr.png) no-repeat left
        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-right: 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: #fff0;
    overflow: hidden;
}
.posIconR {
    display: block;
    padding-left: 55px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.posIconR .posRight {
    position: absolute;
    left: 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(../images/btn-search.png) no-repeat center center;
    box-sizing: border-box;
    overflow: hidden;
}
.inputBox.widLg .btnSearch {
    height: 50px;
}
.inputBox.searchBox .inputSearch {
    width: 380px;
    float: right;
}
.inputBox.searchBox .btnBasic {
    min-width: 120px;
    margin-right: 12px;
    float: right;
}
.inputBox.searchBox .posIconR {
    width: 380px;
    float: right;
}
.posIconR.icoLocation:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/ico-location.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}
.posIconR.icoLocation .inputSearch {
    padding-left: 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-right: 7px;
}
.radioboxWrap .radioBoxInner input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.radioboxWrap .radioBoxInner label {
    display: inline-block;
    min-height: 18px;
    padding-right: 28px;
    line-height: 18px;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    padding-left: 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;
    right: 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;
    right: 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-right: 25px;
    }
    .radioboxWrap .radioBoxInner label {
        min-height: 16px;
        padding-right: 25px;
        line-height: 16px;
        font-size: 12px;
        padding-left: 10px;
    }
    .radioboxWrap .radioBoxInner input[type="radio"] ~ label:before {
        width: 16px;
        height: 16px;
    }
    .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:after {
        right: 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-right: 7px;
}
.checkboxWrap .checkboxInner input[type="checkbox"] {
    position: absolute;
    right: -30px;
    top: -30px;
}
.checkboxWrap .checkboxInner label {
    display: inline-block;
    min-height: 18px;
    padding-right: 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;
    right: 0;
    top: 0;
}
.checkboxWrap .checkboxInner input[type="checkbox"]:checked ~ label:before {
    border: 2px solid #00aad2;
    background: url(../images/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-right: 25px;
    }
    .checkboxWrap .checkboxInner label {
        min-height: 16px;
        padding-right: 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-left: 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-left: 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-left: 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 -16px 0;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.itemWrap.mg2 .itemListWrap {
    margin: -60px -10px 0;
}
.itemWrap.mg3 .itemListWrap {
    margin: -60px -15px 0;
}
.itemWrap.mg4 .itemListWrap {
    margin: -60px -10px 0;
}
.itemWrap .itemListWrap:after {
    content: "";
    display: block;
    clear: both;
}
.itemWrap .itemList {
    display: inline-table;
    margin-top: 60px;
    vertical-align: top;
}
.itemWrap .itemList .listInner {
    margin: 0 16px;
}
.itemWrap.mg2 .itemList .listInner {
    margin: 0 10px 0;
}
.itemWrap.mg3 .itemList .listInner {
    margin: 0 15px 0;
}
.itemWrap.mg4 .itemList .listInner {
    margin: 0 10px 0;
}
.itemWrap .itemList .itemTopTit {
    padding-bottom: 10px;
    line-height: 40px;
    font-size: 30px;
    font-family: "HyundaiMedium";
    letter-spacing: 0.5px;
}
.itemWrap .itemList .itemLink,
.itemWrap .itemList .img {
    display: block;
}
.itemWrap .itemList .itemTit {
    padding-bottom: 6px;
}
.itemWrap .itemList .conTit {
    width: 100%;
}
.itemWrap .itemList .itemTit [class*="subTit"],
.itemWrap .itemList .itemTit [class*="conTit"] {
    display: inline-block;
    vertical-align: middle;
}
.itemWrap .itemList .itemLink:hover [class*="subTit"],
.itemWrap .itemList .itemLink:hover [class*="conTit"],
.itemWrap .itemList .itemLink:hover [class*="conArea"] {
    text-decoration: underline;
}
.itemWrap .img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 53.58%;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.itemWrap .video {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 53.58%;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.itemWrap .img img {
    width: auto;
    position: absolute;
    right: 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;
    right: 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;
}
.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-right: 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: left;
}
.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-left: 17px;
    position: relative;
}
.btnMoreWhite .icoArr:after {
    content: "";
    display: block;
    margin-top: -2px;
    border-top: 5px solid #767676;
    border-right: 4px solid #fff0;
    border-left: 4px solid #fff0;
    position: absolute;
    left: 0;
    top: 50%;
}
.itemWrap.bttmLayer .itemLayer {
    display: none;
    margin-top: 35px;
    padding: 40px 60px;
    background: #f6f3f2;
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    z-index: 1;
}
.itemWrap.bttmLayer .active .itemLayer {
    display: block;
}
.itemWrap.bttmLayer .itemList:nth-child(4n + 1) .itemLayer:after {
    right: 75px;
}
.itemWrap.bttmLayer .itemList:nth-child(4n + 2) .itemLayer:after {
    right: 370px;
}
.itemWrap.bttmLayer .itemList:nth-child(4n + 3) .itemLayer:after {
    right: 665px;
}
.itemWrap.bttmLayer .itemList:nth-child(4n + 4) .itemLayer:after {
    right: 965px;
}
.itemWrap.bttmLayer .itemLayer .btnCloseLayer {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../images/btn-layer-close.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    left: 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: 0.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: right;
    }
    .secListBox ~ .secListBox {
        padding-top: 35px;
    }
    .secSpaListWrap .conAreaS.icoNote {
        margin-top: 40px;
    }
    .btnWrap.btnMoreWrap {
        padding-top: 60px;
    }
    .itemWrap.bttmLayer .itemLayer {
        right: 7px;
        left: 7px;
    }
    .itemWrap.bttmLayer .active .itemLayer {
        padding: 25px 25px 50px 25px;
    }
    .itemWrap.bttmLayer .itemLayer:after {
        width: 18px;
        height: 18px;
        margin-right: -13px;
        top: -9px;
    }
    .itemWrap.bttmLayer .itemList:nth-child(3n + 1) .itemLayer:after {
        right: 16.65%;
    }
    .itemWrap.bttmLayer .itemList:nth-child(3n + 2) .itemLayer:after {
        right: 49.95%;
    }
    .itemWrap.bttmLayer .itemList:nth-child(3n + 3) .itemLayer:after {
        right: 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: 0.3px;
    }
    .secListBox ~ .secListBox {
        padding-top: 25px;
    }
    .btnWrap.btnMoreWrap {
        padding-top: 28px;
    }
    .itemWrap.bttmLayer .itemLayer {
        right: 5px;
        left: 5px;
    }
    .itemWrap.bttmLayer .active .itemLayer {
        padding: 30px 15px 40px 15px;
    }
    .itemWrap.bttmLayer .itemList:nth-child(2n + 1) .itemLayer:after {
        right: 20%;
    }
    .itemWrap.bttmLayer .itemList:nth-child(2n + 2) .itemLayer:after {
        right: 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: right;
}
.selectFormBox .inputForm {
    padding: 0 6px;
    float: right;
}
.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: right;
}
.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-right: 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;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}
.videoWrap .innerWrap {
    position: absolute;
    right: 0;
    left: 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;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.videoInnerDimm {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgb(0 0 0 / 0.6);
}
.videoPlayBtn {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 12;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    overflow: hidden;
    cursor: pointer;
    text-indent: -1000px;
}
.videoPoster {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;
    overflow: hidden;
}
.videoPoster img {
    position: absolute;
    right: 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;
        right: 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;
    right: 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;
        right: auto;
        transform: none;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .fullImg .img img {
        position: static;
        top: auto;
        right: auto;
        transform: none;
        width: 100%;
    }
}
.gridWrap {
    width: 100%;
}
.gridWrap:after {
    content: "";
    display: block;
    clear: both;
}
.gridbox:after {
    content: "";
    display: block;
    clear: both;
}
.gridbox li {
    float: right;
}
.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%;
    right: 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-right: 10px;
}
.gridbox li.gridCont2:first-child {
    padding-right: 0;
    padding-left: 10px;
}
.gridbox li.gridCont3 {
    width: 32%;
    margin-right: 2%;
}
.gridbox li.gridCont3:first-child {
    margin-right: 0;
}
.gridbox li.gridCont4 {
    width: 22.5%;
    margin-right: 3.3%;
}
.gridbox li.gridCont4:first-child {
    margin-right: 0;
}
.gridbox li .imgArea.half {
    float: right;
    width: 256px;
    margin-left: 20px;
}
.gridbox li .txtArea.half {
    float: right;
    width: 256px;
}
@media screen and (max-width: 1240px) {
    .gridbox li .imgArea.half {
        width: 47%;
        margin-left: 5%;
    }
    .gridbox li .txtArea.half {
        width: 48%;
    }
    .gridbox li.gridCont2 {
        padding-right: 7px;
    }
    .gridbox li.gridCont2:first-child {
        padding-left: 7px;
    }
}
@media screen and (max-width: 767px) {
    .gridbox li .imgArea img {
        position: static;
        top: auto;
        right: 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-right: 0;
        margin-top: 20px;
    }
    .gridbox li.gridCont4 {
        width: 100%;
        margin-right: 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-left: 0;
    }
    .gridbox li .txtArea.half {
        width: 100%;
    }
}
.dim {
    position: fixed;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 900;
}
@media screen and (max-width: 375px) {
    .tWrap .ftit {
        font-size: 25px !important;
        line-height: 25px !important;
    }
}
.wrap-webChat {
    position: fixed;
    bottom: 7px;
    left: 9px;
    z-index: 9999;
}
.cx-widget.cx-common-container {
    left: 10px !important;
    bottom: 90px !important;
}
.cx-widget.cx-common-container .cx-titlebar .cx-title {
    margin-left: 8px;
}
.cx-widget.cx-common-container .cx-buttons-window-control {
    left: 6px;
}
.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 {
    right: 0;
    background: url(../images/btn-prev.png) no-repeat center center;
}
.sliderBtnWrap .btnNext,
.sliderWrap .mainControlWrap .btnNext {
    left: 0;
    background: url(../images/btn-next.png) no-repeat center center;
}
.sliderWrap .sliderBtnWrap .btnPrev,
.sliderWrap .sliderBtnWrap .btnNext {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
}
.sliderBtnWrap .btnNext.disabled,
.sliderBtnWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
.sliderWrap {
    position: relative;
    width: 100%;
    direction: ltr;
}
.sliderWrap .sliderListWrap {
    overflow: hidden;
    width: 100%;
    direction: ltr;
}
.sliderWrap .sliderListWrap .sliderList {
    overflow: hidden;
    direction: ltr;
    margin-bottom: 0 !important;
}
.sliderWrap .sliderListWrap .sliderList .sliders {
    float: left;
    position: relative;
    width: 100%;
}
.sliderWrap .btnPrev,
.sliderWrap .btnNext {
    top: 265px;
}
.sliderWrap .sliderPagination {
    position: absolute;
    top: 539px;
    left: 0;
    bottom: auto;
    right: 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-right: 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(../images/ico-qs-off.png) no-repeat 100% 0;
    background-size: 100% auto;
    text-indent: -9999px;
}
.toolTipWrap .ic_Bquestion.on {
    width: 18px;
    height: 18px;
    background: url(../images/ico-qs.png) no-repeat 100% 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;
    left: 28px;
    width: 12px;
    height: 12px;
    background: url(../images/btn-layer-close.png) no-repeat 100% 0;
    background-size: 100% auto;
    text-indent: -9999px;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .toolTipWrap.ib {
        margin-right: 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;
    }
}
.togListWrap {
    position: relative;
}
.togListWrap .togList {
    margin-bottom: 2px;
}
.togListWrap .btnOpenClose {
    display: table;
    position: relative;
    width: 100%;
    padding: 25px 40px 25px 60px;
    padding-bottom: 20px;
    background: #002c5f;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    font-family: "HyundaiMedium";
    text-align: right;
    text-decoration: none;
    box-sizing: border-box;
}
.togListWrap .btnOpenClose:after {
    display: block;
    position: absolute;
    top: 34px;
    left: 40px;
    width: 20px;
    height: 12px;
    background: url(../images/ico-toggle.png) no-repeat 100% -270px;
    content: "";
}
.togListWrap .btnOpenClose h3 {
    display: table-cell;
    vertical-align: middle;
}
.togListWrap .togList.on .btnOpenClose {
    background: #f6f3f2;
    color: #000;
}
.togListWrap .togList.on .btnOpenClose:after {
    background-position: 100% 0;
}
.togListWrap .togCont {
    display: none;
    padding: 20px 60px 60px 40px;
    background: #f6f3f2;
}
.togListWrap .togList.on .togCont {
    margin-top: 2px;
}
.togListWrap .togList.on .togCont {
    display: block;
}
.togListWrap .togCont p {
    font-size: 14px;
    line-height: 21px;
}
.togListWrap .togCont p.tgPB1 {
    padding-bottom: 48px;
}
.togListWrap .togCont p.tgPB2 {
    padding-bottom: 24px;
}
.togListWrap.country .n3 .grid a:focus {
    text-decoration: none;
}
.togListWrap .caobBtnOpenClose {
    display: table;
    position: relative;
    width: 100%;
    height: 80px;
    padding: 0 40px 0 60px;
    padding-bottom: 20px;
    background: #002c5f;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    font-family: "HyundaiMedium";
    text-align: right;
    text-decoration: none;
    box-sizing: border-box;
}
.togListWrap .caobBtnOpenClose:after {
    display: block;
    position: absolute;
    top: 34px;
    left: 40px;
    width: 20px;
    height: 12px;
    background: url(../images/ico-toggle.png) no-repeat 100% -270px;
    content: "";
}
.togListWrap .caobBtnOpenClose h3 {
    display: table-cell;
    vertical-align: middle;
}
.togListWrap .togList.on .caobBtnOpenClose {
    background: #f6f3f2;
    color: #000;
}
.togListWrap .togList.on .caobBtnOpenClose:after {
    background-position: 100% 0;
}
@media screen and (max-width: 1024px) {
    .togListWrap .togCont p {
        font-size: 12px;
        line-height: 17px;
    }
    .togListWrap .togList {
        margin-bottom: 1px;
    }
    .togListWrap .btnOpenClose {
        display: block;
        position: relative;
        width: 100%;
        padding: 14px 15px 15px 30px;
        font-size: 15px;
        line-height: 50px;
    }
    .togListWrap .btnOpenClose:after {
        top: 22px;
        left: 15px;
        width: 12px;
        height: 7px;
        background-size: 12px auto;
        background-position: 100% -162px;
    }
    .togListWrap .btnOpenClose h3 {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .togListWrap .togList.on .btnOpenClose:after {
        background-size: 12px auto;
        background-position: 100% 0;
    }
    .togListWrap .togCont {
        padding: 20px 30px 45px 15px;
    }
    .togListWrap.togListWhtie .togList .btnOpenClose {
        height: 35px;
        padding: 0 15px;
        font-size: 12px;
        line-height: 35px;
    }
    .togListWrap.togListWhtie .togList .btnOpenClose:after {
        left: 15px;
    }
    .togListWrap.togListWhtie .togCont {
        padding: 20px 15px;
    }
    .togListWrap .togCont p.tgPB1 {
        padding-bottom: 30px;
    }
    .togListWrap .togCont p.tgPB2 {
        padding-bottom: 30px;
    }
    .togListWrap .caobBtnOpenClose {
        display: block;
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0 15px 0 30px;
        font-size: 15px;
        line-height: 50px;
    }
    .togListWrap .caobBtnOpenClose:after {
        top: 22px;
        left: 15px;
        width: 12px;
        height: 7px;
        background-size: 12px auto;
        background-position: 100% -162px;
    }
    .togListWrap .caobBtnOpenClose h3 {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 767px) {
    .togListWrap .togCont {
        padding: 20px 15px 60px 15px;
    }
}
.togListWrap {
    position: relative;
}
.togList li.dep1 {
    float: right;
    border-left: 1px solid #e4dcd3;
    border-right: 1px solid #e4dcd3;
}
.togList li.dep1:last-child {
    border-bottom: solid 1px #e4dcd3;
}
.togList li.dep1 {
    width: 100%;
}
.togList li.dep1 .tit {
    display: block;
    position: relative;
    padding: 0 30px;
    border-top: solid 1px #e4dcd3;
    font-size: 14px;
    line-height: 58px;
    color: #000;
    font-family: "HyundaiMedium";
}
.togList li.dep1 .tit {
    background: url(../images/ico-toggle-down.png) 2% no-repeat;
    background-size: 10px 7px;
}
.togList li.dep1.on .tit {
    background: url(../images/ico-toggle-up.png) 2% no-repeat;
    background-size: 10px 7px;
}
.togList li.dep1 .aswer {
    display: none;
    float: right;
    width: 100%;
}
.togList li.dep1 .aswer .dep2 {
    padding: 30px 60px 20px;
    border-top: 1px solid #e4dcd3;
}
@media screen and (max-width: 1024px) {
    .togList li.dep1 .tit {
        padding: 0 15px 0 30px;
        font-size: 12px;
        line-height: 34px;
    }
    .togList li.dep1 .aswer .dep2 {
        padding: 30px 50px 20px;
    }
}
@media screen and (max-width: 767px) {
    .togList li.dep1 p a.tit {
        padding: 0 15px;
        font-size: 14px;
        line-height: 35px;
    }
    .togList li.dep1 p a.tit {
        background: url(../images/ico-toggle-down.png) 4% no-repeat;
        background-size: 10px 7px;
    }
    .togList li.dep1.on p a.tit {
        background: url(../images/ico-toggle-up.png) 4% no-repeat;
        background-size: 10px 7px;
    }
    .togList li.dep1 .aswer .dep2 {
        padding: 12px 30px 0;
    }
}
.ckvm .sliderWrap .contsInfo {
    pointer-events: none;
}
.ckvm .sliderWrap .btn {
    width: 214px;
}
.ckvm .sliderWrap .contsInfo .toolTipWrap,
.ckvm .sliderWrap .contsInfo .toolTipWrap *,
.ckvm .sliderWrap .btn {
    pointer-events: auto;
}
.ckvm .sliderWrap .toolTipWrap .ic_Bquestion {
    position: absolute;
    top: 5px;
    right: 5px;
}
.ckvm .sliderWrap .sliderListWrap .sliderList {
    overflow: hidden;
    margin-bottom: 0 !important;
}
.ckvm .sliderWrap .mainControlWrap .btnPrev,
.ckvm .sliderWrap .mainControlWrap .btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    top: calc(50% - 160px);
    z-index: 10;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    cursor: pointer;
    transform: rotateY(180deg);
}
@media (max-width: 1024px) {
    .ckvm .sliderWrap .sliderListWrap .sliderList {
        margin-bottom: 0 !important;
    }
    .ckvm .sliderWrap .mainControlWrap .btnPrev,
    .ckvm .sliderWrap .mainControlWrap .btnNext {
        top: calc(50% - 116px);
    }
}
@media (max-width: 767px) {
    .ckvm .sliderWrap .mainVisualList .visual .awardWrap {
        position: static;
        right: 50px;
    }
    .ckvm .sliderWrap .btnWrap .colWd {
        min-width: 120px;
    }
    .ckvm .sliderWrap .btn {
        width: 100%;
    }
}
@media (max-width: 360px) {
    .ckvm .sliderWrap .btnWrap .colWd {
        min-width: 45%;
    }
}
.mianVisualWrap {
    overflow: hidden;
    position: relative;
}
.mianVisualWrap .mainVisualList {
    width: 100%;
}
.mianVisualWrap .mainVisualList:after {
    display: block;
    content: "";
    clear: both;
}
.mianVisualWrap .mainVisualList {
    float: left;
}
.mianVisualWrap .mainVisualList .visual {
    overflow: hidden;
    position: relative;
    height: 720px;
    max-width: 1860px;
    margin: 0 auto;
}
.mianVisualWrap .mainVisualList .visual.video {
    cursor: pointer;
}
.mianVisualWrap .mainVisualList .visual.video::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    content: "";
    line-height: 0;
    text-indent: -999px;
}
.mianVisualWrap .mainVisualList .visual.video::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.6;
}
.mianVisualWrap .mainVisualList .visual .img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.mianVisualWrap .mainVisualList .visual .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    height: 100%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.mianVisualWrap .mainVisualList .visual .img.video::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    content: "";
    line-height: 0;
    text-indent: -999px;
}
.mianVisualWrap .mainVisualList .visual .img.video::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.6;
}
.mianVisualWrap .mainVisualList .visual .contsInfo {
    position: absolute;
    top: 96px;
    bottom: 0;
    right: 50%;
    width: 1120px;
    margin-right: -560px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {
    display: inline-block;
    vertical-align: 20px;
    margin-left: 20px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {
    display: inline-block;
    margin: 0;
    padding-bottom: 15px;
    font-size: 58px;
    line-height: 71px;
    color: #000;
    font-family: "HyundaiMedium";
}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit.subTitS {
    font-size: 52px;
    line-height: 60px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .titWrap p.stit {
    margin: 0;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "HyundaiMedium";
}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList {
    margin-bottom: 25px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList:after {
    display: block;
    content: "";
    clear: both;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .txtList li {
    float: right;
    width: 100%;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList {
    margin-bottom: 33px;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList li {
    float: right;
    width: 100%;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList li p {
    display: inline-block;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap {
    margin-bottom: 65px;
    text-align: right;
}
.mianVisualWrap .mainVisualList .visual .contsInfo .toolTipWrap {
    display: inline-block;
    vertical-align: top;
}
.mianVisualWrap .mainVisualList .visual .awardWrap {
    position: absolute;
    bottom: 60px;
    right: 0;
    width: 1120px;
}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList {
    width: 100%;
    margin: 0;
}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList:after {
    display: block;
    content: "";
    clear: both;
}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {
    float: right;
    height: 60px;
    margin-right: 20px;
}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li img {
    width: auto;
    height: 60px;
    max-width: 100%;
}
.mianVisualWrap .mainVisualList .visual .awardWrap .awardList li:first-child {
    margin-right: 0;
}
.mianVisualWrap .mainVisualList .visualsubInfo {
    width: 100%;
    background: #f6f3f2;
}
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea {
    width: 1120px;
    margin: 0 auto;
    padding: 50px 0;
}
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {
    margin-bottom: 20px;
}
.mianVisualWrap .mainVisualList .visualsubInfo .txtArea .icoNote {
    margin-top: 20px;
}
.mainControlWrap .controlWrap {
    width: 100%;
    padding: 30px 0 60px 0;
    text-align: center;
}
.mainControlWrap .ix-thumbs {
    display: inline-block;
}
.mainControlWrap .ix-thumbs .ix-thumb {
    display: inline-block;
    margin: 5px;
}
.sliderWrap .mainControlWrap .sliderPagination {
    position: relative;
    top: 0;
}
.mainControlWrap .slide_control {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.mainControlWrap .btnStop,
.mainControlWrap .btnPlay {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 12px;
    margin-top: 5px;
    text-indent: -9999px;
    cursor: pointer;
}
.mainControlWrap .btnStop {
    background: url(../images/btn-stop.png) no-repeat;
    background-size: 100%;
}
.mainControlWrap .btnPlay {
    display: none;
    background: url(../images/btn-play.png) no-repeat;
    background-size: 100%;
}
.mainControlWrap .btnPrev {
    right: 40px;
    background: url(../images/ico-arr-prev-s.png) no-repeat center center;
}
.mainControlWrap .btnPrev.bgW {
    right: 40px;
    background: url(../images/ico-prev-arr-white.png) no-repeat center center;
}
.mainControlWrap .btnNext {
    left: 40px;
    background: url(../images/ico-arr-next-s.png) no-repeat center center;
}
.mainControlWrap .btnNext.bgW {
    left: 40px;
    background: url(../images/ico-next-arr-white.png) no-repeat center center;
}
.mainControlWrap .btnNext.disabled,
.mainControlWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
@media (max-width: 1240px) {
    .mianVisualWrap .mainVisualList .visual .awardWrap {
        bottom: 60px;
        right: 0;
        width: auto;
    }
    .mianVisualWrap .mainVisualList .visual .awardWrap .awardList {
        width: auto;
        padding: 0;
    }
    .mainControlWrap .btnPrev,
    .mainControlWrap .btnPrev.bgW {
        right: 30px;
    }
    .mainControlWrap .btnNext,
    .mainControlWrap .btnNext.bgW {
        left: 30px;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo {
        width: 100%;
        background: #f6f3f2;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 50px 25px;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {
        margin-bottom: 20px;
    }
}
@media (max-width: 1024px) {
    .mianVisualWrap .mainVisualList .visual .awardWrap {
        bottom: 30px;
        right: 0;
    }
    .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {
        height: 30px;
        margin-right: 13px;
    }
    .mianVisualWrap
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:first-child {
        margin-left: 13px;
    }
    .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li img {
        height: 30px;
    }
    .mianVisualWrap
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(2) {
        margin-right: 0;
    }
    .mainControlWrap .controlWrap {
        padding: 25px 0;
    }
    .mainControlWrap .btnPrev,
    .mainControlWrap .btnPrev.bgW {
        right: 20px;
    }
    .mainControlWrap .btnNext,
    .mainControlWrap .btnNext.bgW {
        left: 20px;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 29px 23px;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .icoNote {
        margin-top: 20px;
    }
    .mainControlWrap .btnStop,
    .mainControlWrap .btnPlay {
        width: 8px;
        height: 10px;
    }
}
@media (max-width: 767px) {
    .mianVisualWrap .mainVisualList .visual .awardWrap {
        position: static;
        top: 182px;
        bottom: auto;
        right: 25px;
    }
    .mianVisualWrap .mainVisualList .visual .awardWrap .awardList li {
        height: 30px;
        margin-right: 13px;
    }
    .mianVisualWrap
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:first-child {
        margin-left: 13px;
    }
    .mianVisualWrap
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(2) {
        margin-right: 0;
    }
    .mianVisualWrap
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(4) {
        margin-top: 10px;
        margin-right: 0;
    }
    .mianVisualWrap .ix-thumbs {
        padding: 25px 0;
    }
    .mianVisualWrap .mainVisualList .visual .img {
        position: static;
    }
    .mianVisualWrap .mainVisualList .visual .img img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .mianVisualWrap .mainVisualList .visual .videoPoster img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo {
        right: 5%;
        margin-right: 0;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {
        display: block;
    }
    .mianVisualWrap .mainVisualList .visual .img {
        position: static;
        height: auto;
    }
    .mianVisualWrap .mainVisualList .visual .img img {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
        transform: none;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea {
        padding: 20px 25px;
    }
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitM,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTitL,
    .mianVisualWrap .mainVisualList .visualsubInfo .txtArea .subTit {
        margin-bottom: 10px;
    }
}
.sliderWrap.ckvoWrap .sliderList {
    width: 100%;
}
.sliderWrap.ckvoWrap .sliderList:after {
    display: block;
    content: "";
    clear: both;
}
.sliderWrap.ckvoWrap .sliderList {
    float: right;
    width: 100%;
}
.sliderWrap.ckvoWrap .sliderList .visual {
    overflow: hidden;
    position: relative;
    height: 540px;
    max-width: 1860px;
    margin: 0 auto;
}
.sliderWrap.ckvoWrap .sliderList .visual .img {
    position: relative;
    width: 100%;
    height: 100%;
}
.sliderWrap.ckvoWrap .sliderList .visual .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    max-height: 100%;
    transform: translate(50%, -50%);
}
.sliderWrap.ckvoWrap .sliderList .visual.video {
    cursor: pointer;
}
.sliderWrap.ckvoWrap .sliderList .visual.video::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    content: "";
    line-height: 0;
    text-indent: -999px;
}
.sliderWrap.ckvoWrap .sliderList .visual.video::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.6;
}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo {
    position: absolute;
    top: 96px;
    right: 0;
    left: 0;
    width: 1120px;
    max-width: calc(100% - 70px);
    margin: 0 auto;
    padding: 0 35px;
    box-sizing: content-box;
    text-align: right;
}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap {
    display: inline-block;
    margin-bottom: 25px;
}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 58px;
    line-height: 71px;
    color: #000;
    font-family: "HyundaiMedium";
}
.sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "HyundaiMedium";
}
.sliderWrap.ckvoWrap .sliderListWrap .sliderList {
    overflow: hidden;
    margin-bottom: 0 !important;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .controlWrap {
    width: 100%;
    padding: 30px 0 60px 0;
    text-align: center;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .sliderPagination {
    position: relative;
    top: auto;
    left: 0;
    bottom: auto;
    right: 0;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnStop,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPlay {
    overflow: hidden;
    width: 10px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnStop {
    background: url(../images/btn-stop.png) no-repeat;
    background-size: 100%;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPlay {
    display: none;
    background: url(../images/btn-play.png) no-repeat;
    background-size: 100%;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .ix-thumbs {
    display: inline-block;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .ix-thumbs .ix-thumb {
    display: inline-block;
    margin: 5px;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 24px;
    height: 40px;
    margin-top: -60px;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev {
    right: 40px;
    background: url(../images/ico-prev-arr.png) no-repeat center center;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW {
    right: 40px;
    background: url(../images/ico-prev-arr-white.png) no-repeat center center;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext {
    left: 40px;
    background: url(../images/ico-next-arr.png) no-repeat center center;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {
    left: 40px;
    background: url(../images/ico-next-arr-white.png) no-repeat center center;
}
.sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.disabled,
.sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
@media (max-width: 1240px) {
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 50px 25px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .txtArea .icoNote {
        margin-top: 20px;
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev {
        right: 30px;
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext {
        left: 30px;
    }
}
@media (max-width: 1024px) {
    .sliderWrap.ckvoWrap .sliderListWrap .sliderList {
        margin-bottom: 0 !important;
    }
    .sliderWrap.ckvoWrap .sliderList .visual {
        overflow: hidden;
        position: relative;
        height: 340px;
        max-width: 100%;
        margin: 0 auto;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .img {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
        height: 340px;
        margin-right: 0;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo {
        top: 55px;
        right: 0;
        width: auto;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap {
        margin-bottom: 0;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {
        margin-bottom: 7px;
        font-size: 30px;
        line-height: 35px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 19px;
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .controlWrap {
        padding: 20px 0;
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW,
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {
        top: 50%;
        width: 12px;
        height: 20px;
        margin-top: -32px;
        background-size: 100%;
        transform: translateY(-50%);
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev,
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnPrev.bgW {
        right: 23px;
    }
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext,
    .sliderWrap.ckvoWrap .ckvoControlWrap .btnNext.bgW {
        left: 23px;
    }
    .sliderWrap.ckvoWrap .sliderWrap .btnPrev,
    .sliderWrap.ckvoWrap .sliderWrap .btnNext {
        top: 24vw;
        margin-top: -22px;
    }
    .sliderWrap.ckvoWrap .sliderWrap .sliderPagination {
        top: 46vw;
    }
}
@media (max-width: 767px) {
    .sectionWrap.ckvo.hyundaiStoyBgType1 {
        background-size: cover;
    }
    .sliderWrap.ckvoWrap .sliderList .visual {
        height: auto;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo {
        padding: 0 25px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap .ftit {
        display: block;
        margin-bottom: 7px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .contsInfo .titWrap p.stit {
        display: block;
        margin-bottom: 50px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: auto;
        max-height: 600px;
    }
    .sliderWrap.ckvoWrap .sliderList .visual .img img {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .sliderWrap.ckvoWrap .sliderList .videoPoster img {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .ckvoControlWrap .controlWrap {
        padding: 20px 0;
    }
}
.chibBanner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.chibBanner > li {
    float: right;
    position: relative;
    width: 50%;
}
.chibBanner > li a {
    display: block;
}
.chibBanner > li a .img {
    overflow: hidden;
    position: relative;
    height: 312px;
}
.chibBanner > li a .img img {
    position: absolute;
    right: 50%;
    width: 960px;
    height: 312px;
    margin-right: -480px;
}
.chibBanner > li a .middel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.chibBanner > li a .chibTxt {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
}
.chibBanner > li a .chibTxt p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
@media (max-width: 1024px) {
    .chibBanner > li a .img {
        height: auto;
    }
    .chibBanner > li a .img img {
        position: static;
        width: 100%;
        height: auto;
        margin-right: -365px;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .chibBanner > li {
        width: 100%;
    }
    .chibBanner > li a .img {
        height: initial;
    }
    .chibBanner > li a .img img {
        position: relative;
        right: 0;
        width: 100%;
        height: 100%;
        margin-right: 0;
    }
}
.ctnbWrap .navigationTabWrap {
    overflow: hidden;
    position: relative;
    z-index: 20;
    width: 100%;
    height: 70px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 0.05);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ctnbWrap .navigationTab {
    position: relative;
    height: 70px;
    max-width: 1120px;
    margin: 0 auto;
    line-height: 70px;
    text-align: left;
}
.ctnbWrap .navigationTab .tit {
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    width: 80px;
    max-height: 32px;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-family: "HyundaiMedium";
    transform: translateY(-50%);
    text-align: right;
}
.ctnbWrap .navigationTab .tabListArea {
    overflow: hidden;
    margin-right: 147px;
}
.ctnbWrap .navigationTab .tabListArea .tabList {
    overflow: hidden;
    text-align: right;
}
.ctnbWrap .navigationTab .tabListArea .tabList .tab {
    float: right;
    padding-right: 28px;
}
.ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child {
    padding-right: 0;
}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a {
    display: block;
    font-size: 16px;
    line-height: 70px;
    color: #000;
    text-align: center;
    text-decoration: none;
}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a:hover,
.ctnbWrap .navigationTab .tabListArea .tabList .tab.on a {
    font-size: 16px;
    font-weight: 700;
    color: #00aad2;
}
.ctnbWrap .navigationTab .ctnbBtn {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 7px;
    height: 12px;
    margin-top: -6px;
    text-indent: -9999px;
    cursor: pointer;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
.ctnbWrap .navigationTab .ctnbBtn.btnPrev {
    right: 107px;
    background-image: url(../images/ico-prev-arr-s.png);
}
.ctnbWrap .navigationTab .ctnbBtn.btnNext {
    left: 0;
    background-image: url(../images/ico-next-arr-s.png);
}
.ctnbWrap .navigationTab.maxWd .tabListArea {
    margin-left: 35px;
}
.ctnbWrap .navigationTab.maxWd .ctnbBtn {
    display: block;
}
@media screen and (max-width: 1024px) {
    .ctnbWrap .navigationTab {
        height: 48px;
        padding: 0 25px;
        line-height: 48px;
    }
    .ctnbWrap .navigationTab .tabListArea {
        margin-right: 143px;
    }
    .ctnbWrap .navigationTab.maxWd .tabListArea {
        height: 100%;
        margin-left: 32px;
    }
    .ctnbWrap .navigationTab .ctnbBtn.btnPrev {
        right: 136px;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab {
        padding-right: 25px;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child {
        padding-right: 0;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab a {
        line-height: 48px;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab.on a {
        font-size: 14px;
    }
    .ctnbWrap .navigationTab .ctnbBtn.btnNext {
        left: 25px;
    }
    .ctnbWrap .navigationTabWrap {
        height: 48px;
    }
    .ctnbWrap .navigationTab .tit {
        max-height: 28px;
    }
}
@media screen and (max-width: 767px) {
    .ctnbWrap .navigationTab {
        padding: 0 15px;
    }
    .ctnbWrap .navigationTab .tabListArea {
        margin-right: 72px;
    }
    .ctnbWrap .navigationTab .tit {
        width: 50px;
    }
    .ctnbWrap .navigationTab.maxWd .ctnbBtn {
        display: none;
    }
    .ctnbWrap .navigationTab.maxWd .tabListArea {
        margin-left: 0;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab {
        padding-right: 15px;
    }
    .ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child {
        padding-right: 0;
    }
}
.naviJumpWrap {
    background: #e4dcd3;
}
.naviJumpWrap .naviJump {
    overflow: hidden;
    display: table;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.naviJumpWrap .naviJump a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
.naviJumpWrap .naviJump .prev,
.naviJumpWrap .naviJump .next {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 160px;
    padding: 0 40px;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-family: "HyundaiMedium";
}
.naviJumpWrap .naviJump .prev {
    width: 50%;
    padding: 15px 87px 15px 40px;
    text-align: right;
}
.naviJumpWrap .naviJump .next {
    width: 50%;
    padding: 15px 40px 15px 87px;
    text-align: left;
}
.naviJumpWrap .icoPrevArrow {
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -53px;
    width: 12px;
    height: 20px;
    margin: -10px 0 0 30px;
    background: url(../images/ico-arr-prev-s.png) no-repeat;
    background-size: 100%;
}
.naviJumpWrap .icoNextArrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -53px;
    width: 12px;
    height: 20px;
    margin: -10px 30px 0 0;
    background: url(../images/ico-arr-next-s.png) no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
    .naviJumpWrap {
        max-width: 100%;
    }
    .naviJumpWrap .naviJump {
        width: 100%;
        padding: 0 14px;
    }
    .naviJumpWrap .naviJump .prev,
    .naviJumpWrap .naviJump .next {
        height: 100px;
        padding: 0 10px;
        font-size: 18px;
        line-height: 28px;
    }
    .naviJumpWrap .naviJump .prev {
        padding: 10px 35px 10px 10px;
    }
    .naviJumpWrap .naviJump .next {
        padding: 10px 10px 10px 35px;
    }
    .naviJumpWrap .icoPrevArrow {
        vertical-align: middle;
        position: absolute;
        top: 50%;
        right: -30px;
        width: 12px;
        height: 20px;
        margin-top: -10px;
        background: url(../images/ico-prev-arr.png) no-repeat;
        background-size: 100%;
    }
    .naviJumpWrap .icoNextArrow {
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: -30px;
        width: 12px;
        height: 20px;
        margin-top: -10px;
        background: url(../images/ico-next-arr.png) no-repeat;
        background-size: 100%;
    }
}
@media screen and (max-width: 767px) {
    .naviJumpWrap .naviJump {
        overflow: hidden;
        display: table;
        width: 100%;
    }
    .naviJumpWrap .naviJump .prev,
    .naviJumpWrap .naviJump .next {
        display: table-cell;
        width: 50%;
        height: 70px;
        padding: 0;
    }
    .naviJumpWrap .naviJump .prev {
        padding: 0 25px 0 10px;
    }
    .naviJumpWrap .naviJump .next {
        padding: 0 10px 0 25px;
    }
    .naviJumpWrap .icoPrevArrow {
        position: absolute;
        top: 50%;
    }
    .naviJumpWrap .icoNextArrow {
        position: absolute;
        top: 50%;
    }
}
.cttaWrap {
    width: 100%;
}
.cttaWrap h2,
.cttaWrap h3,
.cttaWrap h4 {
    margin-bottom: 20px;
}
.cttaWrap .txtList {
    margin-bottom: 20px;
}
.cttaWrap p.cttaMb {
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .cttaWrap h2,
    .cttaWrap h3,
    .cttaWrap h4 {
        margin-bottom: 15px;
    }
    .cttaWrap .txtList {
        margin-bottom: 15px;
    }
    .cttaWrap p.cttaMb {
        margin-bottom: 30px;
    }
}
.cttbWrap dl {
    width: 100%;
    padding-top: 20px;
}
.cttbWrap dl:first-child {
    padding-top: 0;
}
@media screen and (max-width: 1024px) {
    .cttbWrap dl {
        width: 100%;
        padding-top: 15px;
    }
}
.cttcWrap {
    width: 100%;
}
.cttcWrap p {
    margin-bottom: 20px;
}
.cttcWrap pre {
    overflow: initial;
}
.cttcWrap p strong {
    font-weight: normal !important;
    font-family: "HyundaiMedium" !important;
}
@media screen and (max-width: 1024px) {
    .cttcWrap p {
        margin-bottom: 15px;
    }
}
.topLinkBar {
    background: #002c5f;
}
.topLinkBar .barInner {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 72px;
    max-width: 1120px;
    margin: 0 auto;
}
.topLinkBar .barInner .col {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
}
.topLinkBar .barInner .col a {
    display: inline-block;
    vertical-align: -10px;
    font-size: 20px;
    color: #fff;
    font-family: "HyundaiMedium";
}
.ctad .topLinkBar {
    background: #fff;
}
.ctad .barInner a img {
    margin-left: 10px;
}
.ctad span.gt_cta,
.ctad span.configurator,
.ctad span.drive,
.ctad span.quote {
    margin-left: 0;
}
.ctad .topLinkBar .hiddenSm {
    display: inline-block !important;
}
.ctad .topLinkBar .barInner .col {
    display: table-cell;
    vertical-align: middle;
    height: auto;
}
.ctad .topLinkBar .barInner {
    overflow: hidden;
    display: table;
    width: 100%;
    height: auto;
    max-width: 1120px;
    margin: 0 auto;
}
.ctad .topLinkBar .barInner .col a {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    font-size: 20px;
    line-height: 30px;
}
.ctad .topLinkBar .barInner .col a:hover,
.ctad .topLinkBar .barInner .col a:focus {
    text-decoration: none;
}
.ctad .topLinkBar .barInner .col a:hover span {
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    .topLinkBar .barInner {
        height: 60px;
        max-width: 100%;
    }
    .topLinkBar .barInner .col {
        display: table-cell;
        vertical-align: middle;
        height: 60px;
    }
    .topLinkBar .barInner .col a {
        vertical-align: -4px;
        font-size: 14px;
    }
    .ctad .barInner a img {
        width: 26px;
        height: 26px;
    }
    .ctad .topLinkBar .barInner .col a {
        padding: 17px 0;
        font-size: 14px;
        line-height: 26px;
    }
}
@media screen and (max-width: 767px) {
    .topLinkBar .barInner .col a {
        display: block;
        vertical-align: 0;
    }
    .ctad .barInner a img {
        display: block;
        margin: auto;
        margin-left: 0;
    }
    .ctad .topLinkBar .barInner .col a {
        display: block;
        vertical-align: 0;
        padding: 9px 0;
        font-size: 10px;
        line-height: 12px;
    }
    .ctad span.gt_cta,
    .ctad span.configurator,
    .ctad span.drive,
    .ctad span.quote {
        margin-top: 4px;
        margin-bottom: 0;
    }
}
.ctoaTableRow {
    width: 100%;
    border-left: 1px solid #e4dcd3;
    border-bottom: 1px solid #e4dcd3;
    table-layout: fixed;
}
.ctoaTableRow tr th {
    padding: 20px;
    border-left: 1px solid #e4dcd3;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #e4dcd3;
    background: #e4dcd3;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    font-family: "HyundaiMedium";
}
.ctoaTableRow tr td {
    padding: 20px;
    border-bottom: 1px solid #e4dcd3;
    background: #fff;
    font-size: 14px;
    line-height: 1.286;
}
.ctoaTableRow tr:first-child th,
.ctoaTableRow tr:first-child td {
    border-top: 1px solid #e4dcd3;
}
.ctoaTableRow tr:last-child th,
.ctoaTableRow tr:last-child td {
    border-bottom: 0 none;
}
.ctoaTableRow .Bullet {
    display: block;
}
.ctoaWrap h2,
.ctoaWrap h3,
.ctoaWrap h4 {
    margin-bottom: 24px;
}
.ctoaWrap h2 {
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .ctoaWrap h3,
    .ctoaWrap h4 {
        margin-bottom: 24px;
    }
    .ctoaWrap h2 {
        margin-bottom: 15px;
    }
    .ctoaTableRow tr th,
    .ctoaTableRow tr td {
        padding: 15px;
    }
}
@media screen and (max-width: 767px) {
    .ctoaWrap h2,
    .ctoaWrap h3,
    .ctoaWrap h4 {
        margin-bottom: 13px;
    }
    .ctoaTableRow tr th,
    .ctoaTableRow tr td {
        padding: 10px;
    }
}
.ctobWrap {
    width: 100%;
}
.ctobWrap.last {
    margin-bottom: 0;
}
.ctobWrap h3,
.ctobWrap h4 {
    margin-bottom: 24px;
}
.ctobWrap h2 {
    margin-bottom: 15px;
}
.ctobWrap .tableTypeCol2 {
    background-color: #fff;
    box-sizing: border-box;
}
.ctobWrap .tableTypeCol2 tr td {
    background: 0;
}
.ctobWrap.fAlign .alignTHL th:first-child,
.ctobWrap.fAlign .alignTHR th:first-child,
.ctobWrap.fAlign .alignTDL td:first-child,
.ctobWrap.fAlign .alignTDR td:first-child {
    text-align: center !important;
}
@media screen and (max-width: 1024px) {
    .ctobWrap {
        padding-bottom: 39px;
    }
    .ctobWrap h3,
    .ctobWrap h4 {
        margin-bottom: 24px;
    }
    .ctobWrap h2 {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .ctobWrap h3,
    .ctobWrap h4 {
        margin-bottom: 13px;
    }
    .ctobWrap h2 {
        margin-bottom: 15px;
    }
    .ctobWrap .tableTypeCol2 tr th,
    .ctobWrap .tableTypeCol2 tr td {
        padding: 10px;
    }
}
.ctocWrap {
    width: 100%;
}
.ctocWrap h2,
.ctocWrap h3,
.ctocWrap h4 {
    margin-bottom: 31px;
}
.tableTypeCol2.ctoc .tbcol {
    width: 10%;
}
.tableTypeCol2.ctoc .tbcol2 {
    width: 20%;
}
.tableTypeCol2.ctoc .tbcol3 {
    width: 40%;
}
.tableTypeCol2.ctoc tr td {
    vertical-align: top;
    border-left: solid 1px #e4dcd3;
}
.tableTypeCol2.ctoc tr td:first-child {
    border-right: solid 1px #e4dcd3;
}
.tableTypeCol2.ctoc tr th {
    background: #e4dcd3;
    color: #333;
}
.tableTypeCol2.ctoc tr th:first-child {
    border-right: 1px solid #e4dcd3;
}
.tableTypeCol2.ctoc tr th:last-child {
    border-left: 1px solid #e4dcd3;
}
@media screen and (max-width: 1024px) {
    .ctocWrap h3,
    .ctocWrap h4 {
        margin-bottom: 31px;
    }
    .ctocWrap h2 {
        margin-bottom: 15px;
    }
    .ctocWrap .tableTypeCol2 tr th {
        padding: 13px 15px 14px;
    }
}
@media screen and (max-width: 767px) {
    .ctocWrap h3,
    .ctocWrap h4 {
        margin-bottom: 13px;
    }
    .ctocWrap h2 {
        margin-bottom: 15px;
    }
    .tableTypeCol2.ctoc .tbcol {
        width: 100%;
    }
    .tableTypeCol2.ctoc .tbcol2 {
        width: 100%;
    }
    .tableTypeCol2.ctoc .tbcol3 {
        width: 100%;
    }
    .tableTypeCol2.ctoc thead th {
        display: none;
    }
    .tableTypeCol2.ctoc tbody td {
        display: block;
    }
    .tableTypeCol2.ctoc tr td:first-child {
        padding: 13px 15px 14px;
        background: #002c5f;
        color: #fff;
        font-family: "HyundaiMedium";
    }
}
.ctodWrap {
    width: 100%;
}
.ctodWrap h3,
.ctodWrap h4 {
    margin-bottom: 29px;
}
.ctodWrap h2 {
    margin-bottom: 30px;
}
.ctodWrap .ctodbox {
    margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
    .ctodWrap h3,
    .ctodWrap h4 {
        margin-bottom: 26px;
    }
    .ctodWrap h2 {
        margin-bottom: 25px;
    }
    .ctodWrap .ctodbox {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .ctodWrap .ctodbox .tTitle {
        display: none;
    }
}
.cnsaWrap {
    width: 100%;
}
.cnsaWrap .titWrap h3,
.cnsaWrap .titWrap h4 {
    margin-bottom: 41px;
}
.cnsaWrap .titWrap h2 {
    margin-bottom: 80px;
}
.cnsaWrap .gridbox.areaFlip li.gridCont2 .imgArea {
    float: left;
}
.cnsaWrap .gridbox li .imgArea {
    min-height: 170px;
}
.cnsaWrap .gridbox li .txtArea h2,
.cnsaWrap .gridbox li .txtArea h3 .cnsaWrap .gridbox li .txtArea h4 {
    margin-bottom: 8px;
}
.cnsaWrap .gridbox li .txtArea .icoNote {
    margin-top: 15px;
}
.cnsaWrap .gridbox li .imgArea img {
    position: static;
    width: 100%;
    -webkit-transform: none;
    transform: none;
}
.gridbox li .txtArea {
    display: table-cell;
}
.gridbox li .imgArea.col1 {
    float: right;
    width: 256px;
    margin-left: 20px;
}
@media screen and (max-width: 1024px) {
    .cnsaWrap .gridbox li .imgArea {
        min-height: 192px;
    }
    .cnsaWrap.col1 .gridbox li .imgArea img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .cnsaWrap .gridbox li {
        margin-bottom: 40px;
    }
    .cnsaWrap .gridbox li .imgArea {
        height: 192;
        margin-bottom: 20px;
    }
    .cnsaWrap .gridbox li .imgArea img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }
    .gridbox li .imgArea.col1 {
        float: none;
        width: 100%;
        height: auto;
    }
}
.cnsbMessage {
    position: relative;
    background: #f6f3f2;
}
.cnsbMessage:after {
    display: block;
    content: "";
    clear: both;
}
.cnsbMessage .imgArea {
    overflow: hidden;
    float: right;
    vertical-align: top;
    position: relative;
    width: 66%;
}
.cnsbMessage .imgArea img {
    position: relative;
    right: 50%;
    width: 100%;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.cnsbMessage .txtArea {
    float: left;
    vertical-align: middle;
    width: 34%;
    padding: 60px 50px 0;
}
.cnsbMessage .txtArea .subTitL {
    margin: 3px 0 21px 0;
}
.cnsbMessage .txtArea .conAreaM {
    margin-top: 21px;
}
.cnsbMessage .txtArea .sign {
    margin-top: 20px;
}
.areaFlip .cnsbMessage .imgArea {
    float: left;
}
.areaFlip .cnsbMessage .txtArea {
    float: right;
}
@media screen and (max-width: 1024px) {
    .cnsbMessage .imgArea {
        width: 50%;
    }
    .cnsbMessage .txtArea {
        width: 50%;
        padding: 40px 30px 0;
    }
    .cnsbMessage .txtArea .subTitL {
        margin: 4px 0 14px 0;
    }
    .cnsbMessage .txtArea .conAreaM {
        margin-top: 15px;
    }
    .cnsbMessage .txtArea .sign {
        margin-top: 15px;
    }
    .cnsbMessage .txtArea .sign img {
        width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .cnsbMessage .imgArea {
        display: block;
        width: 100%;
    }
    .cnsbMessage .imgArea img {
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: none;
        transform: none;
    }
    .cnsbMessage .txtArea {
        display: block;
        width: 100%;
        padding: 30px 15px 45px;
    }
    .cnsbMessage .txtArea .subTitL {
        margin: 13px 0;
    }
    .cnsbMessage .subTitM {
        margin-top: 0;
    }
    .cnsbMessage .txtArea .sign {
        margin-top: 15px;
    }
}
.cnscWrap {
    padding: 0 160px;
}
.cnscWrap h3,
.cnscWrap h4 {
    margin-bottom: 27px;
}
.cnscWrap h2 {
    margin-bottom: 30px;
}
.cnscImg {
    display: block;
    width: 100%;
}
.cnscWrap .txtArea p {
    margin-bottom: 50px !important;
}
.cnscWrap .titWrap {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.cnscWrap .txtArea {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .cnscWrap {
        padding: 0 84px;
    }
    .cnscWrap h3,
    .cnscWrap h4 {
        margin-bottom: 14px;
    }
    .cnscWrap h2 {
        margin-bottom: 20px;
    }
    .cnscWrap .txtArea p {
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 767px) {
    .cnscWrap {
        padding: 0 35px;
    }
}
.cnsdWrap {
    width: 100%;
}
.cnsdWrap .fullImg {
    height: 420px;
    margin-bottom: 50px;
}
.cnsd .txtArea {
    position: relative;
}
.cnsd .txtArea:after {
    display: block;
    content: "";
    clear: both;
}
.cnsd .txtArea dt.grid {
    float: right;
    width: 560px;
}
.cnsd .txtArea dt.grid a.link {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 20px;
    background: url(../images/ico-link-arr.png) left no-repeat;
    background-size: 8px;
    font-size: 18px;
    color: #002c5f;
    font-family: "HyundaiMedium";
}
.cnsd .txtArea dd.grid {
    float: right;
    width: 550px;
    margin: 0;
    padding: 0 10px 0 0;
}
@media screen and (max-width: 1240px) {
    .cnsdWrap {
        padding-bottom: 40px;
    }
    .cnsdWrap .fullImg {
        margin-bottom: 25px;
    }
    .cnsdWrap .fullImg .img img {
        height: auto;
    }
    .cnsd .txtArea dt.grid {
        width: 42.5%;
    }
    .cnsd .txtArea dd.grid {
        width: 53.5%;
        padding: 0 4% 0 0;
    }
}
@media screen and (max-width: 767px) {
    .cnsdWrap .subTitM {
        margin-top: 0;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 1024px) {
    .cnsdWrap .fullImg {
        height: 192px;
    }
}
@media screen and (max-width: 1240px) {
    .cnsdWrap .fullImg {
        height: 192px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 767px) {
    .cnsdWrap .fullImg {
        height: auto;
    }
    .cnsd .txtArea dt.grid {
        width: 100%;
    }
    .cnsd .txtArea dd.grid {
        width: 100%;
        padding-right: 0;
    }
}
.ctsaWrap .fullImg {
    height: 420px;
    margin-bottom: 40px;
}
.ctsaWrap .txtSlideWrap .txtSlideList li .txtArea {
    padding: 0 42px;
}
@media screen and (max-width: 1024px) {
    .ctsaWrap .fullImg {
        height: auto;
        margin-bottom: 20px;
    }
    .ctsaWrap .fullImg .img img {
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: none;
        transform: none;
    }
}
@media screen and (max-width: 767px) {
    .ctsaWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 0;
    }
}
.ctsbWrap {
    padding-top: 61px;
}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtArea {
    width: auto;
    padding: 0 160px;
}
.ctsbWrap .txtBgCycle {
    position: relative;
    width: 530px;
    height: 280px;
    margin: 0 auto 50px auto;
}
.ctsbWrap .txtBgCycle:after {
    display: block;
    content: "";
    clear: both;
}
.ctsbWrap .txtBgCycle li {
    position: absolute;
    top: 0;
    width: 280px;
    height: 280px;
    border: 2px solid #e4dcd3;
    background: #e4dcd3;
    border-radius: 50%;
    opacity: 0.7;
}
.ctsbWrap .txtBgCycle li p {
    display: table-cell;
    vertical-align: middle;
    width: 280px;
    height: 280px;
    padding: 40px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    text-align: center;
    font-family: "HyundaiMedium";
    word-break: break-all;
}
.ctsbWrap .txtBgCycle li:nth-child(1) {
    right: 0;
}
.ctsbWrap .txtBgCycle li:nth-child(2) {
    right: 250px;
}
.ctsbWrap .txtBgCycle li:nth-child(3) {
    right: 500px;
}
.ctsbWrap .txtBgCycle.col3 {
    width: 780px;
}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2 {
    margin-bottom: 15px;
}
.ctsbWrap .txtSlideWrap .txtSlideList li .txtList {
    margin-top: 30px;
}
@media screen and (max-width: 1024px) {
    .ctsbWrap {
        padding-top: 33px;
    }
    .ctsbWrap .txtBgCycle {
        width: 390px;
        height: 210px;
        margin: 0 auto 40px;
    }
    .ctsbWrap .txtBgCycle li {
        width: 210px;
        height: 210px;
    }
    .ctsbWrap .txtBgCycle li p {
        width: 210px;
        height: 210px;
        padding: 32px;
        font-size: 17px;
        line-height: 21px;
    }
    .ctsbWrap .txtBgCycle li:nth-child(1) {
        right: 0;
    }
    .ctsbWrap .txtBgCycle li:nth-child(2) {
        right: 180px;
    }
    .ctsbWrap .txtBgCycle li:nth-child(3) {
        right: 360px;
    }
    .ctsbWrap .txtBgCycle.col3 {
        width: 570px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li .txtList {
        margin-top: 20px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 0 60px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2 {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .ctsbWrap .txtBgCycle {
        width: 210px;
        height: 400px;
        margin: 0 auto 35px;
    }
    .ctsbWrap .txtBgCycle li {
        width: 210px;
        height: 210px;
    }
    .ctsbWrap .txtBgCycle li p {
        width: 210px;
        height: 210px;
        padding: 32px;
        font-size: 17px;
        line-height: 21px;
    }
    .ctsbWrap .txtBgCycle li:nth-child(1) {
        right: 0;
    }
    .ctsbWrap .txtBgCycle li:nth-child(2) {
        top: 180px;
        right: 0;
    }
    .ctsbWrap .txtBgCycle li:nth-child(3) {
        top: 360px;
        right: 0;
    }
    .ctsbWrap .txtBgCycle.col3 {
        width: 210px;
        height: 570px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li {
        padding: 0 15px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea h2 {
        margin-bottom: 15px;
    }
    .ctsbWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 0;
    }
}
.txtSlideWrap {
    position: relative;
    width: 100%;
}
.txtSlideWrap .txtSlideList {
    overflow: hidden;
    position: relative;
}
.txtSlideWrap .txtSlideList:after {
    display: block;
    content: "";
    clear: both;
}
.txtSlideWrap .txtSlideList li {
    float: left;
    width: 100%;
}
.txtSlideWrap .txtSlideList li .txtArea {
    padding: 0 25px;
}
.txtSlideWrap .txtSlideList li .txtArea h3,
.txtSlideWrap .txtSlideList li .txtArea h4 {
    margin-bottom: 12px;
}
.txtSlideWrap .txtSlideList li .txtArea h2 {
    margin-bottom: 20px;
}
.txtSlideWrap .txtSlideList li .txtList {
    margin-top: 40px;
}
.txtSlideWrap .sliderBtnWrap .btnPrev,
.txtSlideWrap .sliderBtnWrap .btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 20px;
    margin-top: -8px;
    text-indent: -9999px;
    transform: rotateY(180deg);
}
.txtSlideWrap .sliderBtnWrap .btnPrev {
    right: 0;
    background: url(../images/btn-prev2.png) no-repeat center center;
}
.txtSlideWrap .sliderBtnWrap .btnNext {
    left: 0;
    background: url(../images/btn-next2.png) no-repeat center center;
}
.txtSlideWrap .sliderBtnWrap .btnPrev.disabled,
.txtSlideWrap .sliderBtnWrap .btnNext.disabled {
    opacity: 0.3;
    cursor: default;
}
.txtSlideWrap .ix-controller.disabled {
    visibility: hidden;
}
.txtSlideWrap .ix-list-viewport {
    overflow: hidden;
    direction: ltr;
}
.txtSlideWrap .ix-thumbs {
    position: relative;
    margin-top: 50px;
    text-align: center;
}
.txtSlideWrap .ix-thumbs .ix-thumb {
    overflow: hidden;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 50%;
}
.txtSlideWrap .ix-thumbs .ix-thumb .ix-btn {
    display: block;
    background: #fff;
    text-indent: -9999px;
}
.txtSlideWrap .ix-thumbs .ix-thumb.active {
    border: 0 none;
}
.txtSlideWrap .ix-thumbs .ix-thumb.active .ix-btn {
    background: #00aad2;
}
@media screen and (max-width: 1024px) {
    .txtSlideWrap .ix-thumbs {
        margin-top: 35px;
    }
    .txtSlideWrap .txtSlideList li .txtArea h3,
    .txtSlideWrap .txtSlideList li .txtArea h4 {
        margin-bottom: 9px;
    }
    .txtSlideWrap .txtSlideList li .txtArea h2 {
        margin-bottom: 15px;
    }
    .txtSlideWrap .txtSlideList li .txtList {
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .txtSlideWrap .txtSlideList li .txtArea {
        padding: 0;
    }
    .slide_direction {
        display: none;
    }
    .txtSlideWrap .ix-thumbs .ix-thumb {
        width: 9px;
        height: 9px;
    }
}
.galleryWrap {
    overflow: hidden;
    position: relative;
}
.galleryListBox {
    position: relative;
    margin: 0 -16px;
}
.gallerybox:after {
    display: block;
    content: "";
    clear: both;
}
.gallerybox li.galleryList {
    float: right;
    padding: 0 16px;
}
.gallerybox li.galleryList:last-child {
    margin: 0;
}
.gallerybox li.galleryList .gallery_name {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 48px;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    font-family: "HyundaiMedium" !important;
    box-sizing: content-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.gallerybox li.galleryList .galleryCont {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.43;
}
.gallerybox .galleryLink {
    display: block;
}
.gallerybox .gallayLink {
    display: block;
}
.gallerybox .gallayLink .gallery_img {
    margin-bottom: 0;
}
.gallayLink .txtArea h2,
.gallayLink .txtArea h3,
.gallayLink .txtArea h4 {
    margin: 20px 0 0;
}
.gallayLink .txtArea {
    margin-bottom: 0;
}
.galleryWrap .sliderPagination {
    margin-top: 50px;
}
.galleryWrap .btnPrev,
.galleryWrap .btnNext {
    top: 63px;
}
.galleryWrap .btnNext.disabled,
.galleryWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
@media screen and (max-width: 1240px) {
    .galleryListBox {
        position: relative;
        margin: 0 -11px;
    }
    .gallerybox li.galleryList {
        width: 25%;
        margin: 0;
        padding: 0 11px;
    }
    .gallerybox li.galleryList .gallery_name {
        max-height: 42px;
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.5;
    }
    .gallerybox li.galleryList .galleryCont {
        font-size: 12px;
    }
    .galleryWrap .btnPrev,
    .galleryWrap .btnNext {
        top: 7.2vw;
        margin-top: -22px;
    }
    .galleryWrap .sliderPagination {
        margin-top: 35px;
    }
}
@media screen and (max-width: 1024px) {
    .galleryFullT .galleryListBox li {
        width: 50%;
    }
    .gallayLink .gallery_img {
        margin-bottom: 18px;
    }
    .gallayLink .txtArea h3,
    .gallayLink .txtArea h4 {
        margin-bottom: 3px;
    }
    .gallayLink .txtArea h2 {
        margin-top: 15px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .galleryFullM .galleryListBox {
        margin: 0 -5px;
    }
    .galleryFullM .gallerybox li.galleryList {
        width: 100%;
        padding: 0 5px;
    }
    .galleryFullM .gallerybox li.galleryList .gallery_name {
        margin-top: 18px;
    }
    .gallayLink .gallery_img {
        margin-bottom: 15px;
    }
}
.cisaSlider {
    max-width: 1120px;
}
.cisaSlider .btnPrev,
.cisaSlider .btnNext {
    top: 190px;
}
.cisaSlider .sliderPagination {
    position: absolute;
    top: 380px;
    left: 0;
    bottom: auto;
    right: 0;
}
.cisaSlider .txtArea h3,
.cisaSlider .txtArea h4 {
    margin-top: 40px;
    margin-bottom: 12px;
}
.cisaSlider .txtArea h2 {
    margin-top: 35px;
    margin-bottom: 15px;
}
.cisaSlider .fullImg {
    height: 420px;
}
@media screen and (max-width: 1024px) {
    .cisaSlider .btnPrev,
    .cisaSlider .btnNext {
        top: 74px;
        margin-top: 0;
    }
    .cisaSlider .sliderPagination {
        top: 165px;
    }
    .cisaSlider .sliderListWrap .sliderList {
        margin-bottom: 20px !important;
    }
    .cisaSlider .txtArea h3,
    .cisaSlider .txtArea h4 {
        margin-bottom: 9px;
    }
    .cisaSlider .txtArea h2 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cisaSlider .fullImg {
        height: auto;
    }
    .cisaSlider .videoPoster img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .cisaSlider .conAreaM {
        text-align: right;
    }
}
@media screen and (max-width: 767px) {
    .cisaSlider .slide_direction {
        display: block;
    }
    .cisaSlider .sliderPagination {
        top: 165px;
    }
    .cisaSlider .fullImg .img img {
        position: static;
        width: 100%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: none;
    }
    .cisaSlider .txtWd {
        padding: 0;
    }
}
.cisbSlider {
    max-width: 1860px;
    margin: 0 auto;
}
.cisbSlider .btnPrev,
.cisbSlider .btnNext {
    top: 50%;
    margin-top: -22px;
}
.cisbSlider .sliderPagination {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 60px;
    right: 0;
}
.cisbSlider .sliderList .sliders {
    overflow: hidden;
    position: relative;
    height: 720px;
    max-width: 1920px;
    margin: 0 auto;
}
.cisbSlider .sliderList .sliders picture {
    position: static;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.cisbSlider .sliderList .sliders picture img {
    position: absolute;
    top: 50%;
    right: 50%;
    max-height: 100%;
    transform: translate(50%, -50%);
}
.cisbSlider .sliderList .sliderList img {
    width: 1920px;
}
.cisbSlider .titWrap {
    position: absolute;
    top: 253px;
    width: 100%;
}
.cisbSlider .titWrap h2,
.cisbSlider .titWrap h3,
.cisbSlider .titWrap h4 {
    margin-bottom: 20px;
}
.cisbSlider .titWrap p {
    margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
    .cisbSlider .sliderList .sliders {
        overflow: hidden;
        position: relative;
        height: 370px;
        max-width: 100%;
        margin: 0 auto;
    }
    .cisbSlider .titWrap {
        top: 118px;
    }
    .cisbSlider .titWrap h2,
    .cisbSlider .titWrap h3,
    .cisbSlider .titWrap h4 {
        margin-bottom: 10px;
    }
    .cisbSlider .titWrap p {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .cisbSlider .btnPrev,
    .cisbSlider .btnNext {
        top: 50%;
        margin-top: -22px;
    }
    .cisbSlider .sliderPagination {
        position: absolute;
        top: auto;
        left: 0;
        bottom: 60px;
        right: 0;
    }
    .cisbSlider .sliderList .sliders picture img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .cisbSlider .sliderList .sliders {
        height: auto;
    }
}
.cwssWrap .gt_lypd_tsh {
    padding-top: 10px !important;
}
.cwssWrap .titWrap h2,
.cwssWrap .titWrap h3,
.cwssWrap .titWrap h4 {
    margin-bottom: 50px;
}
.cwssWrap .colLg4 h2,
.cwssWrap .colLg3 h2,
.cwssWrap .colLg2 h2 {
    margin-top: 30px;
}
.cwssWrap .colLg4 h3,
.cwssWrap .colLg3 h3,
.cwssWrap .colLg2 h3 {
    margin-top: 20px;
}
.cwssWrap .colLg4 h4,
.cwssWrap .colLg3 h4,
.cwssWrap .colLg2 h4 {
    margin-top: 40px;
}
.cwssWrap .colLg2 .col {
    width: 50%;
}
.cwssWrap .colLg3 .col {
    width: 33.3%;
}
.cwssWrap .colLg4 .col {
    width: 25%;
}
.cwssWrap .gallery_img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}
.cwssWrap .gallery_img img {
    width: 100%;
}
.cwssWrap .colLg2 .btnPrev,
.cwssWrap .colLg2 .btnNext {
    top: 160px;
}
.cwssWrap .colLg3 .btnPrev,
.cwssWrap .colLg3 .btnNext {
    top: 100px;
}
.cwssWrap .colLg4 .btnPrev,
.cwssWrap .colLg4 .btnNext {
    top: 65px;
    margin-top: 0;
}
.cwssWrap .conAreaM {
    margin-top: 10px;
}
.cwssWrap .galleryLink .txtList {
    margin-top: 20px;
}
.cwssWrap .conAreaS.bulletS:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1024px) {
    .cwssWrap .gt_lypd_tsh {
        padding-top: 0 !important;
    }
    .cwssWrap .titWrap h2,
    .cwssWrap .titWrap h3,
    .cwssWrap .titWrap h4 {
        margin-bottom: 30px;
    }
    .cwssWrap .subTitS {
        margin-bottom: 0;
    }
    .cwssWrap .subTitM {
        margin-bottom: 30px;
    }
    .cwssWrap .colLg4 h2,
    .cwssWrap .colLg2 h3,
    .cwssWrap .colLg3 h4 {
        margin-top: 30px;
    }
    .cwssWrap .colLg2 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwssWrap .colLg3 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwssWrap .colLg4 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwssWrap .colLg2 .btnPrev,
    .cwssWrap .colLg2 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwssWrap .colLg3 .btnPrev,
    .cwssWrap .colLg3 .btnNext {
        top: 50%;
        margin-top: -170px;
    }
    .cwssWrap .colLg4 .btnPrev,
    .cwssWrap .colLg4 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwssWrap .conAreaM {
        margin-top: 15px;
    }
    .cwssWrap .galleryListBox {
        margin: 0 -7px;
    }
    .cwssWrap .galleryLink .txtList {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .cwssWrap .titWrap h2,
    .cwssWrap .titWrap h3,
    .cwssWrap .titWrap h4 {
        margin: 0 0 25px;
    }
    .cwssWrap .colLg2 h2,
    .cwssWrap .colLg3 h3,
    .cwssWrap .colLg4 h4 {
        margin-top: 20px;
    }
    .cwssWrap .colLg2 .btnPrev,
    .cwssWrap .colLg2 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwssWrap .colLg3 .btnPrev,
    .cwssWrap .colLg3 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwssWrap .colLg4 .btnPrev,
    .cwssWrap .colLg4 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwssWrap .gallery_img img {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .cwssWrap .galleryListBox {
        margin: 0 -5px;
    }
}
.accordionLinkWrap {
    width: 1000%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}
.accordionLinkWrap:after {
    display: block;
    content: "";
    clear: both;
}
.accordionLinkWrap .accordionLink {
    display: inline-block;
    float: left;
    position: relative;
    padding-right: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-family: "HyundaiMedium";
}
.accordionLinkWrap .accordionLink:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 10px;
    background: url(../images/ico-plus.png) no-repeat;
    background-size: 100%;
    content: "";
    transform: translateY(-50%);
}
.accordionLinkWrap.on .accordionLink:after {
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 9px;
    height: 1px;
    background: url(../images/ico-minus.png) no-repeat;
    background-size: 100%;
    content: "";
}
.historyCont .fullImg {
    height: 420px;
}
@media screen and (max-width: 1240px) {
    .accordionLinkWrap {
        width: auto;
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 1024px) {
    .historyCont .fullImg {
        height: 269px;
    }
}
@media screen and (max-width: 767px) {
    .historyCont .fullImg {
        height: auto;
    }
}
.accordionLinkWrap.caoc {
    padding: 25px 0;
}
.caocHistoryWrap {
    width: 100%;
}
.caocHistoryWrap .historyList {
    width: 100%;
}
.caocHistoryWrap {
    position: relative;
}
.caocHistoryWrap .historyList li.dep1 .btnOpenClose {
    display: block;
    position: relative;
    width: 100%;
    height: 100px;
    max-width: 1120px;
    margin: 0 auto;
    border-bottom: solid 1px #d8d8d8;
    background: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 100px;
    color: #000;
    font-family: "HyundaiMedium";
    text-align: right;
    text-decoration: none;
    box-sizing: border-box;
}
.caocHistoryWrap .historyList li.dep1 .btnOpenClose:after {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
    width: 20px;
    height: 14px;
    background: url(../images/ico-toggle-down.png) no-repeat 100% 0;
    content: "";
}
.caocHistoryWrap .historyList li.dep1 .btnOpenClose h2 {
    font-size: 30px;
}
.caocHistoryWrap .historyList li.dep1 .historyContWrap {
    display: none;
    padding: 0;
    background: url(../images/bg-caoc.jpg) bottom no-repeat;
    background-size: 1600px 100%;
}
.caocHistoryWrap .historyList li.dep1.on .btnOpenClose {
    border-bottom: 0;
    color: #000;
}
.caocHistoryWrap .historyList li.dep1.on .btnOpenClose:after {
    background: url(../images/ico-toggle-up.png) no-repeat 100% 0;
}
.caocHistoryWrap .historyList li.dep1 .historyContWrap {
    display: none;
    margin-bottom: 50px;
}
.caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {
    width: 1120px;
    margin: 0 auto;
    padding: 90px 0 100px 0;
}
.caocHistoryWrap .historyInfo {
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
}
.caocHistoryWrap .historyInfo:after {
    display: block;
    content: "";
    clear: both;
}
.caocHistoryWrap .historyInfo:first-child {
    margin-top: 60px;
}
.caocHistoryWrap .historyInfo dt {
    float: right;
    width: 111px;
    margin-left: 40px;
    font-size: 44px;
    color: #000;
    font-family: "HyundaiMedium";
}
.caocHistoryWrap .historyInfo dd {
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}
.caocHistoryWrap .historyInfo dd > p {
    position: relative;
    margin-right: 3px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 24px;
}
.caocHistoryWrap .historyInfo dd > p > span {
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width: 1120px) {
    .caocHistoryWrap .historyList li.dep1 .btnOpenClose {
        width: auto;
        max-width: 100%;
        padding: 0 25px;
    }
    .caocHistoryWrap .historyList li.dep1 .btnOpenClose:after {
        left: 25px;
    }
    .caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {
        width: auto;
        padding: 30px 25px 70px 25px;
    }
}
@media screen and (max-width: 1024px) {
    .accordionLinkWrap.caoc {
        padding: 25px;
    }
    .caocHistoryWrap .historyInfo:first-child {
        margin-top: 30px;
    }
    .caocHistoryWrap .historyInfo {
        margin-top: 30px;
    }
    .caocHistoryWrap .historyInfo dt {
        width: 93px;
        margin-left: 0;
        font-size: 27px;
        line-height: 32px;
    }
    .caocHistoryWrap .historyInfo dd {
        width: auto;
        font-size: 14px;
        line-height: 21px;
    }
    .caocHistoryWrap .historyList li.dep1 .historyContWrap {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .caocHistoryWrap .historyList li.dep1 .btnOpenClose {
        height: 51px;
        font-size: 17px;
        line-height: 51px;
    }
    .caocHistoryWrap .historyList li.dep1 .btnOpenClose:after,
    .caocHistoryWrap .historyList li.dep1.on .btnOpenClose:after {
        top: 20px;
        width: 9px;
        height: 6px;
        background-size: 100%;
    }
    .caocHistoryWrap .historyList li.dep1 .historyContWrap {
        background-size: cover;
        background-position-y: 0;
    }
    .caocHistoryWrap .historyInfo {
        margin-top: 30px;
    }
    .caocHistoryWrap .historyInfo dt {
        font-size: 27px;
    }
    .caocHistoryWrap .historyInfo dd {
        width: 100%;
        padding-top: 15px;
    }
    .caocHistoryWrap .historyList li.dep1 .historyContWrap .historyCont {
        padding: 30px 15px 70px 15px;
    }
    .caocHistoryWrap .txtWd {
        padding: 0 15px;
    }
    .caocHistoryWrap .historyInfo dd > p {
        margin-right: 5px;
    }
}
.cpsvWrap {
    width: 100%;
}
.cpsvWrap h3,
.cpsvWrap h4 {
    margin-bottom: 8px;
}
.cpsvWrap h2 {
    margin-bottom: 15px;
}
.cpsvWrap .subTitS {
    margin-bottom: 10px;
}
.cpsvWrap .fullImg {
    height: 420px;
    margin-top: 50px;
}
@media screen and (max-width: 1024px) {
    .cpsvWrap h2 {
        margin-bottom: 10px;
    }
    .cpsvWrap .fullImg {
        height: auto;
        margin-top: 35px;
    }
    .cpsvWrap .subTitS {
        margin-bottom: 15px;
    }
}
.ccblWrap {
    overflow: hidden;
    position: relative;
}
.ccblWrap .bigTit {
    padding: 100px 0 60px;
}
.ccblWrap .outerWrap {
    overflow: hidden;
    position: relative;
    height: 600px;
}
.ccblWrap .img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.ccblWrap .img img {
    position: relative;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.ccblWrap .ccblWrapInner {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 0 auto;
    padding: 131px 0 70px;
}
.ccblWrap .titWrap .ftit {
    margin-bottom: 40px;
}
.ccblWrap .titWrap .ftit.subTitL {
    font-size: 58px;
    line-height: 68px;
}
.ccblWrap .titWrap .ftit.subTitM {
    font-size: 30px;
    line-height: 40px;
}
.ccblWrap .titWrap .ftit.subTitS {
    font-size: 20px;
    line-height: 30px;
}
.ccblWrap .titWrap {
    margin-bottom: 40px;
}
.ccblWrap .btnWrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.ccblWrap .btnWrap .colWd {
    margin-right: 20px;
}
.ccblWrap.videoType {
    padding: 0;
}
.ccblWrap .video {
    position: relative;
    height: 100%;
}
.ccblWrap .vWrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%;
    transform: translateY(-50%);
}
.ccblWrap video,
.ccblWrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.ccblWrap .innerDimm {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.ccblWrap .videoPlay {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 12;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    cursor: pointer;
    text-indent: -1000px;
}
.ccblWrap a.btn {
    text-align: center;
}
.ccblWrap a.btn:hover,
.ccblWrap a.btn:focus {
    text-decoration: none;
}
.ccblWrap .ccblWrapInner .btn {
    margin-right: 20px;
}
@media all and (max-width: 1024px) {
    .ccblWrap .subTitM {
        margin-top: 0;
        padding: 70px 0 30px;
        font-size: 27px;
        line-height: 32px;
    }
    .ccblWrap .outerWrap {
        height: 300px;
    }
    .ccblWrap .ccblWrapInner {
        padding: 50px 25px 33px;
    }
    .ccblWrap .titWrap .ftit {
        margin-bottom: 20px;
    }
    .ccblWrap .titWrap .ftit.subTitL {
        font-size: 28px;
        line-height: 32px;
    }
    .ccblWrap .titWrap .ftit.subTitM {
        font-size: 19px;
        line-height: 22px;
    }
    .ccblWrap .titWrap .ftit.subTitS {
        font-size: 17px;
        line-height: 20px;
    }
    .ccblWrap .titWrap {
        margin-bottom: 20px;
    }
    .ccblWrap.videoType {
        padding: 0;
    }
    .ccblWrap .btnWrap.col1 {
        margin: 0;
    }
    .ccblWrap .ccblWrapInner .btn {
        margin-right: 14px;
    }
}
@media all and (max-width: 767px) {
    .ccblWrap {
        padding: 0 !important;
    }
    .ccblWrap .outerWrap {
        height: auto;
    }
    .ccblWrap .ccblWrapInner {
        position: absolute;
        top: 0;
        padding: 46px 35px;
    }
    .ccblWrap .titWrap .ftit {
        font-size: 19px;
        text-align: center;
    }
    .ccblWrap .titWrap .ftit br {
        display: inline !important;
    }
    .ccblWrap .titWrap .ftit.subTitL {
        font-size: 28px;
        line-height: 32px;
    }
    .ccblWrap .titWrap .ftit.subTitM {
        font-size: 19px;
        line-height: 22px;
    }
    .ccblWrap .titWrap .ftit.subTitS {
        font-size: 17px;
        line-height: 20px;
    }
    .ccblWrap .btnWrap .colWd {
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }
    .ccblWrap.videoType {
        padding: 0;
    }
    .ccblWrap .img img {
        position: static;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: none;
    }
    .ccblWrap .img {
        position: static;
    }
    .ccblWrap .ccblWrapInner .btn {
        width: 100%;
    }
    .ccblWrap .ccblWrapInner .btn {
        margin-right: 0;
    }
}
@media all and (max-width: 320px) {
    .ccblWrap .ccblWrapInner {
        max-width: 320px;
    }
    .ccblWrap .ccblWrapInner .sectionInner {
        min-width: auto;
    }
}
.gridWrap.ccslWrap {
    width: 100%;
}
.gridWrap.ccslWrap .gridbox li .imgArea {
    min-height: 550px;
}
.ccslbox {
    padding: 40px 45px 60px 45px;
    background: #fff;
}
.ccslbox .ccslMtb {
    overflow: hidden;
    display: -webkit-box;
    height: 56px;
    margin: 15px 0 50px 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ccslbox .btnWrap {
    margin: 0 -10px;
}
.ccslbox .btnWrap .colWd.lg {
    width: 50%;
    margin: 0;
    padding: 0 10px;
}
.ccslWrap .gridbox {
    display: table;
    width: 100%;
}
.ccslWrap .gridbox li {
    display: table-cell;
    float: none;
}
.ccslWrap .gridbox li.gridCont2 {
    position: relative;
    background: #fff;
}
.ccslWrap .gridbox li.gridCont2:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: #f6f3f2;
    content: "";
}
.ccslWrap .gridbox li.gridCont2:first-child:after {
    left: 0;
    right: auto;
}
@media screen and (max-width: 1024px) {
    .ccslWrap .gridbox li .imgArea img {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
    .ccslbox {
        padding: 25px 22px 45px 22px;
        background: #fff;
    }
    .ccslbox .ccslMtb {
        height: 42px;
        margin: 15px 0 25px 0;
    }
    .gridWrap.ccslWrap .gridbox li .imgArea {
        padding-bottom: 66.2%;
        min-height: initial;
    }
    .gridWrap.ccslWrap .btnWrap .colWd.lg {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
    .gridWrap.ccslWrap .btnWrap .colWd.lg:first-child {
        margin-top: 0;
    }
    .ccslWrap .gridbox li.gridCont2:after {
        width: 7px;
    }
}
@media screen and (max-width: 767px) {
    .ccslbox .ccslMtb {
        display: block;
        height: auto;
    }
    .ccslWrap .gridbox li {
        display: inline-block;
    }
    .ccslWrap .subTitL {
        font-size: 17px;
        line-height: 22px;
    }
    .ccslWrap .conAreaM {
        font-size: 12px;
        line-height: 17px;
    }
    .ccslWrap .gridbox li.gridCont2:after {
        display: none;
    }
    .gridWrap.ccslWrap .subTitM {
        margin-top: 0;
    }
}
.gridWrap .grid {
    float: right;
    width: 332px;
    margin-bottom: 35px;
    margin-right: 0;
    font-size: 14px;
    line-height: 19px;
}
.gridWrap .grid img {
    width: 26px;
}
.gridWrap .grid .txtCountry {
    padding-right: 7px;
}
.gridWrap .grid a,
.gridWrap .grid a:hover {
    display: block;
    color: #000;
}
@media screen and (max-width: 1024px) {
    .gridWrap .grid {
        float: right;
        width: 50%;
        margin-right: 0;
    }
    .gridWrap .grid a {
        overflow: hidden;
        display: block;
        vertical-align: top;
        width: 100%;
        height: 50px;
        text-align: right;
    }
    .gridWrap .grid a img.flag {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }
}
.iframe_box {
    width: 100%;
}
.iframe_box iframe {
    width: 100% !important;
}
.ccumMap .ccumMapLoadWrap {
    overflow: hidden;
    width: 100%;
    height: 420px;
    margin-bottom: 50px;
}
.ccumMap .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.ccumMap .btnWrap {
    margin: 25px 0 0;
    text-align: right;
}
.ccumMap .txtArea {
    position: relative;
}
.ccumMap .txtArea:after {
    display: block;
    content: "";
    clear: both;
}
.ccumMap .txtArea dt.grid {
    float: right;
    width: 50%;
}
.ccumMap .txtArea dt.grid a.link {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 20px;
    background: url(../images/ico-link-arr.png) left no-repeat;
    background-size: 8px;
    font-size: 18px;
    color: #002c5f;
    font-family: "HyundaiMedium";
}
.ccumMap .txtArea dd.grid {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0 10px 0 0;
}
.ccumMap .ccumMapLoadWrap img {
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .ccumMap .btnWrap {
        margin: 15px 0 0;
    }
    .ccumMap .ccumMapLoadWrap {
        overflow: hidden;
        height: auto;
        margin-top: 20px;
        margin-bottom: 15px;
        padding-bottom: 37.5%;
    }
    .ccumMap .subTitM {
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.ccum {
        padding: 0;
    }
    .ccumMap .ccumMapLoadWrap {
        overflow: hidden;
        padding: 45.8% 0;
    }
    .ccumMap .txtArea .grid {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .ccumMap .txtArea dt.grid {
        width: 100%;
    }
    .ccumMap .txtArea dd.grid {
        float: none;
        width: auto;
        padding-right: 0;
    }
    .ccumMap .btnWrap {
        display: none;
    }
    .ccumMap .ccumMapLoadWrap img {
        width: auto;
    }
    .ccumMap .txtArea {
        padding: 0 15px;
    }
}
.layerContactUsMap dl.txtArea dt.grid,
.layerContactUsMap dl.txtArea dd.grid {
    width: 50%;
    padding: 0;
}
.layerContactUsMap .layerConWrap .sectionWrap .btnWrap {
    margin: 60px 0 0;
    min-width: 0;
}
@media all and (max-width: 1024px) {
    .layerContactUsMap .layerConWrap .sectionWrap .btnWrap {
        margin-top: 30px;
    }
    .layerContactUsMap .sectionWrap {
        padding: 0;
    }
    .layerContactUsMap .layerPopupInner.wide .layerPopup {
        height: auto;
    }
}
@media all and (max-width: 767px) {
    .layerContactUsMap dl.txtArea dt.grid,
    .layerContactUsMap dl.txtArea dd.grid {
        float: none;
        width: auto;
    }
}
.cfoo .boxArea {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.cfoo .boxArea .txtBoxM {
    float: right;
    position: relative;
    width: 550px;
    height: auto;
    padding-bottom: 53px;
    background-color: #fff;
}
.cfoo .boxArea .txtBoxM .txtBox1 {
    padding: 56px 40px 0 40px;
}
.cfoo .boxArea .txtBoxM {
    margin-left: 20px;
    margin-bottom: 20px;
}
.cfoo .boxArea .txtBoxM:nth-of-type(2n) {
    margin-left: 0;
}
.cfoo .boxArea .txtBoxM .txtBox1 .subTitMg2 {
    display: block;
    margin-bottom: 2px;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-family: "HyundaiMedium";
}
.cfoo .boxArea .txtBoxM .txtBox1 .conAreaM {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.2px;
}
.cfoo .boxArea .txtBoxM .txtBox1 .conAreaS {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0.2px;
}
.cfoo .boxArea .btn {
    display: inline-block;
    position: static;
    bottom: 55px;
    width: auto;
    height: auto;
    padding: 0 32px;
    background: #002c5f;
    font-size: 12px;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cfoo .boxArea .txtBoxM.alignL .btn {
    right: 0;
    margin-top: 24px;
    margin-right: 40px;
}
.cfoo .boxArea .txtBoxM.alignC .btn {
    margin-top: 24px;
}
.cfoo .boxArea .txtBoxM.alignR .btn {
    left: 0;
    right: auto;
    margin-top: 24px;
    margin-left: 40px;
}
.cfoo .titWrap + .formListWrap.first {
    padding-bottom: 20px;
}
@media screen and (max-width: 1240px) {
    .cfoo .boxArea .txtBoxM {
        width: 48%;
        height: 265px;
    }
    .cfoo .boxArea .txtBoxM .txtBox1 {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .cfoo .boxArea .txtBoxM {
        width: 48%;
        height: 155px;
    }
    .cfoo .boxArea .txtBoxM .txtBox1 {
        width: 100%;
        height: auto;
        padding: 28px 25px 0 25px;
    }
    .cfoo .boxArea .txtBoxM {
        height: auto;
        margin-left: 14px;
        margin-bottom: 14px;
        padding-bottom: 21px;
    }
    .cfoo .boxArea .txtBoxM .txtBox1 .subTitMg2 {
        margin-bottom: 0;
        font-size: 19px;
        line-height: 24px;
        letter-spacing: 0.3px;
    }
    .cfoo .boxArea .txtBoxM .txtBox1 .conAreaM {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .cfoo .boxArea .txtBoxM .txtBox1 .conAreaS {
        font-size: 10px;
        line-height: 17px;
        letter-spacing: 0.2px;
    }
    .cfoo .boxArea .btn {
        bottom: 28px;
        width: auto;
        height: 30px;
        padding: 0 30px;
        font-size: 13px;
        line-height: 30px;
    }
    .cfoo .boxArea .txtBoxM.alignL .btn {
        right: 0;
        margin-right: 25px;
    }
    .cfoo .boxArea .txtBoxM.alignR .btn {
        margin-left: 25px;
    }
    .cfoo .boxArea .txtBoxM.alignL .btn {
        right: 0;
        margin-top: 14px;
        margin-right: 25px;
    }
    .cfoo .boxArea .txtBoxM.alignC .btn {
        margin-top: 14px;
    }
    .cfoo .boxArea .txtBoxM.alignR .btn {
        left: 0;
        right: auto;
        margin-top: 14px;
        margin-left: 25px;
    }
}
@media screen and (max-width: 767px) {
    .cfoo .boxArea .txtBox1 {
        height: auto;
    }
    .cfoo .boxArea .txtBoxM {
        width: 100%;
        height: auto;
    }
    .cfoo .boxArea .btn {
        bottom: 28px;
    }
    .cfoo .boxArea .txtBoxM {
        margin-right: 0;
    }
    .cfoo .titArea .subTitS {
        font-size: 17px;
        line-height: 22px;
    }
}
.sectionWrap.cpoa {
    padding: 96px 0 118px 0;
    background: url(../images/con-stg/bg-core-values.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% bottom;
}
.sectionWrap.cpoa .titArea {
    margin-bottom: 40px;
}
.sectionWrap.cpoa .txtArea {
    margin-bottom: 50px;
}
.sectionWrap.cpoa .subTitL {
    line-height: 54px;
}
.cpoa .coreValuesItem {
    width: 800px;
    margin: 0 auto;
}
.cpoa .coreValuesItem:after {
    display: block;
    content: "";
    clear: both;
}
.cpoa .coreValuesItem li {
    float: right;
    width: 340px;
    margin-top: 50px;
    margin-left: 120px;
}
.cpoa .coreValuesItem li:nth-child(1) {
    margin-top: 0;
}
.cpoa .coreValuesItem li:nth-child(2) {
    margin-top: 0;
    margin-left: 0;
}
.cpoa .coreValuesItem li:nth-child(4) {
    margin-left: 0;
}
.cpoa .coreValuesItem li:nth-child(6) {
    margin-left: 0;
}
.cpoa .coreValuesItem li h2,
.cpoa .coreValuesItem li h3,
.cpoa .coreValuesItem li h4 {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #002c5f;
    font-family: "HyundaiMedium";
    text-align: center;
}
.cpoa .coreValuesItem li h2:before,
.cpoa .coreValuesItem li h3:before,
.cpoa .coreValuesItem li h4:before {
    display: block;
    height: 72px;
    margin: 0 auto 25px;
    background: url(../images/bg-core-values-pc.png) no-repeat;
    content: "";
}
.cpoa .coreValuesItem li .txt {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
}
.cpoa .coreValuesItem li.item01 h2:before,
.cpoa .coreValuesItem li.item01 h3:before,
.cpoa .coreValuesItem li.item01 h4:before {
    width: 114px;
    background-position: 100% 0;
}
.cpoa .coreValuesItem li.item02 h2:before,
.cpoa .coreValuesItem li.item02 h3:before,
.cpoa .coreValuesItem li.item02 h4:before {
    width: 149px;
    background-position: -140px 0;
}
.cpoa .coreValuesItem li.item03 h2:before,
.cpoa .coreValuesItem li.item03 h3:before,
.cpoa .coreValuesItem li.item03 h4:before {
    width: 121px;
    background-position: -309px 0;
}
.cpoa .coreValuesItem li.item04 h2:before,
.cpoa .coreValuesItem li.item04 h3:before,
.cpoa .coreValuesItem li.item04 h4:before {
    width: 149px;
    background-position: -452px 0;
}
.cpoa .coreValuesItem li.item05 h2:before,
.cpoa .coreValuesItem li.item05 h3:before,
.cpoa .coreValuesItem li.item05 h4:before {
    width: 144px;
    background-position: -605px 0;
}
.cpoa .coreValuesItem li.item06 h2:before,
.cpoa .coreValuesItem li.item06 h3:before,
.cpoa .coreValuesItem li.item06 h4:before {
    width: 144px;
    background-position: 100% 0;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.cpoa {
        padding: 48px 25px 70px;
    }
    .sectionWrap.cpoa .titArea {
        margin-bottom: 20px;
    }
    .sectionWrap.cpoa .txtArea {
        margin-bottom: 40px;
    }
    .cpoa .coreValuesItem {
        width: 600px;
    }
    .cpoa .coreValuesItem li {
        width: 250px;
        margin-top: 40px;
        margin-left: 100px;
    }
    .cpoa .coreValuesItem li h2,
    .cpoa .coreValuesItem li h3,
    .cpoa .coreValuesItem li h4 {
        font-size: 14px;
        line-height: 21px;
    }
    .cpoa .coreValuesItem li h2:before,
    .cpoa .coreValuesItem li h3:before,
    .cpoa .coreValuesItem li h4:before {
        display: block;
        height: 55px;
        margin: 0 auto 15px;
        background: url(../images/bg-core-values-t.png) no-repeat;
        content: "";
    }
    .cpoa .coreValuesItem li .txt {
        margin-top: 10px;
        font-size: 14px;
        line-height: 21px;
    }
    .cpoa .coreValuesItem li.item01 h2:before,
    .cpoa .coreValuesItem li.item01 h3:before,
    .cpoa .coreValuesItem li.item01 h4:before {
        width: 93px;
        background-position: 100% 0;
    }
    .cpoa .coreValuesItem li.item02 h2:before,
    .cpoa .coreValuesItem li.item02 h3:before,
    .cpoa .coreValuesItem li.item02 h4:before {
        width: 123px;
        background-position: -109px 0;
    }
    .cpoa .coreValuesItem li.item03 h2:before,
    .cpoa .coreValuesItem li.item03 h3:before,
    .cpoa .coreValuesItem li.item03 h4:before {
        width: 96px;
        background-position: -243px 0;
    }
    .cpoa .coreValuesItem li.item04 h2:before,
    .cpoa .coreValuesItem li.item04 h3:before,
    .cpoa .coreValuesItem li.item04 h4:before {
        width: 114px;
        background-position: -347px 0;
    }
    .cpoa .coreValuesItem li.item05 h2:before,
    .cpoa .coreValuesItem li.item05 h3:before,
    .cpoa .coreValuesItem li.item05 h4:before {
        width: 107px;
        background-position: -465px 0;
    }
    .cpoa .coreValuesItem li.item06 h2:before,
    .cpoa .coreValuesItem li.item06 h3:before,
    .cpoa .coreValuesItem li.item06 h4:before {
        width: 144px;
        background-position: 100% 0;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.cpoa {
        padding: 48px 15px 70px;
        background: url(../images/con-stg/bg-core-values-m.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% bottom;
    }
    .cpoa .coreValuesItem {
        width: auto;
        padding: 0 15px;
    }
    .cpoa .coreValuesItem li {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
        text-align: center;
    }
    .cpoa .coreValuesItem li:nth-child(2),
    .cpoa .coreValuesItem li:nth-child(6) {
        margin-top: 40px;
    }
    .cpoa .txtWd {
        padding: 0 15px;
    }
}
.sectionWrap.cpob {
    padding: 96px 0 86px 0;
}
.sectionWrap.bgManagementPhilosophy {
    background: url(../images/con-stg/bg-management.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% bottom;
}
.sectionWrap.cpob .txtCycle {
    position: relative;
    width: 690px;
    height: 250px;
    margin: 50px auto 40px auto;
}
.sectionWrap.cpob .txtCycle:after {
    display: block;
    content: "";
    clear: both;
}
.sectionWrap.cpob .txtCycle li {
    position: absolute;
    top: 0;
    width: 250px;
    height: 250px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.sectionWrap.cpob .txtCycle li p {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
    height: 250px;
    padding: 32px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-family: "HyundaiMedium";
    word-break: break-all;
}
.sectionWrap.cpob .txtCycle li:nth-child(1) {
    right: 0;
}
.sectionWrap.cpob .txtCycle li:nth-child(2) {
    right: 220px;
}
.sectionWrap.cpob .txtCycle li:nth-child(3) {
    right: 440px;
}
.sectionWrap.cpob .txtCycle.col3 {
    width: 690px;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.cpob {
        padding: 50px 25px 70px;
    }
    .sectionWrap.cpob .txtCycle {
        width: 550px;
        height: 200px;
        margin: 30px auto 40px auto;
    }
    .sectionWrap.cpob .txtCycle li {
        width: 200px;
        height: 200px;
    }
    .sectionWrap.cpob .txtCycle li p {
        width: 200px;
        height: 200px;
        padding: 24px;
        font-size: 17px;
        line-height: 22px;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(1) {
        right: 0;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(2) {
        right: 175px;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(3) {
        right: 350px;
    }
    .sectionWrap.cpob .txtCycle.col3 {
        width: 550px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.cpob {
        padding: 50px 15px 70px;
        background: url(../images/con-stg/bg-management-m.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% bottom;
    }
    .sectionWrap.cpob .txtCycle {
        width: 200px;
        height: 530px;
    }
    .sectionWrap.cpob .txtCycle li {
        width: 200px;
        height: 200px;
    }
    .sectionWrap.cpob .txtCycle li p {
        width: 200px;
        height: 200px;
        padding: 24px;
        font-size: 17px;
        line-height: 22px;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(1) {
        right: 0;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(2) {
        top: 165px;
        right: 0;
    }
    .sectionWrap.cpob .txtCycle li:nth-child(3) {
        top: 330px;
        right: 0;
    }
    .sectionWrap.cpob .txtCycle.col3 {
        width: 200px;
        height: 530px;
    }
}
.bgMessage {
    background: url(../images/con-stg/bg-con-stg-06-pc.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% bottom;
}
.ccoa .innerWrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 0;
}
.ccoa .txtArea {
    padding-top: 20px;
}
.ccoa .titArea .subTitL {
    margin-bottom: 40px;
    text-align: center;
}
.ccoa .titArea .subTitM {
    text-align: center;
}
.ccoa .conAreaM p {
    margin-top: 28px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.2px;
}
.ccoa .conAreaM p:first-child {
    margin-top: 0;
}
.ccoa .bottomText {
    margin: 40px 0 0;
    text-align: left;
}
.ccoa .bottomText .txt1,
.ccoa .bottomText .txt2 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}
.ccoa .bottomText .txt2 {
    font-family: "HyundaiMedium";
}
@media screen and (max-width: 1024px) {
    .bgMessage {
        background-image: url(../images/con-stg/bg-con-stg-06-t.jpg);
    }
    .ccoa .innerWrap {
        max-width: none;
        padding: 70px 47px;
    }
    .ccoa .titArea .subTitL {
        margin-bottom: 30px;
    }
    .ccoa .conAreaM p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 21px;
    }
    .ccoa .conAreaM p:first-child {
        margin-top: 0;
    }
    .ccoa .bottomText {
        margin-top: 15px;
    }
    .ccoa .txtArea {
        padding-top: 15px;
    }
}
@media screen and (max-width: 767px) {
    .bgMessage {
        background: url(../images/con-stg/bg-con-stg-06-m.png);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% bottom;
    }
    .ccoa .innerWrap {
        padding: 70px 15px;
    }
    .ccoa .txtArea {
        padding: 15px 0;
    }
    .ccoa .bottomText .txt1,
    .ccoa .bottomText .txt2 {
        display: block;
    }
}
.sectionWrap.clco {
    padding: 100px 25px;
    background: url(../images/con-stg/bg-con-stg-07-pc.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% bottom;
}
.sectionWrap.clco .mb2 {
    margin-top: 60px;
    font-size: 30px;
    line-height: 40px;
}
.sectionWrap.clco .txtArea {
    margin-top: 30px;
}
.sectionWrap.clco .txtArea .conAreaM {
    font-family: "HyundaiMedium";
}
.sectionWrap.clco dd.conAreaM {
    margin-top: 10px;
    font-weight: normal !important;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.clco .txtArea {
        margin-top: 0;
    }
    .sectionWrap.clco .mb1 {
        line-height: 32px;
    }
    .sectionWrap.clco {
        padding: 65px 25px 70px;
    }
    .sectionWrap.clco .sectionFull {
        padding: 0 25px;
    }
    .sectionWrap.clco dl.txtArea {
        margin-top: 25px;
    }
    .sectionWrap.clco .txtArea dd.conAreaM {
        margin-top: 5px;
    }
    .sectionWrap.clco .mb1 {
        margin-bottom: 15px;
    }
    .sectionWrap.clco .mb2 {
        margin-top: 45px;
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.clco .txtWd {
        padding: 0;
    }
    .sectionWrap.clco dl.txtArea {
        margin-top: 30px;
    }
    .sectionWrap.clco .conAreaM.alignC {
        text-align: right !important;
    }
    .sectionWrap.clco {
        padding: 65px 15px 70px;
        background-image: url(../images/con-stg/bg-con-stg-07-m.png);
    }
    .sectionWrap.clco .sectionFull {
        padding: 0 15px;
    }
    .sectionWrap.clco .positionName {
        padding: 0 60px;
    }
    .sectionWrap.clco .mb2 {
        margin-bottom: 15px;
    }
}
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {
    height: 540px;
}
.sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual .contsInfo {
    top: 58px;
}
.sliderWrap.pkvn
    .mianVisualWrap
    .mainVisualList
    .visual
    .contsInfo
    .titWrap
    .ftit {
    display: block;
}
.sliderWrap.pkvn .mainControlWrap .btnPrev,
.sliderWrap.pkvn .mainControlWrap .btnPrev.bgW,
.sliderWrap.pkvn .mainControlWrap .btnNext,
.sliderWrap.pkvn .mainControlWrap .btnNext.bgW {
    overflow: hidden;
    display: block;
    position: absolute;
    top: calc(50% - 22px);
    z-index: 10;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    cursor: pointer;
}
.sliderWrap.pkvn .contsInfo {
    pointer-events: none;
}
.sliderWrap.pkvn .btn {
    width: 214px;
}
.sliderWrap.pkvn .contsInfo .toolTipWrap,
.sliderWrap.pkvn .contsInfo .toolTipWrap *,
.sliderWrap.pkvn .btn {
    pointer-events: auto;
}
.sliderWrap.pkvn .toolTipWrap .ic_Bquestion {
    position: absolute;
    top: 5px;
    right: 5px;
}
.sliderWrap.pkvn
    .mianVisualWrap
    .mainVisualList
    .visualsubInfo
    .txtArea
    .subTitM {
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
}
@media (max-width: 1240px) {
    .mianVisualWrap .mainVisualList .visual .contsInfo {
        position: absolute;
        top: 35px;
        left: 50px;
        width: auto;
        margin-right: -384px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap {
        bottom: 60px;
        right: 0;
        width: auto;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList {
        width: auto;
        padding: 0;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo {
        width: 100%;
        background: #f6f3f2;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 50px 25px;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {
        margin-top: 20px;
    }
}
@media (max-width: 1024px) {
    .sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {
        height: 390px;
    }
    .mianVisualWrap .mainVisualList .visual {
        overflow: hidden;
        position: relative;
        height: 390px;
        max-width: 100%;
        margin: 0 auto;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo {
        right: 5%;
        margin-right: 0;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap {
        margin-bottom: 15px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon {
        vertical-align: 5px;
        margin-left: 5px;
        margin-bottom: 15px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .icon img {
        width: 40px;
        height: 15px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap .ftit {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 35px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .titWrap p.stit {
        font-size: 20px;
        line-height: 24px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .txtList {
        margin-bottom: 16px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .tooTipList {
        margin-bottom: 30px;
    }
    .mianVisualWrap .mainVisualList .visual .contsInfo .btnWrap {
        margin-bottom: 65px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap {
        bottom: 30px;
        right: 0;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li {
        height: 30px;
        margin-right: 13px;
    }
    .sliderWrap.pkvn
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:first-child {
        margin-left: 13px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li img {
        height: 30px;
    }
    .sliderWrap.pkvn
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(2) {
        margin-right: 0;
    }
    .sliderWrap.pkvn .mainControlWrap .controlWrap {
        padding: 25px 0;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 29px 23px;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .mianVisualWrap .mainVisualList .visual {
        height: auto;
    }
    .sliderWrap.pkvn .mainVisualList .visual {
        position: relative;
        width: 100%;
        height: 390px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo {
        top: 40px;
        right: 5%;
        margin-right: 0;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap {
        margin-bottom: 10px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .icon {
        display: block;
        vertical-align: top;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .icon img {
        width: 40px;
        height: 15px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap .ftit {
        display: block;
        margin-bottom: 10px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .titWrap p.stit {
        display: block;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .txtList {
        margin-bottom: 10px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .contsInfo .tooTipList {
        margin-bottom: 15px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap {
        top: 182px;
        bottom: auto;
        right: 25px;
    }
    .sliderWrap.pkvn .mainVisualList .visual .awardWrap .awardList li {
        height: 30px;
        margin-right: 13px;
    }
    .sliderWrap.pkvn
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:first-child {
        margin: 0 0 0 13px;
    }
    .sliderWrap.pkvn
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(2) {
        margin-right: 0;
    }
    .sliderWrap.pkvn
        .mainVisualList
        .visual
        .awardWrap
        .awardList
        li:nth-child(4) {
        margin-top: 10px;
        margin-right: 0;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea {
        padding: 20px 25px;
    }
    .sliderWrap.pkvn .mainVisualList .visualsubInfo .txtArea .icoNote {
        margin-top: 10px;
    }
    .sliderWrap.pkvn .mianVisualWrap .mainVisualList .visual {
        height: auto;
        font-size: 0;
    }
}
.gallCarImg {
    overflow: hidden;
    display: inline-block;
    height: 330px;
    margin: 35px 30px 0 0;
}
.gallCarImg li {
    display: none;
}
.gallCarImg li:first-child {
    display: block;
}
.pkml {
    background: #fff;
}
.pkml .visual {
    width: 1120px;
}
.pkml .visual .contsInfo {
    right: 0 !important;
    width: 100% !important;
    font-size: 0;
    text-align: center;
}
.pkml .visual .contsInfo:after {
    display: block;
    content: "";
    clear: both;
}
.pkml .visual .titWrap {
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 0 !important;
    text-align: right;
}
.pkml .gallSltBox {
    width: 280px;
    padding: 10px 7px 0 0;
}
.pkml .gallSltBox li {
    margin-top: 11px;
}
.pkml .gallSltBox li a {
    display: block;
    width: 100%;
    padding-bottom: 11px;
    border-bottom: 1px solid #ddd;
    font-size: 0;
    pointer-events: auto;
    text-decoration: none;
}
.pkml .gallSltBox li a:hover,
.pkml .gallSltBox li.on a {
    border-bottom-color: #888;
}
.pkml .gallSltBox li a .colorBg {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 20.5%;
    height: 55px;
    font-size: 0;
    line-height: 0;
    color: #fff0;
}
.pkml .gallSltBox li a:hover .colorBg img,
.pkml .gallSltBox li.on a .colorBg img {
    margin-top: -55px;
}
.pkml .gallSltBox li a .colorTxt {
    display: inline-block;
    vertical-align: middle;
    width: 79.5%;
    padding-right: 22px;
    box-sizing: border-box;
}
.pkml .gallSltBox li a .colorTxt .cNum {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
}
.pkml .gallSltBox li a:hover .colorTxt .cNum,
.pkml .gallSltBox li.on a .colorTxt .cNum {
    color: #777;
}
.pkml .gallSltBox li a .colorTxt .cTxt {
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #777;
}
.pkml .gallSltBox li a:hover .colorTxt .cTxt,
.pkml .gallSltBox li.on a .colorTxt .cTxt {
    color: #000;
}
.stitTipBox {
    margin-top: 18px;
    padding-right: 5px;
}
.stitTipBox:after {
    display: block;
    content: "";
    clear: both;
}
.stitTipBox .stit,
.stitTipBox .toolTipWrap {
    display: inline-block;
}
@media (max-width: 1024px) {
    .gallCarImg {
        width: 68%;
        height: 204px;
        margin: 37px 0 0;
        padding-right: 25px;
    }
    .gallCarImg li {
        text-align: center;
    }
    .gallCarImg li img {
        width: 369px;
    }
    .pkml .gallSltBox {
        width: 188px;
        padding: 4px 7px 0 0;
    }
    .pkml .gallSltBox li {
        margin-top: 7px;
    }
    .pkml .gallSltBox li a {
        padding-bottom: 7px;
    }
    .pkml .gallSltBox li a .colorBg {
        width: 35px;
        height: 35px;
    }
    .pkml .gallSltBox li a .colorTxt {
        padding: 3px 14px 0 0;
    }
    .pkml .gallSltBox li a .colorTxt .cNum {
        font-size: 10px;
        line-height: 14px;
    }
    .pkml .gallSltBox li a .colorTxt .cTxt {
        font-size: 14px;
        line-height: 19px;
    }
    .pkml .visual {
        width: 100%;
        height: 340px;
    }
    .pkml .visual .contsInfo {
        top: 44px;
        bottom: 40px;
        padding: 0 50px;
    }
    .pkml .visual .titWrap .icon {
        margin-bottom: 5px;
    }
    .pkml .mainControlWrap .btnPrev,
    .pkml .mainControlWrap .btnPrev.bgW,
    .pkml .mainControlWrap .btnNext,
    .pkml .mainControlWrap .btnNext.bgW {
        top: 50%;
    }
}
@media (max-width: 767px) {
    .gallCarImg {
        width: 100%;
        height: auto;
        margin-top: 30px;
        padding: 0;
    }
    .gallCarImg li img {
        width: 100%;
        height: auto;
    }
    .pkml .gallSltBox {
        float: left;
        width: auto;
    }
    .pkml .gallSltBox li {
        float: right;
        width: 28px;
        margin-right: 10px;
    }
    .pkml .gallSltBox li:first-child {
        margin-right: 0;
    }
    .pkml .gallSltBox li a {
        padding-bottom: 0;
    }
    .pkml .gallSltBox li a .colorBg {
        width: 28px;
        height: 28px;
    }
    .pkml .gallSltBox li a .colorTxt {
        padding: 0;
    }
    .pkml .gallSltBox li.on a .colorTxt .cNum {
        font-family: "HyundaiMedium";
    }
    .pkml .gallSltBox li a .colorTxt .cTxt {
        display: none;
    }
    .pkml .visual .contsInfo .titWrap p.stit {
        display: inline-block;
    }
    .pkml .visual {
        height: auto;
        padding: 40px 25px 40px;
    }
    .pkml .visual .contsInfo {
        position: static !important;
        padding: 0;
        -webkit-transform: none;
        transform: none;
        text-align: right;
    }
    .pkml .visual .titWrap {
        overflow: hidden;
        float: none;
        width: 100% !important;
    }
    .pkml .visual .titWrap .stitTipBox {
        float: right;
        width: 50%;
        padding-right: 2px;
    }
}
.sliderWrap.pkvmWrap {
    width: auto;
}
.sliderWrap.pkvmWrap .sliderList {
    width: 100%;
}
.sliderWrap.pkvmWrap .sliderList:after {
    display: block;
    content: "";
    clear: both;
}
.sliderWrap.pkvmWrap .sliderList li {
    float: right;
    width: 100%;
}
.sliderWrap.pkvmWrap .sliderList .visual {
    overflow: hidden;
    position: relative;
    height: 740px;
    max-width: 1860px;
    margin: 0 auto;
}
.sliderWrap.pkvmWrap .sliderList .visual .img {
    position: relative;
}
.sliderWrap.pkvmWrap .sliderList .visual .img img {
    position: relative;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.sliderWrap.pkvmWrap .sliderList .visual.video {
    cursor: pointer;
}
.sliderWrap.pkvmWrap .sliderList .visual.video::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    content: "";
    line-height: 0;
    text-indent: -999px;
}
.sliderWrap.pkvmWrap .sliderList .visual.video::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.6;
}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo {
    position: absolute;
    top: 58px;
    right: 10%;
    width: 1120px;
    margin-right: 0;
}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 58px;
    line-height: 71px;
    color: #000;
    font-family: "HyundaiMedium";
}
.sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "HyundaiMedium";
}
.sliderWrap.pkvmWrap .sliderListWrap .sliderList {
    overflow: hidden;
    margin-bottom: 0 !important;
}
.sliderWrap.pkvmWrap .pkvmControlWrap .sliderPagination {
    position: relative;
    top: auto;
    left: 0;
    bottom: auto;
    right: 0;
}
.sliderWrap.pkvmWrap .pkvmControlWrap .controlWrap {
    width: 100%;
    padding: 40px 0 60px 0;
    text-align: center;
}
.pkvmControlWrap .ix-thumbs {
    display: inline-block;
}
.pkvmControlWrap .ix-thumbs .ix-thumb {
    display: inline-block;
    margin: 5px;
}
.pkvmControlWrap .slide_control {
    display: inline-block;
    vertical-align: 4px;
    margin-right: 10px;
}
.pkvmControlWrap .btnStop,
.pkvmControlWrap .btnPlay {
    overflow: hidden;
    width: 10px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
}
.pkvmControlWrap .btnStop {
    background: url(../images/btn-stop.png) no-repeat;
    background-size: 100%;
}
.pkvmControlWrap .btnPlay {
    display: none;
    background: url(../images/btn-play.png) no-repeat;
    background-size: 100%;
}
.sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnNext,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev.bgW,
.sliderWrap.pkvmWrap .pkvmControlWrap .btnNext.bgW {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 12px;
    height: 20px;
    margin-top: -60px;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.pkvmControlWrap .btnPrev {
    right: 40px;
    background: url(../images/ico-arr-prev-s.png) no-repeat center center;
}
.pkvmControlWrap .btnPrev.bgW {
    right: 40px;
    background: url(../images/ico-prev-arr-white.png) no-repeat center center;
}
.pkvmControlWrap .btnNext {
    left: 40px;
    background: url(../images/ico-arr-next-s.png) no-repeat center center;
}
.pkvmControlWrap .btnNext.bgW {
    left: 40px;
    background: url(../images/ico-next-arr-white.png) no-repeat center center;
}
.pkvmControlWrap .btnNext.disabled,
.pkvmControlWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
@media (max-width: 1240px) {
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {
        position: absolute;
        top: 58px;
        left: 50px;
        right: 100px;
        width: auto;
        margin-right: 0;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .txtArea {
        width: auto;
        margin: 0 auto;
        padding: 50px 25px;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .txtArea .icoNote {
        margin-top: 20px;
    }
    .sliderWrap.pkvmWrap .pkvmControlWrap .controlWrap {
        padding: 25px 0 26px 0;
    }
    .pkvmControlWrap .btnPrev {
        right: 30px;
    }
    .pkvmControlWrap .btnNext {
        left: 30px;
    }
}
@media (max-width: 1024px) {
    .sliderWrap.pkvmWrap .sliderListWrap .sliderList {
        margin-bottom: 0 !important;
    }
    .sliderWrap.pkvmWrap .sliderList .visual {
        overflow: hidden;
        position: relative;
        height: 465px;
        max-width: 100%;
        margin: 0 auto;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .img {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
        height: 340px;
        margin-right: 0;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {
        right: 50px;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {
        margin-bottom: 0;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {
        margin-bottom: 7px;
        font-size: 30px;
        line-height: 35px;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 19px;
    }
    .pkvmControlWrap .controlWrap {
        padding: 20px 0;
    }
    .sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev,
    .sliderWrap.pkvmWrap .pkvmControlWrap .btnNext,
    .sliderWrap.pkvmWrap .pkvmControlWrap .btnPrev.bgW,
    .sliderWrap.pkvmWrap .pkvmControlWrap .btnNext.bgW {
        top: 50%;
        width: 12px;
        height: 20px;
        margin-top: -32px;
        background-size: 100%;
        transform: translateY(-50%);
    }
    .pkvmControlWrap .btnPrev,
    .pkvmControlWrap .btnPrev.bgW {
        right: 23px;
    }
    .pkvmControlWrap .btnNext,
    .pkvmControlWrap .btnNext.bgW {
        left: 23px;
    }
    .sliderWrap.pkvmWrap .btnPrev,
    .sliderWrap.pkvmWrap .btnNext {
        top: 24vw;
        margin-top: -22px;
    }
    .sliderWrap.pkvmWrap .sliderPagination {
        top: 46vw;
    }
}
@media (max-width: 767px) {
    .sliderWrap.pkvmWrap {
        margin: -30px 15px 0;
    }
    .sliderWrap.pkvmWrap .sliderList .visual {
        height: auto;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo {
        left: 20px;
        right: 20px;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap {
        margin-bottom: 0;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap .ftit {
        display: block;
        margin-bottom: 7px;
    }
    .sliderWrap.pkvmWrap .sliderList .visual .contsInfo .titWrap p.stit {
        display: block;
        margin-bottom: 50px;
    }
    .pkvmControlWrap .controlWrap {
        padding: 20px 0;
    }
}
.pkvr .experienceWrap .vrArea {
    padding-top: 0;
    padding-bottom: 0;
}
.pkvr .experienceWrap.interiorWrap .vrArea {
    padding: 0;
}
.pkvr .experienceWrap .txtCaution {
    bottom: 15px;
}
.pkvr .experienceWrap .experience360vr .secConfiguratorWrap {
    padding: 26px 0 25px;
    background: #fff;
}
.pkvr .experienceWrap .experience360vr .confOptionWrap {
    min-height: auto;
}
.pkvr .experienceWrap .experience360vr .confOptionWrap .selectOption {
    width: 100%;
    max-width: none;
}
.pkvr .experienceWrap .experience360vr .confOptionWrap .sortListWrap {
    margin: 0;
    padding: 0;
}
.pkvr .experienceWrap .experience360vr .confOptionWrap .sortListWrap .sortList {
    display: inline-block;
    width: 64px;
    margin: 0;
    padding: 0 10px;
}
.pkvr
    .experienceWrap
    .experience360vr
    .confOptionWrap
    .sortListWrap
    .sortList
    button {
    border: 1px solid rgb(0 0 0 / 0.15);
}
.pkvr
    .experienceWrap
    .experience360vr
    .confOptionWrap
    .sortListWrap
    .sortList.active:after {
    top: -5px;
    left: 3px;
    width: 16px;
    height: 16px;
    background-size: 100%;
}
.pkvr
    .experienceWrap
    .experience360vr
    .confOptionWrap
    .sortListWrap
    .sortList
    .optInfo {
    display: none;
}
.pkvr .experienceWrap .experience360vr .titWrap {
    display: none;
}
.pkvr .experienceWrap .vr360Exterior .exteriorOptions,
.pkvr .experienceWrap .vr360Interia .interiorOptions {
    display: table;
    width: 100%;
}
.pkvr .experienceWrap .vr360Exterior .exteriorOptions .titArea,
.pkvr .experienceWrap .vr360Interia .interiorOptions .titArea {
    display: table-cell;
    width: 25%;
    padding-right: 30px;
}
.pkvr .experienceWrap .vr360Exterior .exteriorOptions .experienceSortWrap,
.pkvr .experienceWrap .vr360Interia .interiorOptions .experienceSortWrap {
    display: table-cell;
    width: 75%;
    padding-left: 30px;
}
.pkvr .experienceWrap .vr360Exterior .exteriorOptions,
.pkvr .experienceWrap .vr360Interia .interiorOptions {
    display: table;
}
.pkvr .experienceWrap .vr360Exterior .interiorOptions,
.pkvr .experienceWrap .vr360Interia .exteriorOptions {
    display: none;
}
.pkvr .pipVrWrap .experience360VrimgArea .experiencePanoramaBox.exterior {
    margin-top: 35px;
}
.pkvr .pipVrWrap .experience360VrimgArea .panorama {
    background: url(../../../../template_en/en/images/pkvv/bg_vr_hLine.png)
        repeat-x right top;
}
.pkvr .experience360VrimgArea .vrCloseBtn {
    display: inline-block;
    position: absolute;
    left: 240px;
    bottom: -60px;
    z-index: 10;
    width: 60px;
    height: 60px;
    background: url(../../../../template_en/en/images/pkvv/btn_return.png)
        no-repeat right top;
    background-size: 100%;
    font-size: 0;
    line-height: 0;
    color: #fff;
    cursor: pointer;
}
.pkvr .videoPoster img {
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .pkvr .experienceWrap .cateWrap {
        top: 10px;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .selectOption {
        padding-bottom: 0;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .confOptionWrap
        .sortListWrap
        .sortList {
        width: 48px;
        padding: 0 4px;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .confOptionWrap
        .sortListWrap
        .sortList.active:after {
        left: -2px;
        width: 14px;
        height: 14px;
    }
    .pkvr .experienceWrap .experience360vr .secConfiguratorWrap {
        padding: 15px 0;
    }
    .pkvr .experienceWrap .pipVrWrap .experience360VrimgArea {
        height: 320px !important;
        padding-bottom: 0 !important;
    }
    .pkvr .experienceWrap .vr360Exterior .exteriorOptions .titArea,
    .pkvr .experienceWrap .vr360Interia .interiorOptions .titArea {
        padding-right: 25px;
    }
    .pkvr .experienceWrap .vr360Exterior .exteriorOptions .experienceSortWrap,
    .pkvr .experienceWrap .vr360Interia .interiorOptions .experienceSortWrap {
        padding-left: 25px;
    }
    .pkvr .experienceWrap .vrArea .panoLoadingStart {
        width: 100px;
        height: 100px;
        margin: -50px -50px 0 0;
    }
    .pkvr .experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart {
        width: 100%;
        height: 100%;
    }
    .pkvr .pipVrWrap .experience360VrimgArea .experiencePanoramaBox.exterior {
        margin-top: 0;
    }
    .pkvr
        .pipVrWrap
        .experience360VrimgArea
        .experiencePanoramaBox.exterior
        .panorama
        img {
        width: auto !important;
        height: 100% !important;
    }
    .pkvr .pipVrWrap .experience360VrimgArea .panorama {
        background-image: url(../../../../template_en/en/images/pkvv/bg_vr_hLine_t.png);
    }
    .pkvr .experience360VrimgArea .vrCloseBtn {
        left: 25px;
        width: 38px;
        height: 38px;
    }
    .csWrapDim {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
        background: rgb(0 0 0 / 0.5);
    }
}
@media screen and (max-width: 767px) {
    .pkvr .experienceWrap .cateWrap {
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        margin-top: 0;
    }
    .pkvr .experienceWrap .cateWrap .category {
        vertical-align: top;
        width: 100%;
    }
    .pkvr .experienceWrap .cateWrap .category .cateTab {
        width: 50%;
    }
    .pkvr .experienceWrap .cateWrap .category .tabTit {
        width: 100%;
        min-width: auto;
    }
    .pkvr .experienceWrap .txtCaution {
        position: absolute;
        bottom: 10px;
        padding: 5px 0 0;
        line-height: 12px;
    }
    .pkvr .experienceWrap .vrArea {
        padding-top: 0;
    }
    .pkvr .experienceWrap .vrArea .panoLoadingStart {
        width: 60px;
        height: 60px;
        margin: -30px -30px 0 0;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .confOptionWrap
        .exteriorOptions
        .titArea
        .selectOpt {
        position: static;
        background: #fff;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .selectOption > div {
        padding-bottom: 0;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .sortListWrap {
        width: auto;
        margin: 0 -4px 15px;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .confOptionWrap
        .sortListWrap
        .sortList {
        width: 48px;
        max-width: none;
        padding: 4px;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .confOptionWrap
        .sortListWrap
        .sortList.active:after {
        top: -1px;
        left: -2px;
        width: 16px;
        height: 16px;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .titArea {
        margin: 9px 0 0;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .titArea .conTit {
        vertical-align: middle;
        padding: 0;
        font-size: 16px;
    }
    .pkvr .experienceWrap .experience360vr .confOptionWrap .titArea .selectOpt {
        position: static;
        background: #fff;
        font-size: 16px;
    }
    .pkvr .experienceWrap .experience360vr .secConfiguratorWrap {
        display: table;
        width: 100%;
        height: auto;
        padding: 0 15px;
    }
    .pkvr
        .experienceWrap
        .experience360vr
        .secConfiguratorWrap
        .confOptionWrap {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .pkvr .experienceWrap .experience360vr .titWrap {
        display: block;
    }
    .pkvr .experienceWrap .pipVrWrap .titWrap {
        margin-bottom: 30px;
        padding: 8px 0 9px;
        text-align: center;
    }
    .pkvr .experienceWrap .pipVrWrap .experience360VrimgArea {
        overflow: hidden;
        height: auto !important;
        padding-bottom: 38% !important;
    }
    .pkvr .experienceWrap .pipVrWrap .experience360VrimgArea .panorama > img {
        height: 100% !important;
    }
    .pkvr .experienceWrap .vr360Exterior .exteriorOptions .titArea,
    .pkvr .experienceWrap .vr360Interia .interiorOptions .titArea {
        display: block;
        width: 100%;
        padding: 0;
    }
    .pkvr .experienceWrap .vr360Exterior .exteriorOptions .experienceSortWrap,
    .pkvr .experienceWrap .vr360Interia .interiorOptions .experienceSortWrap {
        display: block;
        width: 100%;
        padding: 0;
    }
    .pkvr .pnlm-load-button {
        width: 60px;
        height: 60px;
        margin: -30px -30px 0 0;
    }
    .pkvr .pnlm-load-button img {
        width: 100%;
    }
    .pkvr .pipVrWrap .experience360VrimgArea {
        margin: 0;
    }
    .pkvr
        .pipVrWrap
        .experience360VrimgArea
        .experiencePanoramaBox.exterior
        .panorama
        img {
        width: 100% !important;
        height: auto !important;
    }
    .pkvr .experience360VrimgArea .vrCloseBtn {
        left: 15px;
    }
    .pkvr .titWrap .stit {
        overflow: hidden;
        display: -webkit-box;
        min-height: 38px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
.psnoSticky.sectionFull {
    margin: 0;
    padding: 0;
}
.psnoStickyNavigationWrap {
    z-index: 800;
}
.psnoStickyNavigationWrap span.gt_cta,
.psnoStickyNavigationWrap span.configurator,
.psnoStickyNavigationWrap span.drive,
.psnoStickyNavigationWrap span.quote {
    margin-left: 0;
}
.psnoStickyNavigationWrap .barInner a img {
    margin-left: 20px;
}
.psnoStickyNavigationWrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 800;
}
.psnoStickyNavigationWrap .topLinkBar {
    background: #002c5f;
}
.psnoStickyNavigationWrap .topLinkBar .barInner {
    overflow: hidden;
    display: table;
    width: 100%;
    height: auto;
    max-width: 1120px;
    margin: 0 auto;
}
.psnoStickyNavigationWrap .topLinkBar .barInner .col {
    display: table-cell;
    vertical-align: middle;
    height: auto;
}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-family: "HyundaiMedium";
}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a:hover,
.psnoStickyNavigationWrap .topLinkBar .barInner .col a:focus {
    text-decoration: none;
}
.psnoStickyNavigationWrap .topLinkBar .barInner .col a:hover span {
    text-decoration: underline;
}
.psnoStickyNavigationWrap .topLinkBar .hiddenSm {
    display: inline-block !important;
}
.psnoNavigationTabWrap {
    width: 100%;
    height: 72px;
    border-bottom: solid 1px #efefef;
    background-color: #fff;
}
.psnoNavigationTabWrap .psnoNavigationTab {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}
.psnoNavigationTabWrap .psnoNavigationTab .titleWrap {
    display: table;
    position: absolute;
    width: 120px;
    height: 100%;
}
.psnoNavigationTabWrap .psnoNavigationTab .tit {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 120px;
    height: 72px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-family: "HyundaiMedium";
}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea {
    overflow: hidden;
    position: relative;
    max-width: 820px;
    margin: 0 138px 0 150px;
    padding: 22px 0;
}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList {
    display: block;
    width: 1120px;
    margin-right: 0;
}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: right;
    width: auto;
    padding: 0 0 0 28px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-align: center;
}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab.on {
    font-family: "HyundaiMedium";
}
.psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab.on a {
    color: #00aad2;
}
.psnoNavigationTabWrap .psnoNavigationTab .typeDownload {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.psnoControlWrap {
    display: none;
}
.psnoBtn.btnPrev,
.psnoBtn.btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 7px;
    height: 12px;
    margin-top: -6px;
    text-indent: -9999px;
    cursor: pointer;
}
.psnoBtn.btnPrev {
    right: 116px;
    background: url(../images/ico-prev-arr-s.png) no-repeat center center;
}
.psnoBtn.btnNext {
    left: 135px;
    background: url(../images/ico-next-arr-s.png) no-repeat center center;
}
.psnoBtn.btnNext.disabled,
.psnoBtn.btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
.psnoBtn.btnPrev.swiper-button-disabled,
.psnoBtn.btnNext.swiper-button-disabled {
    display: none;
    cursor: auto;
    pointer-events: none;
}
@media screen and (max-width: 1024px) {
    .psnoNavigationTabWrap {
        height: 47px;
    }
    .psnoStickyNavigationWrap .topLinkBar .barInner {
        max-width: 100%;
    }
    .psnoStickyNavigationWrap .topLinkBar .barInner .col {
        display: table-cell;
        vertical-align: middle;
    }
    .psnoStickyNavigationWrap .topLinkBar .barInner .col a {
        padding: 17px 0;
        font-size: 14px;
        line-height: 26px;
    }
    .psnoNavigationTabWrap .psnoNavigationTab {
        width: auto;
        margin: 0;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .tit {
        display: none;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .tabListArea {
        width: auto;
        margin: 0 49px 0 184px;
        padding: 13px 0;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList {
        margin-right: 0;
    }
    .psnoBtn.btnPrev {
        right: 25px;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .tabListArea .tabList li.tab {
        padding: 0 0 0 32px;
        font-size: 14px;
        line-height: 21px;
    }
    .psnoNavigationTabWrap
        .psnoNavigationTab
        .tabListArea
        .tabList
        li.tab:last-child {
        padding: 0 0 0 35px;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .typeDownload {
        left: 25px;
        font-size: 14px;
    }
    .psnoBtn.btnNext {
        left: 152px;
    }
    .psnoStickyNavigationWrap .barInner a img {
        width: 26px;
        height: 26px;
    }
}
@media screen and (max-width: 767px) {
    .psnoBtn.btnNext,
    .psnoBtn.btnPrev {
        display: none;
    }
    .psnoStickyNavigationWrap .topLinkBar .barInner .col a {
        display: block;
        vertical-align: 0;
        padding: 9px 0;
        font-size: 10px;
        line-height: 12px;
    }
    .psnoStickyNavigationWrap .barInner a img {
        display: block;
        margin: auto;
    }
    .psnoStickyNavigationWrap .topLinkBar .hiddenSm {
        display: none !important;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .tabListArea {
        margin: 0 15px 0 68px;
        padding: 13px 0 13px 25px;
    }
    .psnoNavigationTabWrap
        .psnoNavigationTab
        .tabListArea
        .tabList
        li.tab:last-child {
        padding: 0 0 0 25px;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .typeDownload {
        position: absolute;
        top: 50%;
        left: 0;
        width: 68px;
        height: 100%;
        padding: 0;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .typeDownload span {
        display: none;
    }
    .psnoNavigationTabWrap .psnoNavigationTab .typeDownload:before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 68px;
        height: 100%;
        border-right: 1px solid #e5e5e5;
        background-image: url(../images/ico-download2.png);
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        transform: translateY(-50%);
    }
    .psnoStickyNavigationWrap span.gt_cta,
    .psnoStickyNavigationWrap span.configurator,
    .psnoStickyNavigationWrap span.drive,
    .psnoStickyNavigationWrap span.quote {
        margin-top: 4px;
        margin-bottom: 0;
    }
}
.pthoWrap {
    width: 100%;
}
.pthoWrap .titWrap {
    font-size: 0;
    line-height: 0;
}
.pthoWrap .titWrap h2,
.pthoWrap .titWrap h3,
.pthoWrap .titWrap h4 {
    padding-bottom: 0;
}
.pthoWrap .pthoLine {
    display: none;
}
.pthoWrap .pthoLine.on {
    display: inline-block;
    width: 112px;
    height: 1px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ff7500;
}
.pthoWrap [class*="subTit"] {
    padding-bottom: 20px !important;
}
.pthoWrap .bullet {
    padding-right: 0;
}
.pthoWrap .bullet:before {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin-top: -2px;
    margin-left: 12px;
}
.pthoWrap a,
.ctsaWrap a,
.cttaWrap a,
.cttbWrap a,
.cttcWrap a,
.icoNote a {
    color: #00aad2;
}
@media screen and (max-width: 1024px) {
    .pthoWrap .pthoLine.on {
        padding: 15px 0 0;
    }
    .pthoWrap [class*="subTit"] {
        padding-bottom: 15px !important;
    }
}
@media screen and (max-width: 767px) {
    .pthoWrap .titWrap .bullet a {
        display: block;
        padding-right: 15px;
    }
}
.pwsbSlider .sliderPagination {
    position: static;
    margin-top: 50px;
}
.pwsbSlider .txtArea {
    margin-top: 50px;
    padding: 0 160px;
}
.pwsbSlider .txtArea h3,
.pwsbSlider .txtArea h4 {
    margin-bottom: 24px;
}
.pwsbSlider .txtArea .conAreaS {
    margin-top: 20px;
}
.pwsbSlider .txtArea ul li .conAreaS {
    margin-top: 0;
}
.pwsbSlider .txtArea .txtList {
    margin-top: 20px;
}
.pwsbSlider .txtArea .txtList p {
    margin-bottom: 0;
}
.pwsbSlider .fullImg {
    height: 600px;
}
.pwsbSlider .fullImg .img img {
    position: static;
    width: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
@media screen and (max-width: 1024px) {
    .pwsbSlider .txtArea {
        margin-top: 30px;
    }
    .pwsbSlider .txtArea {
        margin-top: 30px;
        padding: 0 68px;
    }
    .pwsbSlider .txtArea h3,
    .pwsbSlider .txtArea h4 {
        margin-bottom: 28px;
    }
    .pwsbSlider .fullImg {
        height: auto;
    }
    .pwsbSlider .fullImg .img img {
        -webkit-transform: none;
        transform: none;
    }
    .pwsbSlider .txtArea .conAreaS {
        margin-top: 15px;
    }
    .pwsbSlider .txtArea .txtList {
        margin-top: 15px;
    }
    .pwsbSlider .sliderPagination {
        margin-top: 35px;
    }
    .pwsb .sliderBtnWrap .btnPrev,
    .pwsb .sliderBtnWrap .btnNext {
        top: 50%;
        margin-top: -130px;
    }
}
@media screen and (max-width: 767px) {
    .pwsbSlider .txtArea {
        margin-top: 30px;
        padding: 0;
    }
    .pwsbSlider .txtArea h3,
    .pwsbSlider .txtArea h4 {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .pwsbSlider .fullImg {
        height: auto !important;
        min-height: auto !important;
    }
    .pwsbSlider .fullImg .img img {
        width: 100%;
    }
}
.pwscSlider .fullImg {
    height: 600px;
}
.pwscWrap .titArea {
    padding-bottom: 40px;
}
.pwscSlider .sliderPagination {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}
.pwscSlider .txtArea {
    padding: 158px 160px 0;
}
.pwscSlider .num {
    display: none;
}
.pwscSlider .txtArea h2,
.pwscSlider .txtArea h3,
.pwscSlider .txtArea h4 {
    margin-bottom: 20px;
}
.pwscSlider .txtArea h4 {
    font-size: 20px;
    line-height: 30px;
}
.pwscSlider .txtArea [class*="conArea"] {
    display: block;
    margin-bottom: 20px;
}
.pwscSlider .txtArea .txtList [class*="conArea"] {
    margin-bottom: 0;
}
.sliderWrap.pwscSlider .sliderListWrap .sliderList {
    margin-bottom: 0 !important;
}
.sliderWrap.pwscSlider .sliderBtnWrap .btnPrev,
.sliderWrap.pwscSlider .sliderBtnWrap .btnNext {
    top: 278px;
}
.pwscSlider .ix-thumbs.sliderPagination {
    top: 650px;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pwscSlider .ix-thumbs.sliderPagination .pager {
    overflow: visible;
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 50px 0 0;
    text-indent: 0;
}
.pwscSlider .ix-thumbs.sliderPagination .pager:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    right: -52px;
    height: 4px;
    margin-top: -2px;
    background: #002c5f;
    content: "";
}
.pwscSlider .ix-thumbs.sliderPagination .pager:first-child {
    margin: 0;
}
.pwscSlider .ix-thumbs.sliderPagination .pager:first-child:after {
    display: none;
}
.pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {
    width: 46px;
    height: 46px;
    border: 1px solid #002958;
    background: #fff;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    font-family: "HyundaiMedium";
}
.pwscSlider .ix-thumbs.sliderPagination .pager.active .ix-btn {
    background-color: #002c5f;
    color: #fff;
}
@media screen and (max-width: 1240px) {
    .pwscSlider.sliderWrap .sliderBtnWrap .btnPrev,
    .pwscSlider.sliderWrap .sliderBtnWrap .btnNext {
        top: 278px;
        margin-top: 0;
    }
    .pwscSlider .ix-thumbs.sliderPagination {
        top: 650px;
        bottom: auto;
    }
}
@media screen and (max-width: 1024px) {
    .pwscSlider .fullImg {
        height: 384px;
    }
    .pwscWrap .titArea {
        padding-bottom: 30px;
    }
    .pwscSlider .txtArea {
        padding: 112px 68px 0;
    }
    .pwscSlider .txtArea h2,
    .pwscSlider .txtArea h3,
    .pwscSlider .txtArea h4 {
        margin-bottom: 15px;
    }
    .pwscSlider .txtArea h4 {
        font-size: 17px;
        line-height: 22px;
    }
    .pwscSlider .txtArea [class*="conArea"] {
        margin-bottom: 15px;
    }
    .pwscSlider.sliderWrap .sliderBtnWrap .btnPrev,
    .pwscSlider.sliderWrap .sliderBtnWrap .btnNext {
        top: 175px;
        margin-top: 0;
    }
    .pwscSlider .ix-thumbs.sliderPagination {
        top: 419px;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager {
        width: 32px;
        height: 32px;
        margin: 0 32px 0 0;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager:after {
        right: -34px;
        height: 2px;
        margin-top: -1px;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pwscWrap .subTitM {
        margin-top: 0;
    }
    .pwscSlider .txtArea h4 {
        font-size: 17px;
        line-height: 22px;
    }
    .pwscSlider .fullImg {
        height: 192px;
    }
    .pwscSlider .num {
        display: block;
        text-align: center !important;
    }
    .pwscSlider .num {
        margin-top: 35px;
    }
    .pwscSlider .num .inner {
        display: inline-block;
        width: 32px;
        height: 32px;
        background: #002c5f;
        font-size: 12px;
        line-height: 32px;
        color: #fff;
        text-align: center;
        font-family: "HyundaiMedium";
        border-radius: 50%;
    }
    .pwscSlider .txtArea {
        padding: 45px 0 0 0;
    }
    .pwscSlider .ix-thumbs.sliderPagination {
        position: static;
        margin-top: 35px;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager {
        overflow: hidden;
        width: 9px;
        height: 9px;
        margin: 0 7px 0 0;
        background: #fff;
        text-indent: -9999px;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager:after {
        display: none;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager .ix-btn {
        width: 9px;
        height: 9px;
        border: 0 none;
        border: 1px solid #999;
        background: #fff;
        font-size: 0;
        line-height: 1;
    }
    .pwscSlider .ix-thumbs.sliderPagination .pager.active .ix-btn {
        border: 0;
        background: #00aad2;
    }
}
.pwsdWrap .titArea {
    padding-bottom: 40px;
}
.pwsdSlider .txtArea [class*="conArea"] {
    display: block;
    margin-top: 20px;
}
.pwsdSlider .txtArea .txtList {
    padding-top: 20px;
}
.pwsdSlider .txtArea .txtList [class*="conArea"] {
    margin-bottom: 0;
}
.pwsdSlider .txtArea .txtList [class*="conArea"].bullet {
    margin-top: 0;
}
.pwsdSlider .ix-thumbs.sliderPagination {
    position: static;
    margin-top: 40px;
}
.pwsdSlider .fullImg {
    height: 600px;
}
.pwsdSlider .fullImg img {
    max-width: 100%;
}
.pwsdSlider .txtWd {
    width: auto;
    padding: 40px 160px 0;
}
.sliderWrap.pwsdSlider .sliderBtnWrap .btnPrev,
.sliderWrap.pwsdSlider .sliderBtnWrap .btnNext {
    top: 278px;
}
.sliderWrap.pwsdSlider .sliderListWrap .sliderList {
    margin-bottom: 0 !important;
}
@media screen and (max-width: 1240px) {
    .pwsdSlider.sliderWrap .sliderBtnWrap .btnPrev,
    .pwsdSlider.sliderWrap .sliderBtnWrap .btnNext {
        top: 278px;
        margin-top: 0;
    }
    .pwsdSlider .ix-thumbs.sliderPagination {
        top: 650px;
        bottom: auto;
    }
}
@media screen and (max-width: 1024px) {
    .pwsdSlider .fullImg {
        height: auto;
    }
    .pwsdSlider .fullImg img {
        width: 100%;
    }
    .pwsdSlider .txtArea [class*="conArea"] {
        margin-top: 15px;
    }
    .pwsdSlider .txtArea .txtList {
        padding-top: 15px;
    }
    .pwsdSlider .ix-thumbs.sliderPagination {
        margin-top: 30px;
    }
    .pwsdSlider .txtWd {
        padding: 30px 68px 0;
    }
    .pwsdSlider.sliderWrap .sliderBtnWrap .btnPrev,
    .pwsdSlider.sliderWrap .sliderBtnWrap .btnNext {
        top: 50%;
        margin-top: -150px;
    }
}
@media screen and (max-width: 767px) {
    .pwsdWrap .titArea {
        padding-bottom: 30px;
    }
    .pwsdSlider .fullImg {
        min-height: auto !important;
    }
    .pwsdSlider .subTitM {
        margin-top: 0;
    }
    .pwsdSlider .slide_direction {
        display: block;
    }
    .pwsdSlider .txtWd {
        padding: 30px 0 0 0;
    }
}
.pwseWrap .titWrap {
    margin-bottom: 40px;
}
.pwseWrap .gallery_img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    min-height: 120px;
    text-align: center;
}
.pwseWrap .gallery_img img {
    position: relative;
    width: 100%;
}
.pwseWrap .btnPrev,
.pwseWrap .btnNext {
    top: 65px;
    margin-top: 0;
}
.pwseWrap .galleryWrap .sliderPagination {
    margin-top: 40px;
}
.pwseWrap .icoNote {
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .pwseWrap .titWrap {
        margin-bottom: 30px;
    }
    .pwseWrap .galleryWrap[class*="colLg"] .galleryList.col {
        width: 25%;
    }
    .pwseWrap .gallery_img {
        margin-bottom: 15px;
        min-height: 80px;
    }
    .pwseWrap .btnPrev,
    .pwseWrap .btnNext {
        top: 50%;
        margin-top: -60px;
    }
    .pwseWrap .icoNote {
        margin-top: 25px;
    }
    .pwseWrap .galleryWrap .sliderPagination {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .pwseWrap .subTitM {
        margin-top: 0;
    }
    .pwseWrap .galleryWrap[class*="colLg"] .galleryList.col {
        width: 50%;
    }
    .pwseWrap .gallery_img {
        min-height: 60px;
    }
    .pwseWrap .btnPrev,
    .pwseWrap .btnNext {
        top: 50%;
        margin-top: -60px;
    }
    .pwseWrap .galleryWrap .sliderPagination {
        text-align: center;
    }
}
.pnsaWrap .sectionInner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.pnsaWrap .videobox .titWrap h2,
.pnsaWrap .videobox .titWrap h3,
.pnsaWrap .videobox .titWrap h4 {
    margin: 40px 0 20px;
}
.pnsaWrap .conAreaS {
    font-size: 16px;
    line-height: 28px;
}
.pnsaWrap .videobox .videothumb {
    margin-bottom: 0;
}
.pnsaWrap .videobox .txtList {
    padding-top: 20px;
}
.pnsaWrap .videobox .videoIn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.pnsaWrap .videobox .videoIn video {
    width: 100%;
    height: 100%;
}
.pnsaWrap .imgWrap {
    overflow: hidden;
    position: relative;
}
.pnsaWrap .imgWrap img {
    position: static;
    width: 100%;
    -webkit-transform: none;
    transform: none;
}
@media screen and (max-width: 1240px) {
    .pnsaWrap .videothumb {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1024px) {
    .sectionWrap.pnsaWrap {
        padding: 0;
    }
    .pnsaWrap .videobox .videothumb {
        margin-bottom: 0;
    }
    .pnsaWrap .videobox .titWrap h2,
    .pnsaWrap .videobox .titWrap h3,
    .pnsaWrap .videobox .titWrap h4 {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .pnsaWrap .videobox .txtList {
        padding-top: 15px;
    }
    .pnsaWrap .txtWd {
        width: auto;
        padding: 0 93px;
    }
    .pnsaWrap .imgWrap {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .pnsaWrap .videothumb {
        margin-bottom: 29px;
    }
    .pnsaWrap .imgWrap {
        height: auto;
    }
    .pnsaWrap .txtWd {
        padding: 0 15px;
    }
}
.pnsb .titWrap {
    margin-bottom: 50px;
}
.pnsb .imgtxtArea {
    position: relative;
    width: 100%;
}
.pnsb .imgtxtArea:after {
    display: block;
    content: "";
    clear: both;
}
.pnsb .imgtxtArea .gridfl,
.pnsb .imgtxtArea .gridfr {
    overflow: hidden;
    float: right;
    width: 50%;
}
.pnsb .imgtxtArea .txtArea {
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 530px;
    padding: 0 30px 0 0;
}
.pnsb .imgtxtArea .imgArea {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 430px;
    max-width: 600px;
}
.pnsb .imgtxtArea .imgArea img {
    position: relative;
    width: 100%;
    -webkit-transform: translateX(50%);
    transform: none;
}
.pnsb .conAreaM {
    margin-top: 20px;
}
.pnsb .txtList {
    margin-top: 20px;
}
.pnsb .alignFilp .imgtxtArea .gridfl {
    float: left;
}
.pnsb .alignFilp .imgtxtArea .gridfr {
    float: right;
}
.pnsb .alignFilp .imgtxtArea .gridfr .txtArea {
    right: 0;
}
.pnsb .bulletS:before {
    top: 13px;
}
@media screen and (max-width: 1024px) {
    .pnsb {
        margin-bottom: 20px;
    }
    .pnsb .titWrap {
        margin-bottom: 30px;
    }
    .pnsb .imgtxtArea {
        width: 99.7%;
    }
    .pnsb .imgtxtArea .imgArea {
        overflow: hidden;
        float: left;
        position: relative;
        width: 100%;
        height: 384px;
        max-width: 600px;
        margin-left: 0;
    }
    .pnsb .imgtxtArea .txtArea {
        display: table-cell;
        vertical-align: bottom;
        position: relative;
        bottom: auto;
        right: auto;
        width: auto;
        height: 384px;
        margin: 0;
        padding: 0 30px 0 0;
    }
    .pnsb .alignFilp .imgtxtArea .gridfr .txtArea {
        padding: 0 0 0 30px;
    }
    .pnsb .bulletS:before {
        top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .pnsb .imgtxtArea {
        width: auto;
    }
    .pnsb .subTitM {
        margin-top: 0;
    }
    .pnsb .imgtxtArea .gridfl,
    .pnsb .imgtxtArea .gridfr {
        width: 100%;
    }
    .pnsb .imgtxtArea .imgArea {
        float: none;
        position: relative;
        width: auto;
        height: auto;
        max-width: 100%;
        margin-left: 0;
    }
    .pnsb .imgtxtArea.txtArea h2,
    .pnsb .imgtxtArea .txtArea h3,
    .pnsb .imgtxtArea .txtArea h4 {
        margin-bottom: 9px;
    }
    .pnsb .imgtxtArea .txtArea {
        vertical-align: top;
        position: relative;
        bottom: auto;
        right: auto;
        width: auto;
        height: auto;
        margin-right: 0;
        padding: 30px 0 0 0;
    }
    .pnsb .conAreaM {
        margin-top: 15px;
    }
    .pnsb .txtList {
        margin-top: 15px;
    }
    .pnsb .alignFilp .imgtxtArea .gridfr .txtArea {
        padding: 20px 0 0 0;
    }
}
.pnscWrap {
    width: 100%;
}
.pnscWrap .titWrap {
    margin: 0 160px 40px 160px;
}
.pnscWrap .titWrap h2,
.pnscWrap .titWrap h3,
.pnscWrap .titWrap h4 {
    margin-bottom: 20px;
    text-align: center;
}
.pnscWrap .titWrap p.pnscTxt {
    margin-bottom: 20px;
}
.pnscWrap .fullImg {
    height: 600px;
}
.pnscWrap .bulletS:before {
    top: 13px;
}
@media screen and (max-width: 1024px) {
    .pnscWrap .titWrap {
        margin: 0 68px 30px 68px;
    }
    .pnscWrap .titWrap h2,
    .pnscWrap .titWrap h3,
    .pnscWrap .titWrap h4 {
        margin-bottom: 15px;
    }
    .pnscWrap .fullImg {
        height: auto;
        min-height: auto;
    }
    .pnscWrap .fullImg .img img {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .pnscWrap .titWrap p.pnscTxt {
        margin-bottom: 15px;
    }
    .pnscWrap .bulletS:before {
        top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .pnscWrap .subTitM {
        margin-top: 0;
    }
    .pnscWrap .titWrap {
        margin: 0 0 30px 0;
    }
    .pnscWrap .fullImg {
        height: auto;
    }
}
.pnsdWrap .titWrap {
    margin-bottom: 40px;
}
.pnsdWrap .imgtxtArea {
    display: table;
    position: relative;
    width: 100%;
}
.pnsdWrap .imgtxtArea:after {
    display: block;
    content: "";
    clear: both;
}
.pnsdWrap .imgtxtArea .txtArea h2,
.pnsdWrap .imgtxtArea .txtArea h3,
.pnsdWrap .imgtxtArea .txtArea h4 {
    margin-bottom: 20px;
}
.pnsdWrap .imgtxtArea .gridfl,
.pnsdWrap .imgtxtArea .gridfr {
    overflow: hidden;
}
.pnsdWrap .imgtxtArea .gridfl {
    float: right;
    width: 50%;
}
.pnsdWrap .imgtxtArea .gridfr {
    overflow: hidden;
    display: table;
    width: 50%;
}
.pnsdWrap .imgtxtArea .gridfr {
    vertical-align: bottom;
}
.pnsdWrap .imgtxtArea .imgArea {
    overflow: hidden;
    position: relative;
    height: 510px;
    text-align: right;
}
.pnsdWrap .imgtxtArea .imgArea img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.pnsdWrap .imgtxtArea .txtArea {
    display: table;
    width: 100%;
    min-height: 510px;
}
.pnsdWrap .imgtxtArea .txtArea .innerWrap {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 50px 0 0;
}
.pnsdWrap .txtList {
    margin: 20px 0 0 0;
}
.pnsdWrap.smallSize {
    max-width: 1120px;
    margin: 0 auto;
}
.pnsdWrap.smallSize .imgtxtArea .gridfl {
    width: auto;
    max-width: 550px;
    min-width: 450px;
}
.pnsdWrap.smallSize .imgtxtArea .gridfr {
    width: auto;
}
.pnsdWrap.smallSize .imgtxtArea .imgArea {
    height: 294px;
}
.pnsdWrap.smallSize .imgtxtArea .txtArea {
    min-height: 294px;
}
.pnsdWrap.alignTop .imgtxtArea .txtArea .innerWrap {
    vertical-align: top;
}
.pnsdWrap.areaFlip .gridfl {
    float: left;
}
.pnsdWrap.areaFlip .imgtxtArea .txtArea .innerWrap {
    padding: 0 0 0 50px;
}
@media screen and (max-width: 1024px) {
    .pnsdWrap .subTitL {
        padding: 0 25px;
    }
    .pnsdWrap .imgtxtArea .txtArea h2,
    .pnsdWrap .imgtxtArea .txtArea h3,
    .pnsdWrap .imgtxtArea .txtArea h4 {
        margin-bottom: 15px;
    }
    .pnsdWrap .titWrap {
        margin-bottom: 30px;
    }
    .pnsdWrap .imgtxtArea .gridfl,
    .pnsdWrap .imgtxtArea .gridfr {
        display: block;
        float: none;
        width: 100%;
    }
    .pnsdWrap .imgtxtArea .imgArea {
        height: 471px;
        margin: 0 auto;
        text-align: center;
    }
    .pnsdWrap .imgtxtArea .imgArea img {
        width: auto;
    }
    .pnsdWrap .imgtxtArea .txtArea {
        min-height: 0;
    }
    .pnsdWrap.smallSize .imgtxtArea .gridfl {
        width: auto;
        max-width: 100%;
        min-width: 0;
    }
    .pnsdWrap.smallSize .imgtxtArea .gridfr {
        width: auto;
    }
    .pnsdWrap.smallSize .imgtxtArea .imgArea,
    .pnsdWrap.smallSize .imgtxtArea .txtArea {
        height: auto;
    }
    .pnsdWrap.smallSize .imgtxtArea .txtArea {
        min-height: auto;
    }
    .pnsdWrap .imgtxtArea .txtArea .innerWrap {
        display: block;
        padding: 30px 25px 0 25px !important;
    }
    .pnsdWrap .txtList {
        margin: 15px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .pnsdWrap.smallSize .imgtxtArea .imgArea,
    .pnsdWrap.smallSize .imgtxtArea .txtArea {
        height: auto;
    }
    .pnsdWrap .titWrap {
        margin: 0 20px 30px 15px;
    }
    .pnsdWrap .subTitM {
        margin-top: 0;
    }
    .pnsdWrap .imgtxtArea .imgArea {
        height: auto;
    }
    .pnsdWrap .imgtxtArea .txtArea .innerWrap {
        margin-top: 30px;
        padding: 0 20px 0 15px !important;
    }
    .pnsdWrap .imgtxtArea .imgArea img {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
}
.pnsfWrap {
    position: relative;
    height: 1180px;
    background: #f3f4f9;
}
.pnsfWrap .pnsfCont {
    position: absolute;
    top: 60px;
    right: 50%;
    z-index: 2;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
}
.pnsfWrap .titWrap {
    padding-bottom: 20px;
}
.pnsfWrap .imgBox {
    position: relative;
    height: 1180px;
}
.pnsfWrap .imgBox img {
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 1;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
}
.pnsfWrap .imgOnlyMobile {
    display: none;
}
@media screen and (max-width: 1024px) {
    .pnsfWrap {
        height: 554px;
    }
    .pnsfWrap .pnsfCont {
        top: 45px;
    }
    .pnsfWrap .titWrap {
        padding-bottom: 15px;
    }
    .pnsfWrap .pnsfCont [class*="conArea"] {
        font-size: 12px;
        line-height: 17px;
    }
    .pnsfWrap .imgBox {
        height: 554px;
    }
}
@media screen and (max-width: 767px) {
    .pnsfWrap {
        height: auto;
        padding-top: 45px;
    }
    .pnsfWrap .subTitM {
        margin-top: 0;
    }
    .pnsfWrap .pnsfCont {
        position: static;
        padding: 0 15px 30px 15px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .pnsfWrap .imgBox {
        display: none;
    }
    .pnsfWrap .imgOnlyMobile {
        display: block;
        margin: 0;
    }
    .pnsfWrap .imgOnlyMobile .img {
        overflow: hidden;
        display: block;
        position: relative;
        margin: 0 auto;
    }
    .pnsfWrap .imgOnlyMobile .img.img1 {
        padding: 0 15px 30px 15px;
    }
    .pnsfWrap .imgOnlyMobile .img img {
        width: 100%;
    }
}
.pnsgWrap .titWrap {
    margin-bottom: 40px;
}
.pnsgWrap .txtWrap {
    margin-bottom: 40px;
}
.pnsgWrap .txtWrap [class*="subTit"] {
    margin-bottom: 20px;
}
.pnsgWrap .txtWrap .txtBox ~ .txtBox {
    margin-top: 20px;
}
.pnsgWrap .imgWrap {
    max-width: 1120px;
    margin: 0 auto;
}
.pnsgWrap .imgBox:after {
    display: table;
    content: "";
    clear: both;
}
.pnsgWrap .imgWrap .pic {
    float: right;
    max-width: 550px;
}
.pnsgWrap .imgBox .pic img {
    width: 100%;
}
.pnsgWrap .imgWrap .spec {
    float: left;
    width: 538px;
    padding: 0 0 0 24px;
}
.pnsgWrap .imgBox.areaFlip .pic {
    float: left;
}
.pnsgWrap .imgBox.areaFlip .spec {
    float: right;
    padding: 0 24px 0 0;
}
.pnsgWrap .imgWrap .spec .graphBox {
    overflow: hidden;
    position: relative;
    width: 514px;
    height: 364px;
}
.pnsgWrap .imgWrap .spec .graphBox .img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.pnsgWrap .imgWrap .spec .graphBox .img img {
    width: auto;
    height: 100%;
}
.pnsgWrap .imgWrap .spec .graphBox .imgTxt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.pnsgWrap .imgWrap .spec .graphBox .graphLayer {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
}
.pnsgWrap .imgWrap .spec .maxValArea {
    overflow: hidden;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}
.pnsgWrap .imgWrap .spec .maxValArea .inner {
    display: table;
    float: right;
}
.pnsgWrap .imgWrap .spec .maxValArea .maxPower {
    width: 54%;
}
.pnsgWrap .imgWrap .spec .maxValArea .maxTorque {
    width: 46%;
}
.pnsgWrap .imgWrap .spec .maxValArea .tit {
    display: table-cell;
    vertical-align: top;
    width: 50px;
    padding-top: 58px;
    font-size: 14px;
    line-height: 14px;
    font-family: "HyundaiMedium";
}
.pnsgWrap .imgWrap .spec .maxValArea .maxPower .tit {
    background: url(../images/find-a-car/flat/pd5dr/ico-performance01.png)
        no-repeat center top;
    color: #00aad2;
    text-align: center;
}
.pnsgWrap .imgWrap .spec .maxValArea .maxTorque .tit {
    background: url(../images/find-a-car/flat/pd5dr/ico-performance02.png)
        no-repeat center top;
    color: #002c5f;
    text-align: center;
}
.pnsgWrap .imgWrap .spec .maxValArea .con {
    display: table-cell;
    vertical-align: top;
    padding-right: 16px;
    color: #323232;
}
.pnsgWrap .imgWrap .spec .maxValArea .con .val {
    font-size: 58px;
    line-height: 68px;
}
.pnsgWrap .imgWrap .spec .maxValArea .con .unit {
    font-size: 16px;
    line-height: 28px;
}
.pnsgWrap .imgWrap .imgOnlyMobile {
    display: none;
}
@media screen and (max-width: 1240px) {
    .pnsgWrap .imgWrap {
        width: 974px;
    }
    .pnsgWrap .imgWrap .pic {
        width: 452px;
    }
    .pnsgWrap .imgWrap .spec {
        width: 514px;
        padding: 0;
    }
    .pnsgWrap .imgBox.areaFlip .spec {
        padding: 0;
    }
}
@media screen and (max-width: 1024px) {
    .pnsgWrap .titWrap {
        margin-bottom: 30px;
    }
    .pnsgWrap .txtWrap {
        margin-bottom: 30px;
    }
    .pnsgWrap .txtWrap [class*="subTit"] {
        margin-bottom: 15px;
    }
    .pnsgWrap .txtWrap .txtBox ~ .txtBox {
        margin-top: 15px;
    }
    .pnsgWrap .imgWrap {
        width: 718px;
    }
    .pnsgWrap .imgWrap .pic {
        width: 352px;
    }
    .pnsgWrap .imgWrap .spec {
        width: 352px;
        padding: 0;
    }
    .pnsgWrap .imgBox.areaFlip .spec {
        padding: 0;
    }
    .pnsgWrap .imgWrap .spec .graphBox {
        width: 352px;
        height: 250px;
    }
    .pnsgWrap .imgWrap .spec .graphBox .img img {
        width: 352px;
    }
    .pnsgWrap .imgWrap .spec .maxValArea {
        margin-top: 15px;
        padding-top: 15px;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .maxPower {
        width: 52%;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .maxTorque {
        width: 48%;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .tit {
        width: 36px;
        padding-top: 43px;
        font-size: 10px;
        line-height: 10px;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .maxPower .tit {
        background-image: (
            "../../../../template_en/en/images/find-a-car/flat/pd5dr/ico-performance01.png"
        );
        background-size: 100%;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .maxTorque .tit {
        background-image: (
            "../../../../template_en/en/images/find-a-car/flat/pd5dr/ico-performance02.png"
        );
        background-size: 100%;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .con {
        padding-right: 10px;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .con .val {
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -1px;
    }
    .pnsgWrap .imgWrap .spec .maxValArea .con .unit {
        font-size: 12px;
        line-height: 17px;
    }
}
@media screen and (max-width: 767px) {
    .pnsgWrap .imgWrap {
        width: 100%;
        max-width: none;
    }
    .pnsgWrap .imgBox {
        display: none;
    }
    .pnsgWrap .imgWrap .imgOnlyMobile {
        display: block;
    }
    .pnsgWrap .imgWrap .imgOnlyMobile img {
        width: 100%;
    }
}
.pnshWrap.smallSize {
    max-width: 1120px;
    margin: 0 auto;
}
.pnshWrap .imgtxtArea {
    margin: 40px 0 0;
}
.pnshWrap .imgtxtArea:after {
    display: block;
    content: "";
    clear: both;
}
.pnshWrap .imgtxtArea .grid {
    float: right;
    width: 50%;
}
.pnshWrap .imgtxtArea .grid .imgArea {
    overflow: hidden;
    position: relative;
}
.pnshWrap .imgtxtArea .grid .imgArea img {
    position: relative;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.pnshWrap .imgtxtArea .grid .txtArea {
    max-width: 700px;
    margin: 40px 50px 0;
}
.pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
.pnshWrap .imgtxtArea .grid .txtArea > .txtList,
.pnshWrap .imgtxtArea .grid .txtArea > .icoNote {
    margin-top: 20px;
}
@media all and (max-width: 1024px) {
    .pnshWrap .imgtxtArea {
        margin: 30px 0 0;
    }
    .pnshWrap .imgtxtArea .grid.left .imgArea {
        margin-right: 32px;
    }
    .pnshWrap .imgtxtArea .grid.right .imgArea {
        margin-left: 32px;
    }
    .pnshWrap .imgtxtArea .grid .txtArea {
        margin: 30px 32px 0;
    }
    .pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
    .pnshWrap .imgtxtArea .grid .txtArea > .txtList,
    .pnshWrap .imgtxtArea .grid .txtArea > .icoNote {
        margin-top: 15px;
    }
    .pnshWrap .imgtxtArea .grid.left .txtArea {
        margin-left: 12px;
    }
    .pnshWrap .imgtxtArea .grid.right .txtArea {
        margin-right: 12px;
    }
    .pnshWrap .imgtxtArea .grid .imgArea img {
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .pnshWrap {
        margin: 0 -15px;
    }
    .pnshWrap .subTitL {
        padding: 0 35px;
    }
    .pnshWrap .imgtxtArea .grid {
        float: none;
        width: auto;
    }
    .pnshWrap .imgtxtArea .grid.right {
        margin: 35px 0 0;
    }
    .pnshWrap .imgtxtArea .grid.left .imgArea {
        margin-right: 0;
    }
    .pnshWrap .imgtxtArea .grid.right .imgArea {
        margin-left: 0;
    }
    .pnshWrap .imgtxtArea .grid .txtArea {
        margin: 30px 0 0;
        padding: 0 35px;
    }
    .pnshWrap .imgtxtArea .grid .imgArea img {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .pnshWrap .imgtxtArea .grid.left .txtArea {
        margin-left: 0;
    }
    .pnshWrap .imgtxtArea .grid.right .txtArea {
        margin-right: 0;
    }
    .pnshWrap .txtArea .subTitM {
        margin-top: 0;
    }
}
.paoaWrap .fullImageSet {
    overflow: hidden;
    position: relative;
}
.paoaWrap .fullImageSet .txtAreaSet {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    -webkit-transform: traslateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.paoaWrap .fullImageSet .txtAreaSet .subTitM {
    color: #fff;
}
.paoaWrap .fullImageSet .txtAreaSet .desc {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 28px;
}
.paoaWrap .fullImageSet img {
    position: relative;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.paoaWrap .fullImageSet .enlarge {
    overflow: hidden;
    z-index: 9;
    position: absolute;
    bottom: 50px;
    right: 50%;
    width: 40px;
    height: 40px;
    background: #00aad2;
    color: #00aad2;
    border-radius: 50%;
    text-indent: -1000px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.paoaWrap .fullImageSet .enlarge:before,
.paoaWrap .fullImageSet .enlarge:after {
    position: absolute;
    top: 50%;
    right: 50%;
    background: #fff;
    content: "";
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.paoaWrap .fullImageSet .enlarge:before {
    width: 16px;
    height: 2px;
}
.paoaWrap .fullImageSet .enlarge:after {
    width: 2px;
    height: 16px;
}
.paoaWrap .textWrap {
    max-width: 800px;
    margin: 0 auto;
}
.paoaWrap .textWrap > .subTitM {
    margin-top: 80px;
}
.paoaWrap .textWrap > .conAreaM,
.paoaWrap .textWrap > .txtList,
.paoaWrap .textWrap > .icoNote {
    margin-top: 20px;
}
.paoaWrap .carImageWrap {
    overflow: hidden;
    position: relative;
    margin-top: 40px;
}
.paoaWrap .carImageWrap img {
    position: relative;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.paoaWrap .sliderWrap {
    width: auto;
    max-width: 1120px;
    margin: 100px auto 0;
}
.paoaWrap .sliderWrap .sliders .txtWrap {
    max-width: 800px;
    margin: 0 auto;
}
.paoaWrap .sliderWrap .sliders .txtWrap .subTitM {
    margin-top: 40px;
}
.paoaWrap .sliderWrap .sliders .txtWrap > .conAreaM,
.paoaWrap .sliderWrap .sliders .txtWrap > .txtList,
.paoaWrap .sliderWrap .sliders .txtWrap > .icoNote {
    margin-top: 20px;
}
.paoaWrap .sliderWrap .sliderListWrap .sliderList {
    margin-bottom: 0 !important;
}
.paoaWrap .sliderPagination {
    position: static;
    margin-top: 50px;
}
.paoaWrap .sliderWrap .btnPrev,
.paoaWrap .sliderWrap .btnNext {
    top: 50%;
    margin-top: -172px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.paoaWrap .sliderWrap .fullImg {
    height: 600px;
}
.paoaWrap .textWrap2 {
    overflow: hidden;
    max-width: 1120px;
    margin: 100px auto 0;
}
.paoaWrap .textWrap2 .grid {
    float: right;
    width: 50%;
}
.paoaWrap .textWrap2 .grid.left {
    padding-left: 16px;
}
.paoaWrap .textWrap2 .grid.right {
    padding-right: 16px;
}
.paoaWrap .textWrap2 .grid .imgArea {
    overflow: hidden;
    position: relative;
    height: 360px;
}
.paoaWrap .textWrap2 .grid .imgArea img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.paoaWrap .textWrap2 .grid .txtArea > .subTitM {
    margin-top: 40px;
}
.paoaWrap .textWrap2 .grid .txtArea > .conAreaM,
.paoaWrap .textWrap2 .grid .txtArea > .txtList,
.paoaWrap .textWrap2 .grid .txtArea > .icoNote {
    margin-top: 20px;
}
.paoaWrap .detailsWrap {
    display: none;
}
.paoaWrap.on .fullImageSet .enlarge {
    background: #000;
}
.paoaWrap.on .fullImageSet .enlarge:before,
.paoaWrap.on .fullImageSet .enlarge:after {
    -webkit-transform: translate(50%, -50%) rotate(-45deg);
    transform: translate(50%, -50%) rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.paoaWrap.on .detailsWrap {
    display: block;
}
@media all and (max-width: 1024px) {
    .paoaWrap .textWrap {
        max-width: 582px;
    }
    .paoaWrap .textWrap > .subTitM {
        margin-top: 50px;
    }
    .paoaWrap .textWrap > .conAreaM,
    .paoaWrap .textWrap > .txtList,
    .paoaWrap .textWrap > .icoNote {
        margin-top: 15px;
    }
    .paoaWrap .carImageWrap {
        margin-top: 30px;
    }
    .paoaWrap .sliderWrap {
        margin-top: 70px;
    }
    .paoaWrap .sliderWrap .sliders .txtWrap {
        max-width: 582px;
    }
    .paoaWrap .sliderWrap .sliders .txtWrap .subTitM {
        margin-top: 30px;
    }
    .paoaWrap .sliderWrap .sliders .txtWrap > .conAreaM,
    .paoaWrap .sliderWrap .sliders .txtWrap > .txtList,
    .paoaWrap .sliderWrap .sliders .txtWrap > .icoNote {
        margin-top: 15px;
    }
    .paoaWrap .sliderPagination {
        margin-top: 35px;
    }
    .paoaWrap .sliderWrap .fullImg {
        height: auto;
    }
    .paoaWrap .sliderWrap .btnPrev,
    .paoaWrap .sliderWrap .btnNext {
        margin-top: -134px;
    }
    .paoaWrap .textWrap2 {
        margin: 70px 0 0;
    }
    .paoaWrap .textWrap2 .grid.left {
        padding-left: 7px;
    }
    .paoaWrap .textWrap2 .grid.right {
        padding-right: 7px;
    }
    .paoaWrap .textWrap2 .grid .txtArea > .subTitM {
        margin-top: 30px;
    }
    .pnshWrap .imgtxtArea .grid .txtArea > .conAreaM,
    .pnshWrap .imgtxtArea .grid .txtArea > .txtList,
    .pnshWrap .imgtxtArea .grid .txtArea > .icoNote {
        margin-top: 15px;
    }
    .paoaWrap .fullImageSet .txtAreaSet .desc {
        margin: 8px 0 0 0;
    }
    .paoaWrap .fullImageSet .enlarge {
        bottom: 15px;
        width: 30px;
        height: 30px;
    }
    .paoaWrap .fullImageSet .enlarge:before {
        width: 12px;
    }
    .paoaWrap .fullImageSet .enlarge:after {
        height: 12px;
    }
    .paoaWrap .textWrap2 .grid .txtArea > .conAreaM,
    .paoaWrap .textWrap2 .grid .txtArea > .txtList,
    .paoaWrap .textWrap2 .grid .txtArea > .icoNote {
        margin-top: 15px;
    }
    .paoaWrap .textWrap2 .grid .imgArea {
        height: 241px;
    }
}
@media all and (max-width: 767px) {
    .paoaWrap .fullImageSet .txtAreaSet {
        top: 30%;
        padding: 0 15px;
    }
    .paoaWrap .textWrap > .subTitM {
        margin-top: 50px;
    }
    .paoaWrap .textWrap2 {
        margin: 50px 0 0;
    }
    .paoaWrap .textWrap2 .grid .imgArea {
        height: auto;
    }
    .paoaWrap .textWrap2 .grid.left,
    .paoaWrap .textWrap2 .grid.right {
        float: none;
        width: auto;
        padding: 0;
    }
    .paoaWrap .textWrap2 .grid.right {
        margin: 45px 0 0;
    }
    .paoaWrap .textWrap2 .grid .imgArea img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.paooWrap .awardList {
    display: table;
    position: relative;
    width: 680px;
    margin: 0 auto;
    margin-top: 70px;
    min-height: 66px;
}
.paooWrap:first-child .awardList {
    margin-top: 0;
}
.paooWrap .awardList:after {
    display: block;
    content: "";
}
.paooWrap .awardList .awardTit,
.paooWrap .awardList .awardTxt {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}
.paooWrap .awardList .awardImg {
    display: table-cell;
}
.paooWrap .awardList .awardImg,
.paooWrap .awardList .awardImg img {
    vertical-align: middle;
    max-width: 148px;
}
.paooWrap .awardList dl {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    max-width: 532px;
    padding: 0 48px 0 0;
}
.paooWrap .awardList .awardTit,
.paooWrap .awardList .awardTxt {
    max-width: 484px;
}
.paooWrap .awardList.alignFilp .awardImg {
    text-align: left;
}
.paooWrap .awardList.alignFilp dl {
    padding: 0 0 0 48px;
}
@media screen and (max-width: 1024px) {
    .paooWrap .awardList {
        width: 560px;
    }
    .paooWrap .awardList {
        margin-top: 45px;
    }
}
@media screen and (max-width: 767px) {
    .paooWrap .awardList {
        width: 100%;
    }
    .paooWrap .awardList .awardImg,
    .paooWrap .awardList .awardImg img {
        max-width: 70px;
    }
    .paooWrap .awardList .awardTxt {
        margin: 0;
        font-size: 14px;
        line-height: 21px;
    }
    .paooWrap .awardList dl,
    .paooWrap .awardList .awardTit,
    .paooWrap .awardList .awardTxt {
        width: auto;
        max-width: none;
    }
    .paooWrap .awardList .awardTxt {
        padding: 0;
    }
    .paooWrap .awardList dl {
        padding: 6px 20px 6px 0;
    }
    .paooWrap .awardList.alignFilp dl {
        padding: 6px 0 6px 20px;
    }
}
.pgoo .fullImg {
    height: 600px;
    padding: 0 !important;
}
.pgoo .sliderWrap .sliderBtnWrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.pgoo .sliderWrap .btnPrev,
.pgoo .sliderWrap .btnNext {
    top: 50%;
}
.sliderWrap .GallerySlider {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.sliderWrap .GallerySlider .GallerySliderList {
    overflow: hidden;
}
.sliderWrap .GallerySlider .GallerySliderList:after {
    display: block;
    content: "";
    clear: both;
}
.sliderWrap .GallerySlider .GallerySliderList li {
    float: right;
    width: 100%;
}
.sliderWrap .GallerySlider .fullImg {
    padding-bottom: 53.6%;
}
.sliderTxtList {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 16px;
    color: #fff;
    font-family: "HyundaiMedium";
}
.thumbsWrap {
    position: relative;
}
.thumbsWrap .thumbGalleryWrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList:after {
    display: block;
    content: "";
    clear: both;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li {
    position: relative;
    width: 30%;
    flex-shrink: 0;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li img {
    width: 100%;
    height: 100%;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.6;
}
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li picture:hover:after,
.thumbsWrap .thumbGalleryWrap .thumbGalleryList li.on picture:after {
    opacity: 0;
}
.sliderWrap .thumbGalleryWrap .thumbGalleryList li button:focus:after {
    opacity: 0;
}
.thumbsWrap .sliderBtnWrap .btnPrev,
.thumbsWrap .sliderBtnWrap .btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 10;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    cursor: pointer;
}
.thumbsWrap .sliderBtnWrap .btnPrev {
    top: 50%;
    right: 0;
    margin-top: -18px;
    background: url(../images/btn-prev.png) no-repeat center center;
}
.thumbsWrap .sliderBtnWrap .btnNext {
    top: 50%;
    left: 0;
    margin-top: -18px;
    background: url(../images/btn-next.png) no-repeat center center;
}
.thumbsWrap .sliderBtnWrap .btnNext.disabled,
.thumbsWrap .sliderBtnWrap .btnPrev.disabled {
    opacity: 0.3;
    cursor: default;
}
.pgoo .typeDownload {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    font-weight: 400;
    color: #000;
    font-family: "HyundaiMedium";
}
.pgoo .typeDownload {
    margin-top: 25px;
    display: none;
}
@media all and (max-width: 1024px) {
    .pgoo .fullImg {
        height: auto;
    }
    .pgoo .typeDownload {
        margin-top: 30px;
    }
    .pgoo .sliderWrap .sliderBtnWrap .btnPrev,
    .pgoo .sliderWrap .sliderBtnWrap .btnNext {
        width: 35px;
        height: 35px;
        margin-top: -18px;
        background-size: 35px;
    }
}
@media all and (max-width: 767px) {
    .pgoo .typeDownload {
        margin-top: 20px;
    }
    .thumbsWrap .sliderBtnWrap .btnPrev {
        margin-top: -22px;
    }
    .thumbsWrap .sliderBtnWrap .btnNext {
        margin-top: -22px;
    }
}
.titArea.pscoTitArea {
    padding-bottom: 40px;
}
.titArea.pscoTitArea [class*="subTit"] {
    padding-bottom: 20px;
}
.contents_interior.pip .features [class*="subTit"] {
    position: relative;
    margin-bottom: 20px;
    padding: 50px 0 15px;
}
.contents_interior.pip .features [class*="subTit"]:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 112px;
    height: 1px;
    margin-right: -56px;
    background: #ff7500;
    content: "";
}
.contents_interior.pip .car {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 44.64%;
}
.contents_interior.pip .car img {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    max-width: 100%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.contents_interior.pip .color {
    padding: 0 50px;
    background: #fff;
}
.contents_interior.pip .color .item {
    position: relative;
    padding-top: 33px;
    padding-right: 292px;
    border-bottom: 1px solid #f1ede9;
}
.contents_interior.pip .color .item.option2 {
    height: auto;
    padding-top: 50px;
}
.contents_interior.pip .color .item:last-child {
    border-bottom: 0;
}
.contents_interior.pip .color .item .leftTitle {
    position: absolute;
    top: 50%;
    right: 0;
    width: 292px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.contents_interior.pip .color .item .leftTitle .title {
    font-size: 20px;
    line-height: 1;
    color: #000;
    font-family: "HyundaiMedium";
}
.contents_interior.pip .color .item.option2 .leftTitle .title {
    padding-top: 50px;
}
.contents_interior.pip .color .item .leftTitle .colorName {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1;
    color: #000;
}
.contents_interior.pip .color .item .tailored_sort_Wrap {
    position: relative;
    width: 100%;
    padding: 0 39px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 74px;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li {
    float: right;
    position: relative;
    width: 80px;
    margin: 0 !important;
    padding: 10px 10px 0;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 22px;
    height: 22px;
    background: url(../images/find-a-car/360vr/ico-chk-on.png) no-repeat;
    content: "";
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
    position: absolute;
    top: 30px;
    right: 0;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev.disabled {
    opacity: 0.23;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev .prev {
    overflow: hidden;
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/find-a-car/360vr/btn-prev.png) no-repeat;
    text-indent: -9999px;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next {
    position: absolute;
    top: 30px;
    left: 0;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next.disabled {
    opacity: 0.23;
}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next .next {
    overflow: hidden;
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/find-a-car/360vr/btn-next.png) no-repeat;
    text-indent: -9999px;
}
.tailored_sort_Wrap .ix-controller.disabled {
    visibility: hidden;
}
.tailored_sort_Wrap .ix-thumbs {
    margin: 16px 0;
    text-align: center;
}
.tailored_sort_Wrap .ix-thumbs .ix-thumb {
    display: inline-block;
    margin: 5px;
}
.tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn {
    display: block;
    width: 12px;
    height: 12px;
    background: #f5f3f2;
    text-indent: -9999px;
    border-radius: 100%;
}
.tailored_sort_Wrap .ix-thumbs .ix-thumb.active .ix-btn {
    background: #00aad2;
}
.contents_interior.pip .color .details {
    width: 100%;
    padding: 35px 0;
}
.contents_interior.pip .color .option2 .details {
    padding: 0;
}
.contents_interior.pip .color .option2 .details .detailWrap {
    display: none;
    position: relative;
}
.contents_interior.pip .color .option2 .details .detailWrap .detailWrapBg {
    position: absolute;
    top: 0;
    right: 0;
}
.contents_interior.pip .color .details .detail {
    width: 300px;
    height: 30px;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"] {
    float: right;
    position: relative;
    width: 100px;
    height: 100%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .trigger {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -1000px;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info {
    display: none;
    position: absolute;
    bottom: 25px;
    right: 50%;
    margin-right: -60px;
    padding: 6px 7px 4px 34px;
    background: #fff;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    min-width: 120px;
    text-align: center;
    -webkit-box-shadow: 0 3px 7px 0 rgb(0 0 0 / 0.1);
    -moz-box-shadow: 0 3px 7px 0 rgb(0 0 0 / 0.1);
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 0.1);
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info
    h4,
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info
    #sColro1 {
    overflow: hidden;
    max-height: 48px;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info
    .close {
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #999;
    color: #999;
    border-radius: 50%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info.active
    .close:after {
    position: absolute;
    top: 50%;
    right: 50%;
    content: "+";
    color: #fff;
    transform: translateX(55%) translateY(-50%) rotate(-45deg);
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info.active {
    display: block;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail
    [class*="color_detail"]
    .info.active:after {
    display: block;
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: -7px;
    border-top: 10px solid #fff;
    border-left: 7px solid #fff0;
    border-right: 7px solid #fff0;
    content: "";
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail1
    .color_detail {
    width: 100%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail2
    .color_detail {
    width: 50%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail3
    .color_detail {
    width: 33.33%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail3
    .color_detail:first-child {
    width: 33.34%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail4
    .color_detail {
    width: 25%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail5
    .color_detail {
    width: 20%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail6
    .color_detail {
    width: 16.6%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail6
    .color_detail:first-child {
    width: 17%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail7
    .color_detail {
    width: 14.3%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail7
    .color_detail:first-child {
    width: 14.2%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail8
    .color_detail {
    width: 12.5%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail9
    .color_detail {
    width: 11.11%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail9
    .color_detail:first-child {
    width: 11.12%;
}
.contents_interior.pip
    .color
    .details
    .detailWrap
    .detail.detail10
    .color_detail {
    width: 10%;
}
.contents_interior.pip .ix-btn-prev.disabled,
.contents_interior.pip .ix-btn-next.disabled {
    opacity: 0.3;
}
@media screen and (max-width: 1024px) {
    .titArea.pscoTitArea {
        padding-bottom: 30px;
    }
    .titArea.pscoTitArea [class*="subTit"] {
        padding-bottom: 15px;
    }
    .contents_interior.pip .features [class*="subTit"] {
        margin-bottom: 15px;
        padding: 35px 0 15px;
    }
    .contents_interior.pip .features [class*="subTit"]:after {
        width: 56px;
        height: 1px;
        margin-right: -28px;
    }
    .contents_interior.pip .car {
        padding-bottom: 0;
    }
    .contents_interior.pip .car img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .contents_interior.pip .color {
        padding: 0 25px;
    }
    .contents_interior.pip .color .item.option {
        height: auto;
        padding: 25px 0 49px;
    }
    .contents_interior.pip .color .item.option .leftTitle {
        display: table;
        position: static;
        width: auto;
        -webkit-transform: none;
        transform: none;
    }
    .contents_interior.pip .color .item.option .leftTitle .title {
        display: table-cell;
        vertical-align: bottom;
        font-size: 17px;
        line-height: 21px;
    }
    .contents_interior.pip .color .item.option .leftTitle .colorName {
        display: table-cell;
        vertical-align: bottom;
        padding-right: 15px;
        font-size: 12px;
        line-height: 17px;
        text-align: right;
    }
    .contents_interior.pip .color .item.option2 {
        padding-top: 35px;
        padding-right: 175px;
    }
    .contents_interior.pip .color .item.option2 .leftTitle .title {
        padding-top: 35px;
    }
    .contents_interior.pip .color .item.option2 .leftTitle {
        width: 175px;
        font-size: 17px;
        line-height: 21px;
    }
    .contents_interior.pip .color .item.option2 .leftTitle .title {
        font-size: 17px;
        line-height: 21px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap {
        margin-top: 23px;
        padding: 0;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea {
        height: auto;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li {
        width: 84px;
        padding: 12px 10px 0;
    }
    .contents_interior.pip
        .color
        .item
        .tailored_sort_Wrap
        .slideArea
        li.on:after {
        left: -2px;
        width: 25px;
        height: 25px;
        background-size: 25px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img {
        width: 64px;
        height: 64px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
        top: 35px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next {
        left: -25px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
        right: -25px;
    }
    .tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn {
        width: 9px;
        height: 9px;
    }
}
@media screen and (max-width: 767px) {
    .contents_interior.pip .car {
        width: auto;
    }
    .contents_interior.pip .color {
        padding: 0;
    }
    .contents_interior.pip .color .item.option {
        padding: 20px 0 25px;
    }
    .contents_interior.pip .color .item.option2 {
        height: auto;
        padding: 20px 0 0;
    }
    .contents_interior.pip .color .item.option2 .leftTitle {
        display: table;
        position: static;
        width: auto;
        -webkit-transform: none;
        transform: none;
    }
    .contents_interior.pip .color .item.option2 .leftTitle .title {
        display: table-cell;
        vertical-align: bottom;
        padding-top: 0;
    }
    .contents_interior.pip .color .details {
        padding: 15px 0;
        text-align: center;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap {
        width: auto;
        margin-top: 22px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li {
        width: 48px;
        padding: 6px 4px 0;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img {
        width: 40px;
        height: 40px;
    }
    .contents_interior.pip
        .color
        .item
        .tailored_sort_Wrap
        .slideArea
        li.on:after {
        left: -2px;
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
        display: none;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next {
        display: none;
    }
    .contents_interior.pip .color .option2 .details {
        padding: 20px 0 0;
    }
    .contents_interior.pip .color .ix-controller {
        display: none;
    }
    .contents_interior.pip .color .slide_direction {
        display: none;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
        top: 18px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_next {
        left: -5px;
    }
    .contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev {
        right: -5px;
    }
}
.pspeWrap {
    width: 100%;
}
.pspeWrap .titWrap.first h2,
.pspeWrap .titWrap.first h3,
.pspeWrap .titWrap.first h4 {
    padding: 80px 0 40px 0;
}
.pspeWrap .fullImg.pspeImg {
    margin: 30px 0 40px 0;
}
.pspeWrap .fullImg.pspeImg .img {
    height: 274px;
}
.pspeSlider {
    display: none;
}
.pspeWrap .trimWrap {
    display: table;
    width: 100%;
    margin-bottom: 80px;
}
.pspeWrap .trimWrap:after {
    display: block;
    content: "";
    clear: both;
}
.pspeWrap .trimWrap p,
.pspeWrap .trimWrap h2,
.pspeWrap .trimWrap h3,
.pspeWrap .trimWrap h4 {
    display: table-cell;
    float: none !important;
    vertical-align: middle;
    width: 20%;
    padding-left: 30px;
}
.pspeWrap .trimWrap .selForm {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}
.pspeWrap .titWrap.second h2,
.pspeWrap .titWrap.second h3,
.pspeWrap .titWrap.second h4 {
    margin: 0 0 20px 0;
}
.pspeWrap .tableInner {
    margin-bottom: 40px;
}
.pspe .specList {
    overflow: hidden;
    padding: 40px 0;
    border-top: 1px solid #f6f3f2;
    font-size: 14px;
    line-height: 20px;
}
.pspe .specList dt {
    font-family: "HyundaiMedium";
}
.pspe .specList:first-child {
    padding-top: 0;
    border-top: 30px;
}
.pspe .specList > dt {
    float: right;
    width: 15%;
    max-width: 170px;
}
.pspe .specList > dd {
    overflow: hidden;
    float: right;
}
.pspe .specList > dd dl:first-child {
    padding-top: 0;
}
.pspe .specList > dd dl {
    overflow: hidden;
    width: 828px;
    padding-top: 24px;
}
.pspe .specList > dd dt {
    float: right;
    width: 282px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.pspe .specList > dd dd {
    float: right;
    width: 546px;
    padding-right: 60px;
    font-size: 14px;
    line-height: 24px;
}
.pspeWrap .ctoaTableRow tr th,
.pspeWrap .ctoaTableRow tr td {
    padding: 13px 30px 12px;
    line-height: 24px;
}
@media screen and (max-width: 1240px) {
    .pspeWrap .trimWrap .selForm {
        width: 85%;
    }
    .pspe .specList > dt {
        width: 15%;
    }
    .pspe .specList > dd {
        width: 85%;
    }
    .pspe .specList > dd dl {
        width: 100%;
        padding-top: 24px;
    }
    .pspe .specList > dd dt {
        width: 30%;
    }
    .pspe .specList > dd dd {
        width: 70%;
    }
}
@media screen and (max-width: 1024px) {
    .pspeWrap .titWrap.first h2,
    .pspeWrap .titWrap.first h3,
    .pspeWrap .titWrap.first h4 {
        padding: 40px 0 35px 0;
    }
    .pspeWrap .titWrap.second h2,
    .pspeWrap .titWrap.second h3,
    .pspeWrap .titWrap.second h4 {
        margin: 0 0 15px 0;
    }
    .pspeWrap .trimWrap p,
    .pspeWrap .trimWrap h2,
    .pspeWrap .trimWrap h3,
    .pspeWrap .trimWrap h4 {
        padding-left: 20px;
    }
    .pspeWrap .ctoaTableRow tr th,
    .pspeWrap .ctoaTableRow tr td {
        padding: 13px 25px 12px;
    }
    .pspeWrap .trimWrap {
        width: 100%;
        margin-bottom: 35px;
    }
    .pspeWrap .trimWrap .selForm {
        width: 80%;
    }
    .pspeWrap .fullImg.pspeImg .img {
        height: 170px;
    }
    .pspeWrap .tableInner {
        margin-bottom: 30px;
    }
    .pspe .specList {
        padding: 30px 0;
    }
    .pspe .specList:first-child {
        padding-top: 10px;
    }
    .pspe .specList > dt {
        width: 20%;
    }
    .pspe .specList > dd {
        width: 80%;
    }
    .pspe .specList > dd dl {
        width: 100%;
        padding-top: 15px;
    }
    .pspe .specList > dd dt {
        width: 40%;
        font-size: 12px;
        line-height: 17px;
    }
    .pspe .specList > dd dd {
        width: 60%;
        font-size: 12px;
        line-height: 17px;
    }
}
@media screen and (max-width: 767px) {
    .pspeWrap .subTitM {
        margin-top: 0;
    }
    .pspeWrap .titWrap.second h2,
    .pspeWrap .titWrap.second h3,
    .pspeWrap .titWrap.second h4 {
        margin: 0 0 30px 0;
    }
    .pspeWrap .trimWrap {
        display: block;
        margin-bottom: 0;
    }
    .pspeWrap .trimWrap p,
    .pspeWrap .trimWrap h2,
    .pspeWrap .trimWrap h3,
    .pspeWrap .trimWrap h4 {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        padding-left: 0;
    }
    .pspeWrap .trimWrap .selForm {
        display: block;
        width: 100%;
        margin-bottom: 35px;
    }
    .pspeWrap .tableInner {
        margin-bottom: 30px;
    }
    .pspeWrap .ctoaTableRow tr th,
    .pspeWrap .ctoaTableRow tr td {
        padding: 15px;
    }
    .pspeWrap .ctoaTableRow {
        table-layout: auto;
    }
    .pspeSlider {
        display: block;
    }
    .pspeSlider .fullImg {
        display: block;
        height: auto;
    }
    .sliderWrap.pspeSlider .sliderPagination {
        position: relative;
        top: auto;
        margin: 15px 0 30px 0;
    }
    .pspe .specList > dt {
        width: 100%;
    }
    .pspe .specList > dd {
        width: 100%;
        margin-top: 30px;
    }
    .pspe .specList > dd dl {
        width: 100%;
        padding-top: 15px;
    }
    .pspe .specList > dd dt {
        width: 50%;
    }
    .pspe .specList > dd dd {
        width: 50%;
        padding-right: 0;
    }
    .pspe .togList li.dep1 .aswer .dep2 {
        padding: 30px 15px 0;
    }
}
.secAccListWrap.palo .itemWrap .itemListWrap {
    margin: -40px -16px 0;
    padding: 60px 0;
}
.secAccListWrap.palo .itemWrap .itemList {
    margin: 40px 0 0 0;
    padding: 0 16px;
}
.secAccListWrap.palo .itemWrap .itemList .listInner {
    margin: 0;
}
.secAccListWrap.palo .itemWrap .img {
    margin-bottom: 16px;
    padding-bottom: 0;
}
.secAccListWrap.palo .itemWrap .img img {
    position: static;
    width: 100%;
    -webkit-transform: none;
    transform: none;
}
.secAccListWrap.palo .itemWrap .itemList .itemTit {
    padding-bottom: 4px;
}
.secAccListWrap.palo
    .itemWrap
    .itemList
    .itemCon
    [class*="conArea"]
    ~ [class*="conArea"] {
    padding-top: 5px;
}
.secAccListWrap.palo .itemWrap .toolTipWrap.ib {
    margin-right: 10px;
}
.secAccListWrap.palo .paging {
    padding-top: 35px;
}
.secAccListWrap.palo .btnMoreWrap {
    padding: 60px 0 100px;
}
.secAccListWrap.palo .conAreaM.price {
    display: inline-block;
    vertical-align: middle;
}
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup {
    width: 640px;
}
.secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerTitWrap {
    padding: 0 30px;
}
.secAccListWrap.palo
    .layerPopupWrap
    .layerPopupInner.wide
    .layerTitWrap
    .subTitS {
    height: 70px;
    line-height: 70px;
}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem {
    display: block;
}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img {
    width: 640px;
    height: 424px;
}
.secAccListWrap.palo .layerPopupWrap .sliderWrap .btnNext,
.secAccListWrap.palo .layerPopupWrap .sliderWrap .btnPrev {
    top: 190px;
}
.secAccListWrap.palo .layerPopupWrap .textInWrap {
    padding: 20px 30px 30px;
}
.secAccListWrap.palo .layerPopupWrap .textInWrap .conTit {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-family: "HyundaiMedium";
}
.secAccListWrap.palo .layerPopupWrap .textInWrap .price {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #666;
    font-family: "HyundaiMedium";
}
.secAccListWrap.palo .layerPopupWrap .textInWrap .desc {
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.secAccListWrap.palo .openImgListPop {
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .secAccListWrap.palo .itemWrap .itemListWrap {
        margin: -35px -7px 0;
        padding: 45px 0;
    }
    .secAccListWrap.palo .itemWrap .itemList {
        margin-top: 35px;
        padding: 0 7px;
    }
    .secAccListWrap.palo .itemWrap .img {
        margin-bottom: 13px;
    }
    .secAccListWrap.palo .itemWrap .itemList .itemTit {
        padding-bottom: 6px;
    }
    .secAccListWrap.palo
        .itemWrap
        .itemList
        .itemCon
        [class*="conArea"]
        ~ [class*="conArea"] {
        padding-top: 10px;
    }
    .secAccListWrap.palo .itemWrap .toolTipWrap.ib {
        margin-right: 8px;
    }
    .secAccListWrap.palo .paging {
        padding-top: 45px;
    }
    .secAccListWrap.palo .btnWrap.btnMoreWrap {
        padding-top: 45px;
    }
    .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
    .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup {
        right: 100px;
        width: auto;
        -webkit-transform: none;
        transform: none;
    }
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img {
        width: 100%;
        height: auto;
    }
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .btnNext,
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .btnPrev {
        top: 183px;
    }
    .secAccListWrap.palo .layerPopupWrap .textInWrap {
        padding: 20px 25px 25px;
    }
    .secAccListWrap.palo .layerPopupWrap .textInWrap .conTit {
        font-size: 17px;
        line-height: 22px;
    }
    .secAccListWrap.palo .layerPopupWrap .textInWrap .price {
        font-size: 14px;
        line-height: 21px;
    }
    .secAccListWrap.palo .layerPopupWrap .textInWrap .desc {
        font-size: 12px;
        line-height: 17px;
    }
}
@media screen and (max-width: 767px) {
    .palo .colSm1 .col,
    .palo .colSm1 .col:first-child {
        width: 50%;
    }
    .palo.secAccListWrap .btnWrap.btnMoreWrap {
        padding-top: 44px;
    }
    .secAccListWrap.palo .secListBox .itemTxtTop {
        padding-bottom: 25px;
    }
    .secAccListWrap.palo .itemWrap .itemListWrap {
        margin: -70px -5px 0;
        padding: 70px 0;
    }
    .secAccListWrap.palo .itemWrap .itemList {
        margin-top: 70px;
        padding: 0 5px;
    }
    .secAccListWrap.palo .itemWrap .img {
        padding: 0;
    }
    .secAccListWrap.palo .itemWrap .img img {
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide,
    .secAccListWrap.palo .layerPopupWrap .layerPopupInner.wide .layerPopup {
        width: 290px;
    }
    .secAccListWrap.palo
        .layerPopupWrap
        .layerPopupInner.wide
        .layerTitWrap
        .subTitS {
        font-size: 17px;
    }
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .imgItem img {
        width: 290px;
        height: 192px;
    }
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .btnNext,
    .secAccListWrap.palo .layerPopupWrap .sliderWrap .btnPrev {
        top: 92px;
    }
}
.popWrap {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1001;
    width: 720px;
    padding: 72px 60px 60px;
    background: #fff;
    text-align: center;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
.popWrap h3 {
    display: inline-block;
    height: 76px;
    font-size: 44px;
    line-height: 54px;
    color: #000;
    letter-spacing: 0.7px;
    font-family: "HyundaiMedium";
}
.popWrap span.clo {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: url(../images/btn-layer-close.png) no-repeat;
    background-size: cover;
    text-indent: -99999px;
}
.popWrap .schArea {
    border: 1px solid #e4dcd3;
    text-align: right;
}
.popWrap .schArea .sch1 a {
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid #e4dcd3;
    font-size: 16px;
    color: #000;
    letter-spacing: 0.3px;
    text-decoration: underline;
    font-family: "HyundaiMedium";
}
.popWrap .schArea .sch1:last-child a {
    border: 0;
}
.popWrap .schArea .txt_beige a {
    color: #00aad2;
}
.popWrap button.btn {
    display: block;
    width: 140px;
    height: 44px;
    margin: 50px auto 0;
    background: #002c5f;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) and (min-width: 0) {
    .popWrap {
        left: 25px;
        right: 25px;
        width: auto;
        margin-right: 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;
    right: 50%;
    z-index: 1001;
    width: 1120px;
    padding-bottom: 50px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.mailpopWrap .mailHead {
    height: 110px;
    padding: 28px 60px 0;
    background: #e4dcd3;
}
.mailpopWrap .mailHead .mailTit {
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.mailpopWrap .mailHead .mailTxt {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.2px;
}
.mailpopWrap .mailHead a.cls {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: url(../images/btn-layer-close.png) 50% 50% no-repeat;
    text-indent: -99999px;
}
.mailpopWrap .mailArea {
    padding: 60px 60px 80px;
    background: #fff;
}
.mailpopWrap .mailArea .dealerPro {
    margin-bottom: 41px;
}
.mailpopWrap .mailArea .dealerPro dl.dealer dt.dealerName {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    letter-spacing: 0.5px;
    font-family: "HyundaiMedium";
}
.mailpopWrap .mailArea .dealerPro dl.dealer dd.dTx {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.mailpopWrap .mailArea .topTitArea2 {
    padding-bottom: 24px;
}
.mailpopWrap .mailArea .topTitArea2 .ConFn1 {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.mailpopWrap .mailArea .topTitArea2 .conLf {
    display: inline-block;
    vertical-align: 0;
    padding-right: 8px;
    font-size: 16px;
    line-height: 28px;
    color: #00aad2;
    letter-spacing: 0.2px;
}
.mailpopWrap .mailArea .topTitArea2 .dTix {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
}
.mailpopWrap .btnWrap.type1 {
    padding: 50px 0 0;
    text-align: center;
}
.mailpopWrap .btnWrap.type1 .btn {
    width: 140px;
}
@media screen and (max-width: 1240px) {
    .mailpopWrap {
        left: 25px;
        right: 25px;
        width: auto;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    .mailpopWrap .mailHead,
    .mailpopWrap .mailArea {
        padding-left: 25px;
        padding-right: 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: right;
    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-right: 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-right: 19px;
}
.formBoxWrap .titArea {
    display: table;
    width: auto;
}
.formBoxWrap .titArea [class*="subTit"] {
    display: table-cell;
    vertical-align: middle;
    padding-left: 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;
    left: 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-left: 160px;
}
.formBoxWrap .formCon .row.date {
    margin: 0 -10px;
    padding-left: 0;
}
.formBoxWrap .formCon .row:after {
    display: table;
    content: "";
    clear: both;
}
.formBoxWrap .formCon .row .col {
    float: right;
}
.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;
    left: 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;
    text-align: center;
}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr {
    display: inline-block;
    position: relative;
    width: auto !important;
    padding-left: 19px;
}
.formBoxWrap .agreeBoxWrap .btnMore .icoArr:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-top: 6px solid #000;
    border-left: 4px solid #fff0;
    border-bottom: 0;
    border-right: 4px solid #fff0;
    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 20px 20px 18px;
    font-size: 14px;
    line-height: 1.428;
    color: #666;
    min-height: 140px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.formBoxWrap .scrollBox.auto .boxInner {
    height: initial !important;
    transition: all 0.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 20px 20px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.1px;
    box-sizing: border-box;
}
.formBoxWrap .checkboxWrap .errorTxt {
    padding-right: 28px;
}
.formBoxWrap .checkboxWrap + .checkboxWrap {
    padding-top: 31px;
}
.formBoxWrap.cpnDom .formListWrap {
    overflow: hidden;
}
.formBoxWrap.cpnDom .formListWrap .formList {
    float: right;
    width: 50%;
}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {
    padding-left: 40px;
}
.formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {
    padding-right: 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-left: 0;
        margin-right: 0;
    }
    .formBoxWrap .half .formListWrap {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .formBoxWrap .formListWrap.first {
        margin-top: -28px;
    }
    .formBoxWrap .formList {
        margin-top: 20px;
    }
    .formBoxWrap .require {
        padding-right: 5px;
    }
    .formBoxWrap .formList .formTit {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 1.5;
    }
    .formBoxWrap .formList .radioboxWrap .radioBoxInner ~ .radioBoxInner {
        margin-right: 36px;
    }
    .formBoxWrap .titArea {
        width: auto;
    }
    .formBoxWrap .titArea [class*="subTit"] {
        padding-left: 0;
    }
    .formBoxWrap .titArea .txtRequiredField {
        font-size: 12px;
        line-height: 17px;
        text-align: left;
    }
    .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-left: 130px;
    }
    .formBoxWrap .formCon .row.date {
        margin: 0 -5px;
        padding-left: 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 {
        left: 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-left: 10px;
    }
    .formBoxWrap .agreeBoxWrap .btnMore.btnAgreeMore .icoArr:after {
        margin-top: -2px;
        border-top: 4px solid #000;
        border-left: 3px solid #fff0;
        border-right: 3px solid #fff0;
    }
    .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-right: 28px;
    }
    .formBoxWrap .checkboxWrap + .checkboxWrap {
        padding-top: 26px;
    }
    .btnMoreFull {
        height: 35px;
        font-size: 12px;
    }
    .formBoxWrap.cpnDom .formListWrap .formList:nth-child(odd) {
        padding-left: 20px;
    }
    .formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {
        padding-right: 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-left: 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-left: 0;
    }
    .formBoxWrap.cpnDom .formListWrap .formList:nth-child(even) {
        padding-right: 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: left;
}
.tableTypeBasic {
    width: 100%;
    border-top: 1px solid #e4dcd3;
    border-bottom: 1px solid #e4dcd3;
    border-right: 1px solid #e4dcd3;
    background: #fff;
}
.tableTypeBasic thead th {
    height: 50px;
    padding: 15px 10px 17px;
    border-top: 1px solid #fff;
    border-left: 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-left: 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-right: 1px solid #fff;
}
.tableTypeCol tbody tr:first-child td {
    border-top: 0;
}
.tableTypeCol tbody tr td:first-child {
    border-right: 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(../images/ico-arr-step.png) no-repeat right 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-right: 40px;
    font-size: 16px;
    line-height: 1.875;
    color: #c1c1c1;
    font-family: "HyundaiMedium";
}
.stepArea .stepType1 .stepList .inner .num {
    display: block;
    position: absolute;
    top: 0;
    right: 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-right: 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: right;
    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-left: 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;
    left: 0;
    margin: 0 -5px;
    min-width: 0;
}
.btnWrap.btnSpaWrap.colSm2 .col {
    float: right;
    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%;
    right: 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-right: 24px;
}
.bltDashed:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 4px;
    height: 1px;
    background: #333;
    content: "";
}
.bltCircle {
    position: relative;
    padding-right: 14px;
    line-height: 24px;
    color: #666;
}
.bltCircle:after {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 4px;
    height: 4px;
    background: #666;
    content: "";
    border-radius: 50%;
}
.bulletListBox .list {
    display: block;
    position: relative;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1.71;
    color: #666;
}
.bulletListBox .list:before {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 4px;
    height: 4px;
    background: #666;
    content: "";
    border-radius: 100%;
}
.bulletListBox.lg .list {
    padding-right: 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-right: 10px;
        font-size: 14px;
        line-height: 21px;
    }
    .bltCircle:after {
        top: 9px;
        width: 3px;
        height: 3px;
    }
    .bulletListBox .list {
        padding-right: 14px;
        font-size: 12px;
        line-height: 1.417;
        letter-spacing: 0.2px;
    }
    .bulletListBox .list:before {
        display: block;
        position: absolute;
        top: 7px;
        right: 0;
        width: 4px;
        height: 4px;
        background: #666;
        content: "";
        border-radius: 100%;
    }
    .bulletListBox.lg .list {
        padding-right: 13px;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.2px;
    }
    .bulletListBox.lg .list:before {
        top: 9px;
        width: 3px;
        height: 3px;
    }
}
@media screen and (max-width: 767px) {
    .bltDashed {
        padding-right: 14px;
        font-size: 14px;
    }
    .bltCircle {
        font-size: 14px;
        line-height: 21px;
    }
    .bltCircle:after {
        top: 9px;
        width: 3px;
        height: 3px;
    }
}
.layerPopupWrap {
    display: none;
}
.layerPopupWrap.active {
    display: block !important;
}
.layerPopupWrap .layerPopupInner {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
}
.layerPopupWrap .layerPopup {
    background: #fff;
}
.layerPopupWrap .layerPopupInner.wide {
    position: fixed;
    top: 50%;
    right: 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;
    left: 30px;
    z-index: 3;
    width: 16px;
    height: 16px;
    background: url(../images/btn-layer-close.png) no-repeat center center;
    text-indent: -9999px;
}
.layerPopupWrap .closeLayerPopup.white {
    background-image: url(../images/btn-layer-close-white.png);
}
.layerPopupWrap .dimmed {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    background: #000;
    opacity: 0.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 {
        left: 25px;
        right: 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;
        left: 15px;
        width: 15px;
        height: 15px;
        background-size: cover;
    }
    .layerPopupWrap.layerEmailForm .btnWrap {
        padding: 20px 30px;
    }
    .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 {
        left: 15px;
        right: 15px;
    }
    .layerPopupWrap .layerPopupInner .layerTitWrap {
        padding: 24px 20px 24px 10px;
    }
    .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;
        right: 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;
}
.secSpaTableType .icBadgeNew,
.secSpaListWrap .icBadgeNew,
.compareLayer .icBadgeNew,
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 70px;
    height: 19px;
    text-indent: -99999px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.secSpaTableType .icBadgeNew,
.compareLayer .icBadgeNew,
.secSpaListWrap .icBadgeNew {
    background-image: url(../images/ico-new-w.png);
}
.secSpaTableType .icBadgeUpcoming,
.compareLayer .icBadgeUpcoming,
.secSpaListWrap .icBadgeUpcoming {
    background-image: url(../images/ico-upcoming-w.png);
}
@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;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.secSpaListWrap,
    .secSpaListWrap {
        padding-top: 40px;
    }
    .sectionWrap.secSpaBasic,
    .secSpaBasic {
        padding-top: 40px;
    }
    .sectionWrap.secSpaTableType,
    .secSpaTableType {
        padding-top: 35px;
    }
    .secSpaListWrap .itemWrap .img img {
        width: auto;
        height: 100%;
    }
    .secSpaTableType .icBadgeNew,
    .secSpaListWrap .icBadgeNew,
    .secSpaTableType .icBadgeUpcoming,
    .secSpaListWrap .icBadgeUpcoming {
        right: 15px;
        width: 60px;
        height: 14px;
    }
    .secSpaTableType .icBadgeNew,
    .secSpaListWrap .icBadgeNew {
        background-image: url(../images/ico-new-m.png);
    }
    .secSpaTableType .icBadgeUpcoming,
    .secSpaListWrap .icBadgeUpcoming {
        background-image: url(../images/ico-upcoming-m.png);
    }
}
.secHomeModelWrap {
    width: 100%;
    padding: 0 30px 100px;
    background: url(../images/bg-home-model-pc.png) no-repeat bottom center;
    background-size: cover;
    min-width: 1240px;
}
.secHomeModelWrap .secModelBox {
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0;
    background: #fff;
}
.secHomeModelWrap .homeTit {
    padding-bottom: 60px;
    font-size: 44px;
    line-height: 54px;
    font-family: "HyundaiMedium";
    letter-spacing: 0.7px;
    text-align: center;
}
.secHomeModelWrap .modelListWrap {
    overflow: hidden;
    width: 1120px;
    margin: 0 auto;
}
.secHomeModelWrap .modelListWrap .listArea {
    margin: -60px -10px 0;
}
.secHomeModelWrap .modelListWrap .modelListBox {
    font-size: 0;
    line-height: 0;
}
.secHomeModelWrap .modelListWrap .list {
    display: inline-table;
    width: 25%;
    padding: 60px 10px 0;
}
.secHomeModelWrap .modelListWrap .inner {
    position: relative;
}
.secHomeModelWrap .modelListWrap .thumbArea {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 65%;
}
.secHomeModelWrap .modelListWrap .thumbArea img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 265px;
    height: 144px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.secHomeModelWrap .modelListWrap .conTit {
    padding: 8px 0;
    text-align: center;
}
.secHomeModelWrap .modelListWrap .icArea {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 24px;
    background-size: cover;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
}
.secHomeModelWrap .modelListWrap .icArea.icUpcoming {
    background-image: url(../images/ico-upcoming-pc.png);
}
.secHomeModelWrap .modelListWrap .icArea.icNew {
    background-image: url(../images/ico-new-pc.png);
}
.secHomeModelWrap .btnMoreModel {
    overflow: hidden;
    display: block;
    height: 50px;
    margin: 50px 0 0;
    text-align: center;
}
.secHomeModelWrap .btnMoreModel .colWd {
    display: table;
    width: 200px;
    margin: 0 auto;
    padding: 0;
}
.secHomeModelWrap .btnMoreModel .btn {
    width: 100%;
    height: 50px;
}
@media screen and (max-width: 1240px) {
    .secHomeModelWrap {
        min-width: 0;
    }
    .secHomeModelWrap .secModelBox {
        max-width: 100%;
        padding: 100px 12px;
        min-width: 0;
    }
    .secHomeModelWrap .modelListWrap {
        width: 100%;
    }
    .secHomeModelWrap .modelListWrap .listArea {
        margin: -60px -6px 0;
    }
    .secHomeModelWrap .modelListWrap .list {
        padding: 60px 6px 0;
    }
}
@media screen and (max-width: 1024px) {
    .secHomeModelWrap {
        padding: 0 25px 40px;
        background-image: url(../images/bg-home-model-t.png);
    }
    .secHomeModelWrap .secModelBox {
        padding: 70px 12px;
    }
    .secHomeModelWrap .homeTit {
        padding-bottom: 35px;
        font-size: 27px;
        line-height: 32px;
        letter-spacing: 0.5px;
    }
    .secHomeModelWrap .modelListWrap .listArea {
        margin: -30px -6px 0;
    }
    .secHomeModelWrap .modelListWrap .list {
        padding: 40px 3px 0;
    }
    .secHomeModelWrap .modelListWrap .icArea {
        width: 66px;
        height: 20px;
    }
    .secHomeModelWrap .btnMoreModel {
        height: 40px;
        margin: 40px 0 0;
    }
    .secHomeModelWrap .btnMoreModel .colWd {
        width: auto;
    }
    .secHomeModelWrap .btnMoreModel .btn {
        height: 40px;
    }
    .secHomeModelWrap .modelListWrap .icArea {
        width: 66px;
        height: 15px;
    }
    .secHomeModelWrap .modelListWrap .icArea.icUpcoming {
        background-image: url(../images/ico-upcoming-t.png);
    }
    .secHomeModelWrap .modelListWrap .icArea.icNew {
        background-image: url(../images/ico-new-t.png);
    }
    .secHomeModelWrap .modelListWrap .thumbArea img {
        width: 169px;
        height: 92px;
    }
}
@media screen and (max-width: 767px) {
    .secHomeModelWrap {
        padding: 0 15px 50px;
        background-image: url(../images/bg-home-model-m.png);
    }
    .secHomeModelWrap .secModelBox {
        padding: 70px 15px 34px;
    }
    .secHomeModelWrap .modelListWrap .listArea {
        margin: -20px 0 0;
    }
    .secHomeModelWrap .modelListWrap .list {
        padding: 20px 0 0;
    }
    .secHomeModelWrap .modelListWrap .conTit {
        padding: 14px 0;
    }
    .secHomeModelWrap .modelListWrap .list {
        width: 100%;
    }
    .secHomeModelWrap .modelListWrap .icArea {
        width: 89px;
        height: 27px;
    }
    .secHomeModelWrap .btnMoreModel {
        height: 40px;
        margin: 40px 0 0;
    }
    .secHomeModelWrap .btnMoreModel .colWd {
        width: 120px;
    }
    .secHomeModelWrap .btnMoreModel .btn {
        height: 40px;
    }
    .secHomeModelWrap .modelListWrap .thumbArea {
        padding: 10px 0 0;
        text-align: center;
    }
    .secHomeModelWrap .modelListWrap .thumbArea img {
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: none;
        transform: none;
    }
    .secHomeModelWrap .modelListWrap .icArea {
        width: 89px;
        height: 21px;
    }
    .secHomeModelWrap .modelListWrap .icArea.icUpcoming {
        background-image: url(../images/ico-upcoming-m.png);
    }
    .secHomeModelWrap .modelListWrap .icArea.icNew {
        background-image: url(../images/ico-new-m.png);
    }
    .secHomeModelWrap .modelListWrap .thumbArea img {
        width: 100%;
        height: auto;
    }
}
.shfdHomeFindDealer .hTit {
    padding: 100px 0 0;
    font-size: 44px;
    color: #000;
    font-family: "HyundaiMedium";
    text-align: center;
}
.shfdHomeFindDealer .hLoc,
.shfdHomeFindDealer .hDesc {
    display: none;
}
.shfdHomeFindDealer .mapContainer {
    overflow: hidden;
    position: relative;
    margin: 60px 0 0;
}
.shfdHomeFindDealer .innerContainer {
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto;
}
.shfdHomeFindDealer .panel {
    float: right;
    position: relative;
    z-index: 5;
    width: 400px;
    padding: 0 60px;
    background: #fff;
    box-sizing: border-box;
}
.shfdHomeFindDealer .panel .locTit {
    padding: 60px 0 0;
    font-size: 30px;
    line-height: 1.4;
    color: #000;
    font-family: "HyundaiMedium";
}
.shfdHomeFindDealer .panel .desc {
    padding: 10px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: #000;
}
.shfdHomeFindDealer .panel .links {
    margin: 50px 0 0;
}
.shfdHomeFindDealer .panel .links.rmBtn li:first-child {
    display: none;
}
.shfdHomeFindDealer .panel .links li {
    margin-bottom: 10px;
}
.shfdHomeFindDealer .panel .links li a {
    display: block;
    height: 49px;
    padding: 0;
    border-bottom: 1px solid #f2f2f2;
    background-size: 32px auto;
    line-height: 49px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.shfdHomeFindDealer .panel .links li a .icoMiniCate {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.shfdHomeFindDealer .panel .btnWrap {
    margin: 82px 0 40px;
}
.shfdHomeFindDealer .panel .btnWrap .btn {
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
}
.shfdHomeFindDealer .searchWrap {
    overflow: hidden;
    float: right;
    position: relative;
    z-index: 5;
    margin: 30px 30px 0 0;
}
.shfdHomeFindDealer .searchWrap .inputWrap {
    float: right;
}
.shfdHomeFindDealer .searchWrap .inputWrap input[type="text"] {
    width: 380px;
    height: 40px;
}
.shfdHomeFindDealer .searchWrap .btnWrap {
    float: right;
    margin-right: 12px;
    min-width: 0;
}
.shfdHomeFindDealer .searchWrap .btnWrap .btn {
    height: 40px;
    line-height: 40px;
}
.shfdHomeFindDealer .mapWrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/buildacar/Web/bg-map.png) 100% 0 no-repeat;
}
.shfdHomeFindDealer .mapWrap .fdZoomBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 66px;
    height: 116px;
    background: url(../images/buildacar/Web/bg-zoom-panel.png) no-repeat;
}
.shfdHomeFindDealer .mapWrap .fdZoomBox a {
    display: block;
    z-index: 100;
    width: 50px;
    height: 50px;
    border: 0 solid red;
    text-indent: -99999px;
}
.shfdHomeFindDealer .mapWrap .fdZoomBox a.plus {
    margin-top: 3px;
    margin-right: 7px;
    background: url(../images/buildacar/Web/ico-zoom-in.png) center no-repeat;
}
.shfdHomeFindDealer .mapWrap .fdZoomBox a.minus {
    margin-right: 7px;
    background: url(../images/buildacar/Web/ico-zoom-out.gif) center no-repeat;
}
.shfdHomeFindDealer .mapWrap .fdMap {
    position: absolute;
    top: 160px;
    left: 0;
    width: 79px;
    height: 49px;
    text-align: center;
    background-repeat: no-repeat;
}
.shfdHomeFindDealer .mapWrap .fdMap span.pointNum {
    display: inline-block;
    margin-top: 2px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.shfdHomeFindDealer .mapWrap .pointM1 {
    background-image: url(../images/buildacar/Web/ico-dealer-pin-normal.png);
}
.shfdHomeFindDealer .mapWrap .pointM2 {
    background-image: url(../images/buildacar/Web/ico-dealer-pin-focused.png);
}
.shfdHomeFindDealer .mapWrap .fdMap2 {
    position: absolute;
    top: 272px;
    left: 205px;
    width: 33px;
    height: 47px;
    text-align: center;
    background-repeat: no-repeat;
}
.shfdHomeFindDealer .mapWrap .pCol1 {
    background-image: url(../images/buildacar/Web/ico-pin-normal.png);
}
.shfdHomeFindDealer .mapWrap .pCol2 {
    background-image: url(../images/buildacar/Web/ico-pin-focused.png);
}
@media screen and (max-width: 1024px) {
    .shfdHomeFindDealer .hTit {
        padding: 70px 0 0;
        font-size: 27px;
    }
    .shfdHomeFindDealer .mapContainer {
        margin: 35px 0 0;
    }
    .shfdHomeFindDealer .panel {
        width: 230px;
        padding: 0 35px;
    }
    .shfdHomeFindDealer .panel .locTit {
        padding: 45px 0 0;
        font-size: 19px;
    }
    .shfdHomeFindDealer .panel .desc {
        padding: 6px 0 0;
        font-size: 14px;
    }
    .shfdHomeFindDealer .panel .links {
        margin: 22px 0 0;
    }
    .shfdHomeFindDealer .panel .links li a {
        padding-right: 0;
        background-size: 26px auto;
        font-size: 12px;
    }
    .shfdHomeFindDealer .panel .links li a .icoMiniCate {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .shfdHomeFindDealer .panel .btnWrap .btn {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .shfdHomeFindDealer .panel .btnWrap {
        margin: 23px 0 30px;
        text-align: right;
    }
    .shfdHomeFindDealer .searchWrap .inputWrap input[type="text"] {
        width: 330px;
    }
}
@media screen and (max-width: 767px) and (min-width: 0) {
    .shfdHomeFindDealer {
        padding: 0 !important;
    }
    .shfdHomeFindDealer .hTit {
        padding: 70px 0 0;
        font-size: 27px;
    }
    .shfdHomeFindDealer .hLoc {
        display: block;
        margin: 25px 0 0;
        font-size: 19px;
        color: #000;
        text-align: center;
        font-family: "HyundaiMedium";
    }
    .shfdHomeFindDealer .hDesc {
        display: block;
        margin: 6px 0 0;
        font-size: 14px;
        color: #000;
        text-align: center;
    }
    .shfdHomeFindDealer .mapContainer {
        margin: 20px 0 0;
    }
    .shfdHomeFindDealer .innerContainer {
        overflow: visible;
    }
    .shfdHomeFindDealer .mapWrap {
        position: relative;
        top: auto;
        top: auto;
        bottom: auto;
        right: auto;
        height: 400px;
    }
    .shfdHomeFindDealer .panel {
        float: none;
        width: auto;
        padding: 0;
    }
    .shfdHomeFindDealer .panel .locTit,
    .shfdHomeFindDealer .panel .desc {
        display: none;
    }
    .shfdHomeFindDealer .panel .links {
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: -15px;
    }
    .shfdHomeFindDealer .panel .links li {
        float: right;
        width: 50%;
        margin-bottom: 15px;
        padding-right: 15px;
    }
    .shfdHomeFindDealer .panel .links li a {
        height: auto;
        padding-right: 0;
        border-bottom: 0;
        background-size: 24px auto;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
    }
    .shfdHomeFindDealer .panel .links li a .icoMiniCate {
        display: block;
        vertical-align: middle;
        margin-left: 0;
    }
    .shfdHomeFindDealer .panel .btnWrap {
        margin: 30px 0 70px;
    }
    .shfdHomeFindDealer .panel .btnWrap .btn {
        width: 120px;
        height: 40px;
        margin: 0 auto;
        line-height: 40px;
    }
    .shfdHomeFindDealer .searchWrap {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        margin: 0;
    }
    .shfdHomeFindDealer .searchWrap .inputWrap {
        float: none;
        margin-left: 110px;
    }
    .shfdHomeFindDealer .searchWrap .inputWrap input[type="text"] {
        width: 100%;
    }
    .shfdHomeFindDealer .searchWrap .btnWrap {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
    }
    .shfdHomeFindDealer .searchWrap .btnWrap .btn {
        width: 100px;
        text-align: center;
    }
    .shfdHomeFindDealer .panel .links.rmBtn li {
        width: 33.3%;
    }
    .shfdHomeFindDealer .panel .links.rmBtn li:first-child {
        width: 33.4%;
    }
}
.secShnoWrap .nwTitS {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 28px;
    color: #767676;
    letter-spacing: 0.3px;
}
.secShnoWrap .nwTitL {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    letter-spacing: 0.5px;
    font-family: "HyundaiMedium";
}
.secShnoWrap .nwTitXL {
    font-size: 44px;
    line-height: 54px;
    color: #000;
    letter-spacing: 0.7px;
    font-family: "HyundaiMedium";
}
.secShnoWrap,
.secShnoWrap.connectToServiceBgType2 {
    background: url(../images/bg-news-pc.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.secShnoWrap .conShno {
    width: 100%;
    margin: 0 auto;
    padding: 100px 30px 0;
    min-width: 1240px;
}
.secShnoWrap .nwTit {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.secShnoWrap .nwTit .nwTitXL {
    padding-bottom: 80px;
}
.secShnoWrap .nwSliderWrap {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background: #fff;
}
.secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {
    width: auto;
    padding: 80px 24.025% 0;
}
.secShnoWrap .nwSliderWrap .nwTxH > button,
.secShnoWrap .nwSliderWrap .nwTxH > a {
    display: inline-block;
    width: 200px;
    margin-top: 34px;
    font-size: 16px;
    line-height: 50px;
}
.secShnoWrap .nwSliderWrap .nwLi {
    display: inline-block;
    vertical-align: -9px;
    width: 1px;
    height: 12px;
    margin: 0 9px 0 10px;
    background: #d8d8d8;
    text-indent: -99999px;
}
.secShnoWrap .nwSliderWrap .ix-thumbs .ix-thumb {
    margin: 0 5px;
}
.secShnoWrap .nwSliderWrap .txtSlideWrap .ix-thumbs {
    margin-top: 50px;
    padding-bottom: 40px;
}
.secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnPrev {
    right: 15px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/ico-arr-prev-s.png) no-repeat center center;
    background-size: cover;
    transform: rotateY(180deg);
}
.secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnNext {
    left: 15px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/ico-arr-next-s.png) no-repeat center center;
    background-size: cover;
}
@media screen and (max-width: 1240px) {
    .secShnoWrap .conShno {
        padding: 100px 30px 0;
        min-width: 0;
    }
    .secShnoWrap .nwSliderWrap {
        max-width: 100%;
        min-width: 0;
    }
}
@media screen and (max-width: 1024px) {
    .secShnoWrap .nwTitS {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .secShnoWrap .nwTitL {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.3px;
    }
    .secShnoWrap .nwTitXL {
        font-size: 27px;
        line-height: 32px;
        letter-spacing: 0.5px;
    }
    .secShnoWrap {
        background-image: url(../images/bg-news-t.jpg);
    }
    .secShnoWrap .conShno {
        padding: 70px 25px 0;
        min-width: 0;
    }
    .secShnoWrap .nwTit .nwTitXL {
        padding-bottom: 35px;
    }
    .secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 50px 17.532% 0;
    }
    .secShnoWrap .nwSliderWrap .nwTxH > button {
        width: 120px;
        margin-top: 25px;
        font-size: 14px;
        line-height: 40px;
    }
    .secShnoWrap .nwSliderWrap .txtSlideWrap .ix-thumbs {
        margin-top: 25px;
        padding-bottom: 30px;
    }
    .secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnPrev {
        right: 20px;
        background-size: 6px;
    }
    .secShnoWrap .nwSliderWrap .txtSlideWrap .sliderBtnWrap .btnNext {
        left: 20px;
        background-size: 6px;
    }
}
@media screen and (max-width: 767px) {
    .secShnoWrap .nwTitS {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .secShnoWrap .nwTitL {
        font-size: 19px;
        line-height: 24px;
        letter-spacing: 0.3px;
    }
    .secShnoWrap {
        background-image: url(../images/bg-news-m.png);
    }
    .secShnoWrap .conShno {
        padding: 70px 15px 0;
    }
    .secShnoWrap .nwTit .nwTitXL {
        padding-bottom: 25px;
    }
    .secShnoWrap .nwSliderWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 50px 6.897% 0;
    }
}
.secShnoWrap .txtSlideWrap {
    position: relative;
    width: 100%;
}
.secShnoWrap .txtSlideWrap .txtSlideList {
    overflow: hidden;
    position: relative;
}
.secShnoWrap .txtSlideWrap .txtSlideList:after {
    display: block;
    content: "";
    clear: both;
}
.secShnoWrap .txtSlideWrap .txtSlideList li {
    float: left;
    width: 100%;
}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea {
    padding: 0 25px;
}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h2,
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h3,
.secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h4 {
    margin-bottom: 12px;
}
.secShnoWrap .txtSlideWrap .txtSlideList li .txtList {
    margin-top: 40px;
}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev,
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext,
.sliderWrap .mainControlWrap .btnPrev,
.sliderWrap .mainControlWrap .btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 20px;
    margin-top: -8px;
    text-indent: -9999px;
}
.sliderWrap .mainControlWrap .btnPrev:focus,
.sliderWrap .mainControlWrap .btnNext:focus {
    outline: 0;
}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev,
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 20px;
    margin-top: -8px;
    text-indent: -9999px;
    transform: rotateY(180deg);
}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev {
    right: 0;
    background: url(../images/btn-prev2.png) no-repeat center center;
}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext {
    left: 0;
    background: url(../images/btn-next2.png) no-repeat center center;
}
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnPrev.disabled,
.secShnoWrap .txtSlideWrap .sliderBtnWrap .btnNext.disabled {
    opacity: 0.3;
    cursor: default;
}
.secShnoWrap .txtSlideWrap .ix-controller.disabled {
    visibility: hidden;
}
.secShnoWrap .txtSlideWrap .ix-list-viewport {
    overflow: hidden;
}
.secShnoWrap .txtSlideWrap .ix-thumbs {
    position: relative;
    margin-top: 28px;
    text-align: center;
}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb {
    overflow: hidden;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 50%;
}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb.active {
    border: 0 none;
}
.secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb.active .ix-btn {
    background: #00aad2;
}
@media screen and (max-width: 1024px) {
    .secShnoWrap .txtSlideWrap .ix-thumbs {
        margin-top: 34px;
    }
    .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h2,
    .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h3,
    .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea h4 {
        margin-bottom: 9px;
    }
    .secShnoWrap .txtSlideWrap .txtSlideList li .txtList {
        margin-top: 30px;
    }
    .secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb {
        width: 9px;
        height: 9px;
    }
    .secShnoWrap .txtSlideWrap .ix-thumbs .ix-thumb .ix-btn {
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 767px) {
    .secShnoWrap .txtSlideWrap .txtSlideList li .txtArea {
        padding: 0;
    }
    .secShnoWrap .slide_direction {
        display: none;
    }
}
.sectionWrap.secFindAccWrap {
    padding-top: 25px;
    padding-bottom: 60px;
}
.sectionWrap.secFindAccWrap [class*="subTit"] {
    padding-bottom: 20px;
}
.sectionWrap.secFindAccWrap .selectFormBox .selModel {
    width: 35.6%;
}
.sectionWrap.secFindAccWrap .selectFormBox .selCondition {
    width: 53%;
}
.sectionWrap.secFindAccWrap .selectFormBox .searchBtn {
    display: table;
    width: 11.4%;
}
.secAccListWrap.salo {
    padding-top: 40px;
    padding-bottom: 100px;
}
.secAccListWrap.salo .itemWrap .itemListWrap {
    margin-top: -33px;
}
.secAccListWrap.salo .itemWrap .itemList {
    margin-top: 33px;
}
.secAccListWrap.salo .itemWrap .img {
    margin-bottom: 20px;
    padding-bottom: 66.477%;
}
.secAccListWrap.salo .itemWrap .img img {
    width: 100%;
}
.secAccListWrap.salo .itemWrap .itemList .itemTit {
    padding-bottom: 4px;
}
.secAccListWrap.salo
    .itemWrap
    .itemList
    .itemCon
    [class*="conArea"]
    ~ [class*="conArea"] {
    padding-top: 5px;
}
.secAccListWrap.salo .itemWrap .toolTipWrap.ib {
    margin-left: 5px;
    margin-right: 0;
}
.secAccListWrap.salo .paging {
    padding-top: 60px;
}
.secAccListWrap.salo .btnWrap.btnMoreWrap {
    padding-top: 44px;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secFindAccWrap {
        padding-top: 45px;
        padding-bottom: 50px;
    }
    .sectionWrap.secAccListWrap.salo,
    .secAccListWrap.salo {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .secAccListWrap.salo .itemWrap .itemListWrap {
        margin: -35px -16px 0;
    }
    .secAccListWrap.salo .itemWrap .itemList {
        margin-top: 35px;
    }
    .secAccListWrap.salo .itemWrap .itemList .listInner {
        margin: 0 16px;
    }
    .secAccListWrap.salo .itemWrap .img {
        margin-bottom: 15px;
    }
    .secAccListWrap.salo .itemWrap .itemList .itemTit {
        padding-bottom: 6px;
    }
    .secAccListWrap.salo
        .itemWrap
        .itemList
        .itemCon
        [class*="conArea"]
        ~ [class*="conArea"] {
        padding-top: 10px;
    }
    .secAccListWrap.salo .paging {
        padding-top: 45px;
    }
    .secAccListWrap.salo .btnWrap.btnMoreWrap {
        padding-top: 45px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.secFindAccWrap {
        padding: 35px 15px 70px;
    }
    .secAccListWrap.salo,
    .secAccListWrap.salo .secListBox .itemTxtTop {
        padding-bottom: 25px;
    }
    .secAccListWrap.salo .itemWrap .itemListWrap {
        margin-top: -20px;
    }
    .secAccListWrap.salo .itemWrap .itemList {
        margin-top: 20px;
    }
    .secAccListWrap.salo .itemWrap .img {
        padding-bottom: 0;
    }
    .sectionWrap.secAccListWrap.salo,
    .secAccListWrap.salo {
        padding-top: 35px;
    }
    .secAccListWrap.salo .itemWrap .itemList .itemTit {
        padding-bottom: 10px;
    }
    .secAccListWrap.salo
        .itemWrap
        .itemList
        .itemCon
        [class*="conArea"]
        ~ [class*="conArea"] {
        padding-top: 6px;
    }
}
form fieldset {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.selectFormBox legend {
    overflow: hidden;
    position: absolute;
    right: -9999px;
    width: 1px;
    height: 1px;
    visibility: hidden;
}
.secOwnersManual .selectFormBox {
    padding-bottom: 30px;
}
.secOwnersManual .selectFormBox .selForm {
    width: 18.6%;
}
.secOwnersManual .selectFormBox .inputForm {
    width: 51.4%;
}
.secOwnersManual .selectFormBox .searchBtn {
    display: table;
    width: 11.4%;
}
.secOwnersManual .tableInner.scroll .tableTypeBasic {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.secOwnersManual .paging {
    padding-top: 60px;
}
.secOwnersManual .btnWrap.btnMoreWrap {
    padding-top: 60px;
}
@media screen and (max-width: 1024px) {
    .secOwnersManual .selectFormBox {
        padding-bottom: 40px;
    }
    .secOwnersManual .paging {
        padding-top: 45px;
    }
    .secOwnersManual .btnWrap.btnMoreWrap {
        padding-top: 45px;
    }
}
@media screen and (max-width: 767px) {
    .secOwnersManual .selectFormBox {
        padding-bottom: 50px;
    }
    .secOwnersManual .tableInner.scroll {
        padding-bottom: 10px;
    }
    .secOwnersManual .tableWrap .scroll {
        width: auto;
    }
    .secOwnersManual .tableInner.scroll .tableTypeBasic {
        min-width: 800px;
    }
    .secOwnersManual .paging {
        padding-top: 31px;
    }
    .secOwnersManual .btnWrap.btnMoreWrap {
        padding-top: 35px;
    }
}
.sectionWrap.secMediaCenter {
    padding-top: 50px;
    padding-bottom: 100px;
}
.secMediaCenter .tabCont {
    display: none;
}
.secMediaCenter .tabCont.on {
    display: block;
}
.secMediaCenter .itemWrap .itemListWrap {
    margin-top: -50px;
}
.secMediaCenter .itemWrap .itemList {
    margin-top: 50px;
}
.secMediaCenter .itemWrap .itemList .video,
.secMediaCenter .itemWrap .itemList .img {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 66.193%;
}
.secMediaCenter .itemWrap .itemList .video img,
.secMediaCenter .itemWrap .itemList .img img {
    width: 100%;
}
.secMediaCenter .itemWrap iframe,
.secMediaCenter .itemWrap object,
.secMediaCenter .itemWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.secMediaCenter .itemWrap .itemList .video:before {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 12;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    background: url(../images/btn-video.png) no-repeat top right;
    content: "";
    text-indent: -999px;
}
.secMediaCenter .itemWrap .itemList .video:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    background: rgb(0 0 0 / 0.6);
    content: "";
}
.secMediaCenter .itemWrap .itemTit {
    padding-bottom: 0;
}
.secMediaCenter .paging {
    padding-top: 60px;
}
.secMediaCenter .btnWrap.btnMoreWrap {
    padding-top: 60px;
}
.secMediaCenter .itemWrap .itemList .conTit {
    line-height: 24px;
}
.secMediaCenter .itemWrap .itemList .itemTit {
    padding-bottom: 0;
}
.layerPopupWrap.layerMediaCenter .videoPoster img {
    width: 100%;
}
.layerPopupWrap.layerMediaCenter .contMediaBox {
    padding: 85px 50px 37px;
    background: #fff;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap {
    position: static;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .link {
    display: block;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 574px;
}
.layerPopupWrap.layerMediaCenter
    .contMediaBox
    .mediaBox.youtubeVideoItem
    .videoWrap {
    z-index: 20;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem {
    position: absolute;
    width: 100%;
    height: 100%;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.layerPopupWrap.layerMediaCenter .contMediaBox .conTit {
    display: block;
    padding-top: 20px;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap,
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {
    position: absolute;
    top: 50%;
    z-index: 9;
    margin-top: 10px;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {
    right: 50px;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {
    left: 50px;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNext,
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrev {
    top: 50%;
    margin-top: -15px;
    transform: translateY(-50%);
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {
    position: absolute;
    left: 50px;
    bottom: 10%;
    z-index: 11;
}
.layerPopupWrap.layerMediaCenter .contMediaBox .sliderTxtList {
    left: 20px;
}
.layerPopupWrap.layerMediaCenter .videoWrap {
    height: auto;
    padding-bottom: 56.25%;
}
.layerPopupWrap.layerMediaCenter .videoWrap .innerWrap {
    padding-top: 0;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secMediaCenter {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .secMediaCenter .itemWrap .itemListWrap {
        margin: -40px -7px 0;
    }
    .secMediaCenter .itemWrap .itemList {
        margin-top: 40px;
    }
    .secMediaCenter .itemWrap .itemList .img,
    .secMediaCenter .itemWrap .itemList .video {
        margin-bottom: 15px;
    }
    .secMediaCenter .paging {
        padding-top: 45px;
    }
    .secMediaCenter .btnWrap.btnMoreWrap {
        padding-top: 45px;
    }
    .secMediaCenter .itemWrap .itemList .conTit {
        line-height: 21px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {
        right: 25px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {
        left: 25px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox {
        padding: 55px 25px 26px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox {
        height: 55.94405594405595vw;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem img {
        width: auto;
        height: 100%;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {
        left: 25px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox .imgItem {
        position: static;
    }
    .layerPopupWrap.layerMediaCenter .layerPopupInner {
        margin-top: 0 !important;
        transform: translateY(-50%);
    }
    .layerPopupWrap.layerMediaCenter .videoPoster img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
}
@media screen and (max-width: 767px) {
    .secMediaCenter .itemWrap .itemListWrap {
        margin: -40px 0 0;
    }
    .secMediaCenter .itemWrap .itemList .listInner {
        margin: 0;
    }
    .secMediaCenter .itemWrap .itemList .img,
    .secMediaCenter .itemWrap .itemList .video {
        padding-bottom: 0;
    }
    .secMediaCenter .itemWrap .itemList .img img,
    .secMediaCenter .itemWrap .itemList .video img {
        position: static;
        transform: none;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox {
        height: 100%;
        padding: 45px 10px 21px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .mediaBox {
        height: auto;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnPrevWrap {
        right: 10px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderWrap .btnNextWrap {
        left: 10px;
    }
    .layerPopupWrap.layerMediaCenter .contMediaBox .sliderNumWrap {
        left: 10px;
    }
}
.sroo .reSec1 {
    overflow: hidden;
    margin: 0 -10px;
    padding: 0 0 50px;
}
.sroo .reSec1 .reSeBx {
    margin-top: 20px;
}
.sroo .reSec1 .reSeBx .selForm .selBg {
    height: 50px;
    background-color: #fff;
    font-size: 14px;
    color: #000;
}
.sroo .reTitM {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.sroo .reAreaM {
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.2px;
}
.srooContentSectionWrap {
    padding-top: 80px;
    padding-bottom: 92px;
}
.sroo .subTitL {
    margin-bottom: 36px;
}
.conSrooWrap {
    padding: 42px 0;
    border-top: 1px solid #e5e5e5;
}
.subTitL + .conSrooWrap {
    padding-top: 0;
    border-top: 0 none;
}
.conSrooWrap .subTitM {
    padding-bottom: 22px;
}
.conSrooWrap .titGrade {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.conSrooWrap .conGrade {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.2px;
}
.conSrooWrap .grade {
    overflow: hidden;
    display: block;
    width: 120px;
    height: 30px;
    background-size: 108px 17px;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-position: right center;
}
.conSrooWrap .starImg1 {
    background-image: url(../images/build-a-car/ico-star1.png);
}
.conSrooWrap .starImg2 {
    background-image: url(../images/build-a-car/ico-star2.png);
}
.conSrooWrap .starImg3 {
    background-image: url(../images/build-a-car/ico-star3.png);
}
.conSrooWrap .starImg4 {
    background-image: url(../images/build-a-car/ico-star4.png);
}
.conSrooWrap .starImg5 {
    background-image: url(../images/build-a-car/ico-star5.png);
}
.conReveiwTop .reSec2 {
    display: table;
    width: 100%;
    padding-bottom: 60px;
}
.conReveiwTop .reSec2 .reBx {
    display: table-cell;
    width: 67.857%;
}
.conReveiwTop .reSec2 .reBx .reBxArea {
    padding-left: 50px;
}
.conReveiwTop .reSec2 .reBx .reBxArea .fullImg {
    height: 406px;
}
.conReveiwTop .reSec2 .reBx .reDatBx {
    margin-top: 10px;
}
.conReveiwTop .reSec2 .reBx .reDat {
    padding-left: 18px;
    font-size: 14px;
    line-height: 17px;
    color: #666;
}
.conReveiwTop .reSec2 .reImBxM {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {
    overflow: hidden;
    display: block;
    width: 90px;
    height: 20px;
    margin-bottom: 2px;
    background: url(../images/ico-review-new.png) no-repeat 100% 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: "HyundaiMedium";
    text-align: center;
    text-indent: -1000px;
}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {
    display: block;
    padding-bottom: 16px;
}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .subTitM {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 0;
}
.conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {
    padding: 26px 0 24px;
}
.conReveiwTop .reSec2 .reImBxM2 .reGrade {
    overflow: hidden;
    margin-top: -12px;
}
.conReveiwTop .reSec2 .reImBxM2 .reGrade .list {
    float: right;
    width: 50%;
    margin-top: 12px;
}
.conReveiwTop .reSec2 .reImBxM2 .reGrade .grade {
    height: 17px;
    margin-top: 4px;
}
.conReveiwTop .conOpinion .titArea {
    display: table;
    margin-bottom: 22px;
}
.conReveiwTop .conOpinion .titArea .subTitM {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-bottom: 0;
}
.conReveiwTop .conOpinion .titArea .grade {
    display: table-cell;
    vertical-align: middle;
}
.conReveiwTop .conOpinion .titGrade {
    padding-bottom: 5px;
}
.conFullReview .reviewList {
    padding-top: 25px;
}
.conFullReview .subTitM + .reviewList {
    padding-top: 0;
}
.conFullReview .reviewList .titArea {
    overflow: hidden;
    padding-bottom: 5px;
}
.conFullReview .reviewList .titArea .titGrade {
    float: right;
    padding-left: 11px;
}
.conFullReview .reviewList .titArea .grade {
    float: right;
}
.conSrooWrap.conReviewers {
    padding-bottom: 0;
}
.conReviewers .conGradeList .topTxt {
    padding-bottom: 5px;
}
.conReviewers .conGradeList .listBox {
    padding-bottom: 16px;
}
.conReviewers .conGradeList .listBox:after {
    display: table;
    content: "";
    clear: both;
}
.conReviewers .conGradeList .listBox .list {
    float: right;
    width: 25%;
}
.conReviewers .conGradeList .listBox .list .titGrade {
    padding-bottom: 2px;
}
@media screen and (max-width: 1240px) {
    .conReveiwTop .reSec2 .reBx {
        display: table-cell;
        width: 63%;
    }
    .conReveiwTop .reSec2 .reBx .reBxArea {
        padding-left: 2%;
    }
}
@media screen and (max-width: 1024px) {
    .sroo .reSec1 {
        margin: 0 -7px;
    }
    .sroo .reSec1 .tabBox {
        padding: 0 7px;
    }
    .tabWrap2 .tabArea {
        overflow: hidden;
        height: 40px;
    }
    .tabWrap2 .tabArea .tab {
        height: 40px;
    }
    .tabWrap2 .tabArea .tab .link {
        height: 40px;
        line-height: 40px;
    }
    .tabWrap2 .tabArea .tab .link {
        font-size: 12px;
    }
    .tabWrap2 .tabArea .tab .link > * {
        font-size: 12px;
    }
    .reSec1 .reSeBx {
        height: 40px;
        padding: 0 7px;
    }
    .reSec1 .reSeBx .selForm .selBg {
        height: 40px;
        font-size: 12px;
    }
    .srooContentSectionWrap {
        padding-top: 44px;
        padding-bottom: 64px;
    }
    .sroo .subTitL {
        margin-top: 50px;
        margin-bottom: 32px;
    }
    .conSrooWrap {
        padding: 40px 0 38px;
    }
    .subTitL + .conSrooWrap {
        padding-top: 0;
        border-top: 0 none;
    }
    .conSrooWrap .subTitM {
        padding-bottom: 14px;
    }
    .conSrooWrap .titGrade {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .conSrooWrap .conGrade {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.2px;
    }
    .conSrooWrap .grade {
        height: 21px;
    }
    .conReveiwTop .reSec2 {
        overflow: hidden;
        display: block;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #e5e5e5;
    }
    .conReveiwTop .reSec2 .reBx {
        overflow: hidden;
        display: block;
        width: 100%;
        margin-bottom: 22px;
    }
    .conReveiwTop .reSec2 .reBx .reBxArea {
        width: 100%;
        padding: 0;
    }
    .conReveiwTop .reSec2 .reBx .reBxArea .fullImg {
        height: 314px;
    }
    .conReveiwTop .reSec2 .reBx .reDatBx {
        margin-top: 6px;
        text-align: left;
    }
    .conReveiwTop .reSec2 .reBx .reDat {
        padding-left: 0;
        padding-right: 18px;
        font-size: 12px;
        line-height: 17px;
        color: #666;
    }
    .conReveiwTop .reSec2 .reImBxM {
        display: block;
        width: 100%;
    }
    .conReveiwTop .reSec2 .reImBxM:after {
        display: block;
        content: "";
        clear: both;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 {
        float: right;
        width: 50%;
        padding-left: 50px;
        min-width: 0;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {
        margin-bottom: 6px;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {
        display: inline-block;
        padding-left: 20px;
        padding-bottom: 0;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .subTitM {
        padding-bottom: 0;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {
        padding: 14px 0 0;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM2 {
        float: right;
        width: 50%;
    }
    .conReveiwTop .reSec2 .reImBxM2 .reGrade {
        margin-top: -7px;
        padding-top: 26px;
    }
    .conReveiwTop .reSec2 .reImBxM2 .reGrade list {
        margin-top: 7px;
    }
    .conReveiwTop .reSec2 .reImBxM2 .reGrade list .grade {
        display: inline-block;
        margin-top: 3px;
    }
    .conReveiwTop .conOpinion .titArea {
        margin-bottom: 14px;
    }
    .conReveiwTop .conOpinion .titArea .subTitM {
        padding-left: 8px;
        padding-bottom: 0;
    }
    .conReveiwTop .conOpinion .titGrade {
        padding-bottom: 14px;
    }
    .conFullReview .reviewList {
        padding-top: 15px;
    }
    .conFullReview .subTitM + .reviewList {
        padding-top: 0;
    }
    .conFullReview .reviewList .titArea {
        padding-bottom: 14px;
    }
    .conFullReview .reviewList .titArea .titGrade {
        padding-left: 5px;
    }
    .conReviewers .conBox .topTxt {
        padding-bottom: 15px;
    }
    .conReviewers .conGradeList .listBox {
        padding-bottom: 19px;
    }
    .conReviewers .conGradeList .listBox .list .titGrade {
        padding-bottom: 4px;
    }
    .conReviewers .conGrade {
        padding-bottom: 4px;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .icoNew {
        width: 76px;
        background-image: url(../images/ico-review-new-t.png);
    }
}
@media screen and (max-width: 767px) {
    .sroo .reSec1 {
        margin: 0;
    }
    .sroo .reSec1 .tabBox {
        width: 100%;
        padding: 0;
    }
    .sroo .reSec1 .reSeBx {
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }
    .sroo .reSec1 .tabWrap {
        margin: 0;
    }
    .sroo .subTitL {
        margin-bottom: 50px;
    }
    .sroo .conSrooWrap img {
        width: 100% !important;
        height: auto !important;
    }
    .conReveiwTop .reSec2 .reBx .reBxArea .fullImg {
        height: 150px;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 {
        float: none;
        width: 100%;
        padding-left: 0;
        min-width: 0;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .titArea {
        display: block;
        padding-left: 0;
        padding-bottom: 14px;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM1 .reCon .conAreaM {
        padding: 16px 0 15px;
    }
    .conReveiwTop .reSec2 .reImBxM .reImBxM2 {
        float: none;
        width: 100%;
    }
    .conReveiwTop .reSec2 .reImBxM2 .reGrade {
        margin-top: -20px;
        padding-top: 0;
    }
    .conReveiwTop .reSec2 .reImBxM2 .reGrade .list {
        margin-top: 20px;
    }
    .conReveiwTop .conOpinion .titArea {
        display: block;
        margin-bottom: 19px;
    }
    .conReveiwTop .conOpinion .titArea .subTitM {
        display: block;
        padding-left: 0;
        padding-bottom: 0;
    }
    .conReveiwTop .conOpinion .titArea .grade {
        display: block;
    }
    .conReveiwTop .conOpinion .titGrade {
        padding-bottom: 14px;
    }
    .conReviewers .conGradeList .listBox {
        margin-top: -20px;
    }
    .conReviewers .conGradeList .listBox .list {
        width: 50%;
        padding-top: 20px;
    }
}
.sectionWrap.scco,
.scco {
    padding-top: 80px;
    padding-bottom: 100px;
}
.scco .carListWrap {
    margin: 0 -10px;
}
.scco .carListWrap .listInner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.scco .carListWrap .list {
    float: right;
    width: 25%;
    padding: 0 10px;
}
.scco .carListWrap .compareBox.rmBtn .btnList:nth-child(3) {
    display: none;
}
.scco .carListWrap .compareBox.rmBtn2 .btnList:nth-child(3),
.scco .carListWrap .compareBox.rmBtn2 .btnList:nth-child(4) {
    display: none;
}
.scco .carListWrap .compareBox.rmBtn3 .btnList:nth-child(4) {
    display: none;
}
.scco .carListWrap .compareBox.rmBtn .inner {
    height: 379px;
}
.scco .carListWrap .compareBox.rmBtn2 .inner {
    height: 425px;
}
.scco .carListWrap .compareBox.rmBtn3 .inner {
    height: 379px;
}
.scco .carListWrap .selectBtnBox {
    display: table;
    width: 100%;
}
.scco .carListWrap .selectBtnBox .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 517px;
    border: 1px solid #e2e2e2;
    background: #fff;
}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar {
    overflow: hidden;
    display: block;
    position: relative;
    width: 116px;
    height: 116px;
    margin: 0 auto;
    background: #e5e5e5;
    text-align: center;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 60px;
    height: 4px;
    background: #fff;
    content: "";
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.scco .carListWrap .selectBtnBox .inner .btnSelectCar:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 4px;
    height: 60px;
    background: #fff;
    content: "";
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.scco .carListWrap .selectBtnBox .inner .txt {
    display: block;
    padding-top: 31px;
    color: #a3a3a3;
    text-align: center;
    font-family: "HyundaiMedium";
}
.scco .carListWrap .compareBox {
    position: relative;
    height: 517px;
}
.scco .carListWrap .compareBox .inner {
    position: relative;
    height: 333px;
    padding: 40px 20px 10px;
    border: 1px solid #e2e2e2;
    background: #fff;
}
.scco .carListWrap .compareBox .img {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 54.222%;
}
.scco .carListWrap .compareBox .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 225px;
    height: 121px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.scco .carListWrap .compareBox .carInfo .carName {
    padding-bottom: 3px;
    font-size: 20px;
    line-height: 1.5;
    font-family: "HyundaiMedium";
    letter-spacing: 0.3px;
}
.scco .carListWrap .compareBox .carInfo .optInfoS {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.43;
    color: #666;
    letter-spacing: 0.1px;
}
.scco .carListWrap .compareBox .carInfo .optInfoM strong {
    font-size: 16px;
    line-height: 1.75;
    font-family: "HyundaiMedium";
    letter-spacing: 0.3px;
}
.scco .carListWrap .compareBtnBox .btnList {
    display: table;
    width: 100%;
    margin-top: 10px;
}
.scco .carListWrap .compareBtnBox .btnList .btn {
    height: 36px;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
}
.scco .carListWrap .compareBtnBox .btnList .btn.bgBtnWhite {
    color: #767676;
}
.scco .carListWrap .compareBox .btnCloseLayer {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 16px;
    height: 16px;
    background: url(../images/btn-layer-close.png) no-repeat center center;
    text-indent: -9999px;
}
.scco .btnWrap.btnSpaWrap {
    padding-top: 60px;
}
.scco .btnWrap.btnSpaWrap .noti {
    display: none;
}
.sectionWrap.sccoDetailWrap,
.sccoDetailWrap {
    padding-top: 60px;
    padding-bottom: 100px;
}
.sccoDetailWrap .compareDetailBox .detailBox {
    display: table;
    width: 100%;
    border: 1px solid #e4dcd3;
    background: #fff;
}
.sccoDetailWrap .compareDetailBox .detailBox .boxList {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding: 30px;
    border-right: 1px solid #e4dcd3;
}
.sccoDetailWrap .compareDetailBox .detailBox .boxList:first-child {
    border-right: 0 none;
}
.sccoDetailWrap .compareDetailBox .detailBox .boxCont ~ .boxCont {
    padding-top: 25px;
}
.sccoDetailWrap .compareDetailBox .dlBox dt {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.21;
    color: #999;
}
.sccoDetailWrap .compareDetailBox .dlBox dd {
    line-height: 1.25;
    font-family: "HyundaiMedium";
}
.sccoDetailWrap .compareDetailBox .dlBox {
    padding-top: 25px;
}
.sccoDetailWrap .compareDetailBox .dlBox:first-child {
    padding-top: 0;
}
.sccoDetailWrap .compareTglBox {
    padding-top: 39px;
}
.sccoDetailWrap .compareTglBox .togList li.dep1 .aswer {
    border-top: 1px solid #e4dcd3;
}
.sccoDetailWrap .compareTglBox .togList li.dep1 .aswer .dep2 {
    padding: 0;
}
.sccoDetailWrap .compareTglBox .togList .detailBox {
    border: 0 none;
}
.layerPopupWrap.compareLayer .layerStepCont {
    display: none;
}
.layerPopupWrap.compareLayer .layerStepCont.active {
    display: block;
    margin-top: -30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.compareLayer .itemWrap .img img {
    width: 100%;
}
.compareLayer .stepCar {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
}
.compareLayer .stepCar .listTypeWrap {
    display: none;
}
.compareLayer .stepCar .itemWrap .itemList .itemTit {
    padding-bottom: 3px;
}
.compareLayer .stepCar .itemWrap .itemListWrap {
    margin-top: -30px;
}
.compareLayer .stepCar .itemWrap .itemList {
    margin-top: 30px;
}
.compareLayer .stepCar .itemWrap .itemList .img {
    padding-bottom: 61.5%;
}
.compareLayer .stepCar .itemWrap .itemList .conAreaS strong {
    color: #000;
    font-family: "HyundaiMedium";
}
.compareLayer .carOpt {
    padding-top: 60px !important;
    padding-bottom: 100px !important;
}
.compareLayer .carOpt .itemRowWrap {
    position: relative;
    padding-bottom: 30px;
}
.compareLayer .carOpt .itemRowWrap .itemList {
    display: table;
    width: 100%;
}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea,
.compareLayer .carOpt .itemRowWrap .itemList .listInner {
    display: table-cell;
    vertical-align: top;
}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea {
    width: 25.6%;
}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea .img {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.compareLayer .carOpt .itemRowWrap .itemList .imgArea .img img {
    position: relative;
    width: 320px;
    height: 172px;
}
.compareLayer .carOpt .itemRowWrap .itemList .listInner {
    padding-right: 30px;
}
.compareLayer .carOpt .itemRowWrap .itemList .listTitle {
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 1.15;
    font-family: "HyundaiMedium";
}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon {
    font-size: 14px;
    line-height: 1.71;
    color: #666;
}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon.priceInfo {
    padding-top: 4px;
}
.compareLayer .carOpt .itemRowWrap .itemList .itemCon .txt_navy {
    display: inline-block;
    padding-left: 5px;
    font-size: 16px;
    font-family: "HyundaiMedium" !important;
}
.compareLayer .carOpt .togListWrap .titArea {
    padding-bottom: 10px;
}
.compareLayer .carOpt .togListWrap .togList {
    overflow: hidden;
    margin-bottom: 0;
}
.compareLayer .carOpt .togListWrap .togList .togTitWrap {
    display: table;
    width: 100%;
}
.compareLayer .carOpt .togListWrap .togList .tit {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    height: 59px;
    padding: 19px 26px 17px 30px;
    background: 0;
    line-height: 17px;
    box-sizing: border-box;
}
.compareLayer .carOpt .togListWrap .togList .tit .inner {
    display: inline-block;
    position: relative;
    padding-left: 12px;
    padding-right: 28px;
}
.compareLayer .carOpt .togListWrap .togList .tit .inner:before,
.compareLayer .carOpt .togListWrap .togList .tit .inner:after {
    display: block;
    position: absolute;
    content: "";
    box-sizing: border-box;
    border-radius: 100%;
}
.compareLayer .carOpt .togListWrap .togList .tit .inner:before {
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #979797;
    background: #fff;
}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox {
    display: table-cell;
    vertical-align: middle;
    width: 58px;
    border-top: solid 1px #e4dcd3;
}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle {
    overflow: hidden;
    display: inline-block;
    width: 58px;
    height: 58px;
    background: url(../images/ico-toggle-down.png) no-repeat center center;
    background-size: 10px;
    text-indent: -9999px;
}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle:focus {
    outline: 1px dotted #999;
}
.compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle.active {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {
    border: 2px solid #00aad2;
}
.compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: #00aad2;
}
.compareLayer .carOpt .togList li.dep1 .aswer .dep2 {
    padding: 30px;
    border-top: 1px solid #e2dcd4;
}
.compareLayer .carOpt .togList .infoBox .boxTop {
    padding-bottom: 30px;
}
.compareLayer .carOpt .togList .infoBox .boxTop .heading,
.compareLayer .carOpt .togList .infoBox .boxTop .txt,
.compareLayer .carOpt .togList .infoBox .boxTop strong {
    font-size: 14px;
    line-height: 1.71;
}
.compareLayer .carOpt .togList .infoBox .boxTop strong {
    font-family: "HyundaiMedium";
}
.compareLayer .carOpt .togList .infoBox .boxTop .heading {
    padding-bottom: 6px;
}
.compareLayer .carOpt .btnWrap.btnSpaWrap {
    padding-top: 60px;
}
.compareLayer .grayBox {
    padding: 15px 60px;
    background: #f6f3f2;
    font-size: 14px;
    line-height: 1.71;
}
.compareLayer .grayBox .icoNote {
    margin: 0;
}
@media screen and (max-width: 1240px) {
    .layerPopupWrap.compareLayer .layerPopupInner.wide .layerPopup {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .sectionWrap.scco,
    .scco {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .sectionWrap.scco.compareActive,
    .scco.compareActive {
        padding-top: 95px;
        padding-bottom: 25px;
    }
    .scco .carListWrap {
        margin-left: -5px;
        margin-right: -5px;
    }
    .scco .carListWrap .list {
        width: 100%;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .scco .carListWrap .list:first-child {
        margin-top: 0;
    }
    .scco .carListWrap .list.listHideMd {
        display: none;
    }
    .scco .carListWrap .selectBtnBox .inner {
        height: auto;
        padding: 38px 0;
        border: 0 none;
    }
    .scco .carListWrap .selectBtnBox .inner .btnSelectCar {
        width: 90px;
        height: 90px;
    }
    .scco .carListWrap .selectBtnBox .inner .btnSelectCar:before,
    .scco .carListWrap .selectBtnBox .inner .btnSelectCar:after {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
    .scco .carListWrap .selectBtnBox .inner .btnSelectCar:before {
        width: 44px;
        height: 3px;
    }
    .scco .carListWrap .selectBtnBox .inner .btnSelectCar:after {
        width: 3px;
        height: 44px;
    }
    .scco .carListWrap .selectBtnBox .inner .txt {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.5;
    }
    .scco .carListWrap .compareBox {
        height: auto;
        min-height: 198px;
    }
    .scco .carListWrap .compareBox .inner {
        width: 100%;
        height: 198px;
        padding: 20px;
        border: 0 none;
    }
    .scco .carListWrap .compareBox.rmBtn .inner,
    .scco .carListWrap .compareBox.rmBtn2 .inner {
        height: 198px;
    }
    .scco .carListWrap .compareBox .imgArea {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 290px;
        margin-bottom: 0;
    }
    .scco .carListWrap .compareBox .img {
        width: 100%;
        margin-bottom: 0;
    }
    .scco .carListWrap .compareBox .carInfo {
        padding: 15px 330px 0 60px;
    }
    .scco .carListWrap .compareBox .carInfo .carName {
        padding-bottom: 5px;
        font-size: 14px;
        line-height: 1.5;
    }
    .scco .carListWrap .compareBox .carInfo .optInfoS {
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 1.5;
    }
    .scco .carListWrap .compareBox .carInfo .optInfoM {
        font-size: 14px;
        line-height: 1.5;
    }
    .scco .carListWrap .compareBox .toolTipWrap.ib {
        margin-right: 8px;
    }
    .scco .carListWrap .compareBox .img img {
        width: 320px;
        height: 172px;
    }
    .scco .carListWrap .compareBtnBox {
        display: none;
    }
    .scco.compareActive .carListWrap .compareBox {
        height: auto;
    }
    .scco.compareActive .carListWrap {
        margin-top: 0;
    }
    .scco.compareActive .carListWrap .list {
        width: 50%;
        margin-top: 0;
    }
    .scco.compareActive .carListWrap .compareBox .inner {
        height: auto;
    }
    .scco.compareActive .carListWrap .compareBox .imgArea {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
    }
    .scco.compareActive .carListWrap .compareBox .img {
        margin-bottom: 15px;
    }
    .scco.compareActive .carListWrap .compareBox .carInfo {
        padding: 0;
    }
    .scco.compareActive .carListWrap .compareBox .carInfo .optInfoS {
        padding-bottom: 23px;
    }
    .scco.compareActive .carListWrap .compareBtnBox {
        display: block;
    }
    .scco.compareActive .carListWrap .compareBtnBox .btnList {
        margin-top: 5px;
    }
    .scco.compareActive .carListWrap .compareBtnBox .btnList:first-child {
        margin-top: 10px;
    }
    .scco.compareActive .carListWrap .compareBox .btnCloseLayer {
        top: 20px;
        left: 20px;
        width: 15px;
        height: 15px;
        background-size: cover;
    }
    .scco .btnWrap.btnSpaWrap {
        padding-top: 40px;
    }
    .scco.compareActive .btnWrap.btnSpaWrap {
        position: absolute;
        top: 30px;
        left: 25px;
        right: 25px;
        margin: 0 !important;
        padding: 0;
        min-width: auto;
    }
    .scco.compareActive .btnWrap.btnSpaWrap:after {
        display: table;
        content: "";
        clear: both;
    }
    .scco.compareActive .btnWrap.btnSpaWrap .noti {
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        padding-left: 130px;
        font-size: 12px;
        line-height: 1.147;
        text-align: right;
    }
    .scco.compareActive .btnWrap.btnSpaWrap .btnReset1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        height: 40px;
        padding: 0 !important;
    }
    .scco.compareActive .btnWrap.btnSpaWrap .btnReset1 .btn {
        height: 40px;
    }
    .scco.compareActive .btnWrap.btnSpaWrap .btnCompare1 {
        display: none !important;
    }
    .scco .btnWrap.btnSpaWrap button[class*="btn"] {
        height: 50px;
    }
    .sectionWrap.sccoDetailWrap,
    .sccoDetailWrap {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .sccoDetailWrap .compareDetailBox .detailBox .boxList {
        width: 50%;
        padding: 15px 25px 30px;
    }
    .sccoDetailWrap .compareDetailBox .detailBox .boxList:first-child {
        border-right: 0 none;
    }
    .sccoDetailWrap .compareDetailBox .detailBox .boxList.listHideMd {
        display: none;
    }
    .sccoDetailWrap .compareDetailBox .detailBox .boxCont ~ .boxCont {
        padding-top: 15px;
    }
    .sccoDetailWrap .compareDetailBox .dlBox dt {
        padding-bottom: 5px;
        font-size: 12px;
        line-height: 1.417;
    }
    .sccoDetailWrap .compareDetailBox .dlBox dd {
        font-size: 12px;
        line-height: 1.417;
    }
    .sccoDetailWrap .compareDetailBox .dlBox {
        padding-top: 15px;
    }
    .sccoDetailWrap .compareTglBox {
        padding-top: 30px;
    }
    .layerPopupWrap.compareLayer .layerPopupInner.wide .layerPopup {
        width: 100%;
    }
    .compareLayer .closeLayerPopup {
        top: 18px;
        left: 12px;
        background-size: 12px;
    }
    .compareLayer .layerPopupWrap .sectionLayerWrap {
        overflow: auto;
    }
    .layerPopupWrap.compareLayer .layerStepCont.active {
        margin-top: 0;
        padding-top: 20px !important;
        padding-bottom: 50px !important;
    }
    .compareLayer .stepCar .listTypeWrap {
        display: block;
        padding-bottom: 15px;
        font-size: 0;
        line-height: 0;
        text-align: left;
    }
    .compareLayer .stepCar .listTypeWrap li {
        display: inline-block;
        margin-right: 15px;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeList,
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb {
        overflow: hidden;
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        font-size: 0;
        text-indent: -9999px;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeList:before,
    .compareLayer .stepCar .listTypeWrap .btnTypeList:after,
    .compareLayer .stepCar .listTypeWrap .btnTypeList span:before {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: 20px;
        height: 2px;
        background: #666;
        content: "";
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeList:before {
        top: 0;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeList:after {
        bottom: 0;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeList span:before {
        top: 50%;
        margin-top: -1px;
    }
    .compareLayer .stepCar .listTypeWrap .active .btnTypeList:before,
    .compareLayer .stepCar .listTypeWrap .active .btnTypeList:after,
    .compareLayer .stepCar .listTypeWrap .active .btnTypeList span:before {
        background: #00aad2;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb:after,
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb:before,
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:before,
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:after {
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        border: 2px solid #666;
        background: #fff0;
        content: "";
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb:after {
        top: 0;
        right: 0;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb:before {
        bottom: 0;
        right: 0;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:before {
        top: 0;
        left: 0;
    }
    .compareLayer .stepCar .listTypeWrap .btnTypeThumb span:after {
        left: 0;
        bottom: 0;
    }
    .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb:after,
    .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb:before,
    .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb span:before,
    .compareLayer .stepCar .listTypeWrap .active .btnTypeThumb span:after {
        border-color: #00aad2;
    }
    .compareLayer .stepCar .itemWrap.itemTypeList {
        padding-top: 0;
    }
    .compareLayer .stepCar .itemTypeList .itemListWrap {
        margin: 0;
    }
    .compareLayer .stepCar .itemTypeList .itemList {
        position: relative;
        width: 100% !important;
        margin-top: 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .compareLayer .stepCar .itemTypeList .itemList .listInner {
        margin: 0;
    }
    .compareLayer .stepCar .itemTypeList .itemList .img {
        display: none;
    }
    .compareLayer .stepCar .itemTypeList .itemList .itemLink {
        padding: 8px 0;
    }
    .compareLayer .stepCar .itemTypeList .itemList .itemCon {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .compareLayer .stepCar .itemTypeList .itemList .itemCon .conAreaS {
        font-size: 14px;
        line-height: 28px;
        color: #666;
    }
    .compareLayer .stepCar .itemTypeList .itemList .itemCon .conAreaS strong {
        display: inline-block;
        color: #000;
        font-family: "HyundaiMedium";
    }
    .compareLayer .carOpt {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .imgArea {
        width: 40.8%;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .listInner {
        padding-right: 15px;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .listTitle {
        padding-bottom: 2px;
        font-size: 14px;
        line-height: 1.5;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .itemCon {
        line-height: 1.5;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .itemCon.priceInfo {
        padding-top: 15px;
        font-size: 12px;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .itemCon .txt_navy {
        display: inline-block;
        font-size: 14px;
    }
    .compareLayer .carOpt .togListWrap .titArea {
        padding-bottom: 10px;
    }
    .compareLayer .carOpt .togListWrap .togList .tit {
        height: 34px;
        padding: 9px 15px;
        line-height: 16px;
        box-sizing: border-box;
        background-position: left 15px center;
    }
    .compareLayer .carOpt .togListWrap .togList .tit .inner {
        padding-right: 26px;
    }
    .compareLayer .carOpt .togListWrap .togList .tit .inner:before {
        top: 0;
        right: 0;
        width: 16px;
        height: 16px;
    }
    .compareLayer .carOpt .togListWrap .togList .btnToggleBox {
        width: 35px;
    }
    .compareLayer .carOpt .togListWrap .togList .btnToggleBox .btnToggle {
        display: inline-block;
        width: 35px;
        height: 35px;
    }
    .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {
        border: 2px solid #00aad2;
    }
    .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {
        top: 4px;
        right: 4px;
        width: 8px;
        height: 8px;
    }
    .compareLayer .carOpt .togList li.dep1 .aswer .dep2 {
        padding: 20px 25px 25px;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop {
        padding-bottom: 25px;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop .heading,
    .compareLayer .carOpt .togList .infoBox .boxTop .txt,
    .compareLayer .carOpt .togList .infoBox .boxTop strong {
        line-height: 1.5;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop .heading {
        padding-bottom: 10px;
    }
    .compareLayer .carOpt .btnWrap.btnSpaWrap {
        padding: 25px 0 0;
    }
    .compareLayer .grayBox {
        padding: 15px 30px;
        font-size: 12px;
        line-height: 1.42;
    }
    .compareLayer .itemWrap .img img,
    .compareLayer .carOpt .itemRowWrap .itemList .imgArea .img img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.scco,
    .scco {
        padding-top: 15px;
        padding-bottom: 70px;
    }
    .scco .carListWrap .compareBox .inner {
        padding: 44px 15px 20px;
    }
    .scco .carListWrap .selectBtnBox .inner {
        padding: 74px 0;
    }
    .scco .carListWrap .compareBox {
        height: auto;
    }
    .scco .carListWrap .compareBox .inner {
        height: auto;
        padding: 40px 15px 20px;
    }
    .scco .carListWrap .compareBox.rmBtn .inner,
    .scco .carListWrap .compareBox.rmBtn2 .inner {
        height: auto;
    }
    .scco .carListWrap .compareBox .imgArea {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
    }
    .scco .carListWrap .compareBox .img {
        margin-bottom: 15px;
        padding: 0;
    }
    .scco .carListWrap .compareBox .img img {
        position: static;
        top: auto;
        width: 100%;
        height: auto;
        -webkit-transform: translate(50%, 0);
        transform: none;
    }
    .scco .carListWrap .compareBox .carInfo {
        padding: 0;
    }
    .scco .carListWrap .compareBox .carInfo .optInfoS {
        padding-bottom: 20px;
    }
    .sccoDetailWrap .compareDetailBox .detailBox .boxList {
        padding: 15px 15px 30px;
    }
    .scco .carListWrap .compareBox .btnCloseLayer {
        top: 15px;
        left: 17px;
        width: 13px;
        height: 13px;
    }
    .scco.compareActive .btnWrap.btnSpaWrap {
        left: 15px;
        right: 15px;
    }
    .scco.compareActive .carListWrap .compareBox .btnCloseLayer {
        top: 15px;
        left: 15px;
    }
    .layerPopupWrap.compareLayer .stepArea {
        margin: 0;
    }
    .layerPopupWrap.compareLayer .layerPopupInner.wide .layerPopup {
        height: auto;
    }
    .compareLayer .carOpt {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
    .compareLayer .carOpt .itemRowWrap .itemList {
        display: block;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .imgArea {
        display: block;
        width: 100%;
    }
    .compareLayer .carOpt .itemRowWrap .itemList .listInner {
        display: block;
        padding-right: 0;
    }
    .compareLayer .carOpt .togListWrap .titArea {
        padding-bottom: 10px;
    }
    .compareLayer .carOpt .togListWrap .togList .tit {
        height: 34px;
        padding: 9px 15px;
        line-height: 16px;
        box-sizing: border-box;
        background-position: left 15px center;
    }
    .compareLayer .carOpt .togListWrap .togList .tit .inner {
        padding-right: 26px;
    }
    .compareLayer .carOpt .togListWrap .togList .tit .inner:before {
        top: 0;
        right: 0;
        width: 16px;
        height: 16px;
    }
    .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:before {
        border: 2px solid #00aad2;
    }
    .compareLayer .carOpt .togListWrap .togList .dep1.on .tit .inner:after {
        top: 4px;
        right: 4px;
        width: 8px;
        height: 8px;
    }
    .compareLayer .carOpt .togList li.dep1 .aswer .dep2 {
        padding: 15px 25px;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop {
        padding-bottom: 25px;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop .heading,
    .compareLayer .carOpt .togList .infoBox .boxTop .txt,
    .compareLayer .carOpt .togList .infoBox .boxTop strong {
        line-height: 1.5;
    }
    .compareLayer .carOpt .togList .infoBox .boxTop .heading {
        padding-bottom: 10px;
    }
    .compareLayer .carOpt .btnWrap.btnSpaWrap {
        margin: 0 -5px !important;
    }
    .compareLayer .carOpt .btnWrap.btnSpaWrap .colWd {
        padding: 0 5px !important;
    }
    .compareLayer .stepCar {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
    .compareLayer .stepCar .itemWrap .itemList .img {
        padding: 15px 0 0;
    }
    .compareLayer .grayBox {
        padding: 15px;
    }
}
.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-right: 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-left: 10px;
}
.sbpo .secSpeoDetailWrap .detailBox .conBox .cont .errorTxt {
    padding-right: 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-left: 0;
    }
    .sbpo .secSpeoDetailWrap .detailBox .conBox.price {
        float: none;
        width: 100%;
    }
    .sbpo .secSpeoDetailWrap .detailBox .conBox {
        float: none;
        width: 100%;
        margin-top: 30px;
        padding-right: 0;
    }
    .sbpo .secSpeoDetailWrap .detailBox .conBox.price {
        padding-left: 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-right: 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;
    right: 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: right;
    }
    .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: right;
    }
}
@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;
        right: auto;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0, 0);
        transform: none;
    }
    .srqo .conTopTitWrap .selectItem .img {
        padding-bottom: 0;
    }
}
.sectionWrap.secLifeStyle {
    padding-top: 20px;
    padding-bottom: 30px;
}
.secLifeStyle .selLifeStyleBox .heading {
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 1.75;
}
.secLifeStyle .selLifeStyleBox .cbLifeStyle {
    overflow: hidden;
    margin: -20px -10px 0;
}
.secLifeStyle .selLifeStyleBox .cbBox {
    float: right;
    position: relative;
    padding: 20px 10px 0;
}
.secLifeStyle .selLifeStyleBox .cbBox .inner {
    position: relative;
    background-color: #fff;
}
.secLifeStyle .selLifeStyleBox .cbBox input {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox .normalImg {
    display: block;
    width: 40px;
    height: 40px;
}
.secLifeStyle .selLifeStyleBox .cbBox .iconImgBox .onImg {
    display: none;
    width: 40px;
    height: 40px;
}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px 76px 20px 20px;
    min-height: 80px;
    box-sizing: border-box;
    cursor: pointer;
}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel .tit {
    display: block;
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-family: "HyundaiMedium";
}
.secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {
    display: block;
    font-size: 14px;
    line-height: 1.29;
}
.secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {
    margin-top: 0;
    padding-top: 30px;
    text-align: left;
}
.secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap .colWd {
    padding: 0;
}
.secLifeStyle
    .selLifeStyleBox
    .cbBox
    input[type="checkbox"]:checked
    ~ .lsLabel
    .tit {
    color: #00aad2;
}
.secLifeStyle
    .selLifeStyleBox
    .cbBox
    input[type="checkbox"]:checked
    ~ .lsLabel
    .con {
    color: #00aad2;
}
.secLifeStyle
    .selLifeStyleBox
    .cbBox
    input[type="checkbox"]:checked
    ~ .lsLabel
    .iconImgBox
    .normalImg {
    display: none;
}
.secLifeStyle
    .selLifeStyleBox
    .cbBox
    input[type="checkbox"]:checked
    ~ .lsLabel
    .iconImgBox
    .onImg {
    display: block;
}
.secLifeStyle
    .selLifeStyleBox
    .cbBox
    input[type="checkbox"]:checked
    ~ .lsLabel:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    border: 2px solid #00aad2;
    background: #fff0;
    content: "";
}
.secSltCarList .txtListTop {
    padding-bottom: 12px;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo:after {
    display: block;
    content: "";
    clear: both;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {
    float: right;
    width: 338px;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .img {
    padding-bottom: 0;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap {
    padding-top: 30px;
}
.secSltCarList
    .itemWrap.bttmLayer
    .itemLayer
    .carInfo
    .imgArea
    .btnWrap.rmBtn
    .colWd:last-child {
    display: none;
}
.secSltCarList
    .itemWrap.bttmLayer
    .itemLayer
    .carInfo
    .imgArea
    .btnWrap
    .colWd {
    width: 50%;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {
    float: left;
    width: 552px;
    margin-top: -24px;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox {
    margin-top: 24px;
}
.secSltCarList
    .itemWrap.bttmLayer
    .itemLayer
    .carInfo
    .infoArea
    .dlBox
    .conTit {
    padding-bottom: 12px;
}
.secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap {
    display: none;
}
.secSltCarList .itemWrap .img img {
    width: 265px;
    height: 144px;
}
.secSltCarList .itemWrap .itemLayer .img img {
    position: relative;
    top: auto;
    right: auto;
    width: 338px;
    height: 183px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
@media screen and (max-width: 1240px) {
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {
        width: 33.8%;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {
        width: 55.2%;
    }
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secLifeStyle {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .secLifeStyle .selLifeStyleBox .heading {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 1.5;
    }
    .secLifeStyle .selLifeStyleBox .cbLifeStyle {
        margin: -14px -7px 0;
    }
    .secLifeStyle .selLifeStyleBox .cbBox {
        padding: 14px 7px 0;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .lsLabel {
        padding: 14px 15px 0 5px;
        min-height: 60px;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .iconImgBox {
        display: none;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .tit {
        padding-bottom: 2px;
        font-size: 14px;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {
        font-size: 12px;
        line-height: 1.17;
    }
    .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {
        padding-top: 20px;
    }
    .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap .colWd {
        width: 100px;
        padding: 0;
    }
    .secLifeStyle
        .selLifeStyleBox
        .cbBox
        input[type="checkbox"]:checked
        ~ .lsLabel:before {
        border-width: 2px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {
        float: none;
        width: 100%;
        padding-bottom: 50px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea .btnWrap {
        padding-top: 45px;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .imgArea
        .btnWrap
        .colWd {
        width: 180px;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .imgArea
        .btnWrap
        .colWd
        .btn {
        height: 40px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {
        float: none;
        width: 100%;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .infoArea
        .dlBox
        .conTit {
        padding-bottom: 9px;
    }
    .secSltCarList .itemWrap .img img {
        width: 230px;
        height: 125px;
    }
    .secSltCarList .itemWrap .itemLayer .img img {
        width: 668px;
        height: 362px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.secLifeStyle {
        padding-top: 15px;
        padding-bottom: 40px;
    }
    .secLifeStyle .selLifeStyleBox .heading {
        padding-bottom: 15px;
    }
    .secLifeStyle .selLifeStyleBox .cbLifeStyle {
        margin: -10px -5px 0;
    }
    .secLifeStyle .selLifeStyleBox .cbBox {
        padding: 10px 5px 0;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .lsLabel {
        padding: 13px 15px;
        min-height: 30px;
    }
    .secLifeStyle .selLifeStyleBox .btnWrap.btnSpaWrap {
        padding-top: 30px;
        text-align: center;
    }
    .secLifeStyle .selLifeStyleBox .cbBox .lsLabel .con {
        margin-top: 2px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .imgArea {
        display: none;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea {
        float: none;
        width: 100%;
        margin-top: -20px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .dlBox {
        margin-top: 20px;
    }
    .secSltCarList .itemWrap.bttmLayer .itemLayer .carInfo .infoArea .btnWrap {
        display: block;
        padding-top: 30px;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .infoArea
        .btnWrap.rmBtn
        .colWd:last-child {
        display: none;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .infoArea
        .btnWrap
        .colWd {
        width: 50%;
    }
    .secSltCarList
        .itemWrap.bttmLayer
        .itemLayer
        .carInfo
        .infoArea
        .btnWrap
        .colWd
        .btn {
        height: 40px;
    }
    .secSltCarList .itemWrap .img {
        padding: 10px 0 0;
    }
    .secSltCarList .itemWrap .img img {
        width: 100%;
        height: auto;
    }
}
.speoWrap {
    background: #fff;
}
.secPaymentList .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle:after {
    display: block;
    content: "";
    clear: both;
}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {
    float: right;
    width: 274px;
}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {
    float: left;
    width: 666px;
    margin-top: -20px;
}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .dlBox {
    display: table;
    width: 100%;
    margin-top: 20px;
}
.secPaymentList
    .itemWrap.bttmLayer
    .itemLayer
    .selVehicle
    .infoArea
    .dlBox
    .conTit {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    padding-left: 10px;
}
.secPaymentList
    .itemWrap.bttmLayer
    .itemLayer
    .selVehicle
    .infoArea
    .dlBox
    .cont {
    display: table-cell;
    vertical-align: middle;
}
.secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea .btnWrap {
    padding-top: 20px;
    text-align: left;
}
.secPaymentList .icBadgeNew,
.secPaymentList .icBadgeUpcoming {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 19px;
    text-indent: -99999px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.secPaymentList .icBadgeNew {
    background-image: url(../images/ico-new-w.png);
}
.secPaymentList .icBadgeUpcoming {
    background-image: url(../images/ico-upcoming-w.png);
}
.sectionWrap.secSpeoDetailWrap,
.secSpeoDetailWrap {
    padding-top: 60px;
    padding-bottom: 70px;
    background: #fff;
}
.secSpeoDetailWrap .detailBox {
    padding-bottom: 50px;
}
.secSpeoDetailWrap .detailBox:after {
    display: table;
    content: "";
    clear: both;
}
.secSpeoDetailWrap .detailBox [class*="subTit"] {
    float: right;
    width: 50%;
    padding-top: 20px;
}
.secSpeoDetailWrap .detailBox .conBox {
    float: left;
    width: 50%;
    padding-right: 16px;
}
.secSpeoDetailWrap .detailBox .conBox .priceDetail {
    padding: 20px 30px;
    background: #f6f3f2;
}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .selForm {
    display: inline-block;
    height: 40px;
}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox {
    display: table;
    width: 100%;
    margin-top: 10px;
}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox.type2 {
    margin-top: 30px;
}
.secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox:first-child {
    margin-top: 0;
}
.secSpeoDetailWrap .detailBox .conBox .tit {
    display: table-cell;
    vertical-align: middle;
    width: 190px;
    height: 44px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 17px;
}
.secSpeoDetailWrap .detailBox .conBox .cont {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 44px;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
}
.secSpeoDetailWrap .detailBox .conBox.price .cont {
    text-align: right;
}
.secSpeoDetailWrap .detailBox .conBox .cont input {
    width: 266px;
    padding: 10px 10px 7px 10px;
    font-size: 20px;
    line-height: 1.5;
    color: #002c5f;
    font-family: "HyundaiMedium";
}
.secSpeoDetailWrap .detailBox .conBox .cont select {
    width: 263px;
    height: 100%;
    padding: 0 20px 0 42px;
    border: 1px solid #e4dcd3;
    background: #fff url(../images/ico-select-right-arr.png) no-repeat left
        center !important;
    font-size: 16px;
    font-weight: 400;
    color: #676767;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.secSpeoDetailWrap .detailBox .conBox .cont select::ms-expand {
    display: none;
}
.secSpeoDetailWrap .detailBox .conBox .cont .errorTxt {
    position: absolute;
    padding: 8px;
    font-size: 14px;
    color: #e63312;
    text-align: right;
}
.secSpeoDetailWrap .detailBox .conBox.price {
    float: right;
    padding-right: 0;
}
.secSpeoDetailWrap .detailBox .conBox.price [class*="subTit"] {
    float: none;
    width: 100%;
    padding-top: 15px;
    clear: both;
}
.secSpeoDetailWrap .detailBox .conBox.price .dlBox {
    display: table;
    width: 100%;
    margin-top: 50px;
}
.secSpeoDetailWrap .detailBox2 {
    margin: 0 -10px;
}
.secSpeoDetailWrap .detailBox2:after {
    display: table;
    content: "";
    clear: both;
}
.secSpeoDetailWrap .detailBox2 .dlBox {
    float: right;
    width: 50%;
    padding: 0 10px;
}
.secSpeoDetailWrap .detailBox2 .dlBox .dtType {
    position: relative;
    margin-bottom: 2px;
    padding-left: 30px;
}
.secSpeoDetailWrap .detailBox2 .dlBox .dtType .toolTipWrap {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}
.secSpeoDetailWrap .detailBox2 .dlBox .ddType input {
    height: 40px;
}
.secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap {
    padding-top: 60px;
}
.secSpeoDetailWrap .icoNote {
    margin-top: 100px;
}
.secSpeoDetailWrap .txtNote {
    padding-top: 100px;
}
.secSpeoDetailWrap .resultBox {
    display: none;
    margin-top: 80px;
    padding: 40px 60px;
    background: #f6f3f2;
}
.secSpeoDetailWrap .resultBox.on {
    display: block;
}
.secSpeoDetailWrap .resultBox .inner:after {
    display: table;
    content: "";
    clear: both;
}
.secSpeoDetailWrap .resultBox .imgArea {
    float: right;
    width: 42%;
}
.secSpeoDetailWrap .resultBox .imgArea .img {
    position: relative;
    width: 100%;
    padding-bottom: 47.619%;
}
.secSpeoDetailWrap .resultBox .imgArea .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: auto;
    width: 100%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.secSpeoDetailWrap .resultBox .infoArea {
    float: left;
    width: 49.6%;
}
.secSpeoDetailWrap .resultBox .infoArea [class*="subTit"] {
    padding-bottom: 23px;
}
.secSpeoDetailWrap .resultBox .infoArea [class*="subTit"] span {
    display: block;
    font-size: 16px;
    line-height: 24px;
}
.secSpeoDetailWrap .resultBox .infoArea strong,
.secSpeoDetailWrap .resultBox .infoArea em {
    font-style: normal;
}
.secSpeoDetailWrap .resultBox .infoArea .infoInner {
    padding-bottom: 25px;
}
.secSpeoDetailWrap .resultBox .infoArea .infoList {
    display: table;
    width: 100%;
    margin-top: 4px;
}
.secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {
    margin-top: 0;
}
.secSpeoDetailWrap .resultBox .infoArea .infoList .subTitS {
    display: table-cell;
    vertical-align: middle;
}
.secSpeoDetailWrap .resultBox .infoArea .infoList .conAreaL {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.secSpeoDetailWrap .resultBox .infoArea .txtR {
    text-align: left;
}
.secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {
    padding-top: 25px;
    text-align: left;
}
.secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .btn {
    padding: 0 5px;
}
.secSpeoDetailWrap .selForm select.bgWhite {
    border: 1px solid #e4dcd3;
}
@media screen and (max-width: 1240px) {
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {
        width: 27.4%;
    }
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {
        width: 66.6%;
    }
    .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .tit {
        width: 23%;
    }
    .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .cont {
        width: 77%;
        padding-left: 30px;
    }
    .secSpeoDetailWrap
        .detailBox
        .conBox.bank
        .dlBox:first-child
        .cont
        .toolTipWrap {
        position: absolute;
        top: 50%;
        left: 0;
        padding-right: 0;
        transform: translateY(-50%);
    }
    .secSpeoDetailWrap .detailBox .conBox .cont select {
        width: 100%;
        padding-right: 15px;
        font-size: 12px;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .tit {
        width: 150px;
        height: 35px;
        line-height: 21px;
    }
    .secSpeoDetailWrap .detailBox .conBox {
        padding-right: 10px;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .cont {
        text-align: left;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .dlBox {
        padding-left: 10px;
    }
}
@media screen and (max-width: 1024px) {
    .secPaymentList .itemWrap.bttmLayer .active .itemLayer {
        padding: 40px 25px 50px 40px;
    }
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {
        width: 37.51%;
    }
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {
        width: 57.93%;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .dlBox {
        display: table;
        width: 100%;
        margin-top: 20px;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .dlBox
        .conTit {
        width: 117px;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .btnWrap
        .btn {
        height: 40px;
    }
    .sectionWrap.secSpeoDetailWrap,
    .secSpeoDetailWrap {
        padding-top: 45px;
        padding-bottom: 50px;
    }
    .secSpeoDetailWrap .detailBox {
        padding-bottom: 41px;
    }
    .secSpeoDetailWrap .detailBox .conBox {
        padding-right: 7px;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail {
        padding: 20px 30px;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .selForm {
        display: block;
        height: 35px;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .dlBox {
        margin-top: 5px;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail .cont input {
        width: 100%;
        padding: 6px 15px 6px 15px;
        font-size: 17px;
        line-height: 1.4;
    }
    .secSpeoDetailWrap .detailBox .conBox .tit {
        height: 35px;
    }
    .secSpeoDetailWrap
        .detailBox
        .conBox.bank
        .dlBox:first-child
        .cont
        .toolTipWrap {
        -webkit-transform: none;
        transform: none;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .cont {
        height: 35px;
        line-height: 21px;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .dlBox {
        padding-left: 7px;
    }
    .secSpeoDetailWrap .detailBox .conBox .cont {
        height: 35px;
        line-height: 21px;
    }
    .secSpeoDetailWrap .detailBox .conBox .cont .errorTxt {
        padding-right: 0;
        font-size: 12px;
    }
    .secSpeoDetailWrap .detailBox2 {
        margin: 0 -7px;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox {
        padding: 0 7px;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox .dtType {
        margin-bottom: 7px;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox .dtType .toolTipWrap {
        margin-top: -4px;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox .ddType input {
        height: 35px;
    }
    .secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap {
        padding-top: 45px;
    }
    .secSpeoDetailWrap .resultBox {
        margin-top: 65px;
        padding: 40px 40px 50px 25px;
    }
    .secSpeoDetailWrap .resultBox .imgArea {
        float: right;
        width: 42%;
    }
    .secSpeoDetailWrap .resultBox .infoArea [class*="subTit"] {
        padding-bottom: 18px;
    }
    .secSpeoDetailWrap .resultBox .infoArea [class*="subTit"] span {
        font-size: 14px;
        line-height: 21px;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoInner {
        padding-bottom: 10px;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoList {
        margin-top: 2px;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {
        margin-top: 0;
    }
    .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {
        padding-top: 50px;
        text-align: center;
    }
    .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .colWd {
        width: 50%;
    }
    .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .btn {
        padding: 0 5px;
    }
    .secSpaListWrap.secPaymentList .itemWrap .img img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .secPaymentList .itemWrap.bttmLayer .active .itemLayer {
        padding: 30px 15px 40px 15px;
    }
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .imgArea {
        display: none;
    }
    .secPaymentList .itemWrap.bttmLayer .itemLayer .selVehicle .infoArea {
        float: none;
        width: 100%;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .dlBox {
        display: block;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .dlBox
        .conTit {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-bottom: 8px;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .dlBox
        .cont {
        display: block;
        width: 100%;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .btnWrap {
        padding-top: 30px;
        text-align: center;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .btnWrap
        .colWd {
        width: 100%;
    }
    .secPaymentList
        .itemWrap.bttmLayer
        .itemLayer
        .selVehicle
        .infoArea
        .btnWrap
        .colWd:nth-child(2) {
        margin-top: 10px !important;
    }
    .secPaymentList .icBadgeNew,
    .secPaymentList .icBadgeUpcoming {
        right: 15px;
        width: 60px;
        height: 14px;
    }
    .secPaymentList .icBadgeNew {
        background-image: url(../images/ico-new-m.png);
    }
    .secPaymentList .icBadgeUpcoming {
        background-image: url(../images/ico-upcoming-m.png);
    }
    .secSpeoDetailWrap .detailBox {
        padding-bottom: 16px;
    }
    .secSpeoDetailWrap .detailBox [class*="subTit"] {
        float: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
        font-size: 17px;
        line-height: 22px;
    }
    .secSpeoDetailWrap .detailBox .conBox {
        float: none;
        width: 100%;
        padding: 0;
    }
    .secSpeoDetailWrap .detailBox .conBox .priceDetail {
        float: none;
        width: 100%;
        padding: 20px;
    }
    .secSpeoDetailWrap .detailBox .conBox .dlBox {
        margin-top: 5px;
    }
    .secSpeoDetailWrap .detailBox .conBox .tit {
        width: auto;
    }
    .secSpeoDetailWrap .detailBox .conBox .cont input {
        width: 100%;
    }
    .secSpeoDetailWrap .detailBox .conBox.price {
        float: none;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .dlBox {
        display: table;
        width: 100%;
        margin-top: 0;
        padding-left: 0;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .cont {
        width: auto;
    }
    .secSpeoDetailWrap .detailBox .conBox.price .tit {
        width: 40%;
    }
    .secSpeoDetailWrap .detailBox .conBox.bank {
        margin-top: 20px;
    }
    .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .tit {
        width: 30%;
    }
    .secSpeoDetailWrap .detailBox .conBox.bank .dlBox:first-child .cont {
        width: 70%;
    }
    .secSpeoDetailWrap .detailBox .conBox .dlBox:first-child .tit {
        width: 40%;
    }
    .secSpeoDetailWrap .detailBox2 {
        margin: 0;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox {
        width: 100%;
        padding: 12px 0 0 0;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox:first {
        padding: 0;
    }
    .secSpeoDetailWrap .detailBox2 .dlBox .dtType {
        padding-left: 25px;
    }
    .secSpeoDetailWrap .btnWrap.btnSpaWrap.btnCalcWrap {
        padding-top: 30px;
    }
    .secSpeoDetailWrap .resultBox {
        padding: 15px;
    }
    .secSpeoDetailWrap .resultBox .imgArea {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }
    .secSpeoDetailWrap .resultBox .infoArea {
        float: none;
        width: 100%;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoList {
        margin-top: 12px;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoList:first-child {
        margin-top: 0;
    }
    .secSpeoDetailWrap .resultBox .infoArea .infoList .subTitS {
        width: 140px;
    }
    .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap {
        padding-top: 22px;
        text-align: center;
    }
    .secSpeoDetailWrap .resultBox .infoArea .btnWrap.btnSpaWrap .colWd {
        width: 100%;
    }
    .secSpeoDetailWrap
        .resultBox
        .infoArea
        .btnWrap.btnSpaWrap
        .colWd
        ~ .colWd {
        padding-top: 10px !important;
    }
    .secPaymentList .itemWrap .img {
        padding-bottom: 0;
    }
    .secPaymentList .itemWrap .img img {
        width: 100%;
        height: auto;
    }
}
.pipVrWrap .panoLoadingStart {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    margin: -50px -50px 0 0;
}
.pipVrWrap .panoLoadingStart button {
    overflow: hidden;
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
}
.pipVrWrap .loadingPersent {
    display: block;
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    width: 100px;
    height: 100px;
    margin: -50px -50px 0 0;
    background: rgb(0 0 0 / 0.7);
    line-height: 100px;
    color: #fff;
    font-family: "HyundaiMedium";
    text-align: center;
    border-radius: 100%;
}
.experience360vr_infoArea {
    padding: 0 64px 0 103px;
    background: #fff;
}
.experience360vr_infoArea .item {
    position: relative;
    height: 146px;
    padding-top: 33px;
    padding-right: 335px;
    border-bottom: 1px solid #f1ede9;
}
.experience360vr_infoArea .item:last-child {
    border-bottom: 0;
}
.experience360vr_infoArea .item .leftTitle {
    position: absolute;
    top: 50%;
    right: 0;
    width: 296px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.experience360vr_infoArea .item .leftTitle .title {
    font-size: 20px;
    line-height: 1;
    color: #000;
    font-family: "HyundaiMedium";
}
.experience360vr_infoArea .item .leftTitle .colorName {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1;
    color: #000;
}
.experience360vr_infoArea .item .leftTitle .optionName {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1;
    color: #000;
}
.experience360vr_infoArea .item .experience_sort_Wrap {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li {
    float: right;
    position: relative;
    margin-left: 0 !important;
    padding: 10px 0 0 20px;
}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img {
    width: 64px;
    height: 64px;
}
.experience360vr_infoArea
    .item.option1
    .experience_sort_Wrap
    .slideArea
    li
    img {
    border: 1px solid rgb(0 0 0 / 0.15);
    box-sizing: border-box;
}
.swiper-wrapper {
    display: flex;
}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li img {
    width: 68px;
    height: 68px;
}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 1;
    width: 22px;
    height: 22px;
    background: url(../images/find-a-car/360vr/ico-chk-on.png) no-repeat;
    content: "";
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev {
    position: absolute;
    top: 30px;
    right: -39px;
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev.disabled {
    opacity: 0.23;
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev .prev {
    overflow: hidden;
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/find-a-car/360vr/btn-prev.png) no-repeat;
    text-indent: -9999px;
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next {
    position: absolute;
    top: 30px;
    left: -39px;
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.disabled {
    opacity: 0.23;
}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next .next {
    overflow: hidden;
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/find-a-car/360vr/btn-next.png) no-repeat;
    text-indent: -9999px;
}
.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_prev,
.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_next {
    display: none;
}
.experience360vr_infoArea
    .item
    .experience_sort_Wrap
    .btn_prev.swiper-button-disabled
    button {
    background: url(../images/find-a-car/360vr/btn-prev-disabled.png);
}
.experience360vr_infoArea
    .item
    .experience_sort_Wrap
    .btn_next.swiper-button-disabled
    button {
    background: url(../images/find-a-car/360vr/btn-next-disabled.png);
}
.experience360VrimgArea {
    overflow: hidden;
    position: relative;
    height: 445px;
}
.experience360VrimgArea .panorama {
    overflow: hidden;
    width: auto !important;
    height: auto !important;
}
.experience360VrimgArea .panorama img {
    width: 100% !important;
}
.experience360VrimgArea .experiencePanoramaBox {
    overflow: hidden;
    position: relative;
    height: 445px;
}
.pipVrWrap .experience360VrimgArea {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.pipVrWrap .experience360VrimgArea .panorama {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.pipVrWrap .experience360VrimgArea .panorama img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: auto !important;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
@media screen and (max-width: 1240px) {
    .experience360vr_infoArea .item {
        padding-right: 200px;
    }
    .experience360vr_infoArea .item .leftTitle {
        width: 200px;
    }
    .contents_interior.pip .color .item {
        padding-right: 200px;
    }
    .contents_interior.pip .color .item .leftTitle {
        width: 200px;
    }
}
@media screen and (max-width: 1024px) {
    .experience360VrimgArea {
        overflow: hidden;
        height: 0;
        padding-bottom: 37.946%;
    }
    .experience360VrimgArea .experiencePanoramaBox {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto;
    }
    .pipVrWrap .experience360VrimgArea {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .pipVrWrap .experience360VrimgArea .panorama {
        height: auto !important;
    }
    .pipVrWrap .experience360VrimgArea .panorama img {
        width: 100% !important;
    }
    .pipVrWrap .panoLoadingStart {
        margin: -30px -30px 0 0;
    }
    .pipVrWrap .panoLoadingStart button {
        width: 60px;
        height: 60px;
        background-size: 60px;
    }
    .pipVrWrap .panoLoadingStart .btnPanoVRStart img {
        width: 100%;
    }
    .pipVrWrap .loadingPersent {
        width: 60px;
        height: 60px;
        margin: -30px -30px 0 0;
        line-height: 60px;
    }
}
@media screen and (max-width: 1024px) {
    .experience360vr_infoArea {
        padding: 0 30px;
    }
    .experience360vr_infoArea .item {
        height: auto;
        padding: 25px 0 49px;
    }
    .experience360vr_infoArea .item .leftTitle {
        display: table;
        position: static;
        width: auto;
        -webkit-transform: none;
        transform: none;
    }
    .experience360vr_infoArea .item .leftTitle .title {
        display: table-cell;
        vertical-align: bottom;
        font-size: 17px;
        line-height: 21px;
    }
    .experience360vr_infoArea .item .leftTitle .colorName,
    .experience360vr_infoArea .item .leftTitle .optionName {
        display: table-cell;
        vertical-align: bottom;
        padding-right: 15px;
        font-size: 12px;
        line-height: 17px;
        text-align: right;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap {
        margin-top: 23px;
        padding: 0;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea {
        height: auto;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li {
        width: 84px;
    }
    .experience360vr_infoArea
        .item
        .experience_sort_Wrap
        .slideArea
        li.on:after {
        left: 12px;
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img {
        width: 64px;
        height: 64px;
    }
    .experience360vr_infoArea
        .item.option1
        .experience_sort_Wrap
        .slideArea
        li
        img {
        border: 1px solid rgb(0 0 0 / 0.15);
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next,
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev {
        top: 32px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next {
        left: -30px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev {
        right: -30px;
    }
}
@media screen and (max-width: 767px) {
    .experience360vr_infoArea {
        padding: 6px 0 0;
    }
    .experience360vr_infoArea .item {
        padding: 16px 0 20px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap {
        width: 100%;
        margin-top: 28px;
        margin-left: -15px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li {
        width: 48px;
        padding: 6px 0 0 8px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img {
        width: 40px;
        height: 40px;
    }
    .experience360vr_infoArea
        .item
        .experience_sort_Wrap
        .slideArea
        li.on:after {
        left: 3px;
        width: 12px;
        height: 12px;
        background-size: 12px;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev {
        display: none;
    }
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next {
        display: none;
    }
}
.titArea.pvreTitArea {
    padding-bottom: 40px;
}
.titArea.pvreTitArea [class*="subTit"] {
    padding-bottom: 20px;
}
.vr360Exterior .tabWrap .tabArea {
    height: auto;
}
.vr360Exterior .tabWrap .tabArea .tab {
    margin-bottom: 1px;
}
.vr360Exterior .tabWrap .tabArea .tab .link {
    font-size: 12px;
}
.vr360Exterior .pipVrWrap {
    margin-top: -1px;
}
@media screen and (max-width: 1024px) {
    .titArea.pvreTitArea {
        padding-bottom: 30px;
    }
    .titArea.pvreTitArea [class*="subTit"] {
        padding-bottom: 15px;
    }
    .vr360Exterior .tabWrap .tabArea .tab {
        max-height: 45px;
    }
    .vr360Exterior .tabWrap .tabArea .tab .link {
        height: 45px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
        line-height: 12px;
    }
}
@media screen and (max-width: 767px) {
    .vr360Exterior .tabWrap .tabArea .tab {
        height: auto;
        max-height: none;
        margin-bottom: 0;
    }
    .vr360Exterior .tabWrap .tabArea .tab .link {
        height: auto;
    }
}
.titArea.pvriTitArea {
    padding-bottom: 40px;
}
.titArea.pvriTitArea [class*="subTit"] {
    padding-bottom: 20px;
}
.vr360Interia .tabWrap .tabArea {
    height: auto;
}
.vr360Interia .tabWrap .tabArea .tab {
    margin-bottom: 1px;
}
.vr360Interia .tabWrap .tabArea .tab .link {
    font-size: 12px;
}
.vr360Interia .pipVrWrap {
    margin-top: -1px;
}
@media screen and (max-width: 1024px) {
    .titArea.pvriTitArea {
        padding-bottom: 30px;
    }
    .titArea.pvriTitArea [class*="subTit"] {
        padding-bottom: 15px;
    }
    .vr360Interia .tabWrap .tabArea .tab {
        max-height: 45px;
    }
    .vr360Interia .tabWrap .tabArea .tab .link {
        height: 45px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
        line-height: 12px;
    }
}
@media screen and (max-width: 767px) {
    .vr360Interia .tabWrap .tabArea .tab {
        height: auto;
        max-height: none;
        margin-bottom: 0;
    }
    .vr360Interia .tabWrap .tabArea .tab .link {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .pipVrWrap .experience360VrimgArea {
        width: auto;
        margin: 0 -15px;
    }
    .vr360Exterior .tabWrap .tabArea .tab .link,
    .vr360Interia .tabWrap .tabArea .tab .link {
        padding: 10px 16px 11px 35px;
        font-size: 16px;
        line-height: 24px;
    }
}
.pnlm-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    cursor: default;
    font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial,
        sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    contain: content;
}
.pnlm-container * {
    box-sizing: content-box;
}
.pnlm-container:-moz-full-screen {
    width: 100% !important;
    height: 100% !important;
}
.pnlm-container:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}
.pnlm-container:-ms-fullscreen {
    width: 100% !important;
    height: 100% !important;
}
.pnlm-container:fullscreen {
    width: 100% !important;
    height: 100% !important;
}
.pnlm-render-container {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: inherit;
}
.pnlm-controls {
    z-index: 2;
    margin-top: 4px;
    border: 1px solid #999;
    background-color: #fff;
    border-color: rgb(0 0 0 / 0.15);
    border-radius: 3px;
    cursor: pointer;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}
.pnlm-control:hover {
    background-color: #f8f8f8;
}
.pnlm-controls-container {
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 1;
}
.pnlm-zoom-controls {
    width: 26px;
    height: 52px;
}
.pnlm-zoom-in {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    border-radius: 3px 3px 0 0;
}
.pnlm-zoom-out {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    border-top: 1px solid #ddd;
    background-position: 100% -26px;
    border-top-color: rgb(0 0 0 / 0.1);
    border-radius: 0 0 3px 3px;
}
.pnlm-fullscreen-toggle-button,
.pnlm-orientation-button,
.pnlm-hot-spot-debug-indicator {
    width: 26px;
    height: 26px;
}
.pnlm-hot-spot-debug-indicator {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 26px;
    height: 26px;
    margin: -13px -13px 0 0;
    background-color: rgb(255 255 255 / 0.5);
    border-radius: 13px;
}
.pnlm-orientation-button-inactive {
    background-position: 100% -156px;
}
.pnlm-orientation-button-active {
    background-position: 100% -182px;
}
.pnlm-fullscreen-toggle-button-inactive {
    background-position: 100% -52px;
}
.pnlm-fullscreen-toggle-button-active {
    background-position: 100% -78px;
}
.pnlm-panorama-info {
    display: none;
    position: absolute;
    bottom: 4px;
    z-index: 2;
    padding-left: 10px;
    background-color: rgb(0 0 0 / 0.7);
    color: #fff;
    border-radius: 3px 0 0 3px;
    text-align: right;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}
.pnlm-title-box {
    display: table;
    position: relative;
    margin-bottom: 3px;
    padding-right: 5px;
    font-size: 20px;
}
.pnlm-author-box {
    display: table;
    position: relative;
    padding-right: 5px;
    font-size: 12px;
}
.pnlm-load-box {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100px;
    height: 100px;
    margin: -50px -50px 0 0;
    background: rgb(0 0 0 / 0.7);
    font-size: 20px;
    line-height: 100px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
}
.pnlm-load-box p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
}
.pnlm-lbox {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 20px;
    height: 20px;
    margin: -10px -10px 0 0;
}
.pnlm-loading {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: #fff;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-name: pnlm-mv;
    -webkit-animation-name: pnlm-mv;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}
@keyframes pnlm-mv {
    from {
        top: 0;
        right: 0;
    }
    25% {
        top: 0;
        right: 10px;
    }
    50% {
        top: 10px;
        right: 10px;
    }
    75% {
        top: 10px;
        right: 0;
    }
    to {
        top: 0;
        right: 0;
    }
}
@-webkit-keyframes pnlm-mv {
    from {
        top: 0;
        right: 0;
    }
    25% {
        top: 0;
        right: 10px;
    }
    50% {
        top: 10px;
        right: 10px;
    }
    75% {
        top: 10px;
        right: 0;
    }
    to {
        top: 0;
        right: 0;
    }
}
.pnlm-load-button {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -50px -50px 0 0;
    cursor: pointer;
}
.pnlm-load-button p {
    display: table-cell;
    vertical-align: middle;
}
.pnlm-info-box {
    display: table;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 200px;
    height: 150px;
    margin: -75px -100px 0 0;
    background-color: #000;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    table-layout: fixed;
}
.pnlm-info-box a {
    color: #fff;
    overflow-wrap: break-word;
}
.pnlm-info-box p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 5px;
}
.pnlm-error-msg {
    display: none;
}
.pnlm-about-msg {
    display: none;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 1;
    padding: 5px 8px 5px 8px;
    background: rgb(0 0 0 / 0.7);
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    border-radius: 3px;
    opacity: 0;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.pnlm-about-msg a:link,
.pnlm-about-msg a:visited {
    color: #fff;
}
.pnlm-about-msg a:hover,
.pnlm-about-msg a:active {
    color: #eee;
}
.pnlm-hotspot-base {
    vertical-align: middle;
    position: absolute;
    top: 0;
    z-index: 1;
    visibility: hidden;
    cursor: default;
}
.pnlm-hotspot {
    width: 26px;
    height: 26px;
    border-radius: 13px;
}
.pnlm-hotspot:hover {
    background-color: rgb(255 255 255 / 0.2);
}
.pnlm-hotspot.pnlm-info {
    background-position: 100% -104px;
}
.pnlm-hotspot.pnlm-scene {
    background-position: 100% -130px;
}
div.pnlm-tooltip span {
    position: absolute;
    max-width: 200px;
    margin-right: -220px;
    padding: 5px 10px;
    background-color: rgb(0 0 0 / 0.7);
    color: #fff;
    visibility: hidden;
    border-radius: 3px;
    text-align: center;
    cursor: default;
}
div.pnlm-tooltip:hover span {
    visibility: visible;
}
div.pnlm-tooltip:hover span:after {
    position: absolute;
    bottom: -20px;
    right: -10px;
    width: 0;
    height: 0;
    margin: 0 50%;
    content: "";
    border-width: 10px;
    border-style: solid;
    border-color: rgb(0 0 0 / 0.7) #fff0 #fff0 #fff0;
}
.pnlm-compass {
    display: none;
    position: absolute;
    left: 4px;
    bottom: 4px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    cursor: default;
}
.pnlm-world {
    position: absolute;
    top: 50%;
    right: 50%;
}
.pnlm-face {
    position: absolute;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.pnlm-dragfix,
.pnlm-preview-img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.pnlm-preview-img {
    background-size: cover;
    background-position: center;
}
.pnlm-lbar {
    display: none;
    width: 150px;
    height: 6px;
    margin: 0 auto;
    border: #fff 1px solid;
}
.pnlm-lbar-fill {
    width: 0;
    height: 100%;
    background: #fff;
}
.pnlm-lmsg {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: "HyundaiMedium";
}
.pnlm-fade-img {
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width: 767px) {
    .pnlm-load-button {
        width: 50px;
        height: 50px;
        margin: -25px -25px 0 0;
        background-size: 50px;
    }
    .pnlm-load-button img {
        width: 50px;
    }
}
.btnFilterWrap {
    margin-top: -120px;
    text-align: left;
}
.btnFilterWrap .btnFilterTgl {
    display: inline-block;
    position: relative;
    width: 140px;
    height: 40px;
    margin: 50px 0 30px 0;
    padding: 0 20px;
    border: 1px solid #fff;
    background: rgb(255 255 255 / 0.8);
    font-size: 14px;
    line-height: 1;
    color: #000;
    font-family: "HyundaiMedium";
    text-align: right;
    box-sizing: border-box;
}
.btnFilterWrap .btnFilterTgl.lg {
    width: auto;
    padding: 0 20px 0 50px;
}
.btnFilterWrap .btnFilterTgl:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -3px;
    border-top: 6px solid #000;
    border-left: 4px solid #fff0;
    border-bottom: 0 none;
    border-right: 4px solid #fff0;
    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-left: 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-left: 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 10px 10px 60px;
}
.filterBoxWrap .searchDetailWrap .slideBarWrap .barWrap:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 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-right: -10px;
    border: 6px solid #00aad2;
    background: #fff;
    box-sizing: border-box;
    border-radius: 50%;
}
.filterBoxWrap .searchDetailWrap .slierRange {
    overflow: hidden;
    margin-left: 50px;
}
.filterBoxWrap .searchDetailWrap .slierRange .from {
    float: right;
}
.filterBoxWrap .searchDetailWrap .slierRange .to {
    float: left;
}
.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-left: 6px;
}
.filterBoxWrap .searchDetailWrap .slierRange .to label {
    margin-right: 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-right: 0;
}
.confStepWrap .stepArea .stepType1 .stepList:last-child {
    padding-left: 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-right: 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(../images/configurator/bg-vr-area.png) repeat-x top right;
    background-size: auto 100%;
}
.experienceWrap .cateWrap {
    position: absolute;
    top: 30px;
    right: 50%;
    z-index: 2;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.experienceWrap .cateWrap .category {
    overflow: hidden;
}
.experienceWrap .cateWrap .category .cateTab {
    float: right;
}
.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;
    right: 50%;
    z-index: 2;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.experienceWrap .btnByoWrap [class*="btnByo"] {
    float: right;
    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;
    right: 50%;
    width: 45px;
    height: 45px;
    margin-right: -22px;
    background-color: #fff;
    content: "";
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
.experienceWrap .btnByoWrap .btnByoDoor:after {
    background-image: url(../images/configurator/ico-normal-door.png);
}
.experienceWrap .btnByoWrap .btnByoTrunk:after {
    background-image: url(../images/configurator/ico-normal-trunk.png);
}
.experienceWrap .btnByoWrap .btnByoLight:after {
    background-image: url(../images/configurator/ico-normal-light.png);
}
.experienceWrap .btnByoWrap .btnByoSunroof:after {
    background-image: url(../images/configurator/ico-normal-sunroof.png);
}
.experienceWrap .vrArea .panoLoadingStart {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100px;
    height: 100px;
    margin: -50px -50px 0 0;
}
.experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart {
    overflow: hidden;
    width: 100px;
    height: 100px;
    background: 0;
    text-indent: -9999px;
    opacity: 0.8;
}
.experienceWrap .txtCaution {
    position: absolute;
    bottom: 62px;
    right: 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-left: 10px;
}
.confOptionWrap .titArea [class*="conArea"] {
    display: table-cell;
    vertical-align: bottom;
}
.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-left: 20px;
    padding-right: 0;
}
.confOptionWrap .selectOption .selForm.second {
    vertical-align: top;
    width: 340px;
    padding-left: 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-right: 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;
    left: 0;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}
.confOptionWrap .myOption {
    position: absolute;
    top: 0;
    left: 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%;
    left: 30px;
    width: 20px;
    height: 12px;
    margin-top: -6px;
    background: url(../images/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-right: 33px;
    line-height: 1.875;
    color: #666;
}
.confOptionWrap .myOption .optTglBox .tit .num {
    display: block;
    position: absolute;
    top: 3px;
    right: 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%;
    left: 70px;
    margin-top: -15px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    min-width: 80px;
    text-align: left;
}
.confOptionWrap .myOption .optTglBox .dep1.opened .btnToggleStep {
    background-image: url(../images/ico-arr-up.png);
}
.confOptionWrap .myOption .optTglBox .btnToggleStep.on {
    background-image: url(../images/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(../images/ico-arr-down-disabled.png);
}
.confOptionWrap .myOption .optTglBox .disabled .btnToggleStep.disabled {
    background-image: url(../images/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-right: 30px;
}
.confOptionWrap .myOption .totalArea [class*="conArea"] {
    padding-left: 30px;
    text-align: left;
}
.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;
    left: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/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 0 0 15px;
    padding: 11px 0 0 15px;
}
.confOptionWrap .sortListWrap .sortList.active:after {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 22px;
    height: 22px;
    background: url(../images/find-a-car/360vr/ico-chk-on.png) no-repeat;
    content: "";
}
.confOptionWrap .sortListWrap .sortList.disabled button {
    cursor: default;
    opacity: 0.3;
    pointer-events: none;
}
.confOptionWrap .sortListWrap .sortList img {
    width: 100%;
}
.confOptionWrap .sortListWrap .sortList .optInfo {
    padding-top: 15px;
}
.confOptionWrap .sortListWrap .sortList .name,
.confOptionWrap .sortListWrap .sortList .price {
    font-size: 14px;
    color: #767676;
}
.confOptionWrap .sortListWrap .sortList .name {
    line-height: 1.71;
    font-family: "HyundaiMedium";
}
.confOptionWrap .sortListWrap .sortList .price {
    line-height: 1.43;
}
.confOptionWrap .sortListWrap .sortList.active .name {
    color: #000;
}
.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;
    left: 10px;
    z-index: 2;
    width: 22px;
    height: 22px;
    background: url(../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: left;
}
.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: left;
}
.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-left: 80px;
    font-size: 14px;
    word-break: break-word;
}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optPrice {
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #000;
    text-align: left;
}
.confOptionWrap .summaryWrap .totalBox {
    overflow: hidden;
    padding-bottom: 24px;
    border-bottom: 1px solid #000;
}
.confOptionWrap .summaryWrap .totalBox [class*="subTit"] {
    float: right;
    color: #767676;
}
.confOptionWrap .summaryWrap .totalBox .con {
    float: left;
}
.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 16px 0 0;
}
.confOptionWrap .summaryWrap .totalBox .con .toolTipWrap .ic_Bquestion {
    margin: 11px 0;
}
.secConfiguratorWrap .summaryWrap .downloadShare {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}
.secConfiguratorWrap .summaryWrap .downloadShare a {
    display: inline-block;
    height: 17px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
.secConfiguratorWrap .summaryWrap .downloadShare .download {
    padding-right: 22px;
    background-image: url(../images/ico-download2.png);
    background-size: 14px 14px;
}
.secConfiguratorWrap .summaryWrap .downloadShare .share {
    margin-right: 20px;
    padding-right: 23px;
    background-image: url(../images/ico-sharing.png);
}
.secConfiguratorWrap .summaryWrap .downloadShare .download {
    display: inline-block;
    padding-right: 22px;
    background: url(../images/ico-download2.png) no-repeat 100% 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-left: 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%;
    right: 50%;
    width: auto;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.layerConfigurator .itemPriceInfo {
    display: table-cell;
    vertical-align: top;
}
.layerConfigurator .totalBox {
    padding-bottom: 10px;
    border-bottom: 1px solid #b7b7b7;
}
.layerConfigurator .totalBox ~ .totalBox {
    padding-top: 20px;
}
.layerConfigurator .totalBox.full {
    display: table;
    width: 100%;
}
.layerConfigurator .totalBox.full [class*="subTit"] {
    display: table-cell;
    vertical-align: middle;
}
.layerConfigurator .totalBox .con {
    font-size: 30px;
    line-height: 1.33;
    font-family: "HyundaiMedium";
}
.layerConfigurator .totalBox.full .con {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.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 10px 40px 60px;
    border: 1px solid #e4dcd3;
}
.layerConfigurator .resultPriceBox .inner {
    display: table;
    width: 100%;
}
.layerConfigurator .resultPriceBox .itemImgBox {
    width: 480px;
    padding-left: 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-left: 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: left;
}
.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;
    right: -9999px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.layerConfiguratorByo .byoListWrap .byoList.active {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}
.layerConfiguratorByo .byoListWrap .imgArea {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.layerConfiguratorByo .byoListWrap .imgArea img {
    position: absolute;
    top: 50%;
    right: 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;
    right: 30px;
    z-index: 3;
}
.layerConfiguratorByo .btnCtrlWrap .btnCtrl {
    display: block;
    float: right;
    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-right: 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-right: 0;
}
.layerConfiguratorByo .btnByoWrap [class*="btnByo"]:after {
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    width: 45px;
    height: 45px;
    margin-right: -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(../images/configurator/ico-normal-door.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoTrunk:after {
    background-image: url(../images/configurator/ico-normal-trunk.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoLight:after {
    background-image: url(../images/configurator/ico-normal-light.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoSunroof:after {
    background-image: url(../images/configurator/ico-normal-sunroof.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoDoor.active:after {
    background-image: url(../images/configurator/ico-focused-door.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoTrunk.active:after {
    background-image: url(../images/configurator/ico-focused-trunk.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoLight.active:after {
    background-image: url(../images/configurator/ico-focused-light.png);
}
.layerConfiguratorByo .btnByoWrap .btnByoSunroof.active:after {
    background-image: url(../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-left: 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-right: 30px;
    }
    .experienceWrap .pipVrWrap .experience360VrimgArea {
        height: 0 !important;
        padding-bottom: 37.946% !important;
    }
    .experienceWrap .experience360VrimgArea .experiencePanoramaBox {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 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-right: 0;
    }
    .confOptionWrap .optionsWrap .itemWrap .itemList .checkboxWrap ~ .itemCon {
        padding-right: 0;
    }
    .confOptionWrap .optionsWrap .whiteBox .checkboxInner label {
        padding: 0 28px 0 0;
    }
    .discountOptWrap {
        position: relative;
        padding-bottom: 70px;
    }
    .discountOptWrap .titArea {
        margin-bottom: 10px;
    }
    .discountOptWrap .titArea [class*="conArea"] {
        display: table;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 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: right;
    }
    .discountOptWrap .titArea [class*="conArea"] .bar {
        display: none;
    }
    .discountOptWrap .titArea [class*="conArea"] .con {
        text-align: left;
    }
    .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 {
        left: 25px;
        right: 25px;
        width: auto;
        margin-right: 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 15px 0 30px;
    }
    .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 {
        padding: 45px 0 50px;
    }
    .filterBoxWrap .searchDetailWrap .detailList {
        margin-top: -35px;
        margin-left: -20px;
        margin-right: -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-right: -8px;
        border-width: 3px;
    }
    .filterBoxWrap .searchDetailWrap .slierRange {
        margin-left: 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-right: -17px;
    }
    .experienceWrap .vrArea {
        padding-top: 30px;
    }
    .experienceWrap .vrArea .panoLoadingStart {
        width: 60px;
        height: 60px;
        margin: -30px -30px 0 0;
    }
    .experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart {
        width: 60px;
        height: 60px;
    }
    .experienceWrap .txtCaution {
        right: 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-right: 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(../images/ico-arr-down-m.png);
        background-size: 12px;
    }
    .confOptionWrap .myOption .optTglBox .dep1.opened .btnToggleStep {
        background-image: url(../images/ico-arr-up-m.png);
    }
    .confOptionWrap .myOption .optTglBox .btnToggleStep.on {
        background-image: url(../images/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-right: 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 {
        left: 65px;
        margin-top: -9px;
        font-size: 14px;
        line-height: 18px;
    }
    .confOptionWrap .myOption .tglCont .inner {
        min-height: 50px;
    }
    .confOptionWrap .myOption .tglCont .bltDashed {
        padding-right: 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-right: 14px;
    }
    .confOptionWrap .myOption .totalArea [class*="conArea"] {
        padding-left: 25px;
    }
    .confOptionWrap .myOption .btnIconReset {
        top: 17px;
        left: 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;
        left: auto;
        width: 100%;
    }
    .confOptionWrap
        .optionsWrap
        .itemWrap.package
        .itemList.selected
        .listInner:after {
        top: 5px;
        left: 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 10px 0 0;
    }
    .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: left;
    }
    .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-left: 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;
        right: 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-right: 12px;
        padding-top: 38px;
        font-size: 12px;
        min-width: 34px;
    }
    .layerConfiguratorByo .btnByoWrap [class*="btnByo"]:after {
        width: 34px;
        height: 34px;
        margin-right: -17px;
    }
    .layerConfiguratorByo .btnByoWrap [class*="btnByo"].active:after {
        width: 30px;
        height: 30px;
        border: 2px solid #00aad2;
    }
}
@media screen and (max-width: 767px) {
    .btnFilterWrap {
        margin: -44px 10px 0;
        padding-bottom: 9px;
    }
    .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;
    }
    .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: right;
        padding: 0;
    }
    .confOptionWrap .selectOption .selForm.first {
        width: 38%;
    }
    .confOptionWrap .selectOption .selForm.second {
        width: 62%;
        padding-left: 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-right: 0;
    }
    .confOptionWrap .optionBoxWrap .box.box2 .boxInner {
        margin-right: 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;
        left: 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-left: 0;
    }
    .confOptionWrap .exteriorOptions .titArea .selectOpt {
        float: none;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 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-left: 0;
    }
    .confOptionWrap .interiorOptions .titArea .selectOpt {
        float: none;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 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 3px 0 10px;
    }
    .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: right;
    }
    .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-left: 5px;
    }
    .layerConfigurator .formBoxWrap .titArea [class*="subTit"] {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
    .layerConfigurator .formBoxWrap .titArea .txtRequiredField {
        display: block;
        width: 100%;
        text-align: right;
    }
    .layerConfigurator .resultPriceBox .paymentBox .list .conTit {
        width: 58%;
        padding-left: 10px;
    }
    .layerConfiguratorByo .byoListWrap {
        height: 150px;
    }
    .layerConfiguratorByo .btnByoWrap {
        margin-top: 75px;
    }
    .layerConfiguratorByo .byoListWrap .btnCtrlWrap {
        bottom: -85px;
        right: 50%;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
@media screen and (max-width: 480px) {
    .layerConfigurator .layerQuote .itemImgBox .img img {
        width: 100%;
    }
}
.sfdoWrap {
    background: #fff;
}
.findDealerWrap .innerWrap {
    max-width: 1600px;
    margin: 0 auto;
}
.fiDealCate,
.fiDealCate * {
    box-sizing: border-box;
}
.fiDealCate {
    padding: 26px 0;
    text-align: center;
}
.fiDealCate .sfdoBtnItems,
.fiDealCate ul {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    text-align: center;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem,
.fiDealCate ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
    height: 140px;
    margin: 0 0 0 10px;
}
.fiDealCate .sfdoBtnItems:first-child .sfdoBtnItem:first-child,
.fiDealCate ul:first-child li:first-child {
    margin-right: 0;
}
.fiDealCate ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 4px solid #fff0;
    text-align: center;
    text-decoration: none;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .itemLink,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .itemLink {
    border-color: #00aad2;
}
.fiDealCate ul li:hover a,
.fiDealCate ul li.on a {
    border-color: #00aad2;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
.fiDealCate ul li a .imgM {
    display: block;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 4px;
    clear: both;
    box-sizing: content-box;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
.fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
.fiDealCate ul li a .imgM,
.fiDealCate ul li a .imgM img {
    width: 60px;
    height: 60px;
}
.fiDealCate ul li a .CateTxt span {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    letter-spacing: 0.2px;
}
.fiDealCate ul li.on a .CateTxt span,
.fiDealCate ul li:hover a .CateTxt span {
    color: #00aad2;
}
.fiDealCate .btnGps {
    display: none;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgNormal,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgOn,
.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgOn {
    display: block;
}
.fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgOn,
.fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgNormal,
.fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgNormal {
    display: none;
}
.sfdoHrClearBoth {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
@media screen and (max-width: 1240px) {
    .fiDealCate .sfdoBtnItems .sfdoBtnItem,
    .fiDealCate ul li {
        width: 116px;
        height: 140px;
        margin: 0 0 0 8px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem {
        margin: 6px 0 0 8px;
    }
}
@media screen and (max-width: 1024px) {
    .findDealerWrap {
        padding: 0 !important;
    }
    .fiDealCate .sfdoBtnItems.second {
        padding-top: 6px;
    }
    .fiDealCate .sfdoBtnItems {
        width: 100%;
        margin-top: 0;
        padding: 0 20px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem {
        width: 12.5%;
        height: 120px;
        margin: 0;
        padding: 0 5px;
    }
    .fiDealCate ul li {
        width: 80px;
        height: 100px;
    }
    .fiDealCate ul li a .CateTxt {
        position: relative;
        height: 32px;
    }
    .fiDealCate ul li a .CateTxt span {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        line-height: 12px;
    }
    .fiDealCate ul li a .CateTxt span,
    .fiDealCate ul li:hover a .CateTxt span {
        color: #666;
    }
    .fiDealCate ul li.on a .CateTxt span,
    .fiDealCate ul li.on:hover a .CateTxt span {
        color: #00aad2;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
    .fiDealCate ul li a .imgM,
    .fiDealCate ul li a .imgM img {
        width: 54px;
        height: 54px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem.on:hover .itemLink {
        border-color: #00aad2;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
    .fiDealCate ul li a .imgM {
        padding-top: 15px;
    }
    .fiDealCate ul li.on:hover a {
        border-color: #00aad2;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .itemLink {
        border-color: #fff0;
    }
    .fiDealCate ul li:hover a {
        border-color: #fff0;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .imgM .imgNormal,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgNormal,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgOn,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem.on:hover .imgM .imgOn {
        display: block;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem:hover .imgM .imgOn,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem.on .imgM .imgNormal {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .fiDealCate .sfdoBtnItems {
        float: none;
        width: 100%;
        margin: -5px auto 0;
        padding: 0 13px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem,
    .fiDealCate ul li {
        float: none;
        width: 25%;
        height: 94px;
        margin-right: 0;
        padding: 5px 2px 0;
        box-sizing: border-box;
        text-align: center;
    }
    .fiDealCate ul li a {
        margin: 0 auto;
    }
    .fiDealCate ul.second:before {
        display: block;
        content: "";
    }
    .fiDealCate ul li a .CateTxt {
        position: relative;
        height: 32px;
    }
    .fiDealCate ul li a .CateTxt span {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        line-height: 12px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM {
        padding-top: 10px;
    }
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM,
    .fiDealCate .sfdoBtnItems .sfdoBtnItem .itemLink .imgM img,
    .fiDealCate ul li a .imgM,
    .fiDealCate ul li a .imgM img {
        width: 40px;
        height: 40px;
    }
}
.fiDealSch {
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}
.fiDealSch .formList {
    display: inline-block;
    position: relative;
    width: 750px;
    text-align: right;
}
.fiDealSch .formList .formArea {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
}
.fiDealSch .formList .formArea .formCon {
    position: absolute;
    left: 150px;
    right: 0;
    height: 44px;
}
.fiDealSch .formList .formArea .formCon input {
    width: 100%;
    height: 44px;
}
.fiDealSch .formList .formArea .formBtn {
    float: left;
}
.fiDealSch .formList .formArea .formBtn button.btn {
    display: block;
    width: 140px;
    height: 44px;
    background: #002c5f;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fiDealSch .formList .errMsg .MsgTxt {
    font-size: 14px;
    line-height: 24px;
    color: #e63312;
    letter-spacing: 0.2px;
}
.fiDealSch .formList .btnGps {
    display: none;
}
@media screen and (max-width: 767px) and (min-width: 0) {
    .fiDealSch .formList {
        display: block;
        width: auto;
        margin: 0 25px;
    }
    .fiDealSch .formList .formArea .formCon input,
    .fiDealSch .formList .formArea {
        height: 35px;
    }
    .fiDealSch .formList .formArea .formCon {
        left: 45px;
    }
    .fiDealSch .formList .formArea .formBtn {
        position: absolute;
        top: 10px;
        left: 60px;
        width: 16px;
        height: 16px;
    }
    .fiDealSch .formList .formArea .formBtn button.btn {
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: url(../images/buildacar/ico-search.png) no-repeat 50% 50%;
        text-indent: -1000px;
    }
    .fiDealSch .formList .btnGps {
        overflow: hidden;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
        background: #767676 url(../images/buildacar/ico-location.png) no-repeat
            50% 50%;
        text-indent: -1000px;
    }
}
.fiDealCon {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.fiDealCon .fDnavL {
    position: relative;
    z-index: 49;
    width: 400px;
    background: #fff;
}
.fiDealCon .fDnavL.hkShow {
    visibility: hidden;
}
.fiDealCon .fDnavL .fdNavNum {
    padding: 0 40px;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch {
    position: relative;
    margin-bottom: 20px;
    padding: 60px 0 0;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {
    display: inline-block;
    font-size: 30px;
    color: #000;
    letter-spacing: 0.5px;
    font-family: "HyundaiMedium";
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    color: #00aad2;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {
    overflow: hidden;
    margin: 31px 0 0;
    text-align: left;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .reSeBx {
    float: left;
    width: 12%;
    height: 50px;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .selBg {
    height: 20px;
    background-color: #fff;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select {
    display: inline-block;
    width: auto;
    height: 20px;
    padding-left: 20px;
    padding-right: 5px;
    border: 0;
    background: url(../images/buildacar/Web/ico-arr-down.png) no-repeat left
        center;
    background-color: #f6f3f2;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select:focus {
    outline: 2px solid #a4c6fd;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select::-ms-expand {
    display: none;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select.bgWhite {
    border: 1px solid #e5e5e5;
    background: #fff url(../images/ico-arr-down.png) no-repeat left center !important;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select.bdNone {
    border: 0 none;
}
.fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm .sel2 {
    display: none;
}
.fiDealCon .fDnavL .fdNavListWrap .innerScroller {
    overflow-y: auto;
    height: 589px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1 {
    height: auto;
    box-sizing: border-box;
}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1.on {
    background: #f7f7f7;
}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1:before {
    display: block;
    margin: 0 40px 0;
    border-top: 1px solid #efefef;
    content: "";
    clear: both;
}
.fiDealCon .fDnavL .fdNavListWrap .fdPd1:first-child:before {
    margin: auto;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {
    padding: 40px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt {
    position: relative;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listNum {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #767676;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {
    display: inline-block;
    width: 60%;
    margin-right: 40px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .km {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 16px;
    line-height: 28px;
    color: #767676;
    letter-spacing: 0.2px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate {
    margin-top: 15px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate .icoMiniCate {
    display: inline-block;
    vertical-align: text-top;
    width: 36px;
    height: 36px;
    margin-top: 15px;
    margin-left: 15px;
}
.fiDealCon
    .fDnavL
    .fdNavListWrap
    .fdNavList
    .fdNavView
    .fdCate
    .icoMiniCate
    img {
    width: 100%;
    height: 100%;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 15px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg.hdn {
    display: none;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {
    float: right;
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0.2px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {
    overflow: hidden;
    display: block;
    float: right;
    margin-top: 3px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 2px;
    background: url(../images/buildacar/Web/ico-star-blank.png) no-repeat 100% 0;
    background-size: 100% auto;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i.on {
    background-image: url(../images/buildacar/Web/ico-star-full.png);
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 15px;
    background: url(../images/ico-toggle-down.png) left center no-repeat;
    background-size: 12px 8px;
    text-indent: -99999px;
    cursor: pointer;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {
    display: none;
    padding: 40px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd.on {
    display: block;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdItem {
    margin-bottom: 20px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdItem .phon .line {
    display: inline-block;
    vertical-align: -3px;
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background: #d8d8d8;
    text-indent: -99999px;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink {
    overflow: hidden;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {
    display: inline-block;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 23px;
    color: #002c5f;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
    text-decoration: none;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a::after {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-right: 7px;
    background: url(../images/ico-arrow-right-navy.png) no-repeat;
    content: "";
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on {
    height: auto;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView {
    background: #fff;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavAdd {
    display: block;
    background: #f7f7f7;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView .fdg .FDmore {
    background-image: url(../images/ico-toggle-up.png);
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList.on .fdNavView .listTxt .listNum {
    background: #00aad2;
}
.fiDealCon .fDnavL .fdNavListWrap .fdNavList .inMap {
    display: none;
}
.findDealerWrap .addFon1 {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0.2px;
}
@media screen and (max-width: 1024px) {
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel .selForm select {
        height: 35px;
        padding-right: 15px;
        font-size: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {
        width: 55%;
        margin-right: 31px;
    }
}
@media screen and (max-width: 767px) {
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt .listT1 {
        width: 65%;
    }
}
.findDealerWrap .fdMapWrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/buildacar/Web/bg-map.png) 100% 0 no-repeat;
}
.findDealerWrap .fdMapWrap .fdZoomBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 66px;
    height: 116px;
    background: url(../images/buildacar/Web/bg-zoom-panel.png) no-repeat;
}
.findDealerWrap .fdMapWrap .fdZoomBox a {
    display: block;
    z-index: 100;
    width: 50px;
    height: 50px;
    border: 0 solid red;
    text-indent: -99999px;
}
.findDealerWrap .fdMapWrap .fdZoomBox a.plus {
    margin-top: 3px;
    margin-right: 7px;
    background: url(../images/buildacar/Web/ico-zoom-in.png) center no-repeat;
}
.findDealerWrap .fdMapWrap .fdZoomBox a.minus {
    margin-right: 7px;
    background: url(../images/buildacar/Web/ico-zoom-out.gif) center no-repeat;
}
.findDealerWrap .fdMapWrap .fdMap {
    position: absolute;
    top: 260px;
    left: 0;
    width: 79px;
    height: 49px;
    text-align: center;
    background-repeat: no-repeat;
}
.findDealerWrap .fdMapWrap .fdMap span.pointNum {
    display: inline-block;
    margin-top: 2px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.findDealerWrap .fdMapWrap .pointM1 {
    background-image: url(../images/buildacar/Web/ico-dealer-pin-normal.png);
}
.findDealerWrap .fdMapWrap .pointM2 {
    background-image: url(../images/buildacar/Web/ico-dealer-pin-focused.png);
}
.findDealerWrap .fdMapWrap .fdMap2 {
    position: absolute;
    top: 272px;
    left: 205px;
    width: 33px;
    height: 47px;
    text-align: center;
    background-repeat: no-repeat;
}
.fdMap3 {
    position: absolute;
    z-index: 999;
    width: 49px;
    height: 35px;
    text-align: center;
    background-repeat: no-repeat;
}
.findDealerWrap .fdMapWrap .pCol1 {
    background-image: url(../images/buildacar/Web/ico-pin-normal.png);
}
.findDealerWrap .fdMapWrap .pCol2 {
    background-image: url(../images/buildacar/Web/ico-pin-focused.png);
}
.pCol3 {
    background-image: url(../images/buildacar/Web/ico_dealer_shadow.png);
}
.fdMapShow {
    width: 273px;
    height: 135px;
    padding: 31px 15px 0 0;
}
.fdMapShow .listTxt {
    position: relative;
    width: auto;
    margin-bottom: 20px;
}
.fdMapShow .listTxt span.listNum {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: #767676;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
.fdMapShow .listTxt span.listNum.ck {
    background: #00aad2;
}
.fdMapShow .listTxt span.listT1 {
    display: block;
    padding-right: 40px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-family: "HyundaiMedium";
}
.fdMapShow .fdg {
    position: relative;
}
.fdMapShow .fdg.hdn {
    display: none;
}
.fdMapShow .fdg .fdTxt {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0.2px;
}
.fdMapShow .fdg .fdStar {
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    height: 18px;
    text-indent: -99999px;
}
.fdMapShow .fdg .fdStar i {
    float: right;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    background: url(../images/buildacar/Web/ico-star-blank.png) no-repeat 100% 0;
    background-size: 100% auto;
}
.fdMapShow .fdg .fdStar i.on {
    background-image: url(../images/buildacar/Web/ico-star-full.png);
}
.fdMapShow a.cls {
    display: inline-block;
    position: absolute;
    top: 23px;
    left: 26px;
    width: 16px;
    height: 16px;
    background: url(../images/buildacar/ico-cancel32X32.png) no-repeat;
    text-indent: -99999px;
}
.mapPointPop {
    width: 280px;
    height: auto;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 0.3) 0 1px 4px -1px;
    text-align: center;
}
.mapPointPop:after {
    display: block;
    position: absolute;
    bottom: -10px;
    right: 50%;
    width: 9px;
    height: 10px;
    background: url(../images/buildacar/Web/ico_pin.png) no-repeat 100% 0;
    content: "";
    clear: both;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.pointTit {
    padding: 30px 0 10px;
    background-color: #eee;
}
.pointTit .mapPointName {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-family: "HyundaiMedium";
    text-align: center;
}
.pointTit .mapPointInfo {
    font-size: 14px;
    line-height: 20px;
    color: #444;
}
.pointList {
    padding: 15px 30px;
}
.pointList li {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.pointList li:last-child {
    border: 0;
}
.pointList li:first-child {
    border-bottom: 1px solid #ccc;
}
.pointList li a {
    display: block;
    position: relative;
    padding-right: 15px;
    font-size: 14px;
    line-height: 28px;
    color: #888;
    text-align: right;
}
.pointList li a:after {
    display: block;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 5px;
    height: 8px;
    background: url(../images/buildacar/Web/ico_golink.html) no-repeat 100% 0;
    content: "";
    clear: both;
}
.pointList li.on a:after {
    background: url(../images/buildacar/Web/ico_golink_on.html) no-repeat 100% 0;
}
.pointList li.on a {
    color: #444;
}
.mapPointClose {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 12px;
    height: 12px;
    background: url(../images/buildacar/Web/ico_x.html) no-repeat 100% 0;
    font-size: 0;
    line-height: 0;
}
@media screen and (max-width: 1024px) {
    .fiDealCon .fDnavL {
        width: 255px;
    }
    .fiDealCon .fDnavL .fdNavNum {
        padding: 0 25px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch {
        padding-top: 30px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {
        margin-top: 13px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {
        font-size: 19px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {
        font-size: 14px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .innerScroller {
        height: 394px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {
        padding: 21px 25px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {
        font-size: 14px;
        line-height: 21px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdPd1:before {
        margin: 0 25px 0;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate {
        margin-top: 5px;
    }
    .fiDealCon
        .fDnavL
        .fdNavListWrap
        .fdNavList
        .fdNavView
        .fdCate
        .icoMiniCate {
        width: 24px;
        height: 24px;
        margin-top: 10px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {
        margin-top: 15px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span {
        display: inline-block;
    }
    .fiDealCon
        .fDnavL
        .fdNavListWrap
        .fdNavList
        .fdNavView
        .listTxt
        span.listNum {
        width: 21px;
        height: 21px;
        font-size: 12px;
        line-height: 21px;
    }
    .fiDealCon
        .fDnavL
        .fdNavListWrap
        .fdNavList
        .fdNavView
        .listTxt
        span.listT1 {
        vertical-align: top;
        font-size: 14px;
        line-height: 21px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.km {
        font-size: 12px;
        line-height: 21px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {
        float: none;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {
        float: none;
        margin-top: 4px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {
        top: 15px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {
        width: 12px;
        height: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {
        padding: 20px 25px;
    }
    .findDealerWrap .addFon1 {
        font-size: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd ul.fdItem {
        margin-bottom: 5px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {
        font-size: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a:after {
        width: 5px;
        height: 8px;
        background-size: 100% auto;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span {
        width: 25px;
        height: 25px;
    }
    .fiDealSch .formList .errMsg .MsgTxt {
        font-size: 12px;
    }
    .fiDealSch {
        padding: 20px 0;
    }
    .mapPointPop {
        width: 210px;
    }
    .pointTit .mapPointName {
        font-size: 14px;
        line-height: 21px;
    }
    .pointTit .mapPointInfo {
        font-size: 11px;
        line-height: 16px;
    }
    .pointList li a {
        padding-right: 12px;
        font-size: 11px;
        line-height: 21px;
    }
    .pointList {
        padding: 10px 15px;
    }
    .pointTit {
        padding: 20px 0 8px;
    }
    .pointList li a:after {
        top: 8px;
        width: 4px;
        height: 6px;
        background: url(../images/buildacar/Tablet/ico_golink.html) no-repeat
            100% 0;
        background-size: 4px 6px;
    }
    .pointList li.on a:after {
        background: url(../images/buildacar/Tablet/ico_golink_on.html) no-repeat
            100% 0;
        background-size: 4px 6px;
    }
    .mapPointClose {
        top: 10px;
        left: 10px;
        width: 10px;
        height: 10px;
        background: url(../images/buildacar/Tablet/ico_x.html) no-repeat 100% 0;
        background-size: 10px 10px;
    }
    .fdMapShow {
        width: 173px;
        height: 101px;
        padding: 16px 5px 0 0;
    }
    .fdMapShow .listTxt span.listNum {
        width: 21px;
        height: 21px;
        font-size: 12px;
        line-height: 21px;
    }
    .fdMapShow .listTxt span.listT1 {
        padding-right: 30px;
        font-size: 14px;
        line-height: 21px;
    }
    .fdMapShow .listTxt {
        margin-bottom: 7px;
    }
    .fdMapShow .fdg .fdStar i {
        width: 12px;
        height: 12px;
    }
    .fdMapShow .fdg .fdStar {
        display: block;
        height: 12px;
        margin-top: 4px;
    }
    .fdMapShow .fdg .fdTxt {
        font-size: 12px;
        line-height: 17px;
    }
}
@media screen and (max-width: 767px) and (min-width: 0) {
    .fdMapWrap {
        display: none;
    }
    .fdMapWrap.hkShow {
        display: block;
    }
    .fiDealCon .fDnavL {
        width: auto;
    }
    .fiDealCon .fDnavL .fdNavNum {
        padding: 0 25px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch {
        padding-top: 30px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .sel {
        margin-top: 13px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe h3 {
        font-size: 19px;
    }
    .fiDealCon .fDnavL .fdNavNum .fDnavSch .schRe span.schRe {
        font-size: 14px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdPd1:before {
        display: none;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdPd1:first-child:before {
        display: block;
    }
    .fiDealCon .fDnavL .fdNavListWrap .innerScroller {
        overflow-y: visible;
        height: auto;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {
        font-size: 12px;
        line-height: 1;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg {
        margin-top: 15px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView {
        padding: 20px 25px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span {
        display: inline-block;
    }
    .fiDealCon
        .fDnavL
        .fdNavListWrap
        .fdNavList
        .fdNavView
        .listTxt
        span.listNum {
        width: 21px;
        height: 21px;
        font-size: 10px;
        line-height: 21px;
    }
    .fiDealCon
        .fDnavL
        .fdNavListWrap
        .fdNavList
        .fdNavView
        .listTxt
        span.listT1 {
        vertical-align: top;
        font-size: 14px;
        line-height: 21px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .listTxt span.km {
        font-size: 12px;
        line-height: 21px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdTxt {
        float: none;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar {
        float: none;
        margin-top: 4px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .FDmore {
        top: 15px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdg .fdStar i {
        width: 12px;
        height: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd {
        padding: 20px 25px;
    }
    .findDealerWrap .addFon1 {
        font-size: 12px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd ul.fdItem {
        margin-bottom: 5px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a {
        font-size: 15px;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavAdd .fdLink a::after {
        width: 5px;
        height: 9px;
        background-size: 100% auto;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .fdNavView .fdCate span {
        width: 25px;
        height: 25px;
    }
    .fiDealSch .formList .errMsg .MsgTxt {
        font-size: 12px;
        line-height: 20px;
    }
    .fiDealSch {
        padding: 20px 0;
    }
    .fiDealCon .fDnavL .fdNavListWrap .fdNavList .inMap {
        display: block;
        height: 300px;
        background: url(../images/buildacar/Web/bg-map.png) 100% 0 no-repeat;
        background-size: 100% 100%;
    }
    .fdMapShow {
        overflow: hidden;
        width: 110px;
        height: auto;
        padding: 0;
    }
    .fdMapShow .listTxt {
        margin-bottom: 0;
        padding: 16px 0 9px 0;
        font-family: "HyundaiMedium";
    }
    .fdMapShow .listTxt span.listNum {
        display: none;
    }
    .fdMapShow .listTxt span.listT1 {
        padding-right: 0;
        font-size: 13px;
        line-height: 1;
        letter-spacing: normal;
    }
}
.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: left;
}
.secUsedCars .selBox .selForm select {
    color: #000;
}
.secUsedCars .itemWrap .img img {
    width: 100%;
}
.secUsedCars .itemWrap .itemList .img {
    margin-bottom: 35px;
    padding-bottom: 56.39%;
}
.secUsedCars .itemWrap .itemTit {
    padding-bottom: 5px;
}
.secUsedCars .itemWrap .itemTit:nth-child(n + 2) {
    margin-top: 10px;
}
.secUsedCars .usedcarInfo > div {
    display: flex;
    flex-wrap: wrap;
}
.secUsedCars .usedcarInfo > div > * {
    line-height: 1.2;
}
.secUsedCars .usedcarInfo > div dt {
    color: #666;
}
.secUsedCars .usedcarInfo > div dd {
    flex: 1;
    word-break: break-all;
}
.secUsedCars .usedcarInfo strong {
    font-family: "HyundaiMedium";
}
.secUsedCars .itemListWrap {
    display: flex;
    flex-wrap: wrap;
}
.secUsedCars .itemListWrap .itemList {
    display: block;
}
.secUsedCars .itemListWrap .itemList .listInner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.secUsedCars .secListBox .usedcarInfo {
    margin-bottom: 29px;
    font-size: 14px;
}
.secUsedCars .secListBox .usedcarInfo > div + div {
    margin-top: 12px;
}
.secUsedCars .usedcarInfo > div dt {
    width: 39.5%;
}
.secUsedCars .secListBox .btnArea {
    margin-top: auto;
}
.layerPopup .secUsedCars .usedcarInfo {
    font-size: 16px;
}
.layerPopup .secUsedCars .usedcarInfo > div + div {
    margin-top: 18px;
}
.layerPopup .secUsedCars .usedcarInfo > div dt {
    font-family: "HyundaiMedium";
}
.secUsedCars .itemWrap .btnArea .col {
    display: table;
    width: 100% !important;
}
.secUsedCars .itemWrap .btnArea .col.btnTel {
    display: none;
}
.secUsedCars .itemWrap .btnArea .btn {
    height: 45px;
    font-size: 14px;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secUsedCars,
    .secUsedCars {
        padding-top: 36px;
        padding-bottom: 70px;
    }
    .secUsedCars .topTxtArea {
        padding-bottom: 33px;
    }
    .secUsedCars .bulletListBox {
        padding-bottom: 20px;
    }
    .secUsedCars .selBox {
        margin-bottom: 20px;
    }
    .secUsedCars .selBox label {
        padding: 10px 15px;
    }
    .secUsedCars .selBox .selForm {
        display: table-cell;
        width: 320px;
        padding: 10px 15px;
    }
    .secUsedCars .itemWrap .itemList .img {
        margin-bottom: 24px;
    }
    .secUsedCars .itemWrap .btnArea .btn {
        height: 40px;
    }
    .secUsedCars .btnMoreWrap {
        padding-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .secUsedCars .btnWrap.btnMoreWrap {
        padding-top: 40px;
    }
    .secUsedCars .selBox {
        display: block;
        margin-bottom: 10px;
        padding: 10px 15px;
    }
    .secUsedCars .selBox label {
        display: block;
        padding: 0 0 10px 0;
    }
    .secUsedCars .selBox .selForm {
        display: block;
        width: 100%;
        padding: 0;
    }
    .secUsedCars .itemWrap .itemList .img {
        margin-bottom: 30px;
        padding-bottom: 0;
    }
    .secUsedCars .itemWrap .btnArea {
        margin: 0 -5px 0;
    }
    .secUsedCars .itemWrap .btnArea:after {
        display: table;
        content: "";
        clear: both;
    }
    .secUsedCars .itemWrap .btnArea .col {
        float: right;
        padding: 0 5px;
    }
    .secUsedCars .itemWrap .btnArea .col.btnTel {
        display: table;
    }
    .secUsedCars .itemWrap .btnArea .btn {
        height: 40px;
    }
    .secUsedCars .usedcarInfo > div dt {
        margin-left: 2%;
    }
    .secUsedCars .secListBox .usedcarInfo {
        margin-bottom: 26px;
    }
    .secUsedCars .secListBox .usedcarInfo > div + div {
        margin-top: 10px;
    }
    .layerPopup .secUsedCars .usedcarInfo > div dt {
        width: 55%;
        margin-left: 3.5%;
    }
    .layerPopup .secUsedCars .usedcarInfo {
        font-size: 12px;
    }
    .layerPopup .secUsedCars .usedcarInfo > div + div {
        margin-top: 8px;
    }
}
.conPd1 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.sectionInner .hide,
caption {
    overflow: hidden;
    position: absolute;
    right: -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-left: 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-left: 0;
    }
}
.sectionWrap.secDownload,
.secDownload {
    padding-top: 80px;
    padding-bottom: 100px;
}
.secDownload .itemCon .itemDownload .btnList ~ .btnList {
    padding-top: 3px;
}
.secDownload .itemLink .img {
    margin-bottom: 15px;
}
.secDownload .itemWrap.bttmLayer .itemLayer {
    padding: 48px 20px 44px;
}
.secDownload .itemLayer .thumbWrap {
    position: relative;
    padding: 0 40px 0;
}
.secDownload .itemLayer .thumbWrap [class*="subTit"] {
    padding-bottom: 20px;
}
.secDownload .itemLayer .thumbListWrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.secDownload .itemLayer .thumbArea {
    margin: 0;
}
.secDownload .itemLayer .thumbArea:after {
    display: block;
    content: "";
    clear: both;
}
.secDownload .itemLayer .thumbArea .thumbList {
    float: right;
    width: 33.3%;
    padding: 0 7px;
}
.secDownload .itemLayer .thumbArea .thumbList:first-child {
    padding-right: 0;
}
.secDownload .itemLayer .thumbArea .thumbList:last-child {
    padding-left: 0;
}
.secDownload .itemLayer .thumbArea .thumbImg {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 200px;
}
.secDownload .itemLayer .thumbArea .thumbImg img {
    width: 100%;
}
.secDownload .itemLayer .thumbArea .size {
    padding-top: 20px;
    text-align: center;
}
.secDownload .itemLayer .thumbArea .size .list {
    display: inline-block;
    position: relative;
    margin-right: 16px;
    padding-right: 21px;
}
.secDownload .itemLayer .thumbArea .size .list:first-child {
    margin-right: 0;
    padding-right: 0;
}
.secDownload .itemLayer .thumbArea .size .list:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #002c5f;
    content: "";
}
.secDownload .itemLayer .thumbArea .size .list:first-child:after {
    display: none;
}
.secDownload .itemLayer .thumbArea .size .list a {
    font-size: 14px;
    line-height: 1.71;
    color: #002c5f;
    font-family: "HyundaiMedium";
}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev,
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext {
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 20px;
    margin-bottom: -54px;
    text-indent: -9999px;
}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev {
    right: 0;
    background: url(../images/ico-arr-prev-s.png) no-repeat center center;
}
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext {
    left: 0;
    background: url(../images/ico-arr-next-s.png) no-repeat center center;
}
.secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
.secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {
    visibility: hidden;
}
.secDownload .itemList.active .btnText.sm.icArrDown:after {
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    border-top: 0 solid #fff0;
    border-left: 4px solid #fff0;
    border-bottom: 6px solid #000;
    border-right: 4px solid #fff0;
    content: "";
}
.secDownload .itemWrap .img img {
    width: 265px;
    height: 144px;
}
@media screen and (max-width: 1240px) {
    .secDownload .itemLayer .thumbArea .size .list {
        margin-right: 7px;
        padding-right: 12px;
    }
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secDownload,
    .secDownload {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .secDownload .itemCon .itemDownload .btnList ~ .btnList {
        padding-top: 9px;
    }
    .secDownload .itemLink .img {
        margin-bottom: 15px;
    }
    .secDownload .itemWrap.bttmLayer .active .itemLayer {
        padding: 40px 10px 40px;
    }
    .secDownload
        .itemWrap.bttmLayer
        .itemList:nth-child(4n + 1)
        .itemLayer:after {
        right: 10%;
    }
    .secDownload
        .itemWrap.bttmLayer
        .itemList:nth-child(4n + 2)
        .itemLayer:after {
        right: 35%;
    }
    .secDownload
        .itemWrap.bttmLayer
        .itemList:nth-child(4n + 3)
        .itemLayer:after {
        right: 60%;
    }
    .secDownload
        .itemWrap.bttmLayer
        .itemList:nth-child(4n + 4)
        .itemLayer:after {
        right: 85%;
    }
    .secDownload .itemLayer .thumbWrap {
        position: relative;
        padding: 0 20px 0;
    }
    .secDownload .itemLayer .thumbWrap [class*="subTit"] {
        padding-bottom: 15px;
    }
    .secDownload .itemLayer .thumbArea {
        margin: 0 -5px;
    }
    .secDownload .itemLayer .thumbArea .thumbList {
        padding: 0 5px;
    }
    .secDownload .itemLayer .thumbArea .size {
        padding-top: 15px;
    }
    .secDownload .itemLayer .thumbArea .size .list {
        margin-right: 4px;
        padding-right: 4px;
    }
    .secDownload .itemLayer .thumbArea .size .list:after {
        height: 9px;
        margin-top: -4px;
    }
    .secDownload .itemLayer .thumbArea .size .list a {
        font-size: 12px;
        line-height: 17px;
    }
    .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev,
    .secDownload .itemLayer .thumbWrap .btnDirection .btnNext {
        width: 10px;
        height: 16px;
        margin-bottom: -42px;
        background-size: cover;
    }
    .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
    .secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {
        visibility: hidden;
    }
    .secDownload .itemWrap .img img {
        width: 169px;
        height: 92px;
    }
    .secDownload .itemLayer .thumbArea .thumbImg {
        height: 180px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.secDownload,
    .secDownload {
        padding-top: 40px;
    }
    .sdlo .tabWrap .tabArea .tab.on,
    .sdlo .tabWrap .tabArea .tab.on .link {
        background-color: #656565;
    }
    .secDownload .itemWrap.bttmLayer .active .itemLayer {
        padding: 40px 30px 40px;
    }
    .secDownload .itemWrap.bttmLayer .itemList .itemLayer:after {
        right: 50% !important;
        margin-right: -13px !important;
    }
    .secDownload .itemWrap .itemList .itemTit [class*="subTit"] {
        font-size: 17px;
        line-height: 22px;
    }
    .secDownload .itemLayer .thumbWrap {
        padding: 0;
    }
    .secDownload .itemLayer .thumbArea {
        margin: -30px 0 0;
    }
    .secDownload .itemLayer .thumbArea .thumbList {
        float: none;
        width: 100%;
        padding: 30px 0 0;
    }
    .secDownload .itemLayer .thumbWrap .btnDirection {
        display: none;
    }
    .secDownload .itemLayer .thumbWrap .btnDirection .btnPrev.disabled,
    .secDownload .itemLayer .thumbWrap .btnDirection .btnNext.disabled {
        visibility: hidden;
    }
    .secDownload .itemWrap .img img {
        width: 100%;
        height: auto;
    }
    .secDownload .itemLink .img {
        padding-bottom: 0;
    }
    .secDownload .itemLayer .thumbArea .thumbImg {
        height: auto;
    }
}
@media all and (max-width: 1024px) {
    .snls .formBoxWrap .titArea {
        width: auto;
    }
    .snls .formBoxWrap .titArea .subTitS {
        padding-left: 10px;
    }
}
@media all and (max-width: 767px) {
    .snls .formBoxWrap .formCon .row {
        padding-left: 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 {
    right: 50%;
    margin-right: -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%;
    right: 50%;
    width: 700px;
    margin: -350px -350px 0 0;
    text-align: center;
}
.layerSubmitPop .layerPopup .layerConWrap {
    padding: 78px 50px;
}
@media screen and (max-width: 1024px) {
    .leayerNewsLetter .layerPopupInner {
        width: 340px;
        margin-right: -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 -170px 0 0;
    }
}
@media screen and (max-width: 767px) {
    .leayerNewsLetter .layerPopupInner {
        width: 290px;
        margin-right: -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 -145px 0 0;
    }
    .layerSubmitPop .layerPopup .layerConWrap {
        padding: 78px 20px;
    }
}
.sectionWrap.secAllVehicles,
.secAllVehicles {
    padding-bottom: 100px;
}
.secSltCarList.secAllVehicles .itemWrap .img img {
    width: 265px;
    height: 144px;
}
.secSltCarList.secAllVehicles .itemWrap .itemLayer .img img {
    width: 338px;
    height: 183px;
}
.sectionWrap.savoSearchSecWrap {
    overflow: visible;
    position: absolute;
    width: 100%;
}
.all-vehicle {
    position: relative;
}
.savoSearchSecWrap .savoSearchSecFWrap {
    position: absolute;
    top: 142px;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
}
.savoSearchSecFWrap .searchSect .searchTit {
    margin-bottom: 12px;
}
.savoSearchSecFWrap .searchSect .inputBox {
    margin: 0 auto 10px auto;
}
.savoSearchSecFWrap .searchSect .searchResultWrap {
    width: 608px;
    margin: 0 auto;
    text-align: right;
}
.savoSearchSecFWrap .searchSect .searchResultWrap dl.searchResult dt {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    line-height: 2;
    color: #000;
    text-align: right;
    font-family: "HyundaiMedium", "NotoSansArabicMedium";
}
.savoSearchSecFWrap .searchSect .searchResultWrap dl.searchResult dd {
    display: inline-block;
    font-size: 14px;
    line-height: 2.29;
    color: #00aad2;
    text-align: right;
}
.savoSearchSecFWrap .tWrap {
    margin: 0 30px;
    text-align: center;
}
.savoSearchSecFWrap .tWrap .ftit {
    font-size: 58px;
    color: #000;
    font-family: "HyundaiMedium", "NotoSansArabicMedium";
}
.savoSearchSecFWrap .tWrap .stit {
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
.savoSearchSecFWrap .tWrap .stit.type1 {
    margin-top: 20px;
}
.savoSearchSecFWrap .bottmBtns {
    margin-top: 50px;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secAllVehicles,
    .secAllVehicles {
        padding-bottom: 70px;
    }
    .secSltCarList.secAllVehicles .itemWrap .img img {
        width: 230px;
        height: 125px;
    }
    .secSltCarList.secAllVehicles .itemWrap .itemLayer .img img {
        width: 668px;
        height: 362px;
    }
    .sectionWrap.savoSearchSecWrap {
        height: 170px;
    }
    .savoSearchSecWrap .savoSearchSecFWrap {
        top: 50px;
    }
    .savoSearchSecFWrap .topSect .locWrap li,
    .savoSearchSecFWrap .topSect .utilWrap {
        height: 80px;
        line-height: 80px;
    }
    .savoSearchSecFWrap .tWrap .ftit {
        font-size: 30px;
        line-height: 35px;
    }
    .savoSearchSecFWrap .tWrap .stit {
        font-size: 14px;
        line-height: 19px;
    }
    .savoSearchSecFWrap .searchSect .searchTit {
        margin-bottom: 12px;
    }
    .savoSearchSecFWrap .searchSect .inputBox {
        margin: 0 auto 8px auto;
    }
    .savoSearchSecFWrap .searchSect .searchResultWrap {
        width: 430px;
    }
}
@media all and (max-width: 767px) {
    .secSltCarList.secAllVehicles .itemWrap .itemList .itemCon .conAreaS {
        display: none;
    }
    .secSltCarList.secAllVehicles .itemWrap .img img {
        width: 100%;
        height: auto;
    }
    .sectionWrap.savoSearchSecWrap {
        height: 224px;
    }
    .savoSearchSecWrap .savoSearchSecFWrap {
        top: 90px;
        margin: 0;
        padding: 0;
    }
    .savoSearchSecFWrap {
        padding: 30px 0 0;
    }
    .savoSearchSecFWrap .topSect {
        display: none;
    }
    .savoSearchSecFWrap .searchSect .searchResultWrap {
        width: auto;
    }
    .savoSearchSecFWrap .bottmBtns.btnWrap .colWd {
        width: 50%;
        margin: 0;
        padding-left: 10px;
        min-width: 0;
    }
    .savoSearchSecFWrap .bottmBtns.btnWrap .colWd:last-child {
        padding-left: 0;
        padding-right: 10px;
    }
}
.sectionWrap.ssmo {
    padding: 100px 25px;
    background: #f7f3f2;
}
.ssmo .cwssWrap .gallery_img,
.ssmo .cwssWrap .video {
    display: block;
    position: relative;
    padding-bottom: 75.4%;
    border-bottom: 1px solid #f7f7f7;
    background: #fff;
}
.ssmo .cwssWrap .gallery_img img,
.ssmo .cwssWrap .video img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.ssmo .tabWrap {
    background: #444;
}
.ssmo .tabWrap .tabArea {
    height: 50px;
}
.ssmo .tabWrap .tabArea.colLg3 .tab {
    width: 25%;
}
.ssmo .tabWrap .tabArea.colLg3 .tab:first-child {
    width: 25%;
}
.ssmo .tabWrap .tabArea .tab,
.ssmo .tabWrap .tabArea .tab .link {
    height: 100%;
}
.ssmo .tabWrap .tabArea .tab .link {
    border-right: 1px solid #6c6c6c;
}
.ssmo .tabWrap .tabArea .tab:first-child .link {
    border-right: 0;
}
.ssmo .tabWrap .tabArea .tab .link:hover,
.ssmo .tabWrap .tabArea .tab .link:focus {
    border-right: #fff;
}
.ssmo .galleryWrapAll {
    margin-top: 15px;
}
.ssmo .galleryWrapAll > div {
    height: 0;
    visibility: hidden;
}
.ssmo .galleryWrapAll > div:first-child {
    height: auto;
    visibility: visible;
}
.ssmo .galleryListBox {
    margin: 0 -10px;
}
.ssmo .gallerybox li.galleryList {
    padding: 0 10px;
}
.ssmo .gallerybox li.galleryList .galleryLink {
    text-decoration: none;
}
.ssmo .galleryWrap .video img {
    width: 100%;
}
.ssmo .galleryLink .txtArea {
    display: block;
    padding: 25px 20px;
    background: #fff;
}
.ssmo .galleryLink .txtArea .conAreaM {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 72px;
    margin-top: 0;
    line-height: 24px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.ssmo .galleryLink .txtArea .txtDate {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #717171;
}
.ssmo .galleryLink .txtArea .txtBottomArea {
    display: block;
    position: relative;
    margin-top: 25px;
}
.ssmo .galleryLink .txtArea .txtBottomArea:after {
    display: block;
    content: "";
    clear: both;
}
.ssmo .galleryLink .txtArea .txtBottomArea .txtId {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    float: right;
    width: 85%;
    height: 32px;
    color: #666;
    -webkit-box-orient: vertical;
}
.ssmo .galleryLink .txtArea .txtBottomArea .icoBox {
    display: block;
    float: left;
    width: 15%;
    text-align: left;
}
.ssmo .galleryLink .txtArea .txtBottomArea .icoBox img {
    width: initial;
}
.ssmo .btnWrap .col {
    width: 170px;
    height: 50px;
    margin-top: 30px;
}
@media screen and (max-width: 1024px) {
    .ssmo .galleryLink .txtArea .conAreaM {
        height: 63px;
        line-height: 21px;
    }
    .ssmo .tabWrap .tabArea.colLg3 .tab {
        padding: 0;
    }
    .ssmo .btnWrap .col {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.ssmo {
        padding: 100px 15px;
    }
    .ssmo .tabWrap {
        margin: 0;
    }
    .ssmo .tabWrap .tabArea {
        height: auto;
    }
    .ssmo .galleryWrapAll > div {
        height: 0;
        visibility: hidden;
    }
    .ssmo .galleryWrapAll > div:first-child {
        height: auto;
        visibility: visible;
    }
    .ssmo .galleryWrap {
        margin-top: 0;
    }
}
.sectionWrap.ssmp {
    background: #fff;
}
.ssmp .galleryLink .txtArea {
    background-color: #efefef;
}
.ssmp .allItem .galleryListBox {
    overflow: hidden;
}
.ssmp .allItem .galleryListBox .gallerybox {
    float: right;
    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-right: 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-left: 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;
    left: 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;
    right: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.formBoxWrap.arFormStyle
    .formListWrap
    .formList
    .formCon
    .uploadForm
    .errorTxt {
    margin: 5px 0 0 -150px;
}
.formBoxWrap.arFormStyle.halfColumn .formListWrap.formItemBox .formList {
    float: right;
    width: 50%;
}
.formBoxWrap.arFormStyle.halfColumn
    .formListWrap.formItemBox
    .formList:nth-child(odd) {
    padding-left: 10px;
}
.formBoxWrap.arFormStyle.halfColumn
    .formListWrap.formItemBox
    .formList.padDel:nth-child(odd) {
    padding-left: 0;
}
.formBoxWrap.arFormStyle.halfColumn
    .formListWrap.formItemBox
    .formList:nth-child(even) {
    padding-right: 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-left: 0;
    }
    .formBoxWrap.arFormStyle
        .formListWrap.formItemBox
        .formList:nth-child(even),
    .formBoxWrap.arFormStyle.halfColumn
        .formListWrap.formItemBox
        .formList:nth-child(even) {
        padding-right: 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 0 0 -150px;
    }
    .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-left: 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-left: 65px;
    }
    .formBoxWrap.arFormStyle
        .formListWrap
        .formList
        .formCon
        .uploadForm
        label {
        width: 60px;
    }
    .formBoxWrap.arFormStyle
        .formListWrap
        .formList
        .formCon
        .uploadForm
        .errorTxt {
        margin: 8px 0 0 -65px;
    }
}
.caod .colLg2 .col {
    display: inline-block;
    vertical-align: top;
}
.caod .colLg2 .col.col1 {
    width: 44%;
}
.caod .colLg2 .col.col2 {
    width: 55%;
}
.caod .slider_wrap {
    position: relative;
}
.caod .slider_wrap .img_wrap {
    position: relative;
}
.caod .slider_wrap img {
    width: 100%;
}
.caod .slider_wrap .controls {
    margin-top: -30px;
    text-align: center;
}
.caod .slider_wrap .controls a {
    display: inline-block;
    width: 65px;
    height: 22px;
    padding: 48px 0 0 0;
    background: url(../images/maintenance/tips-and-advice/bg_slider_control.png)
        no-repeat 10px 0;
    font-size: 12px;
    color: #666;
    text-align: center;
}
.caod .slider_wrap .controls a.replay {
    background-position: 10px 0;
}
.caod .slider_wrap .controls a.replay:hover {
    color: #888;
    background-position: 10px -90px;
    text-decoration: none;
}
.caod .slider_wrap .controls a.play {
    background-position: -55px 0;
}
.caod .slider_wrap .controls a.play:hover {
    color: #888;
    background-position: -55px -90px;
    text-decoration: none;
}
.caod .slider_wrap .controls a.stop {
    display: none;
    background-position: -120px 0;
}
.caod .slider_wrap .controls a.stop:hover {
    color: #888;
    background-position: -120px -90px;
    text-decoration: none;
}
.caod .slider_wrap .controls a.next {
    background-position: -185px 0;
}
.caod .slider_wrap .controls a.next:hover {
    color: #888;
    background-position: -185px -90px;
    text-decoration: none;
}
.caod .slider_wrap .img_wrap img.append {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.caod .slider_wrap .img_wrap img {
    opacity: 0;
    -webkit-transition: opacity 1.4s;
    -moz-transition: opacity 1.4s;
    -o-transition: opacity 1.4s;
    transition: opacity 1.4s;
}
.caod .slider_wrap .img_wrap img.fadeIn {
    opacity: 1;
}
.caod .slider_wrap .img_wrap img.fadeOut {
    opacity: 0;
}
@media all and (max-width: 767px) {
    .caod .colLg2 .col.col1 {
        width: 100%;
    }
    .caod .colLg2 .col.col2 {
        width: 100%;
    }
}
.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: right;
    width: 50%;
    box-sizing: border-box;
}
.secListWrap .listArea .list:nth-child(even) {
    padding-right: 17px;
}
.secListWrap .listArea .list:nth-child(odd) {
    padding-left: 17px;
}
.secListWrap .listArea .img {
    overflow: hidden;
    position: relative;
    height: 360px;
    margin-bottom: 30px;
}
.secListWrap .listArea .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.secListWrap .listArea [class*="subTit"],
.secListWrap .listArea .conTit {
    display: block;
}
.secListWrap .listArea .listCon.pt {
    padding-top: 12px;
}
.secListWrap .listArea .listCon > * {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.2px;
}
.secListWrap .listArea .btnArea {
    padding-top: 14px;
}
.secListWrap .listMoreWrap {
    padding-top: 40px;
}
@media screen and (max-width: 1240px) {
    .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;
    }
}
.sectionWrap.secNewsSelForm {
    padding-top: 40px;
    padding-bottom: 40px;
}
.sectionWrap.secNewsSelForm .selectFormBox {
    width: 816px;
    margin: 0 auto;
}
.sectionWrap.secNewsSelForm .selectFormBox .selForm {
    width: 212px;
}
.sectionWrap.secNewsSelForm .selectFormBox .inputForm {
    width: 472px;
}
.sectionWrap.secNewsSelForm .selectFormBox .searchBtn {
    width: 132px;
}
.sectionWrap.secNewsListWrap {
    padding-top: 60px;
    padding-bottom: 100px;
}
.sectionWrap.secNewsListWrap .itemWrap .itemListWrap {
    margin-top: -50px;
}
.sectionWrap.secNewsListWrap .itemWrap .itemList {
    margin-top: 50px;
}
.sectionWrap.secNewsListWrap .itemLink {
    cursor: pointer;
}
.sectionWrap.secNewsListWrap .itemLink:hover {
    text-decoration: none;
}
.sectionWrap.secNewsListWrap .itemWrap .img {
    margin-bottom: 26px;
    padding-bottom: 66.193%;
}
.sectionWrap.secNewsListWrap .itemWrap .img img {
    width: 100%;
    height: 100%;
}
.sectionWrap.secNewsListWrap .itemLink .itemTit {
    cursor: pointer;
}
.sectionWrap.secNewsListWrap .itemTit .date {
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 1.71;
    color: #666;
    letter-spacing: 0.2px;
}
.sectionWrap.secNewsListWrap .itemLink .itemTit .conTit {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    width: 100%;
    height: 56px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.sectionWrap.secNewsListWrap .listMoreWrap {
    padding-top: 80px;
}
.secNewsListWrap .searchConts {
    padding-top: 0 !important;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.secNewsListWrap {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .sectionWrap.secNewsSelForm .selectFormBox {
        width: 100%;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .selForm {
        width: 34.3%;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .inputForm {
        width: 51.9%;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .searchBtn {
        width: 13.3%;
    }
    .sectionWrap.secNewsListWrap {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .sectionWrap.secNewsListWrap .itemWrap .itemListWrap {
        margin-top: -40px;
    }
    .sectionWrap.secNewsListWrap .itemWrap .itemList {
        margin-top: 40px;
    }
    .sectionWrap.secNewsListWrap .itemWrap .img {
        margin-bottom: 17px;
    }
    .sectionWrap.secNewsListWrap .itemTit .date {
        padding-bottom: 5px;
        font-size: 12px;
        line-height: 1.417;
    }
    .sectionWrap.secNewsListWrap .itemLink .itemTit .conTit {
        height: 42px;
    }
    .sectionWrap.secNewsListWrap .listMoreWrap {
        padding-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .sectionWrap.secNewsSelForm {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sectionWrap.secNewsSelForm .selectFormBox {
        margin-top: -10px;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .selForm {
        width: 100%;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .inputForm {
        width: 100%;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .searchBtn {
        width: 100%;
        padding-top: 10px;
    }
    .sectionWrap.secNewsSelForm .selectFormBox .searchBtn .btn {
        height: 35px;
        font-size: 14px;
    }
    .sectionWrap.secNewsListWrap .itemWrap .img {
        padding: 0;
    }
    .sectionWrap.secNewsListWrap .itemLink .itemTit .subTitS {
        height: 21px;
    }
}
.sectionWrap.newsViewWrap {
    padding-bottom: 100px;
}
.newsViewWrap .newsContBox {
    overflow: hidden;
    width: 100%;
    padding: 80px 0 100px;
}
.newsViewWrap .newsContBox .img {
    overflow: hidden;
    position: relative;
    height: 600px;
}
.newsViewWrap .newsContBox .img img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.newsViewWrap .pagingBox {
    padding: 0 30px;
    border: 1px solid #e2dcd4;
}
.newsViewWrap .pagingBox .jumpPage {
    overflow: hidden;
    position: relative;
    padding: 9px 109px 9px 30px;
}
.newsViewWrap .pagingBox .jumpPage:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/ico-toggle-down.png) no-repeat center center;
    background-size: 12px;
    content: "";
}
.newsViewWrap .pagingBox .jumpPage.prev:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.newsViewWrap .pagingBox .jumpPage dt {
    position: absolute;
    top: 0;
    right: 0;
    width: 109px;
    padding: 9px 0;
    font-size: 16px;
    line-height: 2;
    font-family: "HyundaiMedium";
    letter-spacing: 0.3px;
}
.newsViewWrap .pagingBox .jumpPage dd {
    width: 100%;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.3px;
}
.newsViewWrap .pagingBox .jumpPage dd a {
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsViewWrap .pagingBox .jumpPage ~ .jumpPage {
    border-top: 1px solid #e2dcd4;
}
.newsViewWrap .btnWrap {
    padding-top: 80px;
    text-align: center;
}
.newsViewWrap .btnWrap .colWd {
    margin-left: 0;
    padding-top: 0;
}
@media screen and (max-width: 1024px) {
    .sectionWrap.newsViewWrap {
        padding-bottom: 70px;
    }
    .newsViewWrap .newsContBox {
        padding: 70px 0 70px;
    }
    .newsViewWrap .pagingBox {
        padding: 0 24px;
    }
    .newsViewWrap .pagingBox .jumpPage {
        padding: 9px 65px 9px 30px;
    }
    .newsViewWrap .pagingBox .jumpPage dt {
        width: 65px;
        font-size: 12px;
        line-height: 1.25;
    }
    .newsViewWrap .pagingBox .jumpPage dd {
        font-size: 12px;
        line-height: 1.25;
    }
    .newsViewWrap .btnWrap {
        padding-top: 50px;
    }
    .newsViewWrap .newsContBox .img {
        height: 384px;
    }
}
@media screen and (max-width: 767px) {
    .newsViewWrap .pagingBox {
        padding: 0 15px;
    }
    .newsViewWrap .pagingBox .jumpPage {
        padding: 9px 45px 9px 25px;
    }
    .newsViewWrap .pagingBox .jumpPage dt {
        width: 45px;
    }
    .newsViewWrap .btnWrap {
        padding-top: 25px;
    }
    .newsViewWrap .newsContBox .img {
        height: auto;
    }
    .newsViewWrap .newsContBox .img img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
}
.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: right;
    width: 824px;
    margin-right: 0;
}
.gridbox.search li .imgArea {
    float: left;
    width: 256px;
    height: 170px;
}
.searchConts {
    padding-top: 60px !important;
}
.searchConts .txtArea {
    padding: 0;
}
.searchConts .txtArea .Tit {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-family: "HyundaiMedium";
}
.searchConts .txtArea .numTxt {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    letter-spacing: 0.2px;
    text-align: right;
}
.searchConts .txtArea .Sub {
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.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;
}
.searchConts .btnWrap.btnMoreWrap {
    padding-top: 0;
}
@media (max-width: 1240px) {
    .gridbox.search li .txtArea {
        width: 73%;
    }
}
@media (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 (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: 400;
    line-height: 103px;
    color: #000;
    font-family: "HyundaiMedium";
    text-align: right;
    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;
    left: 0;
    width: 20px;
    height: 14px;
    background: url(../images/ico-toggle-down.png) no-repeat 100% 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(../images/ico-toggle-up.png) no-repeat 100% 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: right;
    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-left: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}
.siteMapWrap ul.siteMapList li.dep1 .siteMapContWrap .siteMapCont dl dd a {
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}
@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;
    right: 50%;
    z-index: 999;
    width: 1120px;
    margin-right: -560px;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgb(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: right;
}
.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: right;
}
.prPopConts .txtArea p {
    margin-bottom: 20px;
}
@media screen and (max-width: 1240px) {
    .prPopWrap {
        position: absolute;
        left: 25px;
        right: 25px;
        width: auto;
        margin-right: 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 {
        left: 15px;
        right: 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) {
    .pkvn .mianVisualWrap .mainVisualList .visual .img img {
        height: 100%;
    }
    .pwscSlider .fullImg .img img {
        height: 100%;
    }
    .pwsdSlider .fullImg .img img {
        height: 100%;
    }
    .pnsb .imgtxtArea .imgArea img {
        right: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    .pnsdWrap .imgtxtArea .imgArea img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .pnsfWrap .imgBox img {
        height: 100%;
    }
    .paoaWrap .carImageWrap img {
        width: 100%;
    }
    .paoaWrap .textWrap2 .grid .imgArea img {
        width: 100%;
    }
    .pgoo .fullImg .img img {
        width: 100%;
    }
    .palo .itemWrap .img img {
        width: 100%;
    }
    .psaoSliderWrap .fullImg {
        height: 384px;
        min-height: auto;
    }
    .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img {
        height: 100%;
    }
    .psaoSliderWrap .txtArea {
        margin-top: 30px;
    }
    .psaoSliderWrap .sliderFull .ix-thumbs {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
    .paoaWrap .fullImageSet img {
        width: 100%;
    }
    .pnsb .imgtxtArea .imgArea img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }
    .pnscWrap .fullImg .img img {
        height: auto;
    }
    .pnsdWrap .imgtxtArea .imgArea img {
        width: 100%;
        height: auto;
    }
    .pnshWrap .imgtxtArea .grid .imgArea img {
        width: 100%;
        height: auto;
    }
    .pkvn .mianVisualWrap .mainVisualList .visual .img img {
        width: 100%;
        height: auto;
    }
    .pwsdSlider .fullImg .img img {
        width: 100%;
        height: auto;
    }
    .psaoSliderWrap .sliderWrap .sliderListWrap .sliderList img {
        width: 100%;
        height: auto;
    }
}
.quickMenuWrap {
    position: fixed;
    right: 0;
    bottom: 70px;
    z-index: 999;
    transition: opacity 0.5s, bottom 0.5s;
}
.quickMenuWrap .quickFloating {
    display: block;
    color: #fff;
    clear: both;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.quickMenuWrap .quickFloating:after {
    display: block;
    content: "";
    clear: both;
}
.quickMenuWrap .quickFloating:first-child .quickImg,
.quickMenuWrap .quickFloating:first-child .quickCon {
    border-top: 0;
}
.quickMenuWrap .quickFloating .quickCon,
.quickMenuWrap .quickFloating .quickImg {
    border-top: 1px solid #535353;
    background-color: #3d3d3d;
}
.quickMenuWrap .quickFloating .quickCon {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0;
    z-index: -1;
    width: 0;
    height: 60px;
    padding-right: 12px;
    background-color: #3d3d3d;
    text-align: right;
    transition: width 0.5s;
}
.quickMenuWrap .quickFloating .quickImg {
    display: inline-table;
    float: right;
    width: 60px;
    height: 60px;
    text-align: center;
}
.quickMenuWrap .quickFloating .quickImg:after {
    display: inline-block;
    vertical-align: middle;
    height: 59px;
    content: "";
    clear: both;
}
.quickMenuWrap .quickFloating .quickImg img {
    vertical-align: middle;
}
.quickMenuWrap .quickFloating .quickText {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: -206px;
    margin-top: -7px;
    font-size: 15px;
    color: #fff;
    text-decoration: underline;
    white-space: nowrap;
    transition: all 0.5s;
}
.quickMenuWrap .quickFloating.on .quickCon,
.quickMenuWrap .quickFloating:hover .quickCon {
    display: table;
    right: 55px;
    width: 186px;
    background-color: #012c5f;
    transition: all 0.5s;
}
.quickMenuWrap .quickFloating:hover .quickImg {
    background-color: #012c5f;
}
.quickMenuWrap .quickFloating.on .quickCon,
.quickMenuWrap .quickFloating.on .quickImg {
    background-color: #002c5f;
}
.quickMenuWrap .quickFloating.on .quickText,
.quickMenuWrap .quickFloating:hover .quickText {
    right: 25px;
    transition: all 0.5s;
}
.quickMenuWrap .quickOpen {
    display: none;
}
@media screen and (max-width: 1024px) {
    .quickMenuWrap .quickOpen {
        display: block;
        position: relative;
        right: 0;
        bottom: 0;
    }
    .quickMenuWrap .quickOpen.on .quickImg {
        background-color: #3d3d3d;
    }
    .quickMenuWrap .quickOpen .quickImg img {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all 0.7s;
    }
    .quickMenuWrap .quickOpen.on .quickImg img {
        -webkit-transform: rotate(0deg);
        transform: rotate(360deg);
        transition: all 0.7s;
    }
    .quickMenuWrap .quickOpen .quickImg {
        border: 0;
    }
    .quickMenuWrap .quickBox {
        display: block;
        position: absolute;
        bottom: 70px;
        right: 0;
        width: 246px;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s;
    }
    .quickMenuWrap .quickOpen.on + .quickBox {
        visibility: visible;
        opacity: 1;
    }
    .quickMenuWrap .quickBox .quickFloating {
        overflow: hidden;
        height: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        transition: all 0.7s;
    }
    .quickMenuWrap .quickOpen.on + .quickBox .quickFloating {
        height: 60px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transition: all 0.7s;
    }
    .quickMenuWrap .quickFloating .quickCon {
        display: table;
        position: static;
        right: 60px;
        padding-left: 20px;
    }
    .quickMenuWrap .quickFloating .quickCon,
    .quickMenuWrap .quickFloating .quickImg {
        background-color: #012c5f;
    }
    .quickMenuWrap .quickFloating .quickCon {
        position: static;
        width: 186px;
    }
    .quickMenuWrap .quickFloating .quickCon .quickText {
        position: static;
    }
    .quickMenuWrap .quickFloating .quickImg:after {
        display: inline-block;
        vertical-align: middle;
        height: 55px;
        content: "";
        clear: both;
    }
    .quickMenuWrap .quickOpen .quickImg {
        background-color: #012c5f;
    }
}
@media screen and (max-width: 767px) {
    .quickMenuWrap .quickOpen {
        bottom: 0;
        width: 55px;
        height: 55px;
    }
    .quickMenuWrap .quickOpen .quickImg {
        height: 55px;
    }
    .quickMenuWrap .quickBox {
        bottom: 60px;
    }
    .quickMenuWrap .quickFloating .quickCon {
        right: 55px;
        width: 191px;
    }
    .quickMenuWrap .quickFloating.on .quickCon,
    .quickMenuWrap .quickFloating:hover .quickCon {
        width: 191px;
    }
    .quickMenuWrap .quickFloating .quickImg {
        width: 55px;
    }
    .quickMenuWrap .quickFloating .quickImg:after {
        height: 54px;
    }
    .quickMenuWrap .quickOpen.on + .quickBox {
        visibility: visible;
        opacity: 1;
    }
    .quickMenuWrap .quickOpen + .quickBox {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s;
    }
}
.fbLike {
    position: absolute;
    left: 240px;
    bottom: 0;
    padding: 6px 45px 4px 12px;
    background: #4268b3 url(../images/findacar/fb_like.jpg) 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.html)
        no-repeat 12px center;
    background-size: 21px 18px;
}
.pkvn .fb_iframe_widget,
.pkvn .fb_iframe_widget span {
    display: inline !important;
    position: static !important;
    height: 0 !important;
}
.pkvn .fb_iframe_widget iframe {
    left: 240px;
    bottom: 0;
}
@media screen and (max-width: 1024px) {
    .fbLike {
        left: 50px;
        padding: 9px 47px 7px 9px;
        background-size: 21px 19px;
        font-size: 14px;
        line-height: 16px;
        background-position-x: 10px;
        letter-spacing: 1px;
    }
    .fbLike.chk {
        background-size: 21px 16px;
    }
    .pkvn .fb_iframe_widget iframe {
        left: 50px;
    }
}
@media screen and (max-width: 767px) {
    .fbLike {
        left: 15px;
        padding: 9px 40px 7px 9px;
        background-size: 21px 19px;
        font-size: 14px;
        line-height: 16px;
        background-position-x: 8px;
        letter-spacing: 1px;
    }
    .pkvn .fb_iframe_widget iframe {
        left: 15px;
    }
}
.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: right;
    width: 55%;
}
.soja .formBoxWrap.arFormStyle .titWrap .subTitM {
    float: none;
    width: auto;
}
.soja .titWrap .selForm {
    position: relative;
}
.soja .titWrap .selForm {
    float: right;
    width: 45%;
    padding-left: 170px;
}
.soja .titWrap .selForm .btnArea .btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 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.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-left: 130px;
    }
    .soja .titWrap .selForm .btnArea .btn {
        width: 120px;
        height: 35px;
        font-size: 11px;
        line-height: 21px;
    }
    .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-right: 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-left: 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: right;
}
.msgConEx .tableInner .ctoaTableRow colgroup col:first-child {
    width: 26%;
}
.msgConEx .tableInner .ctoaTableRow tr th,
.msgConEx .tableInner .ctoaTableRow tr td {
    padding: 13px 20px 12px;
}
@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 {
    height: 100%;
}
.layerPopupWrap.layerSlideView .secUsedCars {
    padding: 18px 30px 34px;
}
.layerPopupWrap.layerSlideView .swiper-container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.layerPopupWrap.layerSlideView .swiper-wrapper {
    display: flex;
    position: relative;
    z-index: 1;
    transition-property: transform;
    box-sizing: content-box;
    transform: translate3d(0, 0, 0);
}
.layerPopupWrap.layerSlideView .slideItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    height: 420px;
    background: #fff;
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    text-align: center;
}
.layerPopupWrap.layerSlideView .slideItem .img {
    display: block;
    width: 100%;
    height: 100%;
}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev,
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext {
    top: 50%;
    transform: translateY(-50%);
}
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnPrev.swiper-button-disabled,
.layerPopupWrap.layerSlideView .sliderBtnWrap .btnNext.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}
.layerPopupWrap.layerSlideView .swiper-pagination {
    overflow: hidden;
    margin-top: 19px;
    font-size: 0;
    text-align: center;
}
.layerPopupWrap.layerSlideView .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    cursor: pointer;
}
.layerPopupWrap.layerSlideView
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00aad2;
    border-color: #00aad2;
}
@media screen and (max-width: 1024px) {
    .layerPopupWrap.layerSlideView .layerPopupInner.wide {
        width: auto;
    }
    .layerPopupWrap.layerSlideView .layerPopupInner.wide .layerPopup {
        width: auto;
    }
    .layerPopupWrap.layerSlideView
        .layerPopupInner.wide
        .layerPopup
        .layerConWrap
        img {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
    .layerPopupWrap.layerSlideView .slideItem {
        height: auto;
        padding-bottom: 53.88%;
    }
    .layerPopupWrap.layerSlideView
        .swiper-pagination
        .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }
}
@media screen and (max-width: 767px) {
    .layerPopupWrap.layerSlideView
        .layerPopupInner.wide
        .layerTitWrap.typeSubTxt {
        padding: 18px 15px;
    }
    .layerPopupWrap.layerSlideView .secUsedCars {
        padding: 20px 18px 25px;
    }
    .layerPopupWrap.layerSlideView .slideItem {
        height: 156px;
    }
}
.layerPopupWrap.leayerNewsLetter,
.layerPopupWrap.layerSubmitPop {
    display: table;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.layerPopupWrap.leayerNewsLetter .layerPopupInner,
.layerPopupWrap.layerSubmitPop .layerPopupInner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: 0;
    right: 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;
}
.livechat .quickMenuWrap {
    right: 20px;
}
.livechat .btnContentTop {
    right: 20px;
}
.livechat.mynaghi .quickMenuWrap {
    bottom: 160px;
}
.livechat.jo .quickMenuWrap {
    bottom: 130px;
}
.livechat.kw .quickMenuWrap {
    bottom: 200px;
}
body.mynaghi .grecaptcha-badge,
body.jo .grecaptcha-badge,
body.kw .grecaptcha-badge {
    overflow: hidden !important;
    right: 4px !important;
    z-index: 1000;
    width: 70px !important;
    transition: all 0.3s ease !important;
    border-radius: 4px;
}
body.mynaghi .grecaptcha-badge:hover,
body.jo .grecaptcha-badge:hover,
body.kw .grecaptcha-badge:hover {
    width: 256px !important;
}
body.mynaghi .grecaptcha-badge:before,
body.jo .grecaptcha-badge:before,
body.kw .grecaptcha-badge:before {
    position: absolute;
    top: 0;
    right: 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;
    }
}
.ctsaWrap a,
.cttaWrap a,
.cttbWrap a,
.cttcWrap a,
.icoNote a,
.ctoaTableRow a,
.btnText.sm.icDownload,
.ctoc .typeTxtLink,
.pthoWrap .txt_black a {
    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;
}
.layerPop.loading {
    position: fixed;
    width: 100%;
    height: 100%;
}
#loading {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 50px;
    height: 50px;
    margin: -25px -25px 0 0;
    border: 3px solid #00aad2;
    border-radius: 50%;
    border-top-color: #fff0;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    -moz-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
.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;
}
@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;
    }
}
.cwscWrap .gt_lypd_tsh {
    padding-top: 10px !important;
}
.cwscWrap .titWrap h2,
.cwscWrap .titWrap h3,
.cwscWrap .titWrap h4 {
    margin-bottom: 50px;
}
.cwscWrap .colLg4 h2,
.cwscWrap .colLg3 h2,
.cwscWrap .colLg2 h2 {
    margin-top: 30px;
}
.cwscWrap .colLg4 h3,
.cwscWrap .colLg3 h3,
.cwscWrap .colLg2 h3 {
    margin-top: 20px;
}
.cwscWrap .colLg4 h4,
.cwscWrap .colLg3 h4,
.cwscWrap .colLg2 h4 {
    margin-top: 40px;
}
.cwscWrap .colLg2 .col {
    width: 50%;
}
.cwscWrap .colLg3 .col {
    width: 33.3%;
}
.cwscWrap .colLg4 .col {
    width: 25%;
}
.cwscWrap .gallery_img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}
.cwscWrap .gallery_img img {
    width: 100%;
}
.cwscWrap .colLg2 .btnPrev,
.cwscWrap .colLg2 .btnNext {
    top: 160px;
}
.cwscWrap .colLg3 .btnPrev,
.cwscWrap .colLg3 .btnNext {
    top: 100px;
}
.cwscWrap .colLg4 .btnPrev,
.cwscWrap .colLg4 .btnNext {
    top: 65px;
    margin-top: 0;
}
.cwscWrap .conAreaM {
    margin-top: 10px;
}
.cwscWrap .galleryLink .txtList {
    margin-top: 20px;
}
.cwscWrap .conAreaS.bulletS:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1024px) {
    .cwscWrap .gt_lypd_tsh {
        padding-top: 0 !important;
    }
    .cwscWrap .titWrap h2,
    .cwscWrap .titWrap h3,
    .cwscWrap .titWrap h4 {
        margin-bottom: 30px;
    }
    .cwscWrap .subTitS {
        margin-bottom: 0;
    }
    .cwscWrap .colLg4 h2,
    .cwscWrap .colLg2 h3,
    .cwscWrap .colLg3 h4 {
        margin-top: 30px;
    }
    .cwscWrap .colLg2 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwscWrap .colLg3 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwscWrap .colLg4 .col {
        width: 50%;
        padding: 0 7px;
    }
    .cwscWrap .colLg2 .btnPrev,
    .cwscWrap .colLg2 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwscWrap .colLg3 .btnPrev,
    .cwscWrap .colLg3 .btnNext {
        top: 50%;
        margin-top: -170px;
    }
    .cwscWrap .colLg4 .btnPrev,
    .cwscWrap .colLg4 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwscWrap .conAreaM {
        margin-top: 15px;
    }
    .cwscWrap .galleryListBox {
        margin: 0 -7px;
    }
    .cwscWrap .galleryLink .txtList {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .cwscWrap .titWrap h2,
    .cwscWrap .titWrap h3,
    .cwscWrap .titWrap h4 {
        margin: 0 0 25px;
    }
    .cwscWrap .colLg2 h2,
    .cwscWrap .colLg3 h3,
    .cwscWrap .colLg4 h4 {
        margin-top: 20px;
    }
    .cwscWrap .colLg2 .btnPrev,
    .cwscWrap .colLg2 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwscWrap .colLg3 .btnPrev,
    .cwscWrap .colLg3 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwscWrap .colLg4 .btnPrev,
    .cwscWrap .colLg4 .btnNext {
        top: 50%;
        margin-top: -140px;
    }
    .cwscWrap .gallery_img img {
        position: static;
        transform: none;
    }
    .cwscWrap .galleryListBox {
        margin: 0 -5px;
    }
}
.pwscSlider .ix-thumbs.sliderPagination .pager {
    margin: 0 30px 0 0;
}
.pwscSlider .ix-thumbs.sliderPagination .pager:after {
    right: -30px;
}
.ptioWrap .txtArea {
    margin-top: 20px;
}
.ptioWrap .galleryBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ptioWrap .galleryList {
    width: 48.5%;
}
.ptioWrap .galleryList:nth-child(2n) {
    margin-right: 3%;
}
.ptioWrap .gallery_img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}
.ptioWrap .youtubeArea {
    width: 100%;
    position: relative;
}
.ptioWrap .youtubeArea iframe {
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
@media (max-width: 767px) {
    .ptioWrap .galleryBox {
        display: block;
    }
    .ptioWrap .galleryList {
        width: 100%;
    }
    .ptioWrap .galleryList:nth-child(2n) {
        margin-right: 0;
        margin-top: 5%;
    }
}
.short-box {
    display: none;
    height: 200px;
    width: 180px;
    position: fixed;
    left: -140px;
    top: calc(100% - 300px);
    background-color: #fff;
    box-shadow: 0 0 13px #ccc;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.short-box.show-short-box {
    left: 0;
}
.short-box .hidden_start_box {
    position: absolute;
    right: 0;
    top: 0;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    display: block;
    background-color: #002c5f;
    height: 200px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: 900;
    font-size: 22px;
    z-index: 9999;
}
.short-box .start-btn {
    position: relative;
    padding: 10px 50px 10px 10px;
    height: 200px;
    text-align: center;
}
.short-box .start-btn a {
    width: 120px;
    position: absolute;
    left: 10px;
    right: 50px;
    display: block;
    bottom: 10px;
    line-height: 50px;
    padding: 0 10px;
}
.live-room {
    width: 300px;
    min-height: 100vh;
    height: 100%;
    position: fixed;
    top: 0;
    left: -300px;
    background-color: #fff;
    box-shadow: 0 0 13px #ccc;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 20px;
    display: none;
}
.live-room.show-live-room {
    left: 0;
    z-index: 999;
}
.live-room .head-chat {
    overflow: hidden;
    margin-bottom: 30px;
}
.live-room .head-chat img {
    width: 20px;
    height: 20px;
    float: left;
}
.live-room .head-chat h4 {
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
}
.close-live-room {
    cursor: pointer;
}
.formBoxWrap a.btn {
    display: block;
    width: 100%;
    margin-top: 20px;
}
.second_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/second_section_bg.jpg) center
        center no-repeat;
    background-size: cover;
}
.second_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.second_section_text {
    position: relative;
    z-index: 5;
}
.second_section_text h1 {
    font-size: 45px;
    font-weight: 700;
}
.second_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.third_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/B04_Range_HOTEL_i10_CMYK..jpg)
        center center no-repeat;
    background-size: cover;
}
.third_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.third_section_text {
    position: relative;
    z-index: 5;
}
.third_section_text h1 {
    font-weight: 700;
}
.third_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.third_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.fourth_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/Hyundai_i10_Freestyle_Mediapro_0981_CMYK.jpg)
        center center no-repeat;
    background-size: cover;
}
.fourth_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.fourth_section_text {
    position: relative;
    z-index: 5;
}
.fourth_section_text h1 {
    font-weight: 700;
}
.fourth_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.fourth_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.fivth_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/second_section_bg.jpg) center
        center no-repeat;
    background-size: cover;
}
.fivth_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.fivth_section {
    position: relative;
    z-index: 5;
}
.fivth_section_text h1 {
    font-weight: 700;
}
.fivth_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.fivth_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.interior1_section {
    padding: 120px 0;
    position: relative;
    background: url("../images/find-a-car/pip/i10/Hyundai_i10_Protagonist_using_live traffic_CMYK.jpg")
        center center no-repeat;
    background-size: cover;
}
.interior1_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.interior1_section_text {
    position: relative;
    z-index: 5;
}
.interior1_section_text h1 {
    font-weight: 700;
}
.interior1_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.interior1_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.interior2_section {
    padding: 120px 0;
    position: relative;
    background: url("../images/find-a-car/pip/i10/Hyundai_i10_Protagonist_using_live traffic_CMYK.jpg")
        center center no-repeat;
    background-size: cover;
}
.interior2_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.interior2_section_text {
    position: relative;
    z-index: 5;
}
.interior2_section_text h1 {
    font-weight: 700;
}
.interior2_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.interior2_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.performance2_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/M36_AC3_gearshift_automatik_4c.jpg)
        center center no-repeat;
    background-size: cover;
}
.performance2_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.performance2_section_text {
    position: relative;
    z-index: 5;
}
.performance2_section_text h1 {
    font-weight: 700;
}
.performance2_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.performance2_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.performance3_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/M35_AC3_gearshift_manual_4c.jpg)
        center center no-repeat;
    background-size: cover;
}
.performance3_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.performance3_section_text {
    position: relative;
    z-index: 5;
}
.performance3_section_text h1 {
    font-weight: 700;
}
.performance3_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.performance3_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
.convenience_section {
    padding: 120px 0;
    position: relative;
    background: url(../images/find-a-car/pip/i10/Hyundai_i10_trunk_1st_level_0327_CMYK.jpg)
        center center no-repeat;
    background-size: cover;
}
.convenience_section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.4);
    z-index: 2;
}
.convenience_section_text {
    position: relative;
    z-index: 5;
}
.convenience_section_text h1 {
    font-weight: 700;
}
.convenience_section_text h1.xxxl-font {
    font-weight: 700;
    font-size: 120px;
    margin-bottom: 120px;
}
.convenience_section_text p {
    font-size: 30px;
    line-height: 1.2;
}
ul {
    margin-bottom: 0;
}
.subTitS {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-family: "HyundaiMedium", "NotoSansArabicMedium";
}