@charset "utf-8";
html {
    height: 100%
}

.kia-global-body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #d3d3d3
}

.kia-global-body,
.kia-global-paragraph,
.kia-global-tableHeader,
.kia-global-tableCell {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 13px
}

.kia-global-body a {
    text-decoration: none;
    color: #025c1f
}

.kia-global-body a:hover {
    text-decoration: underline
}

.kia-global-body h1 {
    color: #025c1f;
    text-transform: uppercase
}

.kia-global-panel {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    width: 940px;
    background-color: #fff;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 9px 1px -moz-rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .2);
    zoom: 100%
}

.kia-global-topnav {
    float: right;
    position: relative;
    top: -50px
}

.kia-global-topnav ul {
    list-style: none
}

.kia-global-topnav ul li {
    float: left;
    margin-left: 15px
}

.kia-global-topnav ul li.selected {
    font-weight: bold
}

.kia-global-text--center {
    text-align: center
}

.kia-global-footer {
    bottom: 0;
    margin-top: 10px
}

div.par {
    clear: both
}

div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align: top;
    padding: 0;
    margin: 0
}

div.parsys_column .section {
    overflow: hidden;
    width: 100%
}

div.cq-colctrl-cols {
    width: 100%;
    float: left
}

div.cq-colctrl-default {
    width: 100%
}

div.cq-colctrl-lt0-c0 {
    width: calc(50% - 10px);
    margin-right: 10px
}

div.cq-colctrl-lt0-c1 {
    width: calc(50% - 10px);
    margin-left: 10px
}

div.parbase.image {
    text-align: center
}

div.parbase.textimage .text {
    margin-left: 35px;
    position: relative;
    top: -38px
}

@charset "utf-8";
@font-face {
    font-family: kiaB;
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src: url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureBold.eot');
    src: url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureBold.eot?#iefix') format('embedded-opentype'), url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureBold.woff2') format('woff2'), url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureBold.woff') format('woff')
}

@font-face {
    font-family: kiaM;
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src: url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureRegular.eot');
    src: url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureRegular.eot?#iefix') format('embedded-opentype'), url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureRegular.woff2') format('woff2'), url('../../../content/dam/kwcms/gt/en/font/font_optimization_201808/KiaSignatureRegular.woff') format('woff')
}

@font-face {
    font-family: Noto Sans Bold;
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src: url('../../../content/dam/kwcms/gt/en/font/NotoSans-Bold.ttf') format('truetype');
    src: url('../../../content/dam/kwcms/gt/en/font/NotoSans-Bold.ttf') format('truetype')
}

@font-face {
    font-family: Noto Sans;
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src: url('../../../content/dam/kwcms/gt/en/font/NotoSans-Regular.ttf') format('truetype');
    src: url('../../../content/dam/kwcms/gt/en/font/NotoSans-Regular.ttf') format('truetype')
}

body,
input,
textarea,
select,
btn,
table {
    font-family: 'kiaM', 'Noto Sans'
}

.fonts-loaded body,
input,
textarea,
select,
btn,
table {
    font-family: 'kiaM', 'Noto Sans'
}

.fonts-loaded strong,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'kiaB', 'Noto Sans Bold'
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
input,
textarea,
btn,
select {
    margin: 0;
    padding: 0
}

body,
input,
textarea,
select,
btn,
table {
    line-height: 18px;
    font-size: 13px;
    color: #333
}

body {
    -webkit-text-size-adjust: none
}

strong,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

table {
    width: 100%;
    border-collapse: collapse
}

img,
fieldset {
    border: 0;
    vertical-align: top
}

ul,
ol {
    list-style: none
}

em,
address {
    font-style: normal
}

caption {
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: 0;
    border: 0
}

a {
    color: #333;
    text-decoration: none
}

a:hover,
a:active,
a:focus {
    text-decoration: underline
}

ul,
ol {
    zoom: 1
}

ul:after,
ol:after {
    content: '';
    clear: both;
    display: block
}

.visuallyhidden {
    position: absolute;
    top: 0;
    left: -9999999px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999999px
}

.hidden {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.accessbility {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 10001;
    font-size: 15px;
    background: #454545
}

.accessbility a {
    display: block;
    height: 0;
    width: 0;
    margin-bottom: -1px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    color: #fff
}

.accessbility a:focus,
.accessbility a:active {
    height: auto;
    width: auto;
    padding: 7px 0;
    color: #fff
}

.dimmed {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1005;
    position: absolute;
    top: 0;
    left: 0
}

.ess {
    display: inline-block;
    font-size: 15px;
    color: #bb162b
}

.bar {
    display: inline-block;
    font-family: Dotum;
    color: #c5c5c5;
    margin: 0 2px
}

.pointcolor1 {
    color: #bb162b !important;
    font-weight: inherit
}

.pointcolor2 {
    color: #58595b !important
}

.vspace {
    margin-top: 10px
}

.tumbImg {
    text-align: center;
    overflow: hidden
}

.tumbImg .inImg {
    text-align: center;
    margin: 0 -100%
}

.tumbImg .inImg img {
    height: 100%
}

.cmm_spr,
.sns_spr,
.map_spr,
.pg_arrow,
.pg_btn,
.pg_btn_on,
.tool_spr,
.kit_spr {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    white-space: nowrap;
    color: transparent;
    vertical-align: top;
    text-indent: -999px
}

.cmm_tspr:before,
.cmm_tspr:after,
.form_spr:before,
.form_spr:after,
.util_a:before,
.dth1_a:after,
.tab_tspr:before,
[class*=bl_type]:before,
[class*=bl_type]:after,
.tool_tspr:before,
.kit_tspr:before {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    white-space: nowrap;
    vertical-align: top
}

.cmm_spr,
.cmm_tspr:before,
.cmm_tspr:after,
.util_a:before,
.dth1_a:after,
[class*=bl_type]:before,
[class*=bl_type]:after,
.pg_arrow,
.pg_btn,
.pg_btn_on {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_common.png)
}

.cmm_home {
    display: inline-block;
    color: transparent;
    text-indent: -999px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/ico_home.png)
}

.sns_spr {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_sns.png)
}

.map_spr {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_map2.png)
}

.tool_spr,
.tool_tspr:before {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_tool.png)
}

.kit_spr,
.kit_tspr:before {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_kit.png)
}

.form_spr:before,
.form_spr:after {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_form.png)
}

.btnIcon:before,
.btnIcon:after {
    content: '';
    display: inline-block;
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_button.png) !important;
    background-repeat: no-repeat;
    vertical-align: top
}

.tab_tspr:before {
    background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_tab.png)
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .cmm_spr,
    .cmm_tspr:before,
    .cmm_tspr:after,
    .util_a:before,
    .dth1_a:after,
    [class*=bl_type]:before,
    .pg_arrow,
    .pg_btn,
    .pg_btn_on {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_common_x2.png);
        background-size: 175px 75px
    }
    .sns_spr {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_sns_x2.png);
        background-size: 175px 50px
    }
    .map_spr {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_map2_x2.png);
        background-size: 37px 29px
    }
    .tool_spr,
    .tool_tspr:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_tool.png);
        background-size: 192px 140px
    }
    .kit_spr,
    .kit_tspr:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_kit_x2.png);
        background-size: 48px 60px
    }
    .form_spr:before,
    .form_spr:after {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_form_x2.png);
        background-size: 47px 42px
    }
    .btnIcon:before,
    .btnIcon:after {
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_button_x2.png);
        background-size: 124px 80px
    }
    .tab_tspr:before {
        backgroud-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_tab_x2.png);
        background-size: 100px 70px
    }
}

.spr_build:before {
    content: '';
    background-position: -25px -41px;
    width: 20px;
    height: 19px;
    margin: 6px 5px 0 0
}

.spr_warn:before {
    content: '';
    background-position: -126px 0;
    width: 36px;
    height: 30px
}

.dth1_a:after {
    background-position: 0 0;
    width: 22px;
    height: 22px
}

.util_a:before {
    background-position: -30px -14px;
    width: 4px;
    height: 5px
}

.item_a {
    background-position: -149px -46px;
    width: 14px;
    height: 14px
}

.on>.item_a {
    background-position: -149px -31px
}

.spr_menu {
    background-position: 0 -46px;
    width: 18px;
    height: 14px
}

.spr_search {
    background-position: -25px -20px;
    width: 20px;
    height: 20px
}

.spr_search2 {
    background-position: -45px -17px;
    width: 14px;
    height: 14px
}

.spr_close {
    background-position: -15px -61px;
    width: 14px;
    height: 14px
}

.spr_close2 {
    background-position: -30px -61px;
    width: 14px;
    height: 14px
}

.spr_close3 {
    background-position: 0 -61px;
    width: 14px;
    height: 14px
}

.spr_more {
    background-position: right -50px;
    width: 10px;
    height: 10px
}

.spr_arrowL {
    background-position: -127px -31px;
    width: 10px;
    height: 20px
}

.spr_arrowR {
    background-position: -138px -31px;
    width: 10px;
    height: 20px
}

.spr_calendar {
    background-position: -83px -57px;
    width: 19px;
    height: 18px
}

.calbtn_l {
    background-position: -103px -61px;
    width: 9px;
    height: 14px
}

.calbtn_r {
    background-position: -114px -61px;
    width: 9px;
    height: 14px
}

.calbtn_x {
    background-position: -124px -59px;
    width: 16px;
    height: 16px
}

.spr_share_t {
    background-position: 0 -25px;
    width: 22px;
    height: 22px
}

.spr_share_f {
    background-position: -23px -25px;
    width: 22px;
    height: 22px
}

.spr_share_g {
    background-position: -46px -25px;
    width: 22px;
    height: 22px
}

.spr_facebook {
    background-position: 0 0;
    width: 24px;
    height: 24px
}

.spr_twitter {
    background-position: -25px 0;
    width: 24px;
    height: 24px
}

.spr_google {
    background-position: -50px 0;
    width: 24px;
    height: 24px
}

.spr_youtube {
    background-position: -75px 0;
    width: 24px;
    height: 24px
}

.spr_instagram {
    background-position: -150px 0;
    width: 24px;
    height: 24px
}

.spr_kiabuzz {
    background-position: -100px 0;
    width: 24px;
    height: 24px
}

.spr_flickr {
    background-position: -125px 0;
    width: 24px;
    height: 24px
}

.map_pin {
    background-position: 0 0;
    width: 28px;
    height: 25px;
    padding: 4px 0 0 9px;
    color: #fff;
    font-family: kiaB;
    text-align: left;
    text-indent: 0
}

.map_pin.pin_on {
    background-position: 0 -29px;
    color: #bb162b
}

[class*=spr_offer] {
    width: 33px;
    height: 33px;
    border: 1px solid #ebebeb;
    background: #fefefe url(../../../content/dam/kwcms/gt/en/images/common/spr_map.png)
}

.offerList {
    min-width: 117px;
    margin: -2px;
    overflow: hidden
}

.offerList [class*=spr_offer] {
    float: left;
    margin: 2px
}

.spr_offer1 {
    background-position: -61px 0
}

.spr_offer2 {
    background-position: -97px 0
}

.spr_offer3 {
    background-position: -61px -36px
}

.spr_offer4 {
    background-position: -97px -36px
}

.spr_offer5 {
    background-position: -61px -72px
}

.spr_offer6 {
    background-position: -97px -72px
}

.spr_offer7 {
    background-position: -133px 0
}

.spr_email,
.spr_email:before {
    content: '';
    background-position: 0 0;
    width: 24px;
    height: 24px
}

.spr_docu,
.spr_docu:before {
    content: '';
    background-position: 0 -26px;
    width: 24px;
    height: 24px
}

.spr_print,
.spr_print:before {
    content: '';
    background-position: 0 -52px;
    width: 24px;
    height: 24px
}

.spr_desc {
    background-position: -0 -77px;
    width: 23px;
    height: 24px
}

.spr_tool1:before {
    content: '';
    background-position: -26px 0;
    width: 54px;
    height: 42px
}

.spr_tool2:before {
    content: '';
    background-position: -82px 0;
    width: 54px;
    height: 42px
}

.spr_tool3:before {
    content: '';
    background-position: -138px 0;
    width: 54px;
    height: 42px
}

.spr_tool4:before {
    content: '';
    background-position: -26px -44px;
    width: 54px;
    height: 42px
}

.spr_tool5:before {
    content: '';
    background-position: -82px -44px;
    width: 54px;
    height: 42px
}

.spr_tool6:before {
    content: '';
    background-position: -138px -44px;
    width: 54px;
    height: 42px
}

.spr_tool7:before {
    content: '';
    background-position: -26px -88px;
    width: 54px;
    height: 42px
}

.spr_tool8:before {
    content: '';
    background-position: -82px -88px;
    width: 54px;
    height: 42px
}

.spr_tool9:before {
    content: '';
    background-position: -138px -88px;
    width: 54px;
    height: 42px
}

.color_chip {
    display: inline-block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50% 50%;
    vertical-align: middle
}

.color_chip img {
    width: 100%;
    height: 100%
}

.color_bar {
    display: inline-block;
    overflow: hidden;
    width: 62px;
    height: 20px;
    vertical-align: middle
}

.color_bar img {
    width: 86px;
    height: 44px;
    margin: -11px
}

[class*=btn_area].line {
    border-top: 1px solid #e3e3e3;
    margin-top: 30px;
    padding-top: 20px
}

[class*=btn_area] .br {
    display: inline-block
}

.btn_area {
    text-align: center;
    margin-top: 20px
}

.btn_areaL {
    text-align: left;
    margin-top: 15px
}

.btn_areaR {
    text-align: right;
    margin-top: 15px
}

.btn_areaT {
    text-align: right;
    margin-bottom: 12px
}

.btn_sideT {
    text-align: right;
    margin: -34px 0 10px 0
}

[class*=btnType] {
    display: inline-block;
    color: #fff;
    font-family: kiaB;
    text-transform: none
}

.btnType1 {
    background-color: #bb162b
}

.btnType2 {
    background-color: #58595b
}

.btnType3 {
    background-color: #7e8083
}

.btnType4 {
    background-color: #aeaeae
}

.btnType5 {
    background-color: #282828
}

.btnType6 {
    background-color: #fff;
    color: #666
}

.btnLarge {
    padding: 0 20px;
    line-height: 37px;
    font-size: 18px;
    border-radius: 19px
}

.btnLarge .arrow_r:after {
    background-position: -32px 0;
    width: 31px;
    height: 31px;
    margin: 3px 0 0 -1px;
    position: relative;
    right: -17px
}

.btnLarge .arrow_l:before {
    background-position: -64px 0;
    width: 31px;
    height: 31px;
    margin: 3px -3px 0 0;
    position: relative;
    left: -17px
}

.btnLarge .arrow_b:before {
    background-position: 0 0;
    width: 31px;
    height: 31px;
    margin: 3px -3px 0 0;
    position: relative;
    left: -17px
}

.btnMedium {
    padding: 0 15px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 15px
}

.btnMedium .arrow_r:after {
    background-position: -25px -32px;
    width: 24px;
    height: 24px;
    margin: 3px 0 0 -2px;
    position: relative;
    right: -12px
}

.btnMedium .arrow_l:before {
    background-position: 0 -32px;
    width: 24px;
    height: 24px;
    margin: 3px -2px 0 0;
    position: relative;
    left: -12px
}

.btnMedium .arrow_t:after {
    background-position: -100px -32px;
    width: 24px;
    height: 24px;
    margin: 3px 0 0 -2px;
    position: relative;
    right: -12px
}

.btnMedium .arrow_b:after {
    background-position: -75px -32px;
    width: 24px;
    height: 24px;
    margin: 3px 0 0 -2px;
    position: relative;
    right: -12px
}

.btnMedium .play:before {
    background-position: -50px -32px;
    width: 24px;
    height: 24px;
    margin: 3px -2px 0 0;
    position: relative;
    left: -12px
}

.btnSmall {
    padding: 0 12px;
    line-height: 25px;
    font-size: 12px;
    border-radius: 13px
}

.btnSmall .arrow_r:after {
    background-position: 0 -57px;
    width: 6px;
    height: 9px;
    margin: 8px 0 0 8px
}

.btnSmall .reflash:before {
    background-position: -7px -57px;
    width: 11px;
    height: 11px;
    margin: 7px 5px 0 0
}

.btnSmall .reflash2:before {
    background-position: -7px -69px;
    width: 11px;
    height: 11px;
    margin: 7px 5px 0 0
}

.btnSmall .print:before {
    background-position: -34px -57px;
    width: 16px;
    height: 16px;
    margin: 5px 6px 0 0
}

.btnSmall .down:before {
    background-position: -19px -57px;
    width: 14px;
    height: 13px;
    margin: 5px 6px 0 0
}

.btnSmall .change:before {
    background-position: -51px -57px;
    width: 16px;
    height: 12px;
    margin: 6px 6px 0 0
}

.closeBtn {
    display: inline-block;
    padding: 13px 14px;
    height: 14px
}

.moreBtn {
    display: inline-block;
    padding: 10px;
    height: 10px
}

.arrowBtn {
    display: inline-block;
    padding: 5px 3px
}

.tab_type1 {
    display: inline-block;
    padding: 3px;
    background: #fff;
    height: 30px;
    line-height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    overflow: hidden
}

.tab_type1 .tab_link {
    display: inline-block;
    color: #999;
    font-family: kiaB;
    line-height: 30px;
    text-transform: none;
    vertical-align: top;
    padding: 0 15px;
    margin-left: -4px
}

.tab_type1 .tab_link:first-child {
    margin-left: 0
}

.tab_type1 .tt1_on {
    background: #7e8083;
    color: #fff;
    border-radius: 15px
}

.tab_type1 .tt2_on {
    background: #bb162b;
    color: #fff;
    border-radius: 15px
}

.tab_type2 {
    clear: both;
    text-transform: none
}

.tab_type2 .tab_li {
    min-width: 133px;
    float: left;
    text-align: center;
    font-family: kiaB;
    position: relative
}

.tab_type2 .tab_a {
    display: block;
    padding: 12px 20px;
    min-height: 18px;
    margin-left: 1px;
    color: #fff;
    font-size: 15px;
    background: #a2a2a2
}

.tab_type2 .tab_a.lh {
    padding: 3px 20px
}

.tab_type2 .tab_li:first-child .tab_a {
    margin-left: 0
}

.tab_type2 .tab_on {
    background: #bb162b
}

.tab_type3 .input_box {
    display: none;
    width: auto
}

.tab_type3 .tab_li {
    min-width: 150px;
    float: left;
    margin-left: 1px;
    text-align: center;
    font-family: kiaB;
    position: relative;
    text-transform: none
}

.tab_type3 .tab_li:first-child {
    margin-left: 0
}

.tab_type3 .tab_a {
    display: block;
    padding: 12px;
    height: 21px;
    color: #fff;
    font-size: 15px;
    background: #a2a2a2
}

.tab_type3 .tab_a.lh {
    padding: 5px 20px 4px;
    height: auto
}

.tab_type3 .tab_map:before {
    content: '';
    background-position: 0 0;
    width: 24px;
    height: 19px;
    margin: 0 8px 0 0
}

.tab_type3 .tab_lst:before {
    content: '';
    background-position: -50px 0;
    width: 21px;
    height: 21px;
    margin: -1px 8px 0 0
}

.tab_type3 .tab_email:before {
    content: '';
    background-position: -43px -24px;
    width: 22px;
    height: 15px;
    margin: 2px 8px 0 0
}

.tab_type3 .tab_own:before {
    content: '';
    background-position: 0 -19px;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0
}

.tab_type3 .tab_svc1:before {
    content: '';
    background-position: 0 -41px;
    width: 23px;
    height: 22px;
    margin: -1px 8px 0 0
}

.tab_type3 .tab_svc2:before {
    content: '';
    background-position: -47px -41px;
    width: 24px;
    height: 24px;
    margin: -2px 8px 0 0
}

.tab_type3 .tab_on {
    background: #bb162b
}

.tab_type3 .tab_on .tab_map:before {
    background-position: -25px 0
}

.tab_type3 .tab_on .tab_lst:before {
    background-position: -73px 0
}

.tab_type3 .tab_on .tab_email:before {
    background-position: -66px -24px
}

.tab_type3 .tab_on .tab_own:before {
    background-position: -21px -23px
}

.tab_type3 .tab_on .tab_svc1:before {
    background-position: -23px -41px
}

.tab_type3 .tab_on .tab_svc2:before {
    background-position: -72px -41px
}

.tab_type3.other .tab_li {
    display: table
}

.tab_type3.other .tab_li a {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    padding: 0 12px
}

.form_wrp input,
.form_wrp textarea,
.form_sch input,
.input_box {
    color: #999;
    -webkit-appearance: none
}

.form_wrp input:focus,
.form_wrp textarea:focus,
.form_sch input:focus,
.input_box:focus {
    color: #333
}

:-ms-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

.form_wrp {
    display: block;
    padding: 0 26px 0 0;
    position: relative
}

.form_wrp .input_box {
    width: 100%;
    min-height: 18px;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 5px 12px;
    border-radius: 2px
}

.form_wrp .input_box[disabled] {
    background: #efefef;
    color: #999
}

.form_wrp .input_sch {
    width: 100%;
    min-height: 18px;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 9px 12px;
    border-radius: 2px
}

.form_wrp .sel_box {
    display: block;
    width: 100%;
    padding-right: 24px;
    position: relative
}

.form_wrp .sel_box .selected-headline {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e4e4e4;
    background: #efefef;
    padding: 0 12px;
    border-radius: 2px;
    color: #666;
    cursor: pointer;
    overflow: hidden
}

.form_wrp .sel_box .selected-headline:after {
    content: '';
    background-position: 0 -31px;
    width: 11px;
    height: 8px;
    position: absolute;
    top: 12px;
    right: 12px
}

.form_wrp .sel_box .select-list {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.form_wrp .sel_box .select-list .select-list-link {
    display: block;
    padding: 5px 12px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.form_wrp .sel_box .select-list .select-list-hover,
.form_wrp .sel_box .select-list .select-list-selected {
    background: #bb162b;
    color: #fff
}

.form_wrp .sel_box .select-list-selfocus {
    border: 1px dotted #bb162b !important
}

.form_wrp .sel_box.inp_sel .selected-headline {
    background: #fff;
    border: 1px solid #d0d0d0
}

.form_wrp .sel_box.sch_sel .selected-headline {
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    color: #999;
    padding: 0 12px
}

.form_wrp .sel_box.sch_sel .selected-headline:after {
    top: 15px
}

.form_date {
    display: block;
    padding-right: 44px;
    border: 1px solid #d6d6d6;
    background: #fff;
    border-radius: 2px;
    position: relative
}

.form_date .input_box {
    border: 0;
    padding: 5px 0 5px 12px;
    width: 100%
}

.form_date .spr_calendar {
    position: absolute;
    top: 5px;
    right: 6px
}

.form_chk {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.form_chk input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

.form_chk label {
    cursor: pointer
}

.form_chk label.focus:before {
    border: 1px dotted #bb162b;
    margin: -3px 5px -1px -1px;
    text-decoration: underline
}

.form_chk.check .check_box:before {
    margin-right: 0
}

.form_spr {
    display: block
}

.check_box:before {
    content: '';
    background-position: 0 -15px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: -2px 6px 0 0
}

.check_box.c_on:before {
    content: " ";
    background-position: -32px -15px
}

.radio_box:before {
    content: '';
    background-position: 0 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: -2px 6px 0 0
}

.radio_box.r_on:before {
    content: " ";
    background-position: -32px 0
}

.form_area {
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: top
}

.form_area .form_wrp,
.form_area .form_sch,
.form_area .form_date {
    display: table-cell;
    vertical-align: top
}

.form_area .space {
    width: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.form_area .hypen {
    width: 12px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.form_area .at {
    width: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #999
}

.layer_calendar {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    width: 246px;
    background: #f5f5f5;
    box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.05);
    z-index: 9
}

.layer_calendar .sel_month {
    background: #333;
    padding: 6px;
    text-align: center
}

.layer_calendar .sel_month .this {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: Arial;
    font-weight: bold;
    margin: 0 10px
}

.layer_calendar .sel_month .btn {
    padding: 5px;
    position: relative;
    top: -2px
}

.layer_calendar .sel_date {
    border: 1px solid #bcbcbc;
    border-top: 0;
    padding: 5px 5px 10px
}

.layer_calendar .sel_date th,
.layer_calendar .sel_date td {
    text-align: center;
    padding: 6px 5px;
    font-size: 12px;
    font-family: Arial
}

.layer_calendar .sel_date th {
    border-bottom: 1px solid #dedede;
    color: #222
}

.layer_calendar .sel_date td {
    color: #222
}

.layer_calendar .sel_date td.sat,
.layer_calendar .sel_date td.sat a {
    color: #0575dd
}

.layer_calendar .sel_date td.sun,
.layer_calendar .sel_date td.sun a {
    color: #ea2b2b
}

.layer_calendar .sel_date td span {
    color: #aeaeae
}

.layer_calendar .calbtn_x {
    position: absolute;
    top: 5px;
    right: 5px
}

.layer_calendar.open {
    display: block
}

.form_sch:after {
    content: '';
    clear: both;
    display: block
}

.form_sch .sch_box {
    height: 36px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    padding: 0 58px 0 0;
    position: relative;
    background: #fff
}

.form_sch .sch_box .sch_inp {
    width: 100%;
    padding: 9px 0 9px 14px;
    border: 0
}

.form_sch .sch_box .sch_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px 8px 10px
}

.form_sch .sch_open {
    display: none;
    background: #fff
}

.form_sch .sch_box.sch_round {
    height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    padding: 0 50px 0 0;
    position: relative
}

.form_sch .sch_box.sch_round .sch_inp {
    background: transparent
}

.form_sch .sch_box.sch_round .sch_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 12px 10px 10px
}

.acc_filter {
    overflow: hidden;
    margin: 30px 0 15px
}

.acc_filter .category_area {
    float: left;
    text-transform: none;
    overflow: hidden
}

.acc_filter .category_area .filter_tit {
    display: block;
    float: left;
    font-size: 15px;
    font-family: KiaB;
    height: 40px;
    line-height: 40px;
    margin-right: 15px
}

.acc_filter .category_area .input_box {
    display: none;
    width: auto
}

.acc_filter .category_area ul {
    float: left;
    display: block;
    border-radius: 19px;
    border: 1px solid #e0e0e0;
    padding: 3px;
    background: #fff
}

.acc_filter .category_area ul li {
    float: left
}

.acc_filter .category_area ul li a {
    display: block;
    font-family: KiaB;
    color: #aaa;
    height: 30px;
    line-height: 30px;
    padding: 0 15px
}

.acc_filter .category_area ul li a.on {
    border-radius: 15px;
    background: #7e8083;
    color: #fff
}

.acc_filter .category_area ul li a.on_r {
    border-radius: 15px;
    background: #bc162c;
    color: #fff
}

.acc_filter .search_area {
    float: right
}

.acc_filter .search_area .sch_box.sch_round {
    position: relative;
    height: 38px;
    border: 1px solid #e5e5e5;
    border-radius: 19px;
    padding: 0 50px 0 0;
    margin-top: 2px;
    background: #fff
}

.acc_filter .search_area .sch_box .sch_inp {
    width: 100%;
    padding: 10px 0 10px 14px;
    border: 0;
    color: #999
}

.acc_filter .search_area .sch_box.sch_round .sch_inp {
    background: transparent
}

.acc_filter .search_area .sch_box.sch_round .sch_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 12px 10px 10px
}

.con_tit {
    font-size: 36px;
    color: #000;
    line-height: 30px;
    text-transform: none
}

.con_tit:after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #bb162b;
    margin-top: 18px
}

.con_stit {
    font-size: 22px;
    color: #333;
    text-transform: none;
    margin-top: 12px
}

.con_stit:before {
    content: '';
    display: block;
    width: 33px;
    height: 2px;
    background: #d5172e;
    position: relative;
    top: -12px
}

.bl_type1 {
    padding-left: 13px;
    font-size: 16px;
    color: #333;
    text-transform: none
}

.bl_type1:before {
    content: '';
    background-position: right 0;
    width: 8px;
    height: 10px;
    margin: 5px 5px 0 -13px
}

.bl_type2 {
    padding-left: 10px;
    font-family: kiaM;
    font-size: 14px;
    color: #000
}

.bl_type2:before {
    content: '';
    background-position: right -11px;
    width: 4px;
    height: 4px;
    margin: 8px 6px 0 -10px
}

.bl_type3 {
    padding-left: 10px;
    font-family: kiaM;
    color: #666
}

.bl_type3:before {
    content: '';
    background-position: right -16px;
    width: 4px;
    height: 4px;
    margin: 8px 6px 0 -10px
}

.bl_type4 {
    padding-left: 7px;
    font-family: kiaM;
    color: #767676
}

.bl_type4:before {
    content: '';
    width: 3px;
    height: 3px;
    margin: 8px 4px 0 -7px;
    background: #aeaeae
}

.bl_type5 {
    padding-left: 7px;
    color: #000
}

.bl_type5:before {
    content: '';
    background-position: right -61px;
    width: 3px;
    height: 5px;
    margin: 8px 4px 0 -7px
}

.bl_type_a {
    display: inline-block;
    padding-left: 10px;
    text-decoration: underline;
    font-size: 11px;
    color: #333;
    text-transform: none
}

.bl_type_a:before {
    content: '';
    background-position: right -21px;
    width: 5px;
    height: 7px;
    margin: 6px 5px 0 -10px
}

.bl_typeW_a {
    display: inline-block;
    padding-left: 10px;
    text-decoration: underline;
    font-size: 11px;
    color: #fff;
    text-transform: none
}

.bl_typeW_a:before {
    content: '';
    background-position: right -28px;
    width: 5px;
    height: 7px;
    margin: 6px 5px 0 -10px
}

.bl_typeR_a {
    display: inline-block;
    text-decoration: underline;
    font-size: 12px;
    color: #666;
    text-transform: none
}

.bl_typeR_a:after {
    content: '';
    background-position: right -21px;
    width: 5px;
    height: 7px;
    margin: 6px 0 0 6px
}

.bl_type_note {
    position: relative;
    padding-left: 24px;
    font-size: 12px;
    margin-top: 5px;
    text-align: left
}

.bl_type_note:before {
    content: '';
    background-position: -61px -40px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0
}

.bl_type_note .note_dt {
    font-size: 13px;
    color: #767676;
    text-transform: none
}

.bl_type_note .note_dd {
    color: #9c9c9c;
    line-height: 16px;
    margin: 3px 0 0 0
}

.bl_type_note .note_p {
    margin: 10px 0;
    color: #666
}

.note_area {
    border-top: 1px solid #d7d7d7;
    margin-top: 25px;
    padding-top: 5px
}

.array_area .array_a {
    display: inline-block;
    color: #999;
    vertical-align: top
}

.array_area .array_a.on {
    color: #bb162b
}

.array_area .array_a.on:after {
    content: '';
    display: block;
    margin: 0 auto;
    background-position: right -67px;
    width: 7px;
    height: 4px
}

h3.bl_type1,
h4.bl_type1,
h5.bl_type1 {
    margin: 20px 0 10px
}

h3.bl_type1:first-child,
h4.bl_type1:first-child,
h5.bl_type1:first-child {
    margin-top: 0
}

strong.bl_type2 {
    display: block;
    margin: 10px 0
}

.list_type1 {
    margin: 10px 0
}

.list_type1 li {
    margin: 4px 0 4px 12px
}

.h_type1 {
    font-size: 24px;
    line-height: 28px
}

.txt_desc1 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px
}

.txt_desc2 {
    font-size: 13px;
    color: #666
}

.txt_desc3 {
    font-size: 13px;
    margin-bottom: 20px
}

.txt_desc4 {
    margin: 10px 0 10px 13px;
    color: #666
}

.accordion>li {
    margin-top: 1px
}

.accordion>li:first-child {
    margin-top: 0
}

.accordion .accordionTit {
    display: block;
    color: #fff;
    font-family: KiaB;
    font-size: 18px;
    padding: 11px 0 11px 32px;
    background: #424242 url(../../../content/dam/kwcms/gt/en/images/common/icon_accordion.png) no-repeat;
    background-position: right 15px
}

.accordion .accordionTit.on {
    background: #424242 url(../../../content/dam/kwcms/gt/en/images/common/icon_accordion.png) no-repeat;
    background-position: right -45px
}

.accordion .accordionCont {
    display: none;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 30px 30px 40px
}

.accordion .accordionTit.on+.accordionCont {
    display: block !important
}

.tleft {
    text-align: left !important
}

.tright {
    text-align: right !important
}

.tcenter {
    text-align: center !important
}

.tableWrap {
    position: relative;
    margin-top: 15px;
    border: 1px solid #7d7d7d;
    border-top: 0;
    padding-bottom: 1px
}

.tableWrap .tableTit {
    width: 100%
}

.tableWrap .tableTit strong {
    display: block;
    padding: 15px 14px;
    background: #424242;
    font-size: 15px;
    color: #fff
}

.tableWrap th {
    padding: 10px 14px
}

.tableWrap td {
    padding: 10px 14px;
    border-top: 1px solid #d6d6d6;
    color: #666;
    font-family: kiaM;
    text-align: left;
    font-size: 13px
}

.tableWrap th[class*=tableTh] {
    height: 18px;
    background: #f8f8f8;
    font-family: kiaB;
    font-size: 14px;
    color: #000;
    text-align: left
}

.tableWrap th.tableTh2 {
    border-top: 1px solid #d6d6d6
}

.tableWrap th.tableTh3 {
    background: #fff;
    font-size: 13px;
    border-top: 1px solid #d6d6d6;
    color: #333;
    font-family: kiaM
}

.tableWrap .tableFix {
    position: relative;
    float: left;
    width: 212px;
    z-index: 9
}

.tableWrap .fixArea {
    background: #fff
}

.tableWrap .fixArea th,
.tableWrap .fixArea td {
    border-right: 1px solid #d6d6d6;
    width: 258px;
    word-break: break-word
}

.tableWrap .tableScroll {
    overflow: hidden;
    overflow-x: scroll
}

.tableWrap .scrollArea {
    table-layout: fixed;
    overflow: hidden;
    background: #fff
}

.tableWrap .scrollArea th {
    border-left: 1px solid #d6d6d6;
    font-family: kiaB;
    font-size: 14px;
    color: #000;
    text-align: center
}

.tableWrap .scrollArea th.tableTh2 {
    border-bottom: 1px solid #d6d6d6;
    border-top: 0
}

.tableWrap .scrollArea th div {
    position: relative;
    margin: 0;
    padding: 0
}

.tableWrap .scrollArea th span.scrollTh {
    position: absolute
}

.tableWrap .scrollArea td {
    border-left: 1px solid #d6d6d6;
    color: #666;
    text-align: center
}

.tableWrap .scrollArea th:first-child,
.tableWrap .scrollArea td:first-child {
    border-left: 0
}

.table_type1 {
    position: relative
}

.table_type1:before {
    content: '';
    display: block;
    background: #bb162b;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0
}

.table_type1:after {
    content: '';
    display: block;
    background: #7d7d7d;
    width: 100%;
    height: 2px;
    position: absolute
}

.table_type1 th {
    background: #f5f5f5;
    padding: 8px 18px
}

.table_type1 td {
    padding: 12px 18px;
    color: #666;
    line-height: 20px;
    text-align: center
}

.table_type1 th,
.table_type1 td {
    border-left: 1px solid #d6d6d6
}

.table_type1 th:first-child,
.table_type1 td:first-child {
    border-left: 0
}

.table_type1 tbody tr {
    border-top: 1px solid #d6d6d6
}

.table_type1 tbody tr:first-child {
    border-top: 0
}

.table_type2 {
    border: 1px solid #e2e2e2
}

.table_type2.tborder {
    border-top: 2px solid #515151
}

.table_type2 th,
.table_type2 td {
    border: 1px solid #e2e2e2;
    font-family: kiaM;
    font-size: 12px;
    padding: 8px 10px;
    text-align: left
}

.table_type2 th {
    background: #f8f8f8;
    border-bottom: 0;
    vertical-align: top
}

.table_type2 td {
    color: #666;
    word-break: break-all
}

.table_type3 {
    border-top: 2px solid #515151;
    border-bottom: 2px solid #7d7d7d
}

.table_type3 th,
.table_type3 td {
    padding: 8px 10px;
    text-align: center;
    border-left: 1px solid #d6d6d6
}

.table_type3 th:first-child,
.table_type3 td:first-child {
    border-left: 0
}

.table_type3 thead th {
    background: #f5f5f5;
    font-size: 14px
}

.table_type3 tbody th {
    border-top: 1px solid #d6d6d6
}

.table_type3 td {
    border-top: 1px solid #d6d6d6;
    color: #666;
    font-size: 12px
}

.table_type4 {
    border: 1px solid #e8e8e8;
    border-top: 0;
    font-size: 13px
}

.table_type4 .tbl_tr {
    display: table;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.table_type4 .tbl_th {
    display: table-cell;
    width: 20%;
    font-family: kiaM;
    padding: 8px 20px;
    border-right: 1px solid #e8e8e8;
    background: #f8f8f8;
    vertical-align: middle;
    color: #333
}

.table_type4 .tbl_td {
    display: table-cell;
    padding: 8px 20px;
    color: #666
}

.nodata {
    clear: both;
    float: none;
    width: 100%;
    padding: 205px 0 !important;
    text-align: center
}

.nodata span {
    display: inline-block;
    padding-left: 45px;
    color: #999;
    font-size: 20px;
    font-family: kiaB;
    line-height: 30px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_nodata_w.gif) no-repeat
}

.no_result {
    padding: 100px 0 !important;
    text-align: center;
    color: #999
}

.no_result .spr_warn:before {
    vertical-align: middle;
    margin-right: 8px
}

.no_result_box {
    margin-top: 15px;
    padding: 200px 30px;
    border: 1px solid #d0d0d0;
    background: #e9e9e9;
    text-align: center;
    text-transform: none
}

.no_result_box .no_txt {
    margin-bottom: 20px;
    font-size: 20px;
    font-family: kiaB;
    line-height: 26px
}

.bbs_edit {
    height: 38px;
    margin-bottom: 25px;
    position: relative
}

.bbs_edit .bbs_count {
    padding: 10px 0
}

.bbs_edit .bbs_sch {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px
}

.bbs_order {
    margin-bottom: 10px;
    float: right;
    font-size: 15px
}

.bbs_order .cmm_tspr {
    display: inline-block;
    color: #666
}

.bbs_order .cmm_tspr:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #ccc;
    vertical-align: middle;
    margin: 0 8px 0 4px
}

.bbs_order .cmm_tspr:first-child:before {
    display: none
}

.bbs_order .order_on {
    color: #bb162b;
    font-family: kiaB
}

.bbs_order .order_on:after {
    content: '';
    width: 8px;
    height: 6px;
    background-position: right -37px;
    vertical-align: middle;
    margin-left: 5px
}

.bbs_write {
    text-align: right;
    margin: -25px 0
}

.end_event {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8
}

.end_event .note {
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    padding-top: 130px;
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    color: #fff
}

.end_event .note:before {
    content: '';
    display: block;
    width: 100%;
    height: 282px;
    background: url(../../../content/dam/kwcms/gt/en/images/common/bg_note_box.png) center 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

[class*=bbs_type] {
    clear: both;
    margin-bottom: 40px;
    position: relative;
    z-index: 8
}

[class*=bbs_type] .bbs_info .h:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 3px 0 5px
}

[class*=bbs_type] .bbs_info .file_a {
    color: #bb162b;
    text-decoration: underline;
    margin-right: 5px
}

[class*=bbs_type] .bbs_sort,
[class*=bbs_type] .bbs_date,
[class*=bbs_type] .bbs_file,
[class*=bbs_type] .bbs_txt {
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    color: #999
}

[class*=bbs_type] .bbs_body {
    display: none;
    clear: both;
    line-height: 24px;
    color: #666
}

[class*=bbs_type] .bbs_open .bbs_body {
    display: block
}

.bbs_type1 {
    border-top: 2px solid #7d7d7d;
    background: #fff
}

.bbs_type1 .no_result_box {
    margin-top: 0;
    border-top: 0
}

.bbs_type1 .bbs_li {
    border: 1px solid #e3e3e3;
    border-top: 0
}

.bbs_type1 .bbs_head {
    padding: 26px 28px;
    overflow: hidden;
    position: relative
}

.bbs_type1 .bbs_head:hover {
    background: #fcfcfc
}

.bbs_type1 .bbs_info {
    padding-right: 120px;
    overflow: hidden
}

.bbs_type1 .bbs_tit {
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin-top: 5px
}

.bbs_type1 .bbs_date,
.bbs_type1 .bbs_txt {
    margin-right: 30px
}

.bbs_type1 .bbs_hit {
    position: absolute;
    top: 26px;
    right: 28px;
    border-left: 1px solid #e3e3e3;
    padding: 8px 0 8px 35px;
    text-align: center;
    color: #999;
    font-size: 13px
}

.bbs_type1 .bbs_hit .h {
    display: block;
    margin-bottom: 2px
}

.bbs_type1 [class*=bbs_pro] {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 116px;
    height: 20px;
    border-left: 1px solid #e3e3e3;
    padding: 12px 0;
    text-align: center
}

.bbs_type1 .bbs_pro1 {
    color: #1a619e
}

.bbs_type1 .bbs_pro2 {
    color: #bb162b
}

.bbs_type1 .bbs_body {
    padding: 34px 48px;
    background: #fcfcfc;
    border-top: 1px solid #e3e3e3;
    position: relative
}

.bbs_type1 .bbs_body:before {
    content: '';
    display: block;
    width: 24px;
    height: 12px;
    background: url(../../../content/dam/kwcms/gt/en/images/common/bg_open_con.png) 0 0 no-repeat;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -12px
}

.bbs_type1 .bbs_li.bbs_open .bbs_body {
    display: block
}

.bbs_type2 {
    margin: -20px -10px 40px
}

.bbs_type2 .moreBtn {
    position: absolute;
    right: 0;
    bottom: 0
}

.bbs_type2 .closeBtn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

.bbs_type2 .bbs_li {
    float: left;
    width: 33.3%;
    margin-top: 20px
}

.bbs_type2 .bbs_wrp {
    margin: 0 10px;
    padding-top: 3px;
    overflow: hidden;
    position: relative
}

.bbs_type2 .bbs_body {
    background: #fff;
    padding: 0 30px 30px
}

.bbs_type2 .bbs_info {
    display: block;
    background: #fff;
    padding: 20px 15px;
    position: relative
}

.bbs_type2 .bbs_info_2 {
    height: 240px;
    margin: 0 -100%;
    position: relative;
    display: block;
    background: #fff;
    padding: 20px 15px
}

.bbs_type2 .bbs_img {
    height: 240px;
    margin: 0 -100%;
    position: relative;
    text-align: center
}

.bbs_type2 .bbs_img img {
    height: 100%
}

.bbs_type2 .bbs_img .thumb {
    height: 100%
}

.bbs_type2 .bbs_img .viewer {
    display: none
}

.bbs_type2 .bbs_img .bbsPlay {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    background: url(../../../content/dam/kwcms/gt/en/images/pip/img_pip_play.png) no-repeat 0 0;
    text-indent: -9999px;
    width: 57px;
    height: 57px;
    margin: -28px 0 0 -28px
}

.bbs_type2 .bbs_tit {
    display: block;
    height: 38px;
    overflow: hidden;
    font-size: 15px;
    font-family: kiaM
}

.bbs_type2 .bbs_wrp a:hover {
    color: #fff
}

.bbs_type2 .bbs_wrp a:hover .bbs_info {
    background: #bb162b;
    color: #fff
}

.bbs_type2 .bbs_wrp a:hover .bbs_date {
    color: #fff
}

.bbs_type2 .bbs_date span {
    display: block
}

.bbs_type2 .endPromotion {
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 1006
}

.bbs_type2 {
    margin: -20px -20px 40px 0
}

.bbs_type2 .no_result {
    margin: 20px 20px 0 0;
    background: #fff
}

.bbs_type2 .moreBtn {
    position: absolute;
    right: 0;
    bottom: 0
}

.bbs_type2 .closeBtn {
    display: none;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 9
}

.bbs_type2 .bbs_li {
    float: left;
    width: 33.3%;
    margin-top: 20px
}

.bbs_type2 .bbs_wrp {
    position: relative;
    overflow: hidden;
    margin-right: 20px
}

.bbs_type2 .bbs_body {
    background: #fff;
    padding: 0 30px 30px
}

.bbs_type2 .bbs_info {
    background: #fff;
    padding: 20px 15px;
    position: relative
}

.bbs_type2 .bbs_img {
    width: auto;
    height: 240px;
    margin: 0 -100%;
    position: relative;
    text-align: center
}

.bbs_type2 .bbs_img img {
    height: 100%
}

.bbs_type2 .bbs_img .thumb {
    height: 100%
}

.bbs_type2 .bbs_img .viewer {
    display: none
}

.bbs_type2 .bbs_tit {
    display: block;
    font-size: 15px;
    font-family: kiaM;
    line-height: 20px
}

.bbs_type2 .bbs_wrp:hover .bbs_info {
    background: #bb162b;
    color: #fff
}

.bbs_type2 .bbs_wrp:hover .bbs_info a {
    color: #fff
}

.bbs_type2 .bbs_wrp:hover .bbs_date {
    color: #fff
}

.bbs_type2 .bbs_open {
    width: 100%
}

.bbs_type2 .bbs_open .closeBtn {
    display: block
}

.bbs_type2 .bbs_open .bbs_img {
    margin: 0;
    height: auto
}

.bbs_type2 .bbs_open .bbs_img img {
    width: 100%
}

.bbs_type2 .bbs_open .bbs_img .thumb {
    display: none
}

.bbs_type2 .bbs_open .bbs_img .viewer {
    display: block
}

.bbs_type2 .bbs_open .moreBtn {
    display: none
}

.bbs_type2 .bbs_open .bbs_info {
    padding: 25px 30px
}

.bbs_type2 .bbs_open .bbs_tit {
    height: auto;
    font-size: 21px;
    font-family: kiaB;
    line-height: 30px;
    color: #000
}

.bbs_type2 .bbs_open .bbs_wrp:hover .bbs_info {
    background: #fff;
    color: #000
}

.bbs_type2 .bbs_open .bbs_wrp:hover .bbs_date {
    color: #999
}

.bbs_view {
    background: #fff;
    position: relative
}

.bbs_view .bbs_img img {
    width: 100%;
    height: 100%
}

.bbs_view .bbs_info {
    padding: 30px 30px 40px;
    font-size: 13px;
    color: #666
}

.bbs_view .bbs_info .bbs_tit {
    display: block;
    font-size: 22px;
    line-height: 25px;
    color: #000
}

.bbs_view .bbs_info .bbs_date {
    display: block;
    font-size: 12px;
    margin: 8px 0 10px;
    color: #999
}

.bbs_view .bbs_info .con_share {
    margin: 20px 0;
    float: none
}

.endTxt {
    margin-top: 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 15px;
    border: 1px solid #e5e5e5;
    background: #f8f8f8
}

.bbs_view .endPromotion {
    position: absolute;
    top: -5px;
    left: 10px;
    z-index: 1006
}

.bbs_navi {
    margin-top: 15px
}

.bbs_navi .navi_prev {
    margin-bottom: 2px
}

.bbs_navi .navi_prev,
.bbs_navi .navi_next {
    display: table;
    width: 100%
}

.bbs_navi .navi_btn {
    display: table-cell;
    width: 100px;
    background: #e9e9e9;
    font-family: kiaB;
    padding: 20px;
    text-transform: none;
    vertical-align: middle
}

.bbs_navi .navi_txt {
    display: table-cell;
    background: #fff;
    padding: 20px
}

.bbs_navi .navi_txt a .date {
    float: right;
    color: #666
}

.spr_bbs_prev:before {
    content: '';
    background-position: -80px -30px;
    width: 11px;
    height: 9px;
    vertical-align: middle;
    margin: -4px 10px 0 0
}

.spr_bbs_next:before {
    content: '';
    background-position: -92px -30px;
    width: 11px;
    height: 9px;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.pg_num_area {
    text-align: center;
    margin-top: 20px;
    font-size: 0;
    vertical-align: top;
    font-size: 12px
}

.pg_num_area .pg_arrow {
    display: inline-block;
    width: 8px;
    height: 13px;
    vertical-align: top;
    margin-top: 10px
}

.pg_num_area .pg_prev {
    width: 8px;
    background-position: -80px -13px;
    margin-right: 8px
}

.pg_num_area .pg_next {
    width: 8px;
    background-position: -94px -13px;
    margin-left: 8px
}

.pg_num_area .pg_num {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 2px;
    color: #464646;
    text-align: center;
    line-height: 30px;
    margin: 0 5px
}

.pg_num_area .pg_num_on {
    background: #898989;
    border: 1px solid #898989;
    color: #fff
}

.pg_btn_area {
    text-align: center;
    margin-top: 25px;
    font-size: 0;
    vertical-align: top
}

.pg_btn_area .pg_btn {
    display: inline-block;
    background-position: -61px -61px;
    width: 10px;
    height: 10px;
    margin: 0 2px
}

.pg_btn_area.pg_btn_w .pg_btn {
    background-position: -72px -61px
}

.pg_btn_area .pg_btn.pg_btn_on {
    background-position: -50px -61px
}

.popup_wrap {
    max-width: 740px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 15px;
    min-width: 290px;
    z-index: 1006
}

.popup_wrap .con_share {
    float: right
}

.popup_wrap .closeBtn {
    position: absolute;
    top: 0;
    right: 0
}

.popup .pop_tit {
    font-size: 22px;
    background: #bb162b;
    padding: 16px 25px;
    color: #fff
}

.popup .pop_con {
    padding: 25px;
    background: #fff;
    position: relative
}

.popup .closeBtn {
    padding: 18px
}

.popup_viewer .viewer_img img {
    width: 100%
}

.popup_viewer .viewer_dsc {
    background: #fff;
    padding: 18px 30px
}

.popup_viewer .viewer_dsc .tit {
    font-size: 15px;
    font-family: kiaM
}

.popup_viewer .viewer_dsc .txt {
    font-size: 13px;
    color: #666;
    margin-top: 10px
}

.popup_note .note_con {
    border-top: 5px solid #bb162b;
    padding: 35px 50px;
    background: #fff
}

.popup_note .note_con .tit {
    font-size: 20px;
    color: #464646;
    margin-bottom: 15px
}

.popup_note .note_con .txt {
    line-height: 22px
}

.popup_tool .pop_tit {
    background: #f7f7f7;
    padding: 20px;
    border-bottom: 1px solid #d6d6d6
}

.popup_tool .pop_tit .tit {
    font-size: 22px;
    color: #666;
    display: inline-block;
    margin-right: 5px
}

.popup_tool .pop_tit .by {
    font-size: 12px;
    color: #bb162b
}

.popup_tool .pop_con {
    background: #fff;
    padding: 20px
}

.popup_tool .pop_con label {
    display: inline-block;
    margin-bottom: 5px
}

.popup_tool .pop_con .send_name {
    float: left;
    width: 48%
}

.popup_tool .pop_con .send_mail {
    float: right;
    width: 48%
}

.popup_tool .pop_con .send_con {
    clear: both;
    padding-top: 10px
}

.popup_tool .closeBtn {
    top: 10px;
    right: 10px
}

.pop_desc {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.pop_desc .desc_con {
    display: none;
    width: 470px;
    background: #fff;
    border: 2px solid #979797;
    padding: 18px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    line-height: 20px
}

.pop_desc .desc_con .tit {
    display: block;
    font-size: 22px;
    color: #666;
    margin-bottom: 18px
}

.pop_desc .desc_con.pop_on {
    display: block
}

.pop_desc .closeBtn {
    position: absolute;
    top: 5px;
    right: 5px
}

#wrap,
#header,
.snb_wrap {
    min-width: 980px;
    margin: 0 auto
}

#header,
#container,
#footer {
    width: 100%;
    position: relative
}

.inner {
    width: 940px;
    margin: 0 auto;
    position: relative
}

.dummy_header {
    display: block;
    width: 100%;
    height: 86px;
    background: rgba(255, 0, 0, 0.3) url(../../../content/dam/kwcms/gt/en/images/@header.png) center 0 no-repeat;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: kiaB;
    line-height: 86px
}

.dummy_footer {
    display: block;
    width: 100%;
    height: 100px;
    background: rgba(255, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: kiaB;
    line-height: 100px
}

.dummy_class {
    background: rgba(255, 0, 0, 0.3)
}

#header {
    border-bottom: 4px solid #bc162c;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 1004
}

#header:before {
    content: '';
    display: block;
    width: 100%;
    height: 31px;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    position: absolute;
    left: 0;
    top: 0
}

#header .header_in {
    width: 960px;
    margin: 32px auto 0;
    padding: 8px 0;
    position: relative;
    zoom: 1
}

#header .header_in:after {
    content: '';
    display: block;
    clear: both
}

#header .logo_h1 {
    float: left;
    margin-right: 8px
}

#header .logo_h1 .lg_a {
    display: inline-block
}

#header .logo_h1 .lg_img {
    width: 75px
}

.open_gnb {
    display: none
}

.gnb_area {
    text-transform: none
}

.gnb_area .gnb_nav {
    float: left
}

.gnb_area .gnb_nav .dth1_l {
    float: left;
    margin-left: 0
}

.gnb_area .gnb_nav .dth1_a {
    display: block;
    padding: 10px 8px;
    font-size: 16px;
    font-family: kiaB
}

.gnb_area .gnb_nav .dth2_u {
    display: none;
    width: 240px;
    position: absolute;
    top: 58px;
    margin-left: -10px;
    z-index: 999;
    background: #fff
}

.gnb_area .gnb_nav .dth2_l {
    border-top: 1px solid #dfdfdf
}

.gnb_area .gnb_nav .dth2_l:first-child {
    border-top: 0
}

.gnb_area .gnb_nav .dth2_a {
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    font-family: kiaB
}

.gnb_area .gnb_nav .dth_on .dth1_a {
    color: #bb162b
}

.gnb_area .gnb_nav .dth_on .dth2_u {
    display: block
}

.gnb_area .gnb_nav .dth_pip {
    left: 0;
    margin-left: 0;
    width: 100%
}

.gnb_area .gnb_nav .dth_pip .car_tab {
    display: block;
    background: #fafafa;
    padding: 18px 10px;
    border-bottom: 1px solid #d3d3d3
}

.gnb_area .gnb_nav .dth_pip .car_tab .sort_a {
    display: inline-block;
    margin-right: 40px
}

.gnb_area .gnb_nav .dth_pip .car_tab .sort_a .spr_sort:before {
    content: '';
    background-position: -61px 0;
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.gnb_area .gnb_nav .dth_pip .car_tab .sort_on .spr_sort:before {
    content: " ";
    background-position: -61px -20px
}

.gnb_area .gnb_nav .dth_pip .car_grid {
    display: none;
    overflow: hidden
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_u {
    margin: 0 -2px -1px 0
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_l {
    float: left;
    width: 20%;
    background: #bbb;
    height: 160px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_l .grid_box {
    position: relative;
    display: block;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_l.new_car .grid_box {
    background: #fff url('../../../content/dam/kwcms/co/es/images/common/new.png') 0 0 no-repeat !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .new_car .grid_box:hover {
    background: #bb162b url('../../../content/dam/kwcms/co/es/images/common/new.png') 0 0 no-repeat !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_l.upcoming .grid_box {
    background: #fff url('../../../content/dam/kwcms/co/es/images/common/upcoming.png') 0 0 no-repeat !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .upcoming .grid_box:hover {
    background: #bb162b url('../../../content/dam/kwcms/co/es/images/common/upcoming.png') 0 0 no-repeat !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box.anim:hover {
    background: #fff !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box.anim .animate {
    display: none;
    width: 0;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    background: #fff
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box.anim .animate img {
    position: absolute;
    left: 0;
    top: 0
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_img {
    opacity: 0.5
}
.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_txt {
    display: none
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt {
    display: block;
    height: 70px;
    margin-top: 10px;
    padding-top: 20px;
    font-family: kiaM;
    font-size: 14px;
    color: #fff;
    background: 0
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt.g_nonetxt {
    height: 90px;
    margin-top: 10px;
    padding-top: 0
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt span {
    display: block;
    height: 53px;
    font-family: kiaB;
    font-size: 20px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_txt img {
    height: 100%
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_l:nth-child(odd) .grid_box {
    background: #fafafa
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box {
    border-bottom: 1px solid #dbe2ea;
    border-right: 1px solid #dbe2ea;
    padding: 10px 4px 20px;
    text-align: center
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_img {
    display: block;
    height: 90px;
    margin-top: 10px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_img img {
    height: 100%
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_name {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_btn {
    display: block;
    margin-top: 6px;
    font-family: kiaB;
    text-transform: capitalize;
    font-size: 13px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_btn .grid_a {
    display: inline-block;
    min-width: 44px;
    background: #737373;
    color: #fff;
    border-radius: 11px;
    padding: 0 10px;
    line-height: 22px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_btn .grid_a:first-child {
    background-color: #9e9e9e
}

.gnb_area .gnb_nav .dth_pip .car_grid.on {
    display: block
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover {
    background: #bb162b !important
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_name {
    color: #fff
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_btn .grid_a {
    background: #fff;
    color: #bb162b
}

.gnb_area .gnb_nav .dth_pip .new_cars_type {
    border-top: 1px solid #d3d3d3;
    overflow: hidden;
    padding: 15px 8px
}

.gnb_area .gnb_nav .dth_pip .new_cars_type ul li {
    float: left;
    padding: 0 12px
}

.gnb_area .gnb_nav .dth_pip .new_cars_type ul li a {
    font-size: 12px
}

.util_area {
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 26px;
    padding-top: 5px;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    text-align: right
}

.util_area .util_menu {
    display: inline-block
}

.util_area .util_menu .util_l {
    display: inline-block;
    font-size: 11px;
    background: url(../../../content/dam/kwcms/gt/en/images/common/bl_stick.gif) 0 4px no-repeat;
    padding-left: 15px;
    margin-left: 11px
}

.util_area .util_menu .util_l:first-child {
    background: 0
}

.util_area .util_menu .util_l .util_a {
    color: #999;
    font-family: kiaB
}

.util_area .util_search {
    display: inline-block;
    margin-left: 14px
}

.util_area .util_search .u_sch_box {
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    padding: 1px 11px;
    background: #fff;
    height: 18px
}

.util_area .util_search .u_sch_box .sch_inp {
    width: 102px;
    background: #fff;
    border: 0;
    font-size: 12px
}

.util_area .util_search .u_sch_box .spr_search {
    background-position: -45px -17px;
    width: 14px;
    height: 14px
}

.go_build {
    position: absolute;
    top: 12px;
    right: 0;
    font-family: kiaB;
    font-size: 15px
}

.gnb_dimmed {
    display: none;
    position: fixed;
    top: 86px;
    left: 0;
    border-top: 4px solid #bc162c;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1003
}

.pip_wrap #header {
    border-bottom: 0 !important
}

.pip_wrap #container {
    padding-top: 135px !important
}

.snb_wrap {
    width: 100%;
    height: 49px;
    background: #bb162b;
    text-transform: none;
    position: fixed;
    top: 90px;
    margin-top: -4px;
    z-index: 1002
}

.snb_wrap .snb_tit {
    float: left;
    overflow: hidden;
    height: 49px;
    line-height: 49px;
    color: #fff;
    font-size: 25px
}

.snb_wrap .snb_tit .lg_a {
    display: block
}

.snb_wrap .open_snb {
    color: #fff
}

.snb_wrap .snb_nav {
    float: right;
    display: inline-block;
    overflow: hidden
}

.snb_wrap .snb_nav .sdth1_l {
    float: left;
    font-size: 14px
}

.snb_wrap .snb_nav .sdth1_a {
    display: block;
    padding: 0 25px;
    line-height: 49px;
    color: #dd8b95
}

.snb_wrap .snb_nav .sdth1_a:focus {
    text-decoration: none
}

.snb_wrap .snb_nav .sdth1_l.sdth_on {
    border-left-color: #821a27
}

.snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a {
    font-family: kiaB;
    color: #fff;
    position: relative
}

.snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #fff
}

.snb_wrap.snb_pip .open_snb {
    display: none
}

.snb_wrap.snb_pip .snb_tit {
    width: 238px;
    margin-left: -10px
}

.snb_wrap.snb_pip .snb_tit .lg_img {
    height: 100%
}

.snb_wrap.snb_pip .snb_nav {
    float: left;
    background: #bb162b
}

.snb_wrap.snb_pip .snb_nav .sdth1_l {
    margin-left: 28px
}

.snb_wrap.snb_pip .snb_nav .sdth1_l:first-child {
    margin-left: 0
}

.snb_wrap.snb_pip .snb_nav .sdth1_a {
    padding: 0 5px
}

.sales_kit {
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    border-right: 1px solid #c22e41
}

.sales_kit .kit {
    display: block;
    padding: 19px 22px 12px;
    border-left: 1px solid #920510;
    border-right: 1px solid #920510
}

.sales_kit .kit .spr_basket {
    background-position: 0 -34px;
    width: 47px;
    height: 12px
}

.sales_kit .kit_menu {
    display: none;
    width: 185px;
    position: absolute;
    right: 0
}

.sales_kit .kit_menu .kit_l {
    background: #bb162b;
    border-top: 1px solid #920510
}

.sales_kit .kit_menu .kit_a {
    display: block;
    border-top: 1px solid #c22e41;
    padding: 6px 13px;
    color: #fff;
    font-size: 12px
}

.sales_kit .kit_menu .kit_tspr:before {
    content: '';
    width: 14px;
    height: 14px;
    margin: 2px 8px 0 0
}

.sales_kit .kit_menu .spr_kit1:before {
    background-position: 0 0
}

.sales_kit .kit_menu .spr_kit2:before {
    background-position: 0 -16px
}

.sales_kit .kit_menu .spr_kit3:before {
    background-position: -16px 0
}

.sales_kit .kit_menu .spr_kit4:before {
    background-position: -16px -16px
}

.sales_kit.open .kit {
    background: #74000f
}

.sales_kit.open .kit .spr_basket {
    background-position: 0 -48px
}

.sales_kit.open .kit_menu {
    display: block
}

#container {
    padding-top: 90px;
    background: url(../../../content/dam/kwcms/gt/en/images/common/bg_container.png) repeat;
    z-index: 1001
}

#content.subContents {
    padding: 50px 0 100px
}

.content_title {
    width: 940px;
    margin: 0 auto;
    zoom: 1
}

.content_title:after {
    content: '';
    clear: both;
    display: block
}

.content_title .con_tit {
    float: left
}

.content_detail {
    margin-top: 30px
}

.con_box {
    margin: -1px auto 0 auto;
    padding: 20px 19px;
    position: relative;
    background: #fff;
    border: 1px solid #e3e3e3
}

.con_share {
    float: right
}

.con_share .share {
    text-transform: none;
    font-size: 11px;
    color: #666;
    margin-right: 6px;
    line-height: 22px;
    font-family: kiaB
}

.con_navi {
    float: right;
    text-transform: none;
    font-size: 11px
}

.con_navi .spr_home2 {
    width: 14px;
    height: 14px;
    margin: 2px 0 0 0
}

.con_navi .spr_home {
    background-position: -46px -32px;
    width: 14px;
    height: 14px;
    margin: 2px 0 0 0
}

.con_navi .depth {
    color: #666;
    display: inline-block
}

.con_navi .depth.current {
    color: #333
}

.con_navi .gt {
    color: #666;
    display: inline-block;
    margin: 0 5px
}

.con_intro {
    margin-bottom: 20px;
    line-height: 20px
}

.con_intro .desc1 {
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0
}

.con_intro .desc2 {
    font-size: 13px;
    color: #666
}

.con_intro .desc3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    text-transform: none
}

#footer {
    padding-bottom: 35px
}

.site_navi {
    border-top: 1px solid #e2e2e2;
    line-height: 14px;
    font-size: 11px;
    text-transform: none
}

.site_navi .spr_home:before {
    content: '';
    background-position: -46px -32px;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0
}

.site_navi .gt {
    display: table-cell;
    width: 21px;
    height: 40px;
    color: transparent;
    text-indent: -999px;
    background: url(../../../content/dam/kwcms/gt/en/images/common/bg_footer_nav.gif) 0 0 no-repeat;
    margin-left: -5px;
    vertical-align: middle
}

.site_navi .depth {
    display: table-cell;
    padding: 12px 10px;
    color: #666;
    position: relative
}

.site_navi .depth:first-child {
    padding-left: 0
}

.site_navi .current {
    color: #333
}

.site_menu {
    border-top: 1px solid #e2e2e2;
    text-transform: none;
    overflow: hidden
}

.site_menu .inner {
    display: table;
    max-width: 100%
}

.site_menu .menu {
    display: table-cell;
    width: 22%;
    border-right: 1px solid #eee
}

.site_menu .menu:first-child {
    width: auto;
    border-left: 1px solid #eee
}

.site_menu .menu .menu_in {
    padding: 24px 26px
}

.site_menu .menu .menu_name {
    display: block;
    margin-bottom: 10px
}

.site_menu .menu .sort_wrp {
    display: table;
    width: 100%
}

.site_menu .menu .sort_wrp .sort_li {
    display: table-cell;
    margin-bottom: 20px
}

.site_menu .menu .sort_wrp .sort {
    display: inline-block;
    margin-top: 10px;
    font-size: 11px;
    font-family: kiaB
}

.site_menu .menu .sort_wrp .sort:first-child {
    margin-top: 0
}

.site_menu .menu .depth li {
    line-height: 12px;
    margin: 6px 0
}

.site_menu .menu .depth .depth_a {
    display: inline-block;
    font-size: 11px;
    color: #666
}

.site_info {
    background: #e4e5e6;
    border-top: 1px solid #c4c6c8;
    box-shadow: inset 0 1px 0 #fff;
    padding: 18px 0 0
}

.site_info .f_logo {
    display: block;
    height: 65px;
    position: absolute;
    right: 0;
    bottom: -30px
}

.site_info .f_logo .lg_img {
    height: 100%
}

.site_info .info_top {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 20px
}

.site_info .info_policy {
    display: block;
    font-size: 12px;
    font-family: kiaB;
    vertical-align: middle
}

.site_info .info_policy div {
    display: inline-block
}

.site_info .info_policy .policy_a {
    color: #666
}

.site_info .info_policy .bar {
    color: #a8a8a8;
    margin: 0 8px 0 6px
}

.site_info .info_sns {
    display: inline-block;
    margin-top: 12px;
    margin-right: 10px
}

.site_info .info_sns div {
    display: inline-block
}

.site_info .info_fms {
    float: right;
    position: relative
}

.site_info .info_fms .fms_box {
    display: block;
    width: 160px;
    padding: 5px 10px;
    background: #e4e5e6;
    border: 1px solid #c7c8c9;
    color: #999;
    position: relative;
    font-size: 12px
}

.site_info .info_fms .fms_box:after {
    content: '';
    background-position: right -47px;
    width: 8px;
    height: 5px;
    position: absolute;
    top: 12px;
    right: 12px
}

.site_info .info_fms .fms_wrp {
    display: none;
    position: absolute;
    bottom: 29px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.site_info .info_fms .fms_wrp .fms_lst {
    background: #fff;
    border: 1px solid #c7c8c9;
    max-height: 200px;
    padding: 6px;
    overflow-y: auto
}

.site_info .info_fms .fms_wrp .fms_lst .fms_a {
    display: block;
    padding: 3px 6px;
    color: #666
}

.site_info .info_fms .fms_wrp .fms_x {
    position: absolute;
    bottom: -29px;
    left: 0;
    display: block;
    width: 100%;
    height: 29px
}

.site_info .info_fms .fms_wrp.fms_open {
    display: block
}

.site_info .cpr {
    overflow: hidden;
    line-height: 16px;
    height: 48px;
    font-size: 11px;
    text-transform: none;
    color: #999;
    margin-top: 6px;
    overflow: visible
}

.site_info .cpr .br {
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    line-height: 48px
}

@media all and (max-width:1024px) {
    .gnb_area .gnb_nav .dth1_l {
        float: left;
        max-width: 155px;
        display: table;
        margin-left: 12px
    }
    .gnb_area .gnb_nav .dth1_a {
        vertical-align: middle;
        height: 30px;
        line-height: 15px;
        word-break: break-word
    }
    .gnb_area .gnb_nav .dth2_u {
        top: 70px;
        width: 235px
    }
    .gnb_area .gnb_nav .dth_pip {
        width: 100%
    }
    #wrap,
    #header,
    .snb_wrap {
        min-width: 320px
    }
    .inner {
        width: auto;
        margin: 0 15px
    }
    .dummy_header {
        background-position: center -90px
    }
    .tab_type3 ul {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .tab_type3 ul:after {
        display: none
    }
    .tab_type3 .tab_li {
        display: table-cell;
        min-width: inherit !important;
        float: none;
        padding-left: 1px;
        vertical-align: top
    }
    .tab_type3 .tab_li:first-child {
        padding-left: 0
    }
    .tab_type3.other .tab_li {
        float: left;
        padding-left: 0
    }
    .tab_type3.other .tab_li a {
        padding: 0 5px
    }
    .tableWrap .tableFix {
        width: 185px
    }
    .acc_filter {
        overflow: visible;
        margin: 30px 0 15px;
        position: relative;
        z-index: 10
    }
    .acc_filter .category_area {
        float: left;
        display: inline-block;
        width: 50%;
        overflow: visible
    }
    .acc_filter .category_area .filter_tit {
        display: none
    }
    .acc_filter .category_area .input_box {
        display: block;
        padding: 8px 0 9px;
        color: #fff;
        background: url(../../../content/dam/kwcms/gt/en/images/showroom/icon_accesories.png) no-repeat right 15px;
        font-size: 12px
    }
    .acc_filter .category_area .filter_wrap {
        position: relative;
        background: #8f6f4d;
        padding: 0 15px
    }
    .acc_filter .category_area ul {
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 35px;
        z-index: 10;
        border-radius: 0;
        border: 0;
        padding: 0;
        background: #8f6f4d
    }
    .acc_filter .category_area ul li {
        float: none
    }
    .acc_filter .category_area ul li a {
        display: block;
        font-family: KiaB;
        color: #fff;
        height: auto;
        padding: 0 15px;
        font-size: 12px;
        line-height: 26px
    }
    .acc_filter .category_area ul li a:hover {
        background: #83684c
    }
    .acc_filter .category_area ul li a.on,
    .acc_filter .category_area ul li a.on_r {
        border-radius: 0;
        border: 0;
        background: #83684c
    }
    .acc_filter .search_area {
        float: none;
        display: inline-block;
        width: 50%
    }
    .acc_filter .search_area .sch_box.sch_round {
        position: relative;
        background: #58595b;
        height: 35px;
        border: 0;
        border-radius: 0;
        padding: 0 50px 0 0;
        margin-top: 0
    }
    .acc_filter .search_area .sch_box {
        color: #fff
    }
    .acc_filter .search_area .sch_box .sch_inp {
        width: 100%;
        padding: 8px 0 9px 14px;
        border: 0;
        color: #fff
    }
    .acc_filter .search_area .cmm_spr {
        background: url(../../../content/dam/kwcms/gt/en/images/showroom/icon_search.png) no-repeat 0 0;
        background-size: 14px 14px
    }
    #header .header_in {
        width: auto;
        padding: 8px 15px
    }
    #header .logo_h1 {
        margin-right: 10px
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_l {
        width: 33.3%
    }
    .util_area .util_menu,
    .util_area .util_search {
        margin-right: 15px
    }
    .go_build {
        right: 15px
    }
    .go_build .spr_build .desc {
        display: none
    }
    .go_build .spr_build:before {
        margin-right: 0
    }
    .snb_wrap .inner {
        margin: 0
    }
    .snb_wrap .snb_tit {
        width: auto;
        float: none;
        margin-left: 15px
    }
    .snb_wrap .open_snb {
        display: block;
        line-height: 49px;
        color: #fff;
        position: relative
    }
    .snb_wrap .open_snb .spr_snb:after {
        content: '';
        background-position: -38px 0;
        width: 13px;
        height: 6px;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 15px
    }
    .snb_wrap .snb_nav {
        float: right;
        display: inline-block;
        overflow: hidden
    }
    .snb_wrap .snb_nav .sdth1_l {
        float: left;
        font-size: 14px
    }
    .snb_wrap .snb_nav .sdth1_a {
        display: block;
        padding: 0 25px;
        line-height: 49px;
        color: #dd8b95
    }
    .snb_wrap .snb_nav .sdth1_a:focus {
        text-decoration: none
    }
    .snb_wrap .snb_nav .sdth1_l.sdth_on {
        border-left-color: #821a27
    }
    .snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a {
        font-family: kiaB;
        color: #fff;
        position: relative
    }
    .snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a:after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: #fff
    }
    .snb_wrap.snb_pip .open_snb {
        display: none
    }
    .snb_wrap.snb_pip .snb_area {
        overflow: hidden
    }
    .snb_wrap.snb_pip .snb_tit {
        width: auto;
        float: left;
        margin-left: 5px
    }
    .snb_wrap.snb_pip .snb_tit .lg_img {
        height: 80%;
        vertical-align: bottom
    }
    .snb_wrap.snb_pip .snb_nav {
        min-width: 100%;
        padding: 0;
        height: 49px;
        overflow: hidden
    }
    .snb_wrap .open_snb.open .spr_snb:after {
        background-position: -38px -8px
    }
    .snb_wrap .snb_nav.open {
        display: block
    }
    .sales_kit {
        display: none
    }
    .site_menu .menu {
        width: 20%;
        border-right: 0;
        border-left: 1px solid #eee
    }
    .site_menu .menu:first-child {
        border-left: 0
    }
    .site_menu .menu .menu_in {
        padding: 24px 15px
    }
    #content.subContents {
        padding: 50px 0 60px
    }
    .content_title {
        width: auto;
        margin: 0 15px
    }
    .gnb_area .gnb_nav .dth_pip .new_cars_type {
        padding: 0
    }
    .gnb_area .gnb_nav .dth_pip .new_cars_type ul li {
        width: 50%;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 0;
        margin-bottom: -1px
    }
    .gnb_area .gnb_nav .dth_pip .new_cars_type ul li:nth-child(2n) {
        border-right: 0
    }
    .gnb_area .gnb_nav .dth_pip .new_cars_type ul li a {
        display: block;
        padding: 10px 10px 10px 20px
    }
}

@media(max-width:812px) {
    .gnb_area .gnb_nav .dth1_l {
        max-width: 128px;
        margin-left: 0
    }
}

@media all and (max-width:767px) {
    .m_none {
        display: none !important
    }
    #printBtn {
        display: none
    }
    .con_tit {
        color: #000;
        font-size: 18px;
        line-height: 18px
    }
    .con_tit:after {
        content: '';
        display: block;
        width: 40px;
        height: 2px;
        background: #bb162b;
        margin-top: 12px
    }
    [class*=btn_area].line {
        margin-top: 15px;
        padding-top: 15px
    }
    [class*=btn_area] .br {
        display: block;
        margin-top: 5px
    }
    .btn_area {
        text-align: center;
        margin-top: 15px
    }
    .btn_sideT {
        margin: 15px 0 -5px 0
    }
    .btnLarge {
        padding: 0 11px;
        line-height: 30px;
        font-size: 14px;
        border-radius: 15px
    }
    .btnLarge .arrow_r:after {
        background-position: -25px -32px;
        width: 24px;
        height: 24px;
        margin: 3px 0 0 -3px;
        position: relative;
        right: -8px
    }
    .btnLarge .arrow_l:before {
        background-position: 0 -32px;
        width: 24px;
        height: 24px;
        margin: 3px -2px 0 0;
        position: relative;
        left: -8px
    }
    .btnLarge .arrow_b:after {
        background-position: -75px -32px;
        width: 24px;
        height: 24px;
        margin: 3px 0 0 -3px;
        position: relative;
        right: -8px
    }
    .col3 .tab_li {
        width: 33.3% !important
    }
    .col3 .tab_li:first-child {
        width: 33.4% !important
    }
    .col4 .tab_li {
        width: 25% !important
    }
    .tab_type2 .tab_li {
        width: 50%;
        min-width: inherit
    }
    .tab_type2 .tab_a {
        padding: 12px 0
    }
    .tab_type3 {
        position: relative;
        background: #bb162b;
        padding: 0 15px;
        margin-bottom: 10px
    }
    .tab_type3 .input_box {
        display: block;
        padding: 11px 0 12px;
        color: #fff;
        background: url(../../../content/dam/kwcms/gt/en/images/showroom/icon_accesories.png) no-repeat right 17px;
        font-size: 15px
    }
    .tab_type3 ul {
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 41px;
        z-index: 10;
        border-radius: 0;
        border: 0;
        padding: 0
    }
    .tab_type3 .tab_li {
        display: block;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left
    }
    .tab_type3 .tab_li br {
        display: none
    }
    .tab_type3 .tab_li .tab_a {
        display: block;
        font-family: KiaB;
        color: #fff;
        height: auto;
        padding: 5px 15px;
        font-size: 12px;
        line-height: 26px
    }
    .tab_type3 .tab_li .tab_a:hover {
        background: #bb162b
    }
    .tab_type3 .tab_tspr:before {
        display: none
    }
    .tab_type3 .tab_on {
        background: #bb162b
    }
    .tab_type3.other .tab_li {
        display: block;
        float: none
    }
    .tab_type3.other .tab_li .tab_a {
        display: block;
        height: auto;
        padding: 5px 12px
    }
    .form_sch .sch_open {
        display: block;
        border-radius: 19px;
        height: 38px;
        padding: 10px 10px;
        border: 1px solid #e5e5e5;
        float: right
    }
    .form_sch .sch_box.sch_round {
        display: none
    }
    .form_sch .sch_box.sch_round.sch_on {
        display: block
    }
    .acc_filter {
        overflow: visible;
        margin: 12px 0 10px
    }
    .txt_desc1 {
        font-size: 14px;
        line-height: 18px
    }
    .txt_desc2 {
        font-size: 12px;
        line-height: 16px
    }
    .txt_desc3 {
        font-size: 12px;
        margin-bottom: 10px
    }
    .txt_desc4 {
        font-size: 13px
    }
    .accordion>li {
        margin-top: 1px
    }
    .accordion>li:first-child {
        margin-top: 0
    }
    .accordion .accordionTit {
        font-size: 15px;
        padding: 7px 0 6px 15px;
        background: #424242 url(../../../content/dam/kwcms/gt/en/images/common/icon_accordion_m.png) no-repeat;
        background-position: right 15px;
        background-size: 24px 35px
    }
    .accordion .accordionTit.on {
        background: #424242 url(../../../content/dam/kwcms/gt/en/images/common/icon_accordion_m.png) no-repeat;
        background-position: right -16px;
        background-size: 24px 35px
    }
    .accordion .accordionCont {
        padding: 15px 15px 25px
    }
    .nodata {
        padding: 160px 0 !important;
        text-align: center !important
    }
    .nodata span {
        display: inline-block;
        margin: 0 auto;
        padding: 45px 0 0 0;
        font-size: 13px;
        line-height: 1;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_nodata_m.png) no-repeat 50% 0;
        background-size: 36px
    }
    .no_result {
        padding: 50px 0 !important
    }
    .no_result_box {
        padding: 50px 15px;
        line-height: 18px
    }
    .no_result_box .no_txt {
        margin-bottom: 10px;
        font-size: 16px
    }
    .bbs_edit {
        margin-bottom: 12px
    }
    .bbs_edit .bl_type1 {
        margin-left: 1px
    }
    .bbs_edit .bbs_sch {
        width: auto
    }
    .bbs_order .cmm_tspr {
        font-size: 12px
    }
    .bbs_write {
        margin: 10px 0 0 0
    }
    .end_event .note {
        padding-top: 75px;
        font-size: 16px;
        line-height: 20px
    }
    .end_event .note:before {
        background-size: 150px 150px
    }
    [class*=bbs_type] {
        margin-bottom: 0
    }
    [class*=bbs_type] .bbs_body {
        line-height: 20px
    }
    .bbs_type1 {
        border-top: 3px solid #7d7d7d
    }
    .bbs_type1 .bbs_head {
        padding: 10px 15px
    }
    .bbs_type1 .bbs_info {
        padding-right: 0
    }
    .bbs_type1 .bbs_tit {
        font-size: 16px
    }
    .bbs_type1 .bbs_hit {
        display: none
    }
    .bbs_type1 [class*=bbs_pro] {
        position: relative;
        top: 0;
        width: auto;
        height: auto;
        border-left: 0;
        padding: 0;
        font-size: 12px;
        font-family: kiaB
    }
    .bbs_type1 .bbs_body {
        padding: 20px 15px
    }
    .bbs_type2 {
        margin-top: -12px
    }
    .bbs_type2 .bbs_li {
        width: 100%;
        margin-top: 15px
    }
    .bbs_type2 .bbs_img {
        margin: 0;
        height: auto
    }
    .bbs_type2 .bbs_img img {
        width: 100%;
        height: auto
    }
    .bbs_type2 .bbs_info a {
        padding: 10px
    }
    .bbs_type2 .bbs_tit {
        height: auto;
        font-size: 16px;
        line-height: 20px
    }
    .bbs_type2 .bbs_body {
        margin: 0;
        padding: 0 10px 20px
    }
    .bbs_view .bbs_info {
        padding: 10px 10px 20px
    }
    .bbs_view .bbs_info .bbs_tit {
        font-size: 16px;
        line-height: 20px
    }
    .bbs_view .bbs_info .bbs_date {
        font-size: 12px;
        margin: 5px 0 10px;
        color: #999
    }
    .bbs_navi {
        margin-top: 10px
    }
    .bbs_navi .navi_btn {
        width: 80px;
        padding: 10px 10px 10px 15px
    }
    .bbs_navi .navi_txt {
        padding: 10px
    }
    .bbs_navi .navi_txt a .date {
        display: none
    }
    .pg_num_area {
        margin-top: 15px
    }
    .tableWrap .tableFix {
        width: 140px
    }
    .table_type1 th {
        padding: 8px
    }
    .table_type1 td {
        padding: 8px
    }
    .table_type2 th,
    .table_type2 td {
        padding: 5px
    }
    .table_type2 .bbs_txt .h:after {
        content: "|";
        color: #ccc;
        display: inline-block;
        margin: 0 3px 0 5px
    }
    .table_type2 .bbs_txt {
        display: inline-block;
        margin-top: 5px;
        color: #999
    }
    .table_type2 .bbs_txt a {
        color: #999
    }
    .table_type2 .bbs_txt {
        margin-right: 30px
    }
    .table_type4 {
        border: 1px solid #e8e8e8;
        border-top: 0
    }
    .table_type4 .tbl_tr {
        display: block;
        width: 100%;
        border-top: 1px solid #e8e8e8
    }
    .table_type4 .tbl_th {
        display: block;
        width: auto;
        padding: 10px;
        border-right: 0;
        border-bottom: 1px solid #e8e8e8
    }
    .table_type4 .tbl_td {
        display: block;
        padding: 10px
    }
    .popup .pop_tit {
        padding: 11px 12px;
        font-size: 16px
    }
    .popup .pop_con {
        padding: 20px 12px
    }
    .popup .closeBtn {
        padding: 13px
    }
    .popup_viewer .viewer_dsc {
        padding: 18px 20px
    }
    .popup_viewer .viewer_dsc .tit {
        font-size: 15px;
        font-family: kiaM
    }
    .popup_viewer .viewer_dsc .txt {
        font-size: 13px;
        color: #666;
        margin-top: 10px
    }
    .popup_note .note_con {
        padding: 35px 15px
    }
    .popup_tool .pop_tit {
        padding: 20px 15px 0 15px;
        border-bottom: 0;
        background: #fff
    }
    .popup_tool .pop_tit .tit {
        display: block;
        padding-bottom: 10px
    }
    .popup_tool .pop_con {
        padding: 0 15px 20px 15px
    }
    .popup_tool .pop_con label {
        display: inline-block;
        margin-bottom: 5px
    }
    .popup_tool .pop_con .send_name {
        float: none;
        width: 100%;
        padding-top: 10px
    }
    .popup_tool .pop_con .send_mail {
        float: none;
        width: 100%;
        padding-top: 10px
    }
    .popup_tool .closeBtn {
        right: 0
    }
    .dummy_header {
        background-position: center -90px;
        background-size: 700px 131px;
        height: 38px;
        font-size: 20px;
        line-height: 38px
    }
    #header {
        position: relative;
        border-bottom: 3px solid #bc162c
    }
    #header:before {
        display: none
    }
    #header .header_in {
        height: auto;
        margin-top: 0;
        padding: 6px 10px
    }
    #header .logo_h1 {
        float: none
    }
    #header .logo_h1 .lg_img {
        width: 51px;
        height: 26px
    }
    .open_gnb {
        display: block;
        width: 46px;
        height: 14px;
        padding: 12px 0;
        background: #333;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0
    }
    .gnb_area {
        display: none;
        position: absolute;
        top: 41px;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #fff
    }
    .gnb_area .gnb_nav {
        float: none;
        display: block;
        width: auto;
        font-family: kiaB;
        text-transform: none;
        padding: 0
    }
    .gnb_area .gnb_nav .dth1_l {
        float: none;
        display: block;
        border-top: 1px solid #dbdbdb;
        background: #fff;
        margin-left: 0;
        max-width: 100%
    }
    .gnb_area .gnb_nav .dth1_l:first-child {
        border-top: 0
    }
    .gnb_area .gnb_nav .dth1_l .dth1_a {
        display: block;
        padding: 15px 10px;
        font-size: 16px;
        color: #333
    }
    .gnb_area .gnb_nav .dth1_l .dth1_a:after {
        content: '';
        float: right;
        vertical-align: middle;
        margin-top: -2px
    }
    .gnb_area .gnb_nav .dth2_u {
        width: auto;
        display: none;
        position: static;
        width: auto;
        background: #fafafa;
        padding: 10px
    }
    .gnb_area .gnb_nav .dth2_u.dth_pip {
        width: auto;
        padding: 0
    }
    .gnb_area .gnb_nav .dth_pip .car_tab {
        display: table;
        width: 100%;
        background: #fbfbfb;
        padding: 0;
        border-bottom: 0;
        overflow: hidden
    }
    .gnb_area .gnb_nav .dth_pip .car_tab .sort_a {
        display: block;
        float: left;
        width: 50%;
        height: auto;
        margin-right: -1px;
        border-left: 0;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        text-align: center;
        vertical-align: middle;
        font-family: kiaM;
        font-size: 14px;
        padding: 5px 0;
        line-height: 22px
    }
    .gnb_area .gnb_nav .dth_pip .car_tab .sort_a:first-child {
        border-left: 0
    }
    .gnb_area .gnb_nav .dth_pip .car_tab .sort_a .spr_sort:before {
        display: none
    }
    .gnb_area .gnb_nav .dth_pip .car_tab .sort_on {
        background: #fff;
        font-family: kiaB;
        border-left: 1px solid #d9d9d9;
        box-sizing: border-box
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_u {
        margin: 0;
        padding: 10px 0 20px 0;
        background: #fff
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_l {
        width: 50%;
        height: 136px
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_l:nth-child(odd) .grid_box {
        background: #fff
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box {
        border: 0;
        padding: 10px 0
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_img {
        margin-top: 0
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_name {
        margin-top: 5px;
        height: 37px
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_btn .grid_a {
        background: #737373;
        color: #fff;
        line-height: 24px;
        border-radius: 12px
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_btn .grid_a:first-child {
        background-color: #9e9e9e
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt {
        margin-top: 0
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt.g_nonetxt {
        margin-top: 0
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_btn .grid_a {
        color: #fff;
        background: #737373
    }
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_btn .grid_a:first-child {
        background-color: #9e9e9e
    }
    .gnb_area .gnb_nav .dth2_l {
        border-top: 1px solid #d8d8d8
    }
    .gnb_area .gnb_nav .dth2_l:first-child {
        border-top: 0
    }
    .gnb_area .gnb_nav .dth2_l .dth2_a {
        display: block;
        padding: 8px 12px;
        color: #454545;
        font-size: 14px
    }
    .gnb_area .gnb_nav .dth_on .dth1_a {
        background: #bc162c;
        color: #fff
    }
    .gnb_area .gnb_nav .dth_on .dth1_a:after {
        background-position: 0 -23px
    }
    .gnb_area .gnb_nav .dth_on .dth2_u {
        display: block
    }
    .util_area {
        position: static;
        width: 100%;
        height: auto;
        background: 0;
        border: 0;
        text-align: left
    }
    .util_area .util_menu {
        display: block;
        background: #eaeaea;
        border-top: 1px solid #cfcfcf;
        margin: 0 0 0 -1px
    }
    .util_area .util_menu .util_l {
        display: block;
        border-bottom: 1px solid #cfcfcf;
        width: 50%;
        float: left;
        background: 0;
        margin: 0;
        padding: 0
    }
    .util_area .util_menu .util_w {
        width: 100%
    }
    .util_area .util_menu .util_a {
        display: block;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #cfcfcf;
        padding: 10px;
        color: #676767;
        font-family: kiaB;
        font-size: 12px
    }
    .util_area .util_menu .util_a:before {
        content: '';
        margin: 6px 8px 0 0
    }
    .util_area .util_search {
        display: none
    }
    .util_area .util_search .u_sch_box {
        height: auto;
        border-radius: 0;
        border: 1px solid #d0d0d0;
        padding: 0 66px 0 0;
        position: relative
    }
    .util_area .util_search .u_sch_box .sch_inp {
        width: 100%;
        padding: 8px 13px;
        border: 0;
        font-size: 14px
    }
    .util_area .util_search .u_sch_box .sch_btn {
        position: absolute;
        top: 0;
        right: 0;
        padding: 7px 9px
    }
    .util_area .util_search .u_sch_box .spr_search {
        background-position: -25px -20px;
        width: 20px;
        height: 20px
    }
    .go_build {
        position: static;
        text-align: center;
        margin: 20px 0
    }
    .go_build .spr_build:before {
        margin-right: 5px
    }
    .go_build .spr_build .desc {
        display: inline
    }
    .gnb_area.open {
        display: block
    }
    .gnb_dimmed {
        position: absolute;
        top: 38px;
        border-top: 3px solid #bc162c
    }
    .pip_wrap #header {
        border-bottom: 3px solid #bb162b !important
    }
    .pip_wrap #container {
        padding-top: 0 !important
    }
    .snb_wrap .inner {
        margin: 0
    }
    .snb_wrap .snb_tit {
        width: auto;
        float: none;
        margin-left: 15px
    }
    .snb_wrap .open_snb {
        display: block;
        line-height: 49px;
        color: #fff;
        position: relative
    }
    .snb_wrap .open_snb .spr_snb:after {
        content: '';
        background-position: -38px 0;
        width: 13px;
        height: 6px;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 15px
    }
    .snb_wrap .snb_nav {
        display: none;
        float: none;
        padding: 8px 15px;
        border-left: 0;
        border-right: 0;
        background: #fafafa
    }
    .snb_wrap .snb_nav .sdth1_l {
        float: none;
        border: 0;
        border-top: 1px solid #c8c8c8
    }
    .snb_wrap .snb_nav .sdth1_l:first-child {
        border-top: 0
    }
    .snb_wrap .snb_nav .sdth1_a {
        display: block;
        color: #333;
        padding: 0 10px;
        font-family: kiaB
    }
    .snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a {
        background: 0
    }
    .snb_wrap .snb_nav .sdth1_l.sdth_on .sdth1_a:after {
        display: none
    }
    .snb_wrap.snb_pip .snb_area {
        overflow: hidden;
        border-left: 1px solid #920510
    }
    .snb_wrap.snb_pip .snb_tit {
        width: auto;
        float: left;
        margin-left: 5px
    }
    .snb_wrap.snb_pip .snb_tit .lg_img {
        height: 100%;
        vertical-align: top
    }
    .snb_wrap.snb_pip .open_snb {
        display: block;
        padding: 0 20px
    }
    .snb_wrap.snb_pip .snb_nav {
        width: 100%;
        padding: 0;
        border-left: 1px solid #c22e41
    }
    .snb_wrap.snb_pip .snb_nav .sdth1_l {
        margin: 0 15px;
        border-top: 1px solid #890207
    }
    .snb_wrap.snb_pip .snb_nav .sdth1_l:first-child {
        margin: 0 15px
    }
    .snb_wrap.snb_pip .snb_nav .sdth1_a {
        padding: 0 5px;
        color: #fff;
        font-family: kiaM
    }
    .snb_wrap .open_snb.open .spr_snb:after {
        background-position: -38px -8px
    }
    .snb_wrap .snb_nav.open {
        display: block
    }
    .snb_wrap.snb_pip .snb_nav {
        height: auto
    }
    .sales_kit {
        display: none
    }
    .snb_wrap {
        position: relative;
        top: 0;
        margin-top: -3px;
        height: 37px
    }
    .snb_wrap .snb_tit {
        margin-left: 10px;
        height: 37px;
        line-height: 37px;
        font-size: 16px
    }
    .snb_wrap .open_snb {
        line-height: 37px
    }
    .snb_wrap .snb_nav .sdth1_a {
        line-height: 37px
    }
    .snb_wrap.snb_pip .snb_tit {
        width: 137px;
        border-top-width: 3px
    }
    #container {
        padding-top: 0;
        margin-top: 0
    }
    #content.subContents {
        padding: 25px 0 40px
    }
    .content_detail {
        margin-top: 15px
    }
    .con_box {
        padding: 15px 10px;
        margin: 10px 0
    }
    .con_share .share {
        display: none
    }
    .con_navi {
        display: none
    }
    .con_intro {
        margin-bottom: 10px;
        font-size: 13px
    }
    .con_intro .desc1 {
        font-size: 14px;
        line-height: 18px
    }
    .con_intro .desc2 {
        font-size: 12px;
        line-height: 16px
    }
    #footer {
        padding-bottom: 45px
    }
    .site_navi,
    .site_menu {
        display: none
    }
    .site_info .f_logo {
        height: 48px;
        bottom: -22px
    }
    .site_info .info_policy .bar {
        margin: 0 4px 0 2px
    }
    .site_info .info_sns {
        display: block;
        margin: 10px 0 0 0
    }
    .site_info .info_fms {
        position: absolute;
        top: 18px;
        right: 10px
    }
    .site_info .info_fms .fms_box {
        width: 100px
    }
    .site_info .cpr {
        clear: both;
        border-top: 1px solid #d5d5d5;
        margin-top: 15px;
        padding-top: 15px;
        line-height: 16px;
        height: auto;
        min-height: 48px
    }
    .site_info .cpr .br {
        display: block;
        margin-bottom: 10px;
        padding-right: 150px;
        line-height: 20px;
        height: auto;
        min-height: 48px
    }
}

@media print {
    #header,
    .snb_wrap {
        display: none
    }
    #container {
        padding-top: 0 !important
    }
    .noprint {
        display: none
    }
    .compareList.addon .selectCar .selectClose {
        display: none
    }
    .con_navi .spr_home {
        margin-top: -10px
    }
    #footer {
        display: none
    }
}

.singleImgArea {
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    background: #fff
}

.singleImgArea+.singleImgArea {
    padding-top: 0
}

.singleImgArea img {
    max-width: 100%
}

@media all and (max-width:767px) {
    .singleImgArea img {
        width: 100%
    }
}

.single_movie {
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    background: #fff
}

.single_movie iframe {
    width: 640px;
    height: 360px;
    max-width: 100%
}

.single_movie.wd100 iframe {
    width: 100%
}

@media all and (max-width:767px) {
    .single_movie iframe {
        width: 100%;
        height: auto
    }
}

.tableWrap .fixArea tr th {
    text-align: center
}

.tableWrap .scrollArea td p {
    font-size: 14px
}

.pip_spec .tableWrap .fixArea tr:nth-child(even) th,
.pip_spec .tableWrap .scrollArea tr:nth-child(even) td {
    background: #f8f8f8
}

.pip_spec .tableWrap tr:first-child {
    display: none;
    height: 0
}

.pip_spec .tableFix {
    width: 50%
}

.pip_engine .tableWrap .tableFix {
    width: 235px
}

.pip_engine .tableWrap .fixArea tr:nth-child(odd) th,
.pip_engine .tableWrap .scrollArea tr:nth-child(odd) td {
    background: #f8f8f8
}

.engine_visual ul .dataCon {
    max-width: 284px
}

.engine_visual ul .dataCon strong {
    word-wrap: break-word
}

@media all and (max-width:1024px) {
    .pip_spec .tableWrap .tableFix {
        width: 50%
    }
    .pip_spec .tableWrap table tr {
        height: 40px
    }
    .pip_engine .tableWrap .tableFix {
        width: 200px
    }
    .engine_visual ul .dataCon {
        max-width: 194px
    }
}

@media all and (max-width:767px) {
    .pip_spec .tableWrap .tableFix {
        width: 50%
    }
    .pip_spec .tableWrap table tr {
        height: 40px
    }
    .pip_spec .tableWrap .tableScroll .scrollArea td {
        width: 50%
    }
    .pip_engine .tableWrap .tableFix {
        width: 160px
    }
    .engine_visual ul .dataCon {
        max-width: inherit
    }
}

.tableWrap:after {
    content: '';
    display: block;
    clear: both
}

.tableWrap .scrollArea td {
    word-break: break-all
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box {
    padding: 5px 4px 15px
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover,
.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:focus {
    text-decoration: none
}

.gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_name {
    display: block;
    margin-top: 5px
}

@media(max-width:767px) {
    .gnb_area .gnb_nav .dth_pip .car_grid .grid_box .g_name {
        height: auto
    }
}

.bcr .car_wrap {
    overflow-y: visible;
    max-height: none
}

.bcr .car_box.add_btn {
    position: relative
}

.bcr .car_box.add_btn .car_a {
    height: 168px
}

.bcr .car_box.add_btn .car_a.on {
    border: 2px solid #bb162b;
    padding: 14px 0
}

.bcr .car_box.add_btn .car_btnBox {
    display: table;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -63px
}

.bcr .car_box.add_btn .car_btnBox>div {
    display: table-cell;
    height: 64px;
    padding-bottom: 4px;
    text-aling: center;
    vertical-align: middle
}

.bcr .car_btnBox a {
    display: block;
    margin-bottom: 5px
}

.btnSmall.btnType7 {
    position: relative;
    width: 100px;
    background-color: #fff;
    color: #333;
    border: 1px solid #e1e1e1;
    text-align: left
}

.btnSmall.btnType7 .btnIcon:before,
.btnSmall.btnType7 .btnIcon:after {
    background-image: url('../../../content/dam/kwcms/gt/en/images/common/spr_button.png')
}

.btnSmall.btnType7 .arrow_r:after {
    position: absolute;
    right: 12px;
    top: 0;
    background-position: -21px -71px;
    width: 6px;
    height: 9px
}

.btnSmall.btnType7.disable {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

@media(max-width:320px) {
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform: scale(0.77);
        -webkit-transform-origin: 0 0
    }
}

.slide_tbl_wrap {
    margin-top: 80px
}

.slide_tbl_wrap .slide_ctr {
    text-align: right;
    margin-bottom: 10px
}

.slide_tbl_wrap .slide_ctr a {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-family: 'KiaB';
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
    background: #7e8083
}

.slide_tbl_wrap .slide_ctr a span {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.5)
}

.slide_tbl_wrap .slide_ctr a:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 8px;
    height: 2px;
    width: 14px;
    background: #fff
}

.slide_tbl_wrap .slide_ctr a:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 14px;
    height: 14px;
    width: 2px;
    background: #fff
}

.slide_tbl_wrap .slide_ctr a:hover {
    background: #bb162b
}

.slide_tbl_wrap .slide_ctr a.btn_collapse:before {
    display: none
}

.slide_tbl_wrap .tit a {
    position: relative;
    display: block;
    padding: 10px 45px 10px 20px;
    font-size: 15px;
    color: #fff;
    background: #8c8c8c;
    text-transform: none
}

.slide_tbl_wrap .tit a:after {
    content: '';
    position: absolute;
    top: 14px;
    right: 20px;
    height: 10px;
    width: 20px;
    background: url('../../../content/dam/kwcms/au/en/images/common/spr_ico_btn_w.png') no-repeat 0 -250px;
    background-size: 175px auto
}

.slide_tbl_wrap .tit a span {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px;
    font-family: 'KiaM'
}

.slide_tbl_wrap .tit a.on {
    background: #404040
}

.slide_tbl_wrap .tit a.on:after {
    background-position: -20px -250px
}

.slide_tbl_wrap .tit {
    margin-top: 1px
}

.slide_tbl_wrap .table_fixed_d {
    display: none;
    padding-bottom: 40px
}

.slide_tbl_wrap .table_fixed_d>.sec_scroll {
    border-top: 0
}

@media(max-width:767px) {
    .slide_tbl_wrap {
        margin-top: 25px
    }
    .slide_tbl_wrap .slide_ctr {
        text-align: center;
        margin-bottom: 10px
    }
    .slide_tbl_wrap .table_fixed_d {
        padding-bottom: 20px
    }
    .slide_tbl_wrap .tit a span {
        display: inline;
        margin-left: 0;
        font-size: 12px;
        font-family: 'KiaM'
    }
}

.searchBtn {
    padding-bottom: 10px
}

.searchBtn ul:first-child {
    padding-top: 0
}

.searchBtn ul {
    overflow: hidden;
    padding-top: 10px
}

.searchBtn ul li {
    float: left;
    width: 16.6%
}

.searchBtn ul li>div {
    vertical-align: middle;
    height: 40px;
    margin: 0 5px
}

.searchBtn ul li:first-child>div {
    margin-left: 0
}

.searchBtn ul li>div button {
    width: 100%;
    height: 40px;
    border: 1px solid #828282;
    font-family: kiaM, Hevetica;
    background: #e5e5e5;
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -o-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(#fff, #e5e5e5);
    background: linear-gradient(#fff, #e5e5e5)
}

.searchBtn ul li>div button.c_on {
    border: 5px solid #bb162b;
    color: #bb162b
}

@media all and (max-width:767px) {
    .searchBtn {
        overflow: hidden;
        margin: 10px 7px 0 8px
    }
    .searchBtn ul {
        padding-top: 0
    }
    .searchBtn ul li {
        width: 33.3%;
        margin-bottom: 5px
    }
    .searchBtn ul li>div {
        margin: 0 2px 0 3px
    }
    .searchBtn ul li:first-child>div {
        margin-left: 3px
    }
    .searchBtn ul li>div button {
        font-size: 12px
    }
}

.img_article {
    overflow: hidden
}

.img_article>img {
    float: left;
    margin-right: 10px
}

.img_article .img_txt .txt_desc4 {
    margin-left: 0
}

.img_article .img_txt .bl_type1:before {
    margin-left: 0
}

@media all and (max-width:767px) {
    .img_article>img {
        float: none;
        margin: 0;
        margin-bottom: 10px;
        width: 100%;
        height: auto
    }
}

.gtc_kiamasterclub_1 {
    border-top: 1px solid #fff;
    background-color: #fff;
    overflow: hidden
}

.gtc_kiamasterclub_1 .unorder_list {
    margin: 15px;
    margin-bottom: 0;
    zoom: 1
}

.gtc_kiamasterclub_1 .unorder_list:after {
    content: "";
    display: block;
    clear: both
}

.gtc_kiamasterclub_1 .listitem {
    float: left;
    margin: 1%;
    width: 31.3%;
    height: 315px;
    border: 1px solid #eee;
    box-sizing: border-box
}

.gtc_kiamasterclub_1 .listitem:after {
    content: "";
    display: block;
    clear: both
}

.gtc_kiamasterclub_1 .vcard {
    padding: 20px 15px 0
}

.gtc_kiamasterclub_1 .fn {
    margin-bottom: 10px;
    padding-bottom: 24px;
    border-bottom: 2px solid #b31527;
    font-size: 15px;
    font-weight: bold
}

.gtc_kiamasterclub_1 .photo img {
    margin-bottom: 15px;
    width: 180px;
    height: 112px
}

.gtc_kiamasterclub_1 .bl_type4 {
    font-size: 12px;
    color: #000
}

@media all and (max-width:1024px) {
    .gtc_kiamasterclub_1 .unorder_list {
        margin: 15px auto 0;
        width: 98%
    }
}

@media all and (max-width:760px) {
    .gtc_kiamasterclub_1 .listitem {
        width: 48%
    }
}

@media all and (max-width:480px) {
    .gtc_kiamasterclub_1 .listitem {
        width: 98%
    }
}

[data-table-fixed].table_fixed_c.other table th {
    font-size: 10px;
    padding: 3px 15px;
    line-height: 12px;
    min-height: 0
}

[data-table-fixed].table_fixed_c.other table tbody td {
    font-size: 10px;
    padding: 3px 15px;
    line-height: 12px;
    min-height: 0
}

#container.pd0 {
    padding: 0 !important
}

#footer .info_map {
    border-bottom: 1px solid #d1d1d1
}

#footer .f_navi {
    padding: 19px 0 45px;
    text-align: center
}

#footer .f_navi .inner {
    max-width: 940px;
    margin: 0 auto;
    overflow: hidden
}

#footer .f_navi .inner [class*=item] {
    float: left;
    width: 18%;
    margin-left: 2.5%;
    text-align: left
}

#footer .f_navi .inner [class*=item]:first-child {
    margin-left: 0
}

#footer .f_navi .inner .item3 {
    width: 13%
}

#footer .f_navi .inner .item4 {
    width: 23%
}

#footer .f_navi .inner [class*=item] div {
    margin-bottom: 18px;
    font-family: kiaB;
    font-size: 14px;
    color: #333;
    text-transform: none
}

#footer .f_navi .inner [class*=item] ul li {
    margin-top: 4px;
    line-height: 1em
}

#footer .f_navi .inner [class*=item] ul li a {
    font-size: 11px;
    color: #666;
    text-transform: none
}

@media(max-width:1024px) {
    #footer .f_navi .inner {
        margin: 0 15px
    }
    #footer .info_map {
        display: none
    }
    #footer .f_navi .inner {
        margin: 0 15px
    }
    .site_info .cpr {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }
    .site_info .cpr .inner {
        display: table;
        min-height: 48px;
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        box-sizing: border-box
    }
    .site_info .cpr .br {
        display: table-cell;
        visibility: middle
    }
}

@media(max-width:767px) {
    #footer .f_navi {
        display: none
    }
}

.bgimage.section {
    width: 100%
}

.bgimage.section .bg {
    display: block;
    max-width: 940px;
    width: 100%;
    margin: auto
}

.bgimage.section .bg img {
    width: 100%;
    height: auto
}

@charset "utf-8";
.form_chk .car_spr:before {
    content: '';
    display: block;
    width: 66px;
    height: 32px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_category.png);
    background-repeat: no-repeat
}

.form_chk .car_spr.sort1:before {
    background-position: 0 0
}

.form_chk .car_spr.sort2:before {
    background-position: 0 -33px
}

.form_chk .car_spr.sort3:before {
    background-position: 0 -66px
}

.form_chk .car_spr.sort4:before {
    background-position: 0 -99px
}

.form_chk .car_spr.sort5:before {
    background-position: 0 -132px
}

.form_chk [class*=_on] .car_spr {
    color: #bb162b
}

.form_chk [class*=_on] .car_spr:before {
    content: " "
}

.form_chk [class*=_on] .car_spr.sort1:before {
    background-position: -66px 0
}

.form_chk [class*=_on] .car_spr.sort2:before {
    background-position: -66px -33px
}

.form_chk [class*=_on] .car_spr.sort3:before {
    background-position: -66px -66px
}

.form_chk [class*=_on] .car_spr.sort4:before {
    background-position: -66px -99px
}

.form_chk [class*=_on] .car_spr.sort5:before {
    background-position: -66px -132px
}

.car_category .title {
    display: block;
    float: left
}

.car_category .category {
    overflow: hidden;
    text-align: center
}

.car_category .category .form_chk {
    margin-right: 10px;
    vertical-align: top
}

.car_category .form_chk .car_spr {
    width: 86px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
    color: #666
}

.car_category .form_chk .car_spr:before {
    margin: 7px auto
}

.car_wrap {
    border-top: 1px solid #535353;
    padding-top: 20px;
    position: relative;
    top: 20px;
    max-height: 515px;
    overflow-y: scroll
}

.car_list {
    overflow: hidden;
    margin-bottom: 25px
}

.car_list .car_u {
    margin: -8px
}

.car_list .car_l {
    float: left;
    width: 20%
}

.car_list .car_box {
    margin: 8px;
    background: #f8f8f8
}

.car_list .car_box .car_a {
    display: block;
    padding: 15px 0;
    border: 1px solid #e5e5e5
}

.car_list .car_box .car_a:hover,
.car_list .car_box .car_a:focus {
    text-decoration: none
}

.car_list .car_box .car_name {
    display: block;
    height: 32px;
    line-height: 16px;
    padding: 0 15px;
    color: #000;
    font-family: kiaM
}

.car_list .car_box .car_img {
    display: block;
    text-align: center
}

.car_list .car_box .car_img img {
    max-width: 100%;
    max-height: 90px
}

.car_list .car_box .car_a.on {
    border: 2px solid #bb162b;
    padding: 14px 0
}

.car_list .car_box .car_a.on .car_name,
.car_list .car_box .car_a.on .car_img {
    margin: 0 -1px
}

.trim_list {
    margin-top: -10px
}

.trim_list .trim_l {
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
    color: #000
}

.trim_list .trim_l:first-child {
    border-top: 0
}

.trim_list .price {
    float: right
}

.color_list {
    padding-bottom: 30px;
    position: relative
}

.color_list .color_l {
    float: left
}

.color_list .color_l .color_a {
    display: block;
    position: relative
}

.color_list .color_l .color_a img {
    width: 86px;
    height: 44px;
    vertical-align: top
}

.color_list .color_l .color_a .sel {
    display: none
}

.color_list .color_l .color_info {
    visibility: hidden;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left
}

.color_list .color_l .color_info .price {
    float: right;
    margin-left: 15px;
    color: #666
}

.color_list .color_l.on .color_a .sel {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 34px;
    border: 5px solid #d50000;
    box-shadow: inset 0 0 1px #fff
}

.color_list .color_l.on .color_info {
    visibility: visible
}

.option_list {
    margin: -10px -5px 0
}

.option_list .option_l {
    width: 33.3%;
    float: left;
    margin-top: 10px
}

.option_list .option_box {
    border: 1px solid #e8e8e8;
    background: #f8f8f8;
    margin: 0 5px;
    padding: 9px
}

.option_list .option_box .form_chk {
    color: #000
}

.option_list .option_box .photo {
    margin-top: 10px;
    height: 120px;
    text-align: center
}

.option_list .option_box .price {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-top: 6px
}

.optionCon {
    overflow: hidden;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #e3e3e3;
    background: #f8f8f8
}

.optionCon:first-child {
    margin-top: 0
}

.optionEx {
    position: relative;
    overflow: hidden;
    min-height: 120px;
    margin-top: 9px;
    padding: 0 25px 0 260px
}

.optionEx .optionImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 120px
}

.optionEx .txt {
    overflow: hidden;
    width: 100%;
    max-height: 200px;
    font-family: kiaM;
    color: #666
}

.optionCon .price {
    clear: both;
    float: right;
    margin-top: 6px;
    font-family: kiaM;
    font-size: 12px;
    color: #666
}

.sales_box {
    margin-top: 15px;
    padding: 23px;
    background: #fff;
    border: 1px solid #e3e3e3;
    position: relative
}

.sales_box h5 {
    margin-bottom: 28px
}

.sales_box .form_wrp {
    position: absolute;
    top: 14px;
    right: 23px;
    width: 200px
}

.sales_tool {
    display: table;
    table-layout: fixed;
    width: 100%
}

.sales_tool:after {
    display: none
}

.sales_tool li {
    display: table-cell;
    border-left: 1px solid #e1e1e1;
    text-align: center
}

.sales_tool li:first-child {
    border-left: 0
}

.sales_tool li .tool_tspr {
    display: block;
    color: #000
}

.sales_tool li .tool_tspr:before {
    display: block;
    margin: 0 auto 5px
}

.sales_share {
    position: absolute
}

.sales_share .tool_tspr {
    margin-right: 10px;
    text-decoration: underline;
    color: #464646;
    line-height: 24px
}

.sales_share .tool_tspr:before {
    margin-right: 5px
}

.stepType01 {
    width: 100%
}

.stepType01 li.stepWrap {
    clear: both;
    overflow: hidden
}

.stepType01 li.stepWrap .stepCon {
    padding: 30px 23px;
    border: 1px solid #9b1123;
    background: #fff url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_stepcon.png) repeat-x left top
}

.stepType01 li.stepWrap .stepCon02 {
    padding: 0
}

.stepType01 li.stepWrap .stepbar {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 8px 0;
    border: 1px solid #d5d5d5;
    border-bottom: 4px solid #686868;
    background: #fff;
    vertical-align: top
}

.stepType01 li.stepWrap .stepbar strong.num {
    width: 100px;
    height: 58px;
    display: table-cell;
    font-size: 35px;
    color: #7f7f7f;
    vertical-align: middle
}

.stepType01 li.stepWrap .stepbar strong.num em {
    display: block;
    float: left;
    padding-top: -15px;
    padding: 10px 0 0 20px
}

.stepType01 li.stepWrap .stepbar strong.num:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 34px;
    margin-left: 20px;
    background: #d2d2d2;
    margin-top: 2px
}

.stepType01 li.stepWrap .stepbar .txt {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.stepType01 li.stepWrap .stepbar .txt strong {
    display: inline-block;
    font-size: 16px;
    color: #a1a1a1
}

.stepType01 li.stepWrap .stepbar .txt span {
    display: none
}

.stepType01 li.stepWrap .stepbar .result {
    display: none
}

.stepType01 li.stepWrap.on .stepbar {
    border: 1px solid #aa1327;
    border-bottom: 4px solid #890207;
    background-color: #bb162b;
    background-position: 80% bottom;
    background-repeat: no-repeat
}

.stepType01 li.stepWrap.on .stepbar strong.num {
    color: #fff
}

.stepType01 li.stepWrap.on .stepbar strong.num:after {
    background: #f97f8e
}

.stepType01 li.stepWrap.on .stepbar .txt strong {
    color: #fff
}

.stepType01 li.stepWrap.on .stepbar .txt span {
    display: block;
    margin-top: 1px;
    color: #dd7a82
}

.stepType01 li.stepWrap.paston .stepbar {
    border: 1px solid #d4d4d4;
    border-bottom: 4px solid #252525;
    background-color: #e2e2e2;
    background-position: 80% bottom;
    background-repeat: no-repeat;
    position: relative
}

.stepType01 li.stepWrap.paston .stepbar strong.num {
    color: #000
}

.stepType01 li.stepWrap.paston .stepbar strong.num:after {
    background: #a5a5a5
}

.stepType01 li.stepWrap.paston .stepbar .txt {
    width: 100px
}

.stepType01 li.stepWrap.paston .stepbar .txt strong {
    color: #000
}

.stepType01 li.stepWrap.paston .stepbar .result {
    display: table-cell;
    padding-right: 60px;
    vertical-align: middle
}

.stepType01 li.stepWrap.paston .stepbar .result:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 32px;
    height: 32px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_stepcheck.png) no-repeat 0 0;
    margin-top: -16px
}

.stepType01 li.stepWrap.paston .stepbar .result>a {
    display: block
}

.stepType01 li.stepWrap.paston .stepbar div.car {
    display: table;
    width: 100%;
    text-align: center
}

.stepType01 li.stepWrap.paston .stepbar div.car img {
    height: 40px
}

.stepType01 li.stepWrap.paston .stepbar div.car a.carList {
    float: left;
    margin-right: 15px
}

.stepType01 li.stepWrap.paston .stepbar div.car a.carList span {
    display: block;
    color: #666
}

.stepType01 li.stepWrap.paston .stepbar div.car a.btn_carmore {
    display: none
}

.stepType01 .trim_area {
    border: 1px solid #e3e3e3;
    padding: 10px 14px;
    margin-top: 10px;
    overflow: hidden
}

.stepType01 .trim_area .vehicle {
    float: left;
    width: 250px;
    padding: 30px 0;
    margin-right: 10px;
    text-align: center
}

.stepType01 .trim_area .vehicle img {
    height: 100px
}

.stepType01 .trim_area .trim_list {
    margin-top: 0;
    overflow: hidden
}

.stepType01 .trim_area+.step_ctrl {
    border-top: 0;
    padding-top: 0
}

.stepType01 .sales_box {
    margin-top: 0;
    border: 0;
    border-bottom: 1px solid #555
}

.stepType01 .sales_share {
    top: 18px
}

.stepType01 .step_ctrl {
    text-align: right;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #535353
}

.stepType01 .step_ctrl.nborder {
    border-top: 0;
    padding-top: 0
}

.stepType01 .step_ctrl2 {
    text-align: right;
    padding: 15px 22px;
    position: relative
}

.invenStep li.stepWrap.paston .bar01,
.invenStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_inven_step01.png)
}

.invenStep li.stepWrap.paston .bar02,
.invenStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_inven_step02.png)
}

.emailStep li.stepWrap.paston .bar01,
.emailStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_email_step01.png)
}

.emailStep li.stepWrap.paston .bar02,
.emailStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_email_step02.png)
}

.driveStep li.stepWrap.paston .bar01,
.driveStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_drive_step01.png)
}

.driveStep li.stepWrap.paston .bar02,
.driveStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_drive_step02.png)
}

.brochureStep li.stepWrap.paston .bar01,
.brochureStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_brochure_step01.png)
}

.brochureStep li.stepWrap.paston .bar02,
.brochureStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_brochure_step02.png)
}

.compareStep li.stepWrap.paston .bar01,
.compareStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_compare_step01.png)
}

.compareStep li.stepWrap.paston .bar02,
.compareStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_compare_step02.png)
}

.quoteStep li.stepWrap.paston .bar01,
.quoteStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step01.png)
}

.quoteStep li.stepWrap.paston .bar02,
.quoteStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step02.png)
}

.quoteStep li.stepWrap.paston .bar03,
.quoteStep li.stepWrap.on .bar03 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step03.png)
}

.bookStep li.stepWrap.paston .bar01,
.bookStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_book_step01.png)
}

.bookStep li.stepWrap.paston .bar02,
.bookStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_book_step02.png)
}

.bookStep li.stepWrap.paston .bar03,
.bookStep li.stepWrap.on .bar03 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_book_step03.png)
}

.paymentStep li.stepWrap.paston .bar01,
.quoteStep li.stepWrap.on .bar01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step01.png)
}

.paymentStep li.stepWrap.paston .bar02,
.quoteStep li.stepWrap.on .bar02 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step02.png)
}

.paymentStep li.stepWrap.paston .bar03,
.quoteStep li.stepWrap.on .bar03 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_quote_step03.png)
}

.info_tbl {
    border: 1px solid #e8e8e8
}

.info_tbl .info_txt {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px
}

.info_tbl .info_tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.info_tbl .info_tr:first-child {
    border-top: 0
}

.info_tbl .info_th,
.info_tbl .info_td {
    display: table-cell
}

.info_tbl .info_th {
    width: 134px;
    padding: 15px;
    background: #f8f8f8;
    border-right: 1px solid #e8e8e8;
    vertical-align: top
}

.info_tbl .info_td {
    width: 100%;
    min-height: 30px;
    padding: 8px 15px;
    vertical-align: middle
}

.info_tbl .info_dth .info_th {
    width: 55px;
    background: 0;
    color: #666
}

.info_tbl .form_area.phone {
    max-width: 42%
}

.info_tbl .form_wrp.only {
    max-width: 45.5%
}

.info_tbl .form_date.only {
    max-width: 42.6%
}

.info_tbl .form_chk {
    margin-right: 30px
}

.comment {
    margin: 10px 0;
    color: #999;
    font-size: 12px
}

.findSearch {
    position: relative;
    padding: 30px 85px 30px 150px;
    border: 1px solid #828282;
    border-bottom-width: 7px;
    background: #fafafa url(../../../content/dam/kwcms/gt/en/images/sales/bg_findSearch.gif) repeat-x left bottom;
    z-index: 1
}

.findSearch:after {
    content: "";
    display: block;
    clear: both
}

.schTit {
    float: left;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 120px;
    color: #666;
    text-transform: uppercase;
    font-family: kiaM;
    font-size: 15px
}

.schCon {
    float: left;
    width: 100%
}

.formArea {
    position: relative;
    width: 100%;
    z-index: 10
}

.formArea .formInput {
    margin-right: 123px;
    padding: 5px 9px;
    border: 1px solid #d0d0d0;
    background: #fff
}

.formArea .formInput .sch_inp {
    width: 100%;
    height: 25px;
    padding: 0;
    border: 0
}

.formArea .formInput .sch_inp:focus {
    outline: 0
}

.searchOption {
    margin-top: 10px
}

.searchOption .formCheck {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    height: 92px
}

.searchOption .formCheck:nth-child(3),
.searchOption .formCheck:nth-child(4) {
    margin-top: 10px
}

.searchOption .formCheck:nth-child(odd) label {
    margin-left: 0
}

.searchOption .formCheck label {
    position: relative;
    display: block;
    height: 30px;
    margin: 0 5px;
    padding-top: 60px;
    text-align: center;
    line-height: 1.2;
    border: 1px solid #828282;
    z-index: 2;
    cursor: pointer;
    background: #e5e5e5;
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -o-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(#fff, #e5e5e5);
    background: linear-gradient(#fff, #e5e5e5)
}

.searchOption .formCheck label.option06 br {
    display: none
}

.searchOption .formCheck label:before {
    position: absolute;
    top: 19px;
    left: 50%;
    margin: 0 0 0 -19px;
    width: 37px;
    height: 35px;
    background: url(../../../content/dam/kwcms/gt/en/images/service/bg_findSearch_w.png) no-repeat
}

.searchOption .formCheck label.option02:before {
    background-position: -37px 0
}

.searchOption .formCheck label.option03:before {
    background-position: -74px 0
}

.searchOption .formCheck label.option04:before {
    background-position: -111px 0
}

.searchOption .formCheck label.option05:before {
    background-position: -148px 0
}

.searchOption .formCheck label.option06:before {
    background-position: -185px 0
}

.searchOption .formCheck input[type=checkbox] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.searchOption .formCheck label.c_on {
    height: 26px;
    padding-top: 56px;
    color: #bb162b;
    border: 5px solid #bb162b
}

.searchOption .formCheck label.c_on:before {
    top: 15px;
    background-position: 0 -36px
}

.searchOption .formCheck label.option02.c_on:before {
    background-position: -37px -36px
}

.searchOption .formCheck label.option03.c_on:before {
    background-position: -74px -36px
}

.searchOption .formCheck label.option04.c_on:before {
    background-position: -111px -36px
}

.searchOption .formCheck label.option05.c_on:before {
    background-position: -148px -36px
}

.searchOption .formCheck label.option06.c_on:before {
    background-position: -185px -36px
}

.findSearch .btnArea {
    position: absolute;
    top: 33px;
    right: 90px;
    z-index: 11
}

.location_result {
    margin-top: 20px
}

.location_result .location_text {
    position: relative
}

.location_result .result_txt {
    margin: 10px 0 30px 0;
    color: #666;
    font-size: 14px;
    font-family: kiaM
}

.location_result .result_txt strong {
    color: #bb162b;
    font-family: kiaB
}

.location_result .tab_type1 {
    position: absolute;
    top: -10px;
    right: 0
}

.mapPin {
    position: relative
}

.mapPin * {
    vertical-align: middle
}

.mapPin p {
    display: table-cell;
    width: 45px;
    text-align: center
}

.mapPin p img {
    display: block
}

.mapPin strong {
    display: table-cell
}

.location_list {
    display: none
}

.location_mapview {
    margin-left: 320px
}

.location_mapview:after {
    content: '';
    clear: both;
    display: block
}

.location_mapview .mapInner {
    width: 100%
}

.location_mapview .center_list {
    float: left;
    width: 298px;
    height: 600px;
    margin-left: -320px;
    border: 1px solid #bcbcbc
}

.location_mapview .center_list .listInner {
    overflow: auto;
    height: 524px;
    border-bottom: 1px solid #e0e0e0
}

.location_mapview .center_list ul li {
    position: relative;
    border-top: 1px solid #e0e0e0
}

.location_mapview .center_list ul li a {
    display: block;
    padding: 10px 10px 10px 65px;
    text-align: left
}

.location_mapview .center_list ul li:first-child {
    border: 0
}

.location_mapview .center_list ul li .where {
    position: absolute;
    top: 14px;
    left: 5px;
    width: 60px;
    text-align: center
}

.location_mapview .center_list ul li .where .map_spr {
    display: inline-block
}

.location_mapview .center_list ul li .info dt {
    padding-bottom: 6px;
    font-size: 15px;
    font-family: kiaB
}

.location_mapview .center_list ul li .info dd {
    font-size: 12px;
    line-height: 15px
}

.location_mapview .center_list ul li a.center_on {
    color: #fff;
    background: #bb162b
}

.location_mapview .center_list ul li a.center_on .map_pin {
    color: #bb162b;
    background-position: 0 -29px
}

.location_mapview .center_list .nodata span {
    font-size: 13px
}

.location_mapview .mapArea {
    overflow: hidden;
    float: right;
    width: 100%;
    height: 600px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

.location_mapview .mapArea img {
    width: 100%
}

.locInfo h4 {
    margin-bottom: 13px;
    padding-bottom: 10px;
    color: #000;
    font-size: 22px;
    font-family: kiaB;
    border-bottom: 1px solid #707070
}

.locInfo h4 span {
    display: inline-block;
    padding-left: 5px;
    font-size: 16px
}

.locInfo .hold {
    position: absolute;
    top: 11px;
    right: 20px;
    border-radius: 50% 50%;
    width: 30px;
    height: 30px;
    border: 3px solid #bb162b;
    text-align: center;
    line-height: 30px;
    color: #bb162b;
    font-family: kiaB;
    font-size: 22px
}

.locInfo .addr {
    padding: 0 0 10px;
    color: #666;
    border-bottom: 1px solid #e4e4e4
}

.locInfo .info {
    margin-top: 15px
}

.locInfo .info li {
    padding-bottom: 6px;
    color: #666
}

.locInfo .info li strong {
    color: #000
}

.locInfo .info li.hours {
    color: #666
}

.locInfo .btn {
    border-top: 1px solid #707070;
    margin-top: 15px;
    padding-top: 15px;
    text-align: center
}

.findDealer .btnArea {
    top: 83px;
    z-index: 20
}

.schTab {
    position: relative;
    margin-bottom: 30px
}

.schTab .input_box {
    display: none;
    text-transform: uppercase
}

.schTab ul {
    height: 19px
}

.schTab li {
    float: left;
    border-left: 2px solid #cecece
}

.schTab li:first-child {
    border-left: 0
}

.schTab li:first-child a {
    padding-left: 0
}

.schTab li a {
    display: block;
    padding: 0 10px;
    font-size: 19px;
    font-family: kiaB;
    line-height: 1
}

.schTab li a.tab_on {
    color: #bb162b;
    background: 0
}

.btn_dealers {
    padding: 9px;
    border: 1px solid #e4e4e4;
    background: #f7f7f7
}

.btn_dealers .bl_type_a {
    margin-right: 10px
}

.formArea .form_closest {
    margin-right: 283px
}

.closet_select {
    position: absolute;
    top: 0;
    right: 123px
}

.closet_select .form_wrp {
    display: inline-block;
    width: 50px
}

.closet_select .form_wrp .sel_box .selected-headline {
    height: 35px;
    line-height: 35px
}

.closet_select .form_wrp .sel_box .selected-headline:after {
    top: 15px
}

.byo {
    position: relative
}

.byo .byoView {
    position: absolute;
    top: 124px
}

.byo .byoDetail {
    padding-top: 374px
}

.byo.byo_sns .byoView {
    top: 50px
}

.byo.byo_sns .byoDetail {
    padding-top: 420px
}

.byoTab {
    z-index: 9
}

.byoTab .step {
    width: 100%;
    display: table;
    margin-bottom: 20px;
    table-layout: fixed
}

.byoTab .step:after {
    display: none
}

.byoTab .step li {
    display: table-cell;
    text-align: center;
    vertical-align: top
}

.byoTab .step li a {
    display: block;
    width: 100%;
    height: 100px;
    padding-right: 10px;
    box-sizing: border-box;
    background: #fafafa url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep.png) no-repeat right center;
    border-top: 1px solid #828282;
    border-bottom: 1px solid #828282;
    position: relative
}

.byoTab .step li:first-child a {
    border-left: 1px solid #828282;
    background-position: 99% top
}

.byoTab .step li.finish a {
    background: #fafafa;
    border-right: 1px solid #828282
}

.byoTab .step li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_bottom.png) 0 bottom repeat-x
}

.byoTab .step li .num {
    display: block;
    margin-top: 20px;
    font-family: kiaM;
    font-size: 13px;
    color: #666
}

.byoTab .step li .name {
    display: block;
    margin-top: 10px;
    font-family: kiaB;
    font-size: 18px;
    color: #222
}

.byoTab .step li.on {
    position: relative;
    z-index: 10
}

.byoTab .step li.on:before {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 34px;
    height: 100px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_on.png) 0 0 no-repeat;
    z-index: 10
}

.byoTab .step li.on:after {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 34px;
    height: 100px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_on2.png) 0 0 no-repeat;
    z-index: 10
}

.byoTab .step li.on a {
    position: absolute;
    width: 100%;
    top: 0;
    background: #bb162b;
    border-top: 1px solid #7a0e1c;
    border-bottom: 1px solid #7a0e1c
}

.byoTab .step li.on a:hover,
.byoTab .step li.on a:focus {
    color: #fff
}

.byoTab .step li.on a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -11px;
    left: -5px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_arrow.png) no-repeat center bottom
}

.byoTab .step li.on .num {
    color: #dd8b95
}

.byoTab .step li.on .name {
    color: #fff
}

.byoTab .step li:first-child.on:after {
    left: 0;
    background: 0
}

.byoTab .step li:first-child.on a {
    border-left: 1px solid #7a0e1c
}

.byoTab .step li.finish.on:before {
    right: 0;
    background: 0
}

.byoTab .step li.finish.on a {
    border-right: 1px solid #7a0e1c
}

.byoTab .step li.off a {
    background: #bcbcbc url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_off.png) no-repeat 99.2% center
}

.byoTab .step li.off .num {
    display: none
}

.byoTab .step li.off .name {
    margin-top: 20px;
    height: 62px;
    font-size: 14px;
    line-height: 15px;
    font-family: kiaM;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_stepcheck.png) no-repeat center bottom;
    color: #000
}

.byoTab .step li.finish.off a {
    background: #bcbcbc none;
    border-right: 1px solid #828282
}

.byoView {
    width: 100%;
    background: #fff;
    margin: -50px 0 30px 0;
    padding: 60px 0 30px 0
}

.byoView .byo_preview .logo {
    width: 100%;
    position: absolute;
    left: 0
}

.byoView .byo_preview .logo .lg_img {
    display: inline-block;
    vertical-align: middle
}

.byoView .byo_preview .logo .subTxt {
    display: inline-block;
    font-size: 18px;
    height: 24px;
    color: #000;
    font-family: kiaM
}

.byoView .byo_preview .logo .subTxt:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 24px;
    margin: 0 10px 0 10px;
    vertical-align: middle;
    background: #b5b5b5
}

.byoView .byo_preview .logo .price {
    display: block;
    margin-top: 15px;
    font-family: kiaB;
    font-size: 30px;
    color: #bb162b
}

.byoView .byo_preview .tab_type1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.byoView .byo_preview .visual {
    text-align: center;
    height: 300px
}

.byoView .byo_preview .visual img {
    height: 100%
}

.byoView .byo_preview .visual .inView {
    position: relative;
    width: 610px;
    margin: 0 auto
}

.byoView .byo_preview .visual .in_img li {
    display: none
}

.byoView .byo_preview .visual .in_img li.on {
    display: block
}

.byoView .byo_preview .visual .inViewLeft {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px
}

.byoView .byo_preview .visual .inViewRight {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px
}

.byoView .byo_preview .visual .inViewLeft img {
    width: 20px;
    height: 38px
}

.byoView .byo_preview .visual .inViewRight img {
    width: 20px;
    height: 38px
}

.byoView .byo_preview .visual .pg_btn_area {
    margin-top: -25px
}

.byoDetail:after {
    content: '';
    display: block;
    clear: both
}

.byoDetail .byo_content {
    width: 620px;
    float: left;
    border-top: 3px solid #bb162b
}

.byoDetail .byo_aside {
    width: 290px;
    float: right;
    border-top: 3px solid #000
}

.byoDetail .byo_aside .aside {
    border-bottom: 3px solid #000;
    position: relative
}

.byoDetail .byo_aside .aside .tit {
    display: block;
    padding: 12px 10px;
    background: #e8e8e8;
    border-bottom: 1px solid #777;
    font-size: 16px
}

.byoDetail .byo_box {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #e3e3e3;
    position: relative
}

.byoDetail .byo_box:first-child {
    margin-top: 0;
    border-top: 0
}

.byoDetail .byo_box .array_area {
    position: absolute;
    top: 16px;
    right: 23px
}

.byoDetail .byo_box .ctrl {
    position: absolute;
    top: 10px;
    right: 15px
}

.byoDetail .byo_box .byo_tit {
    border-bottom: 1px solid #e3e3e3;
    padding: 17px 23px 4px 23px
}

.byoDetail .byo_box .byo_con {
    padding: 20px 23px
}

.byoDetail .byo_box .byo_con:after {
    content: '';
    display: block;
    clear: both
}

.byoDetail .byo_box .byo_con .con_h {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e3e3e3
}

.byoDetail .byo_box .byo_con .con_h:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.byoDetail .byo_review {
    overflow: hidden
}

.byoDetail .byo_review .review_l {
    width: 100%;
    float: left
}

.byoDetail .byo_review .review_tmb {
    width: 190px;
    height: 135px;
    float: left;
    margin-right: 24px
}

.byoDetail .byo_review .review_txt {
    overflow: hidden
}

.byoDetail .byo_review .review_txt .r_tit {
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 6px
}

.byoDetail .byo_review .review_txt .r_star .starNum {
    margin-left: 5px;
    font-size: 18px;
    font-family: kiaB;
    color: #e69d00
}

.byoDetail .byo_review .review_txt .r_date {
    display: block;
    margin-top: 5px;
    color: #999
}

.byoDetail .byo_review .review_txt .r_txt {
    margin: 4px 0 5px;
    color: #666
}

.byoDetail .byo_graph {
    padding: 10px;
    overflow: hidden
}

.byoDetail .byo_graph .note {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 11px;
    color: #666
}

.byoDetail .byo_graph .graph {
    display: block;
    float: left;
    margin-right: 16px;
    width: 81px;
    height: 81px;
    overflow: hidden;
    position: relative;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_preferences_circle.png) 0 0 no-repeat
}

.byoDetail .byo_graph .graph .rate {
    width: 100%;
    text-align: center;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 4px;
    font-size: 16px;
    font-family: kiaB;
    color: #666
}

.byoDetail .byo_graph .graph .rate .num {
    font-size: 28px
}

.byoDetail .byo_graph .rank {
    overflow: hidden;
    width: auto
}

.byoDetail .byo_graph .rank li {
    margin: 4px 0;
    padding-left: 34px;
    line-height: 16px
}

.byoDetail .byo_graph .rank li .num {
    display: inline-block;
    width: 25px;
    margin: 0 7px 0 -34px;
    position: relative;
    top: -1px;
    text-align: center;
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    line-height: 16px;
    color: #666
}

.byoDetail .byo_graph .rank li:first-child {
    font-family: kiaB
}

.byoDetail .byo_graph .rank li:first-child .num {
    color: #bb162b
}

.byoDetail .option_a {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #666
}

.byoDetail .byo_summary .sum_l {
    border-top: 1px solid #777;
    color: #666
}

.byoDetail .byo_summary .sum_l:first-child {
    border-top: 0
}

.byoDetail .byo_summary .sum_l .price {
    float: right
}

.byoDetail .byo_summary .sum_l .item_h {
    display: block;
    padding: 8px 10px;
    text-decoration: none
}

.byoDetail .byo_summary .sum_l .item_h .item_a {
    margin: 2px 0 0 2px
}

.byoDetail .byo_summary .sum_l .item_h .price {
    color: #000
}

.byoDetail .byo_summary .sum_l.total {
    padding: 10px
}

.byoDetail .byo_summary .sum_l.total .total_price {
    display: block;
    text-align: right;
    font-size: 24px;
    line-height: 26px;
    color: #000
}

.byoDetail .byo_summary .item_u {
    display: none;
    background: #ececec
}

.byoDetail .byo_summary .item_l {
    padding: 5px 10px 5px 25px;
    border-top: 1px solid #d8d8d8
}

.byoDetail .byo_summary .item_l:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #bb162b;
    margin: 0 6px 0 -8px;
    position: relative;
    top: -4px
}

.byoDetail .byo_summary .item_l .sort {
    width: 100%;
    display: inline-block;
    color: #000;
    font-family: kiaM
}

.byoDetail .byo_summary .sum_l.on .item_u {
    display: block
}

.byoDetail .sales_box {
    margin: -30px 0 24px;
    padding: 19px 0
}

.byoDetail .sales_box h5 {
    display: none
}

.byoDetail .option_area {
    display: block;
    position: relative
}

.byoDetail .option_price {
    display: inline-block;
    margin-left: 20px;
    color: #666
}

.byoDetail .option_btn {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/icon_setting.png) no-repeat 0 50%;
    padding-left: 17px;
    text-decoration: underline
}

.byo_complete {
    width: 100%;
    border-top: 3px solid #bb162b
}

.completeList {
    width: 100%;
    height: 71px;
    margin: -30px 0 24px;
    padding-top: 50px;
    border: 1px solid #e3e3e3;
    background: red;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-family: kiaM
}

.byo_complete .byo_box .byo_tit {
    clear: both;
    overflow: hidden;
    border-bottom: 0
}

.byo_complete .byo_box .byo_con {
    border-bottom: 1px solid #e3e3e3
}

.byoDetail .conDetail {
    overflow: hidden;
    display: table;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #e8e8e8;
    background: #fcfcfc;
    font-size: 14px;
    font-family: kiaM
}

.byoDetail .conDetail div>span {
    margin: 0 10px
}

.byoDetail .conDetail .extit {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 35px;
    margin: 0;
    border-right: 1px solid #e8e8e8;
    color: #000
}

.byoDetail .conDetail .explain {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    height: 35px;
    border-right: 1px solid #e8e8e8;
    color: #000
}

.byoDetail .conDetail .explain .colorArea {
    display: inline-block;
    overflow: hidden;
    width: 62px;
    height: 20px;
    vertical-align: middle
}

.byoDetail .conDetail .explain .colorImg {
    width: 86px;
    height: 44px;
    margin: -11px
}

.byoDetail .conDetail .explain span em {
    margin-left: 10px;
    text-indent: 200px
}

.byoDetail .conDetail .price {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 35px;
    color: #333;
    text-align: right
}

.byoDetail .list_totalPrice {
    float: right;
    margin-top: 15px;
    font-family: kiaB;
    font-size: 20px;
    color: #000
}

.byoDetail .conDetail02 {
    display: table;
    width: 100%;
    border: 1px solid #e8e8e8;
    background: #fcfcfc;
    font-size: 14px;
    font-family: kiaM
}

.byoDetail .conDetail02 .extit {
    display: table-cell;
    vertical-align: top;
    width: 20%;
    border-right: 1px solid #e8e8e8;
    color: #000
}

.byoDetail .conDetail02 .extit span {
    display: inline-block;
    margin: 20px 0 0 10px
}

.byoDetail .conDetail02 ul li:first-child {
    border-top: 0
}

.byoDetail .conDetail02 .explain {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.byoDetail .conDetail02 .explain .explainCon {
    display: table-cell;
    width: 80%;
    border-right: 1px solid #e8e8e8
}

.byoDetail .conDetail02 .explain .explainCon .proCon {
    position: relative;
    padding: 20px 30px 20px 260px;
    min-height: 120px
}

.byoDetail .conDetail02 .explain .explainCon .proCon .txt strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: kiaB;
    color: #333
}

.byoDetail .conDetail02 .explain .explainCon .proCon .txt {
    display: block;
    font-size: 13px;
    font-family: kiaM;
    color: #666
}

.byoDetail .conDetail02 .explain .explainCon .proCon .optionImg {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 215px;
    height: 120px
}

.byoDetail .conDetail02 .explain .price {
    display: table-cell;
    width: 20%;
    text-align: right
}

.byoDetail .conDetail02 .explain .price span {
    margin: 20px 10px 0 0
}

.byo_box .customerCon li.list {
    float: left;
    position: relative;
    width: 50%;
    margin-top: 30px
}

.byo_box .customerCon li.list02:before,
.byo_box .customerCon li.list04:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -20px;
    display: inline-block;
    width: 1px;
    height: 136px;
    background: #e3e3e3
}

.byo_box .customerCon li.list .tit {
    position: relative;
    padding: 0;
    font-family: kiaM;
    font-size: 15px;
    color: #000
}

.byo_box .customerCon li.list .tit:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 1px;
    background: #000
}

.byo_box .customerCon .byo_graph {
    padding: 14px 0 0 0
}

.byo_box .customerCon .graph {
    width: 104px;
    height: 104px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_preferences_circle02.png)
}

.byo_box .customerCon .rank {
    padding: 10px 0
}

.byoDetail .byo_box .customerCon li.list .byo_graph .rank li {
    display: block;
    margin: 6px 0
}

.byo_complete .byo_box02 {
    margin-top: 10px;
    width: 100%;
    border-top: 3px solid #bb162b
}

.byo_complete .byo_box02 .byo_con {
    overflow: hidden;
    padding: 20px 23px;
    border: 1px solid #e3e3e3;
    background: #fff
}

.byo_complete .byo_box02 .byo_con .totalTxt {
    float: left;
    font-family: kiaB;
    font-size: 20px;
    color: #333
}

.byo_complete .byo_box02 .byo_con .totalPrice {
    float: right;
    margin-top: 10px;
    font-family: kiaB;
    font-size: 24px;
    color: #bb162b
}

.byoDetail .byo_etc {
    overflow: hidden;
    padding: 15px 0 0
}

.byoDetail .byo_etc .con_share {
    float: left;
    margin-top: 5px
}

.byoDetail .byo_etc .btn_areaR {
    float: right;
    margin-top: 0
}

.specSearch {
    border: 1px solid #d0d0d0;
    background: #fff;
    position: relative
}

.specSearch:after {
    content: '';
    display: block;
    clear: both
}

.specSearch .btn_reset {
    position: absolute;
    top: -36px;
    right: 0
}

.specList {
    display: table;
    width: 100%
}

.specList:after {
    display: none
}

.specList li {
    display: table-cell;
    text-align: center;
    border-left: 1px solid #d0d0d0
}

.specList li:first-child {
    border-left: 0
}

.specList li.specList01 {
    width: 25%
}

.specList li.specList02 {
    width: 28%
}

.specList li.specList03 {
    width: 28%
}

.specList li.specList04 {
    width: auto
}

.specList.col3 li {
    width: 33.3%
}

.specList.col2 li {
    width: 50%
}

.specList li strong {
    display: block;
    padding: 0 20px;
    font-size: 15px;
    line-height: 42px;
    font-weight: normal;
    font-family: kiaM;
    text-align: left;
    background: #e9e9e9
}

.specList li .kindSelect {
    padding-top: 3px;
    text-align: left
}

.specList li:first-child strong,
.specList li:first-child .kindSelect {
    border: 0
}

.specList li .kindSelect .form_chk {
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.specList li .kindSelect .form_chk:first-child {
    border: 0
}

.specList li .kindSelect .form_chk {
    display: block
}

.specList li .kindSelect .form_chk label {
    padding: 12px 0 12px 20px;
    font-size: 15px
}

.specList li .kindSelect .form_chk label:before {
    margin-right: 15px
}

.specList li .kindSelect .form_chk label * {
    vertical-align: middle
}

.specList li .kindSelect .form_chk label span {
    display: inline-block;
    width: 65px;
    height: 26px;
    margin-right: 15px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/ico_car_type_w.png) no-repeat
}

.specList li .kindSelect .form_chk.carkind03 label span {
    background-position: 0 -56px
}

.specList li .kindSelect .form_chk.carkind04 label span {
    height: 29px;
    background-position: 0 -111px
}

.specList li .kindSelect .form_chk.carkind05 label span {
    height: 32px;
    background-position: 0 -171px
}

.specList li .kindSelect .form_chk.carkind04 label {
    padding-bottom: 9px
}

.specList li .kindSelect .form_chk.carkind05 label {
    padding-bottom: 6px
}

.specList li .kindSelect .form_chk label.r_on span {
    background-position: 0 -28px
}

.specList li .kindSelect .form_chk.carkind02 label.r_on span {
    background-position: 0 -28px
}

.specList li .kindSelect .form_chk.carkind03 label.r_on span {
    background-position: 0 -83px
}

.specList li .kindSelect .form_chk.carkind04 label.r_on span {
    background-position: 0 -141px
}

.specList li .kindSelect .form_chk.carkind05 label.r_on span {
    background-position: 0 -204px
}

.specList li .kindSelect .form_chk.carkind05 label em {
    display: inline-block;
    width: 100px;
    margin-top: -8px
}

.unitSlide {
    height: 190px;
    margin: 0 auto;
    padding: 68px 22px 0 22px;
    border-left: 1px solid #d0d0d0
}

.unitSlide .price_range {
    position: relative;
    height: 29px
}

.unitSlide .price_range span {
    position: absolute;
    top: 0;
    left: -22px;
    display: block;
    width: 55px;
    height: 29px;
    color: #666;
    font-size: 11px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider.png) no-repeat 50% 100%
}

.unitSlide .price_range span+span {
    left: auto;
    right: -22px
}

.unitSlide p {
    padding: 29px 0 0 0
}

.unitSlide p input[type=text] {
    width: 40%;
    padding: 8px 6px;
    color: #bb162b;
    font-size: 18px;
    text-align: right;
    box-shadow: 0 1px 1px #c9c9c9 inset;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    background: #e9e9e9;
    vertical-align: middle
}

.mileageSelect {
    height: 196px;
    padding: 46px 0 0 0;
    border-left: 1px solid #d0d0d0;
    text-align: center
}

.jcs {
    position: absolute;
    background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_mileageSelect_sq.png);
    cursor: pointer
}

.jcs-value {
    position: absolute;
    text-align: center;
    height: 20px
}

.jcs-indicator {
    position: absolute;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/img_mileageSelect_bar.png) no-repeat;
    pointer-events: none;
    margin-top: -2px
}

.jcs-panel {
    position: relative;
    display: inline-block;
    cursor: pointer
}

#mpgSliderInner {
    margin: 0 auto;
    width: 232px;
    height: 147px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_mileageSelect.jpg) no-repeat 0 100%
}

#mpgSlider {
    display: block;
    margin-left: -232px
}

.mileageSelect input[type=text] {
    position: absolute;
    margin-top: 92px;
    margin-left: 76px;
    display: block;
    width: 80px;
    color: #bb162b;
    font-size: 18px;
    border: 0;
    text-align: center
}

.userNum {
    position: relative;
    height: 222px;
    padding: 36px 0 0 0;
    border-left: 1px solid #d0d0d0
}

.seatInner {
    position: relative;
    display: inline-block;
    width: 65px;
    text-align: center
}

.userNum .seat_range {
    position: absolute;
    top: 0;
    right: -4px;
    width: 28px;
    height: 150px
}

.userNum .seat_range span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-left: 14px;
    color: #666;
    font-size: 11px;
    line-height: 1;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider.png) no-repeat 0 -75px
}

.userNum .seat_range span+span {
    top: auto;
    bottom: 0
}

.specSearch .btn_area {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #d1d1d1
}

.unitSlide .ui-slider {
    position: relative;
    left: 0;
    height: 14px;
    margin: 0 7px;
    box-shadow: 0 1px 1px #c9c9c9 inset;
    border-radius: 14px;
    border: 1px solid #e0e0e0;
    background: #e9e9e9
}

.ui-slider .ui-slider-range {
    position: absolute;
    height: 16px;
    border-radius: 14px;
    border: 0;
    box-shadow: 0 0 1px #c9c9c9;
    background: #c51931;
    background: -webkit-linear-gradient(#c51931, #901220);
    background: -o-linear-gradient(#c51931, #901220);
    background: -moz-linear-gradient(#c51931, #901220);
    background: linear-gradient(#c51931, #901220)
}

.ui-slider-handle {
    display: block;
    width: 28px;
    height: 29px;
    margin: -7px -14px;
    position: absolute;
    border: 0;
    box-shadow: none;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider.png) no-repeat
}

.userNum .ui-slider {
    position: relative;
    width: 14px;
    height: 150px;
    margin: 0 auto;
    box-shadow: 0 1px 1px #c9c9c9 inset;
    border-radius: 14px;
    border: 1px solid #e0e0e0;
    background: #e9e9e9
}

.userNum .ui-slider .ui-slider-range {
    top: auto;
    bottom: 0;
    width: 14px;
    height: auto
}

.userNum .ui-slider-handle {
    margin: -14px -7px
}

.userNum p input[type=text] {
    display: block;
    width: 100%;
    margin-top: 20px;
    color: #bb162b;
    font-size: 18px;
    border: 0;
    text-align: center
}

.advisorList {
    position: relative;
    padding: 25px 23px 19px 23px;
    margin-top: 15px;
    border: 1px solid #d0d0d0;
    background: #fff
}

.sortingList {
    display: inline-block
}

.sortingList {
    border: 1px solid #e0e0e0;
    border-radius: 38px
}

.sortingList li {
    float: left;
    padding: 3px
}

.sortingList li a {
    display: block;
    padding: 0 13px;
    color: #999;
    font-size: 14px;
    font-family: kiaB;
    line-height: 30px
}

.sortingList li.on a {
    color: #fff;
    border-radius: 30px;
    background: #7e8083
}

.advisorList .sortingList {
    position: absolute;
    top: 20px;
    right: 29px
}

.advisorList .car_box .car_a {
    position: relative
}

.advisorList .car_l .car_a:after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 9px;
    height: 10px;
    margin-left: -4px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_carOn.png) no-repeat -51px 0
}

.advisorList .car_l.on .car_a {
    border: 0;
    background: #bb162b
}

.advisorList .car_l.on .car_name {
    color: #fff
}

.advisorList .car_l.on .car_a:after {
    content: ' ';
    bottom: -10px;
    width: 19px;
    height: 10px;
    margin-left: -10px;
    background-position: 0 0
}

.advisorList .car_l.on .car_info {
    display: block
}

.car_info {
    display: none;
    position: absolute;
    left: 0;
    width: 100%
}

.car_info .carinfoWrap {
    overflow: hidden;
    position: relative;
    padding: 47px 29px;
    margin: 12px 23px;
    border: 1px solid #e3e3e3;
    background: #f8f8f8
}

.carinfoWrap .carTit {
    display: block;
    color: #000;
    font-size: 30px;
    font-family: kiaB
}

.carinfoWrap .carTit:before {
    content: '';
    display: block;
    width: 42px;
    height: 1px;
    margin-bottom: 20px;
    background: #bb162b
}

.carinfoWrap .carTxt {
    margin-top: 5px;
    color: #000;
    font-size: 40px;
    line-height: normal;
    font-family: kiaB
}

.carinfoWrap .advisor_txt {
    margin-top: 15px
}

.carinfoWrap .advisor_txt li {
    margin: 5px 0;
    font-size: 15px;
    font-family: kiaB;
    color: #bb162b
}

.carinfoWrap .car_img {
    display: block;
    text-align: center
}

.carinfoWrap .car_img img {
    height: 280px
}

.carinfoWrap .car_tbl {
    margin-top: 30px;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.carinfoWrap .car_tbl:after {
    display: none
}

.carinfoWrap .car_tbl .tbl_l {
    display: table-cell;
    text-align: center
}

.carinfoWrap .car_tbl .tbl_th {
    display: block;
    background: #fff;
    color: #666;
    font-family: kiaM
}

.carinfoWrap .car_tbl .tbl_td {
    display: block;
    text-align: center;
    background: #f8f8f8;
    color: #000;
    font-family: kiaB
}

.carinfoWrap .car_tbl .tbl_td,
.carinfoWrap .car_tbl .tbl_th {
    padding: 10px 5px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    line-height: 14px
}

.carinfoWrap .car_btn {
    margin-top: 20px;
    text-align: center
}

.carinfoWrap .car_btn a {
    display: inline-block;
    margin-right: 14px;
    color: #333;
    font-size: 12px;
    line-height: 24px;
    text-decoration: underline
}

.carinfoWrap .car_btn a:before {
    display: inline-block;
    content: '';
    width: 28px;
    height: 22px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_ico_sales_w.png) no-repeat
}

.carinfoWrap .car_btn a.icoBtn1:before {
    background-position: 0 0
}

.carinfoWrap .car_btn a.icoBtn2:before {
    background-position: 0 -22px
}

.carinfoWrap .car_btn a.icoBtn3:before {
    background-position: 0 -44px
}

.carinfoWrap .car_btn a.icoBtn4:before {
    background-position: 0 -66px
}

.car_info button {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 23px;
    height: 23px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_carOn.png) no-repeat -21px 0;
    z-index: 2
}

.advisorList ul li.nodata {
    clear: both;
    float: none;
    width: 100%;
    padding: 205px 0;
    text-align: center
}

.advisorList ul li.nodata span {
    display: inline-block;
    padding-left: 45px;
    color: #999;
    font-size: 21px;
    font-family: kiaB;
    line-height: 30px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_nodata_w.gif) no-repeat
}

.chkLife {
    overflow: hidden
}

.chkLife ul {
    margin: -1px 0 0 -1px
}

.chkLife li {
    float: left;
    width: 33.33%;
    text-align: left;
    border-top: 1px solid #d0d0d0
}

.chkLife li .form_chk {
    display: table-cell;
    height: 35px;
    padding: 15px 0 15px 20px;
    border-left: 1px solid #d0d0d0
}

.chkLife li .form_chk * {
    vertical-align: middle
}

.chkLife li .form_chk .check_box {
    position: relative;
    padding-left: 95px;
    font-size: 15px;
    line-height: 18px;
    white-space: nowrap
}

.chkLife li .form_chk .check_box:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px
}

.chkLife li .form_chk .check_box span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 55px;
    width: 41px;
    height: 32px;
    margin-top: -13px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/adv_life.png) no-repeat
}

.chkLife li .form_chk.life02 .check_box span {
    background-position: -41px 0
}

.chkLife li .form_chk.life03 .check_box span {
    background-position: -82px 0
}

.chkLife li .form_chk.life04 .check_box span {
    background-position: 0 -33px
}

.chkLife li .form_chk.life05 .check_box span {
    background-position: -41px -33px
}

.chkLife li .form_chk.life06 .check_box span {
    background-position: -82px -33px
}

.chkLife li .form_chk.life07 .check_box span {
    background-position: 0 -66px
}

.chkLife li .form_chk.life08 .check_box span {
    background-position: -41px -66px
}

.chkLife li .form_chk.life09 .check_box span {
    background-position: -82px -66px
}

.compare_car .sales_box.active {
    background: #fff6e5
}

.compare_car .sales_box .control {
    display: none
}

.compare_sel {
    padding: 10px 0 20px
}

.compare_sel .sel_l {
    width: 33.3%;
    float: left;
    border-left: 1px solid #e3e3e3;
    box-sizing: border-box;
    text-align: center
}

.compare_sel .sel_l:first-child {
    border: 0
}

.compare_sel .form_chk {
    margin-left: -20px;
    font-size: 16px;
    color: #000
}

.compare_sel .desc {
    display: block;
    text-align: center;
    color: #999;
    line-height: 16px
}

.compare_sel .desc:before {
    content: "";
    display: block;
    width: 168px;
    height: 78px;
    margin: 22px auto 12px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/img_compare.png) 0 0 no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .compare_sel .sel_l .desc:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/img_compare_x2.png);
        background-size: 132px 78px
    }
}

.addcarArea {
    overflow: hidden;
    position: relative;
    padding-left: 212px;
    height: 434px;
    border-bottom: 1px solid #bb162b
}

.addcarArea .addcarBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 394px;
    padding: 20px 23px;
    border-right: 1px solid #a31225;
    background: #666 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_bar_comparecar.png) no-repeat center 50%
}

.addcarArea .addcarBar .addTxt {
    font-size: 14px;
    color: #fff;
    opacity: .5
}

.addcarList {
    width: 100%;
    height: 434px
}

.addcarList .add_l {
    float: left;
    width: 25%;
    height: 434px
}

.compareList {
    position: relative;
    background: #f8f8f8 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_addcar.gif) no-repeat center 40%;
    text-align: left
}

.compareList .addcarCon {
    padding: 20px;
    height: 394px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff
}

:first-child .addcarCon {
    border-left: 0
}

.compareList .addcarCon.con04 {
    border-right: 0
}

.compareList .addcarCon .num {
    display: block;
    margin-top: 20px;
    font-family: kiaB;
    font-size: 64px;
    color: #e2e2e2
}

.compareList .addcarCon .addcarTxt {
    display: block;
    text-align: center
}

.compareList .addcarCon .btnadd {
    display: block;
    width: 60px;
    height: 64px;
    margin: 160px auto 0
}

.compareList .selectCar {
    display: none
}

.compareList.addon {
    background: #f8f8f8 none
}

.compareList.addon .addcarCon .num {
    color: #333
}

.compareList.addon .addcarCon .btnadd {
    display: none
}

.compareList.addon .selectCar {
    display: block
}

.compareList.addon .selectCar .cadImg {
    margin: 80px 0 0 -10px;
    text-align: center
}

.compareList.addon .selectCar .cadImg img {
    height: 90px
}

.compareList.addon .selectCar .selectCar_con {
    margin-top: 115px
}

.compareList.addon .selectCar .selectCar_con strong {
    display: block;
    position: relative;
    font-size: 16px;
    color: #000
}

.compareList.addon .selectCar .selectCar_con strong:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 32px;
    height: 1px;
    background: #000
}

.compareList.addon .selectCar .selectCar_con span {
    display: block;
    font-size: 13px;
    color: #666;
    margin: 4px 0;
    line-height: 15px
}

.compareList.addon .selectCar .selectCar_con span.addPrice {
    display: block;
    font-family: kiaB;
    color: #000
}

.compareList.addon .selectCar .selectClose {
    position: absolute;
    top: 20px;
    right: 10px
}

.item_box {
    height: 322px;
    background: #f8f8f8 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_addcar.gif) no-repeat center 40%
}

.item_box .addcarCon {
    border-right: 0;
    padding: 20px;
    height: 196px;
    text-align: left
}

.item_box .addcarCon .num {
    margin-top: 10px;
    font-size: 32px
}

.item_box .addcarCon .btnadd {
    margin: 120px auto 0
}

.item_box .addcarCon .btnSmall {
    position: absolute;
    left: 20px;
    bottom: 25px
}

.item_box.addon .selectCar .cadImg {
    margin: 20px 0 0 -10px
}

.item_box.addon .selectCar .selectCar_con {
    margin-top: 25px
}

.addcarArea .addResult {
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 210px
}

.addcarArea .addResult .resultCon {
    padding: 10px 23px;
    overflow: hidden
}

.addcarArea .addResult .resultCon .count {
    float: right;
    padding-left: 13px;
    font-family: kiaB;
    font-size: 40px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_addcarnum.png) no-repeat left top;
    background-size: 9px 9px;
    color: #fff
}

.addcarArea .addResult .resultCon a {
    float: left;
    vertical-align: middle
}

.vs_wrap {
    border-bottom: 1px solid #a31225;
    position: relative
}

.vs_wrap th,
.vs_wrap td {
    padding: 12px 14px;
    border-top: 1px solid #ddd
}

.vs_wrap th .item {
    position: relative
}

.vs_wrap th[class*=item_h] {
    height: 18px;
    border-top: 1px solid #9f9f9f;
    text-align: left
}

.vs_wrap th[class*=item_h] .item_a {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px
}

.vs_wrap td[class*=item_more] {
    display: none
}

.vs_wrap td[class*=item_more].on {
    display: table-cell
}

.vs_wrap td img {
    height: 100%
}

.vs_wrap .active_a {
    display: block;
    margin: -12px -14px;
    padding: 12px 14px
}

.vs_wrap .active {
    background: #fff6e5
}

.vs_wrap .active .compareList.addon {
    background: #fff6e5
}

.vs_wrap .vs_head {
    float: left;
    width: 212px;
    position: relative;
    z-index: 9
}

.vs_wrap .vs_head th[class*=item_h] {
    background: #e9e9e9
}

.vs_wrap .vs_body {
    overflow: hidden;
    width: auto
}

.vs_wrap .vs_item {
    background: #f8f8f8
}

.vs_wrap .vs_item th,
.vs_wrap .vs_item td {
    border-right: 1px solid #9f9f9f
}

.vs_wrap .vs_item .item_msg {
    height: 282px;
    padding: 20px 23px;
    border: 0;
    border-bottom: 1px solid #a31225;
    border-right: 1px solid #a31225;
    background: #666 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_bar_comparecar02.png) center center no-repeat;
    vertical-align: top
}

.vs_wrap .vs_item .item_msg .txt {
    color: #fff;
    opacity: .5;
    font-size: 14px;
    font-family: kiaM
}

.vs_wrap .vs_car {
    table-layout: fixed;
    background: #fff
}

.vs_wrap .vs_car th,
.vs_wrap .vs_car td {
    border-left: 1px solid #ddd;
    color: #666;
    text-align: right
}

.vs_wrap .vs_car th:first-child,
.vs_wrap .vs_car td:first-child {
    border-left: 0
}

.vs_wrap .vs_car .item_car {
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #a31225;
    vertical-align: top
}

.vs_wrap .addResult {
    position: absolute;
    top: 0;
    left: 0;
    width: 212px;
    height: 322px;
    z-index: 9
}

.vs_wrap .addResult .resultCon .count {
    position: absolute;
    bottom: 25px;
    right: 23px;
    padding-left: 16px;
    font-size: 40px;
    line-height: 38px;
    color: #fff;
    font-size: kiaB;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_addcarnum.png) 0 0 no-repeat
}

.vs_wrap .addResult .resultCon #resetBtn {
    position: absolute;
    left: 23px;
    bottom: 25px
}

.vs_wrap .br {
    display: none
}

.vs_wrap .keep {
    display: none
}

.vs_wrap .good {
    color: #bb162b
}

.pop_compare .car_list {
    border: 1px solid #e3e3e3;
    padding: 10px;
    max-height: 480px;
    overflow-y: scroll
}

.pop_compare .trim_list {
    margin: 0;
    border-top: 2px solid #515151;
    border-bottom: 2px solid #515151;
    max-height: 200px;
    overflow-y: scroll
}

.pop_compare .trim_list .trim_l {
    padding: 10px 15px
}

.codeSrch {
    display: table;
    background: #f8f8f8;
    margin: -30px -23px 30px;
    padding: 23px;
    border-bottom: 1px solid #e8e8e8
}

.codeSrch .codeTit {
    display: table-cell;
    width: 78px;
    text-transform: uppercase;
    font-size: 14px
}

.codeSrch .codeInput {
    display: table-cell;
    width: 812px;
    padding-right: 102px;
    position: relative
}

.codeSrch .codeInput .reset {
    position: absolute;
    top: 4px;
    right: 0
}

.srchResult {
    margin-top: 24px
}

.srchResult:after {
    content: '';
    clear: both;
    display: block
}

.srchResult .resultNum {
    float: left;
    font-size: 16px;
    color: #666;
    margin-top: 10px
}

.srchResult .resultNum span {
    color: #bb162b;
    font-family: KiaB
}

.srchResult .tab_type1 {
    float: right
}

.finishTop {
    background: #e5e5e5;
    border: 6px solid #d0d0d0;
    margin-bottom: 20px
}

.finishTop .contBox {
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/img_finish_top.png) no-repeat 108px bottom;
    padding: 0 75px 0 274px
}

.finishTop .contBox .finishTxt {
    height: 128px;
    font-size: 20px;
    line-height: 26px;
    font-family: KiaB;
    color: #333;
    display: table-cell;
    vertical-align: middle
}

.finishTop .contBox .finishTxt .txt {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #666;
    font-family: kiaM;
    line-height: 18px
}

.finishCon {
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 23px;
    margin: 10px 0
}

.finishCon .finishTbl {
    vertical-align: middle
}

.finishCon .finishTbl {
    margin: -8px -15px
}

.finishCon .finishTbl li {
    float: left;
    width: 33.3%;
    padding: 8px 0;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.finishCon .finishTbl li:first-child {
    border-left: 0
}

.finishCon .car {
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

.finishCon .car img {
    height: 50px
}

.finishCon .car .car_name {
    display: block
}

.finishCon .barType li {
    float: left
}

.finishCon .barType li:before {
    content: "|";
    display: inline-block;
    margin: 0 15px
}

.finishCon .barType li:first-child:before {
    content: '';
    margin: 0
}

.finishCon .finishTxt2 {
    margin: 0 0 10px;
    color: #666
}

.finishCon .sales_sel {
    width: 200px;
    margin-bottom: 20px
}

.finishCon .sales_tool {
    margin: 20px 0 10px
}

.find_inven {
    margin: 0 -23px 24px;
    padding: 10px 9px;
    background: #e9e9e9;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    position: relative
}

.find_inven:after {
    content: '';
    clear: both;
    display: block
}

.find_inven .inven_box {
    float: left;
    width: 25%;
    padding: 9px 14px;
    box-sizing: border-box
}

.find_inven .inven_h {
    display: block;
    margin-bottom: 10px;
    font-family: kiaB;
    text-transform: uppercase;
    font-size: 14px
}

.find_inven .inven_con {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding-right: 1px
}

.find_inven .inven_con .inven_in {
    height: 116px;
    overflow-y: scroll
}

.find_inven .inven_con .form_chk {
    display: block;
    margin-right: 0;
    padding: 10px 9px;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    font-family: kiaB;
    color: #666
}

.find_inven .inven_con .form_chk:first-child {
    border-top: 0
}

.find_inven .inven_con .color_chip {
    width: 15px;
    height: 15px;
    border-radius: 0;
    margin-top: -2px
}

.location_table .vehicle {
    width: 114px;
    padding: 0
}

.location_table .vehicle img {
    height: 60px
}

.location_table .color {
    margin: -3px 0;
    padding: 3px 0
}

.location_table .color .color_label {
    display: inline-block;
    width: 60px
}

.search_inventory .invenDetail {
    background: #fff;
    padding: 30px 23px 23px;
    border: 1px solid #e3e3e3
}

.search_inventory .invenDetail .invenBtn {
    text-align: right;
    margin-top: 15px
}

.search_inventory .invenDetail .invenBtn a+a {
    margin-left: 20px
}

.search_inventory .line {
    border-bottom: 1px solid #555;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.dealerImportant .dbSection .dbLeft .mapArea {
    height: 197px
}

.dealerImportant .resultArea {
    position: relative
}

.dealerImportant .resultArea .resultTxt {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px
}

.dealerImportant .resultArea .resultTxt strong {
    color: #bb162b
}

.dbSection {
    margin: 10px -10px 0
}

.dbSection:after {
    content: '';
    clear: both;
    display: block
}

.dbSection+.dbSection {
    border-top: 1px solid #e4e4e4;
    margin-top: 21px;
    padding-top: 24px
}

.dbSection .dbSectionInner {
    float: left;
    width: 50%
}

.dbSection .dbLeft {
    margin: 0 10px
}

.dbSection .dbLeft .carImg {
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 44px 0 45px
}

.dbSection .dbLeft .carImg img {
    height: 214px
}

.dbSection .dbLeft .mapArea {
    width: 100%;
    height: 137px;
    border: 1px solid #e4e4e4;
    overflow: hidden
}

.dbSection .dbRight {
    margin: 0 10px
}

.dbSection .dbRight .carName {
    display: block;
    font-family: KiaB;
    font-size: 26px;
    line-height: 29px
}

.dbSection .dbRight .carPrice {
    display: block;
    font-family: KiaB;
    font-size: 26px;
    line-height: 29px;
    color: #bb162b;
    margin-bottom: 17px
}

.dbSection .dbRight .dealerInfor dt {
    font-family: KiaB;
    font-size: 26px;
    line-height: 29px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.dbSection .dbRight .dealerInfor dt span {
    font-family: KiaM;
    font-size: 14px;
    line-height: 17px;
    color: #666
}

.dbSection .dbRight .dealerInfor dd {
    font-size: 13px;
    color: #666
}

.titleArea {
    position: relative;
    color: #fff
}

.titleArea .imgArea img {
    width: 100%;
    height: 100%
}

.titleArea h4 {
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 32px;
    line-height: 36px
}

.titleArea h4:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    border-top: 1px solid #fff;
    padding-top: 10px
}

.warranty_con {
    margin-top: 55px
}

.warranty_con p {
    margin: 20px 0;
    color: #666;
    line-height: 20px
}

.warranty_con .desc1 {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-family: kiaB
}

.warranty_con .desc2 {
    font-size: 15px;
    margin-top: 25px
}

.warranty_con .coverage {
    display: block;
    margin-top: 5px;
    font-size: 58px;
    line-height: 58px;
    color: #000;
    font-family: kiaB;
    text-transform: uppercase
}

.warranty_con .coverage:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 25px;
    height: 4px;
    background: #000
}

.warranty_con .detail {
    margin: 15px 0 30px;
    display: table;
    table-layout: fixed;
    border-collapse: collapse
}

.warranty_con .detail .wrr_l {
    display: table-cell;
    width: 50%;
    padding: 55px 37px 30px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box
}

.warranty_con .detail .wrr_year {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase
}

.warranty_con .detail .wrr_year:after {
    content: '';
    display: block;
    clear: both
}

.warranty_con .detail .wrr_year .num {
    display: block;
    float: left;
    width: 73px;
    height: 87px;
    line-height: 87px;
    color: #fff;
    font-size: 35px;
    text-align: center;
    background: url(../../../content/dam/kwcms/gt/en/images/service/spr_warranty.png) 0 0 no-repeat;
    overflow: hidden;
    margin: -20px 12px 0 0
}

.warranty_con .wrr_year02 {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase
}

.warranty_con .wrr_year02:after {
    content: '';
    display: block;
    clear: both
}

.warranty_con .wrr_year02 .num {
    display: block;
    float: left;
    width: 73px;
    height: 87px;
    line-height: 87px;
    color: #fff;
    font-size: 35px;
    text-align: center;
    background: url(../../../content/dam/kwcms/gt/en/images/service/spr_warranty.png) 0 0 no-repeat;
    overflow: hidden;
    margin: -20px 12px 0 0
}

.warranty_con .wrr_year02 {
    padding-left: 25px
}

.warranty_con .detail .wrr_con li {
    margin: 15px 0;
    color: #000;
    padding-left: 18px
}

.warranty_con .detail .wrr_con li:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: -4px 6px 0 -18px;
    background: url(../../../content/dam/kwcms/gt/en/images/service/spr_warranty.png) -76px 0 no-repeat;
    overflow: hidden
}

.warranty_down {
    padding: 24px 19px 44px;
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    border-top-color: #fff
}

.warranty_down .down_list {
    overflow: hidden
}

.warranty_down .down_list li {
    float: left;
    width: 33.3%;
    margin: 4px 0
}

.warranty_down .down_list li:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -4px 6px 0 0;
    background: url(../../../content/dam/kwcms/gt/en/images/service/spr_warranty.png) -76px -14px no-repeat
}

.warranty_down .down_list li a {
    text-decoration: underline;
    color: #000
}

.calanearWrap .calendarSelect {
    height: 49px;
    color: #fff;
    border-bottom: 1px solid #000;
    text-align: center;
    background: #484848
}

.calanearWrap .calendarSelect * {
    vertical-align: top
}

.calanearWrap .calendarSelect strong {
    display: inline-block;
    width: 114px;
    padding-top: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-family: Arial;
    line-height: 49px
}

.calanearWrap .calendarSelect button {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
    height: 21px;
    margin-top: 16px;
    background: url(../../../content/dam/kwcms/gt/en/images/service/bg_calendar_w.png) no-repeat
}

.calanearWrap .calendarSelect button.next {
    background-position: 100% 0
}

.calanearWrap table {
    width: 100%
}

.calanearWrap table th {
    width: 14%;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    text-align: center
}

.calanearWrap table .sun {
    width: 15%;
    color: #f10e2b
}

.calanearWrap table .sun a {
    color: #f10e2b
}

.calanearWrap table .sat {
    width: 15%;
    color: #0e7ddb;
    border-right: 1px solid #e4e4e4
}

.calanearWrap table .sat a {
    color: #0e7ddb
}

.calanearWrap table td {
    font-size: 14px;
    font-family: Arial;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    text-align: right;
    background: #f6f6f6
}

.calanearWrap table td span,
.calanearWrap table td a {
    position: relative;
    display: block;
    padding: 54px 13px 13px 0
}

.calanearWrap table td a {
    background: #fff
}

.calanearWrap table td .today {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 48px;
    padding: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 18px;
    line-height: 18px;
    background: #bb162b
}

.calanearWrap table td.reserveOK a {
    background: #fef6f6
}

.calanearWrap table td.reserveOK em {
    text-decoration: underline !important
}

.roadside_box {
    padding: 50px
}

.roadsideTop {
    min-height: 295px;
    background: url(../../../content/dam/kwcms/gt/en/images/service/bg_roadside.jpg) no-repeat right bottom
}

.roadsideTop h4,
.roadsideTop h1 {
    font-family: kiaB;
    font-size: 56px;
    color: #000;
    line-height: 50px
}

.roadsideTop .roadsideTxt1 {
    width: 60%;
    padding: 20px 0 20px;
    font-family: kiaM;
    font-size: 15px;
    color: #000;
    line-height: 20px
}

.roadsideNum {
    font-size: 24px;
    color: #bb162b
}

.roadsideNum em {
    display: block;
    padding-top: 5px;
    font-family: kiaM;
    font-size: 13px;
    color: #666
}

.includesArea {
    padding: 30px 0;
    border: 1px solid #e3e3e3;
    background: #fafafa
}

.includesArea ul {
    overflow: hidden
}

.includesArea ul h3 {
    font-size: 14px
}

.includesArea ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    right: -1px;
    position: relative;
    text-align: center;
    font-size: 14px;
    font-family: kiaB;
    height: 120px
}

.includesArea ul li span {
    display: block;
    width: 70px;
    height: 44px;
    margin: 0 auto 10px;
    background: url(../../../content/dam/kwcms/ec/es/images/service/spr_roadside.png) no-repeat 0 0
}

.includesArea ul li span.bg01 {
    background-position: 0 0
}

.includesArea ul li span.bg02 {
    background-position: 0 -520px
}

.includesArea ul li span.bg03 {
    background-position: 0 -459px
}

.includesArea ul li span.bg04 {
    background-position: 0 -312px
}

.includesArea ul li span.bg05 {
    background-position: 0 -358px
}

.includesArea ul li span.bg06 {
    background-position: 0 -220px
}

.includesArea ul li span.bg07 {
    background-position: 0 -406px
}

.includesArea ul li+li+li+li+li {
    padding-top: 30px
}

.roadsideTxt2 {
    margin-top: 30px;
    color: #666;
    line-height: 22px
}

.roadsideTxt2 span {
    display: block;
    margin: 15px 0 0 10px;
    line-height: 18px
}

.roadsideTxt2:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    margin-bottom: 10px;
    background: #000
}

.roadside_assistance .roadsideDownload {
    margin: 20px -5px 0
}

.roadside_assistance .roadsideDownload:after {
    content: '';
    clear: both;
    display: block
}

.roadside_assistance .roadsideDownload .downloadWrap {
    position: relative;
    float: left;
    width: 50%
}

.roadside_assistance .roadsideDownload .rd_left {
    min-height: 108px;
    background: #fff;
    padding: 10px 10px 10px 30px;
    border: 1px solid #e3e3e3;
    margin: 0 5px
}

.roadside_assistance .roadsideDownload .rd_right {
    min-height: 108px;
    background: #fff;
    padding: 10px 10px 10px 30px;
    border: 1px solid #e3e3e3;
    margin: 0 5px
}

.roadside_assistance .roadsideDownload .roadsideImg {
    position: absolute;
    right: 15px;
    top: 10px
}

.roadside_assistance .roadsideDownload .roadside_dl {
    padding-right: 167px;
    margin-top: 10px
}

.roadside_assistance .roadsideDownload .roadside_dl dt,
.roadside_assistance .roadsideDownload .roadside_dl h2 {
    font-family: KiaB;
    font-size: 18px;
    letter-spacing: -0.05em
}

.roadside_assistance .roadsideDownload .roadside_dl dd {
    color: #666;
    margin: 10px 0
}

.manual .selectManual {
    position: relative;
    margin: 0 -25px 0
}

.manual .selectManual:after {
    content: '';
    clear: both;
    display: block
}

.manual .selectManual .manualWrap {
    float: left;
    width: 50%
}

.manual .selectManual .manualLeft {
    margin: 0 25px
}

.manual .selectManual .choiceCar {
    margin: 10px -5px 0
}

.manual .selectManual .choiceCar:after {
    content: '';
    clear: both;
    display: block
}

.manual .selectManual .carSortInner {
    float: left;
    width: 32%
}

.manual .selectManual .carSortInner02 {
    width: 68%
}

.manual .selectManual .carSort,
.manual .selectManual .carSelect {
    margin: 0 5px;
    border: 1px solid #e5e5e5;
    background: #f8f8f8
}

.manual .selectManual .carSort .radio_box {
    height: 100%;
    position: relative;
    padding-left: 20px;
    font-size: 15px
}

.manual .selectManual .carSort .radio_box:before {
    margin-left: -20px
}

.manual .selectManual .carSort .radio_box .car_spr:before {
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -33px
}

.manual .selectManual .carSelect {
    padding: 9px
}

.manual .selectManual .carSelect ul {
    border: 1px solid #e3e3e3;
    height: 464px;
    overflow-y: scroll;
    background: #fff
}

.manual .selectManual .carSelect ul li {
    border-top: 1px solid #e8e8e8;
    margin: 0 20px;
    padding: 10px 0;
    font-size: 13px
}

.manual .selectManual .carSelect ul li a {
    color: #000
}

.manual .selectManual .carSelect ul li.on a {
    color: #bb162b;
    text-decoration: underline
}

.manual .selectManual .carSelect ul li:first-child {
    border-top: 0
}

.manual .selectManual .form_chk {
    display: block;
    height: 76px;
    padding: 10px 12px
}

.manual .selectManual .form_chk+.form_chk {
    border-top: 1px solid #e8e8e8
}

.manual .selectManual .manualRight {
    margin: 0 25px
}

.manual .selectManual .manualSpace {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 30px;
    background: url(../../../content/dam/kwcms/gt/en/images/service/bg_manual_arrow.png) no-repeat 0 50%;
    margin: -15px 0 0 -10px
}

.manual .selectManual .manualList {
    padding: 9px;
    background: #f8f8f8;
    margin-top: 10px;
    border: 1px solid #e5e5e5
}

.manual .selectManual .manualList ul {
    border: 1px solid #e3e3e3;
    height: 464px;
    overflow-y: scroll;
    background: #fff
}

.manual .selectManual .manualList ul li {
    border-top: 1px solid #e8e8e8;
    margin: 0 20px;
    padding: 10px 0;
    font-size: 13px
}

.manual .selectManual .manualList ul li:first-child {
    border-top: 0
}

.manual .selectManual .manualList ul li a {
    color: #000
}

.manual .selectManual .manualList ul li.on a {
    color: #bb162b;
    text-decoration: underline
}

.contact_us .cuIntro {
    margin-bottom: 20px
}

.contact_us .cuIntro .introTxt1 {
    font-family: KiaB;
    font-size: 17px;
    line-height: 20px
}

.contact_us .cuIntro .introTxt2 {
    font-size: 15px;
    color: #666;
    margin-top: 5px
}

.contact_us .cuBtn {
    text-align: right
}

.contact_us .cuFinishBtm {
    background: #fff;
    text-align: center;
    padding: 50px 0
}

.contact_us .cuFinishBtm strong {
    font-size: 23px;
    line-height: 27px;
    text-transform: uppercase
}

.contact_us .cuFinishBtm p {
    font-size: 15px;
    color: #666;
    margin-top: 20px
}

.searchBox2 {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 90px 34px 90px;
    border: 1px solid #828282;
    border-bottom-width: 5px;
    background: #fafafa
}

.searchBox2 .searchTxt {
    margin-bottom: 5px;
    font-size: 13px;
    color: #666
}

.searchForm {
    padding-right: 145px
}

.searchForm .btn_area {
    position: absolute;
    right: 0;
    top: -18px
}

.faq_edit {
    margin-top: 20px;
    position: relative
}

.faq_edit .tab_type3 ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.faq_edit .tab_type3 ul:after {
    display: none
}

.faq_edit .tab_type3 .tab_li {
    display: table-cell;
    min-width: inherit !important;
    float: none;
    padding-left: 1px;
    vertical-align: top
}

.faq_edit .tab_type3 .tab_li:first-child {
    padding-left: 0
}

.bl_faq {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border-radius: 50% 50%;
    background: silver;
    text-align: center;
    color: #fff;
    line-height: 46px;
    font-size: 26px
}

.bl_answer {
    color: #bb162b;
    font-size: 18px;
    font-family: kiaB
}

.bl_answer:after {
    content: ' :';
    display: inline
}

.faq_answer {
    overflow: hidden
}

.bbs_open .bl_faq {
    background-color: #bb162b
}

.bbs_open .bbs_a {
    color: #bb162b;
    text-decoration: underline
}

.faq_reply {
    background: #fff;
    padding: 20px;
    margin-top: 40px;
    line-height: 18px;
    font-size: 13px;
    border: 1px solid #e5e5e5
}

.faq_reply .reply_chk {
    margin-top: 25px
}

.faq_reply .reply_chk .tit {
    color: #999;
    margin-right: 40px;
    vertical-align: middle;
    text-transform: uppercase
}

.faq_reply .reply_chk .tit2 {
    display: block;
    color: #999;
    text-transform: uppercase;
    margin: 20px 0 7px
}

.faq_reply .reply_chk .form_chk {
    margin-left: 40px
}

.faq_reply .btn {
    margin-top: 10px;
    text-align: center
}

.searchBox {
    position: relative;
    margin-bottom: 30px;
    padding: 55px 90px 30px 90px;
    border: 1px solid #828282;
    border-bottom-width: 5px;
    background: #fafafa
}

.searchBox .form_wrp {
    position: relative;
    margin: 0 118px 0 138px
}

.searchBox .form_wrp .sel_box {
    position: absolute;
    top: 0;
    left: -138px;
    display: inline-block;
    width: 106px
}

.searchBox .form_wrp .sel_box.inp_sel .selected-headline {
    height: 36px;
    line-height: 36px
}

.searchBox .form_wrp .sel_box .selected-headline:after {
    top: 16px
}

.searchBox .form_wrp .input_box {
    height: 26px;
    line-height: 26px
}

.searchBox .btnArea {
    position: absolute;
    top: 58px;
    right: 90px
}

.searchBox .form_chk {
    position: absolute;
    top: -25px;
    left: 0
}

.sch_word {
    position: relative;
    margin: 20px 0 0 88px
}

.sch_word dt {
    position: absolute;
    left: -88px;
    width: 88px
}

.sch_word dt:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 7px;
    display: inline-block;
    width: 4px;
    height: 7px;
    background: url(../../../content/dam/kwcms/gt/en/images/util/bg_search_w.png) no-repeat
}

.sch_word dd a {
    color: #666
}

.sch_word dd a:hover {
    color: #bb162b
}

.tab_search {
    margin-bottom: 0
}

.tab_search .tab_li {
    min-width: 156px
}

.tab_search .tab_li:first-child {
    min-width: 155px
}

.search_result {
    border-top: 2px solid #7e7e7e
}

.search_result .resultTxt {
    position: relative;
    margin: 19px 0 7px 0;
    padding-left: 30px;
    font-size: 17px
}

.search_result .resultTxt strong {
    color: #bb162b;
    font-family: kiaB
}

.search_result .resultTxt:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../../../content/dam/kwcms/gt/en/images/util/bg_search_w.png) no-repeat -5px 0
}

.search_result .list {
    position: relative;
    margin-top: 12px;
    padding: 0 29px;
    border: 1px solid #e8e8e8;
    border-bottom: 2px solid #bbb;
    background: #fff
}

.search_result .list dt {
    padding: 30px 0;
    font-size: 21px;
    font-family: kiaB;
    border-bottom: 1px solid #e8e8e8
}

.search_result .list strong {
    color: #bb162b
}

.search_result .list dd {
    padding: 16px 0 30px
}

.search_result .list dd .bl_type4 {
    padding: 14px 0 0 7px
}

.search_result .list dd .bl_type4 a {
    color: #666
}

.search_result .list dd .bl_type4 strong {
    font-family: kiaM
}

.search_result .list dd .news_list li {
    overflow: hidden
}

.search_result .list dd .news_list .bl_type4 span {
    float: right;
    color: #999
}

.search_result .btn_area {
    position: absolute;
    top: 25px;
    right: 29px;
    margin-top: 0
}

.search_result .nodata {
    border: 1px solid #e8e8e8;
    border-bottom: 2px solid #bbb;
    background: #fff;
    text-transform: uppercase
}

.detail_list .list dt {
    border-bottom: 2px solid #6a6a6a
}

.detail_list .list dd {
    padding-top: 25px
}

.detail_list .list dd .bl_type4 {
    padding: 22px 0 24px 7px;
    border-top: 1px solid #e8e8e8
}

.detail_list .list dd .bl_type4:first-child {
    padding-top: 0;
    border-top: 0
}

.detail_list .list dd .pg_num_area {
    margin: 0 0 14px;
    padding-top: 30px;
    border-top: 1px solid #555
}

.member_login {
    max-width: 400px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center
}

.member_login .welcome {
    text-align: center;
    font-size: 58px;
    color: #c42f36
}

.member_login .intro {
    margin: 20px 0
}

.member_login .login_form {
    text-align: left;
    color: #767676
}

.member_login .login_inp {
    padding-right: 42px;
    margin-bottom: 10px
}

.member_login .login_inp .input_box {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    border: 1px solid #d6d6d6
}

.member_login .login_btn {
    display: block;
    margin: 15px 0 30px;
    font-size: 26px;
    color: #fff;
    line-height: 60px;
    border-radius: 30px;
    background: #bb162b;
    font-family: kiaB
}

.member_login .login_help {
    margin-top: 25px;
    border-top: 1px solid #d6d6d6;
    padding-top: 25px
}

.member_login .login_help .help_a {
    color: #666
}

.member_login .login_help .help_a:first-child {
    color: #000
}

.member_login .login_help .bar {
    color: #c1c1c1;
    font-family: Dotum;
    margin: 0 2px
}

.error_title {
    position: relative
}

.error_title .error_tit {
    font-size: 36px;
    color: #000;
    line-height: 30px;
    text-transform: uppercase
}

.error_title .error_txt {
    width: 430px;
    font-size: 15px;
    color: #666;
    font-family: kiaB;
    margin-top: 10px
}

.error_title .error_img {
    position: absolute;
    top: 15px;
    right: 40px
}

.error_title .error_btn {
    margin-top: 45px
}

.error_detail {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 40px 29px
}

.error_detail .dan {
    margin-top: 60px
}

.error_detail .dan:first-child {
    margin-top: 0
}

.error_detail .dan:after {
    content: '';
    display: block;
    clear: both
}

.error_detail h4 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase
}

.error_detail h4:after {
    content: '';
    display: block;
    width: 148px;
    height: 4px;
    background: #000;
    margin-top: 10px
}

.error_detail dl {
    margin-top: 15px;
    float: left
}

.error_detail dl dt {
    font-family: kiaB;
    font-size: 16px;
    color: #333
}

.error_detail dl dd {
    margin-top: 10px
}

.error_detail dl dd:after {
    content: '';
    clear: both;
    display: block
}

.error_detail ul {
    float: left;
    width: 220px
}

.error_detail ul li>a {
    color: #666;
    line-height: 20px
}

.error_detail ul li>a:before {
    content: "-";
    display: inline-block;
    margin-right: 4px
}

.error_detail div+div ul {
    margin-top: 15px
}

.error_detail div+div div {
    float: left;
    width: 220px
}

.offersView {
    width: 100%;
    background: #fff
}

.offersTop {
    position: relative;
    padding: 60px 0 40px
}

.offersTop .awardArea {
    position: absolute;
    left: 0;
    top: 60px
}

.offersTop .offersCont:after {
    content: '';
    clear: both;
    display: block
}

.offersTop .carImg {
    float: left;
    width: 580px;
    margin-top: 20px
}

.offersTop .carImg img {
    height: 266px
}

.offersTop .carTxt {
    overflow: hidden
}

.offersTop .carInfor {
    font-family: KiaB;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    padding-bottom: 15px
}

.offersTop .carInfor .carName {
    display: block;
    font-size: 48px;
    line-height: 51px;
    color: #000
}

.offersTop .carInfor .carFrom {
    font-size: 26px;
    line-height: 29px;
    color: #bb162b
}

.offersTop .offersInfor .btnArea {
    margin-top: 20px
}

.offersInforTxt {
    font-size: 13px;
    line-height: 16px;
    color: #666;
    margin-top: 15px
}

.offersCategory {
    margin-top: 25px
}

.offersCategory .car_category .category {
    text-align: left;
    overflow: hidden
}

.offersCategory .car_category .title {
    width: 170px
}

.offersCategory .offersSel {
    border-top: 1px solid #535353;
    margin-top: 20px;
    padding-top: 12px
}

.offersCategory .offersSel .form_chk {
    margin-right: 30px !important
}

.offersTab {
    text-align: right;
    margin-top: 20px
}

.offersList {
    margin-top: 10px
}

.offersList .dbSection {
    width: 100%;
    margin: 0
}

.offersList .dbSection .dbSectionInner {
    width: 90%
}

.offersList .offerCar {
    float: left;
    width: 170px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    padding: 25px 0;
    margin-right: 20px
}

.offersList .offerCar img {
    max-width: 100%;
    max-height: 90px;
    height: 90px
}

.offersList .carTxt {
    overflow: hidden
}

.offersList .carInfor {
    font-family: KiaB;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px
}

.offersList .carInfor .carName {
    display: block;
    font-size: 20px !important;
    line-height: 23px !important;
    color: #000
}

.offersList .carInfor .carFrom {
    font-size: 15px;
    line-height: 18px;
    color: #000
}

.offersList .offersInfor {
    padding: 10px 0 0 0
}

.offersList .offersInfor ul li {
    float: left;
    padding: 0 7px;
    margin-bottom: 0
}

.offersList .offersInfor ul li:first-child {
    padding-left: 0
}

.offersList .offersInfor ul li .rd {
    display: inline-block;
    border-radius: 15px;
    border: 1px solid #b5b5b5;
    font-size: 11px;
    color: #999;
    padding: 0 10px
}

.offersList .offersInfor ul li .subTxt {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-family: KiaB;
    color: #666;
    text-transform: uppercase;
    margin-top: 3px;
    text-align: center
}

.offersList .offersInfor .btnArea {
    margin-top: 10px
}

.offersList .listContents {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #b9b9b9
}

.offersList .listContents:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.offersList .resultList {
    margin-top: -30px
}

.offersList .resultList>li {
    margin-top: 30px;
    float: left;
    width: 50%
}

.offersDetailTop {
    border: 8px solid #ddd;
    padding: 50px 28px 42px;
    background: #fff
}

.offersDetailTop:after {
    content: '';
    clear: both;
    display: block
}

.offersDetailTop .carImg {
    float: left;
    width: 467px;
    margin-right: 25px
}

.offersDetailTop .carImg img {
    height: 232px
}

.offersDetailTop .carTxt {
    overflow: hidden
}

.offersDetailTop .carTxt .carName {
    font-size: 40px;
    line-height: 43px;
    font-family: KiaB;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    padding-bottom: 13px
}

.offersDetailTop .carTxt ul {
    margin-top: 15px
}

.offersDetailTop .carTxt ul li {
    font-size: 13px;
    color: #666
}

.offersDetailTop .carTxt .ng-binding>* {
    padding: 10px 0 0 0
}

.offersDetailTop .sbtn_area {
    text-align: left;
    margin-top: 15px
}

.offersDetailTop .sbtn_area a+a {
    margin-left: 20px
}

.offersDetailTop .btn_area {
    text-align: left
}

.offers_con_box {
    padding: 55px 40px 40px
}

.offerContents .carInfor {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    float: left
}

.offerContents .offersInfor {
    float: right
}

.offerContents .detailTxt {
    color: #666;
    border-top: 1px solid #e3e3e3;
    padding-top: 25px;
    margin-top: 25px
}

.offerContents .detailTxt strong {
    color: #000
}

.offerContents .detailTxt .detailTit {
    position: relative;
    font-size: 16px;
    line-height: 19px;
    font-family: KiaB;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px
}

.offerContents .detailTxt .detailTit a {
    position: absolute;
    right: 0
}

.offerContents .detailTxt .detailTit.type2 {
    margin-top: 30px
}

.offerContents .note_area {
    border: 1px solid #e8e8e8;
    padding: 20px
}

.offerContents .bl_type_note .note_dd {
    margin-top: 15px
}

.offerContents .bl_type_note .note_dt+.note_dd {
    margin-top: 7px
}

.offerContents .tblTop {
    background: #424242;
    margin-top: 20px;
    color: #fff;
    padding: 10px 20px
}

.offerContents .offersTbl .table_type4 {
    float: left;
    width: 50%;
    margin-top: -1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.offerContents .offersTbl:after {
    content: '';
    clear: both;
    display: block
}

.offersCont:after {
    content: '';
    clear: both;
    display: block
}

.offersCont .carInfor {
    font-family: KiaB;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    padding-bottom: 15px
}

.offersCont .carInfor .carName {
    display: block;
    font-size: 48px;
    line-height: 51px;
    color: #000
}

.offersCont .carInfor .carFrom {
    font-size: 26px;
    line-height: 29px;
    color: #bb162b
}

.offersCont .carInfor .carIncluding {
    font-size: 26px;
    line-height: 29px;
    color: #000;
    border-left: 1px solid #cfcfcf;
    margin-left: 10px;
    padding-left: 10px
}

.offersCont .carInfor .enjoyTxt {
    font-size: 18px;
    line-height: 21px;
    text-transform: none
}

.offersCont .carInfor .onTxt {
    font-size: 26px;
    line-height: 29px;
    color: #666;
    text-transform: none
}

.offersCont .offersInfor {
    padding: 20px 0 0 0
}

.offersCont .offersInfor ul li {
    float: left;
    border-left: 1px solid #d5d5d5;
    padding: 0 15px
}

.offersCont .offersInfor ul li:first-child {
    border-left: 0;
    padding-left: 0
}

.offersCont .offersInfor ul li .rd {
    display: inline-block;
    border-radius: 15px;
    border: 1px solid #b5b5b5;
    font-size: 12px;
    color: #999;
    padding: 1px 10px
}

.offersCont .offersInfor ul li .subTxt {
    display: block;
    font-size: 24px;
    line-height: 27px;
    font-family: KiaB;
    color: #000;
    text-transform: uppercase;
    margin-top: 3px;
    text-align: center
}

.offersCont .offersInfor ul li .subTxt span {
    font-size: 16px
}

.offersPop .popTit {
    font-size: 20px;
    line-height: 23px;
    font-family: KiaB;
    margin-bottom: 10px
}

.offersPop .popTxt+.popTit {
    margin-top: 25px
}

.offersPop .popTxt {
    color: #666
}

.offersPop .popDl {
    margin-bottom: 20px
}

.offersPop .popOnly {
    margin-top: 20px;
    color: #666
}

.offersPop .popOnly span:before {
    content: "|";
    clear: both;
    display: inline-block;
    margin-left: 5px;
    padding-right: 5px
}

.gt_sitemap .con_box {
    position: relative;
    margin-top: 16px;
    padding: 39px 24px 37px;
    word-wrap: break-word
}

.gt_sitemap .con_box:first-child {
    margin-top: 0
}

.gt_sitemap .con_box h4 {
    position: absolute;
    width: 156px;
    padding-top: 16px;
    font-weight: normal;
    font-size: 20px;
    font-family: KiaB;
    color: #333;
    border-top: 1px solid #000
}

.gt_sitemap .con_box>ul {
    margin: -3px 0 0 235px
}

.gt_sitemap .con_box>ul>li {
    float: left;
    width: 30%;
    margin-left: 5%
}

.gt_sitemap .con_box>ul>li[class='stm_menu01'],
.gt_sitemap .con_box>ul>li[class='stm_menu04'],
.gt_sitemap .con_box>ul>li[class='stm_menu07'],
.gt_sitemap .con_box>ul>li[class='stm_menu10'],
.gt_sitemap .con_box>ul>li[class='stm_menu13'],
.gt_sitemap .con_box>ul>li[class='stm_menu16'],
.gt_sitemap .con_box>ul>li[class='stm_menu19'] {
    margin-left: 0;
    clear: both
}

.gt_sitemap .con_box>ul>li+li+li+li {
    margin-top: 20px
}

.gt_sitemap .con_box>ul>li strong,
.gt_sitemap .con_box>ul>li strong a {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    font-family: KiaB
}

.gt_sitemap .con_box>ul>li>ul {
    padding: 2px 0 0
}

.gt_sitemap .con_box>ul>li>ul>li {
    position: relative;
    margin-top: 6px;
    padding-left: 8px
}

.gt_sitemap .con_box>ul>li>ul>li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #898989
}

.gt_sitemap .con_box>ul>li>ul>li a {
    color: #666
}

.gt_sitemap .con_box>ul>li strong a:hover,
.gt_sitemap .con_box>ul>li strong a:active,
.gt_sitemap .con_box>ul>li strong a:focus,
.gt_sitemap .con_box>ul>li>ul>li a:hover,
.gt_sitemap .con_box>ul>li>ul>li a:active,
.gt_sitemap .con_box>ul>li>ul>li a:focus {
    color: #bb162b
}

.recall .con_box+.con_box {
    margin-top: 10px
}

.recall .recall_box {
    margin-top: 25px;
    padding: 25px 25px 25px 150px;
    background: #f5f5f5 url(../../../content/dam/kwcms/gt/en/images/service/ico_recall.png) 52px center no-repeat;
    border: 1px solid #e8e8e8
}

.recall .bl_type_a {
    margin-top: 5px
}

.recall .searchForm {
    margin-top: 25px
}

.recall .recallCarName {
    font-size: 26px;
    line-height: 36px;
    font-family: KiaB;
    text-transform: uppercase
}

.recall .recallCarImg {
    margin-bottom: 40px;
    text-align: center
}

.recall .recallCarImg img {
    max-width: 100%;
    max-height: 250px
}

.recall .recallTbl {
    border-top: 2px solid #515151;
    margin-bottom: 25px
}

.fleetTab .inner.tab_type3 {
    border-bottom: 2px solid #7e7e7e
}

.fleetVisual {
    width: 100%;
    background: #2d3139 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_fleet_visual_w.jpg) center 0 no-repeat;
    padding: 60px 0 106px;
    color: #fff
}

.fleetVisual h2,
.fleetVisual h4 {
    font-size: 48px;
    line-height: 51px;
    text-transform: uppercase
}

.fleetVisual .txtArea {
    position: relative;
    z-index: 9
}

.fleetVisual .visualTxt {
    font-size: 16px;
    line-height: 21px;
    margin: 15px 0 30px
}

.fleetVisual .btn_areaL .br {
    display: block;
    margin-top: 10px
}

.poweringWrap {
    margin-top: 75px;
    padding-bottom: 65px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_powering.png) right bottom no-repeat
}

.poweringWrap:after {
    content: '';
    clear: both;
    display: block
}

.poweringWrap h3,
.poweringWrap h5 {
    font-size: 21px;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 30px
}

.poweringWrap h3:before,
.poweringWrap h5:before {
    content: '';
    display: block;
    background: #000;
    width: 45px;
    height: 1px;
    margin-bottom: 25px
}

.poweringWrap p {
    color: #666;
    line-height: 24px;
    font-size: 15px;
    margin: 24px 0
}

.dailyWrap {
    background: #e2e2e2 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_daily.jpg) no-repeat left bottom;
    padding: 25px 25px 20px 279px;
    color: #666;
    line-height: 20px
}

.dailyWrap h4,
.dailyWrap h6 {
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
    text-transform: uppercase
}

.fleetAccordion {
    margin-top: 24px
}

.fleetAccordion .fleetList.warranty {
    padding: 40px 0 0 266px;
    min-height: 148px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_warranty.png) 35px 29px no-repeat
}

.fleetAccordion .fleetList>li {
    border-top: 1px solid #e3e3e3;
    padding-top: 30px;
    margin-top: 30px;
    color: #666
}

.fleetAccordion .fleetList>li .listTxt1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

.fleetAccordion .fleetList>li .listTxt2 {
    margin-top: 10px;
    color: #222
}

.fleetAccordion .fleetList>li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.fleetAccordion .stxtList {
    margin: 20px 0
}

.carRange {
    margin-top: 24px
}

.carRange .searchArea:after {
    content: '';
    clear: both;
    display: block
}

.carRange .searchArea .schNum {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #222;
    font-family: KiaB;
    margin-top: 10px
}

.carRange .searchArea .schNum span {
    display: inline-block;
    margin-left: 5px;
    color: #bb162b
}

.carRange .searchArea .schSel {
    float: right;
    width: 50%
}

.carRange .searchArea .schSel .form_wrp {
    width: 230px;
    float: right
}

.carRange .carRangelist li {
    background: #fff;
    padding: 40px 33px;
    border: 1px solid #e3e3e3;
    margin-top: 10px
}

.carRange .carRangelist li:first-child {
    margin-top: 15px
}

.carRange .carRangelist li .carImg {
    float: left;
    width: 372px;
    border: 1px solid #e8e8e8;
    margin-right: 55px;
    text-align: center;
    padding: 3px 0 4px
}

.carRange .carRangelist li .carImg img {
    height: 167px
}

.carRange .carRangelist li .carTxt {
    overflow: hidden;
    color: #666
}

.carRange .carRangelist li .carInfor {
    margin: 9px 0 15px;
    font-family: KiaB
}

.carRange .carRangelist li .carName {
    font-size: 34px;
    line-height: 37px;
    color: #000;
    text-transform: uppercase
}

.carRange .carRangelist li .carName:before {
    content: '';
    display: block;
    background: #000;
    width: 48px;
    height: 1px;
    margin-bottom: 8px
}

.carRange .carRangelist li .carPrice {
    font-size: 18px;
    line-height: 21px;
    color: #bb162b;
    margin-top: 4px
}

.carRange .carRangelist li .btn_areaL {
    margin-top: 20px
}

.teamList {
    padding-top: 12px
}

.team_li {
    position: relative;
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 29px;
    margin-top: 12px
}

.team_li:after {
    content: '';
    clear: both;
    display: block
}

.team_li .photo {
    float: left;
    width: 150px
}

.team_li .photo img {
    width: 150px;
    height: 165px
}

.team_li .profile {
    float: left;
    width: 82%;
    color: #666
}

.team_li .profile dt {
    padding: 14px 0 14px 40px;
    font-size: 26px;
    font-family: kiaB;
    color: #000
}

.team_li .profile dt:before {
    content: '';
    clear: both;
    display: block;
    width: 48px;
    border-top: 1px solid #000;
    height: 12px;
    margin-top: -14px
}

.team_li .profile dd {
    padding-left: 40px;
    font-size: 13px
}

.team_li .profile .intro {
    padding-right: 120px
}

.team_li .position {
    margin-bottom: 10px;
    font-size: 14px
}

.team_li .position .duty {
    margin-right: 10px;
    padding-right: 12px;
    border-right: 1px solid #c4c4c4;
    color: #000
}

.team_li .profile .contact {
    margin: 16px 0 0 40px;
    padding: 16px 0 0;
    border-top: 1px solid #e3e3e3;
    clear: both
}

.team_li .profile .contact .mobile {
    padding: 0 24px
}

.team_li .profile .contact span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_ico_team_w.png) no-repeat 0 0;
    vertical-align: middle
}

.team_li .profile .contact .mobile:before {
    background-position: -25px 0
}

.team_li .profile .contact .mail:before {
    height: 14px;
    padding-right: 10px;
    background-position: -50px 0
}

.team_li .map {
    position: absolute;
    top: 26px;
    right: 17px
}

.team_li .map img {
    width: 121px;
    height: 133px
}

.paymentPop {
    margin-top: 30px;
    color: #666
}

.paymentPop .paymentPopBtn {
    display: inline-block
}

.paymentPop .paymentPopBtn+.paymentPopBtn {
    margin-left: 50px
}

.paymentPop .paymentPopBtn br {
    display: none
}

.payment_estimator .stepType01 li.stepWrap.paston .stepbar.bar03 .txt {
    width: 50%
}

.payment_estimator .underline {
    text-decoration: underline
}

.payment_estimator .grayTxt {
    color: #666
}

.tblScroll {
    position: relative;
    border: 1px solid #e8e8e8
}

.tblScroll:after {
    content: '';
    clear: both;
    display: block
}

.tblScroll table {
    table-layout: fixed
}

.tblScroll td {
    padding: 8px 15px
}

.tblScroll td.vehicle {
    height: 80px
}

.tblScroll td.vehicle .car {
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

.tblScroll td.vehicle .car img {
    height: 50px
}

.tblScroll td.vehicle .car .car_name {
    display: block
}

.tblScroll td.detail {
    height: 125px
}

.tblScroll .scrollHead {
    float: left;
    width: 165px;
    position: relative
}

.tblScroll .scrollHead tr td {
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #ccc;
    background: #f8f8f8;
    vertical-align: top
}

.tblScroll .scrollHead tr:first-child td {
    border-top: 0
}

.tblScroll .scrollHead tr td.result {
    background: #424242;
    color: #fff
}

.tblScroll .scrollHead tr td br {
    display: none
}

.tblScroll .scrollBody {
    overflow: hidden;
    width: auto
}

.tblScroll .scrollBody tr td {
    width: 33.33%;
    border-top: 1px solid #e8e8e8;
    color: #666
}

.tblScroll .scrollBody tr:first-child td {
    border-top: 0
}

.tblScroll .scrollBody tr td:first-child {
    border-left: 0
}

.tblScroll .scrollBody tr td {
    border-left: 1px solid #ccc
}

.tblScroll .scrollBody tr td.itemHead {
    background: #fec;
    color: #000;
    font-size: 15px;
    font-family: KiaB;
    text-align: center
}

.tblScroll .scrollBody tr td.itemInput {
    padding: 0 10px
}

.tblScroll .scrollBody tr td.itemInput.only {
    padding: 10px
}

.tblScroll .scrollBody tr td strong {
    color: #000;
    line-height: 17px
}

.tblScroll .scrollBody tr td input {
    text-align: center
}

.tblScroll .scrollBody tr td.result {
    background: #424242;
    color: #fff
}

.payment_estimator .btn_areaR {
    padding-right: 23px
}

.exZipcode {
    background: #f8f8f8;
    padding: 25px 25px 30px;
    margin-top: 20px
}

.exZipcode .form_sch {
    margin-top: 10px
}

.payment_box {
    display: table;
    width: 100%
}

.payment_box .method_edit {
    display: table-cell;
    width: 66%;
    padding: 29px 29px 39px;
    border: 1px solid #d0d0d0;
    border-right: 0;
    background: #fcfcfc;
    vertical-align: top
}

.payment_box .method_edit .tit {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: kiaB;
    line-height: normal
}

.payment_box .method_edit .price span {
    display: inline-block;
    margin-left: 50px;
    line-height: normal
}

.payment_box .method_edit .price span:first-child {
    margin-left: 0
}

.payment_box .method_edit .price strong {
    font-size: 30px
}

.payment_box .method_edit .deposit,
.payment_box .method_edit .month {
    border-top: 1px solid #e8e8e8;
    margin-top: 20px;
    padding-top: 20px;
    position: relative
}

.payment_box .method_edit .deposit_input {
    width: 26%;
    max-width: 137px;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.payment_box .method_edit .deposit_input label {
    position: absolute;
    left: 10px;
    font-size: 18px;
    line-height: 39px;
    color: #bb162b
}

.payment_box .method_edit .deposit_input input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px 8px 30px;
    color: #bb162b;
    font-size: 18px;
    font-family: kiaB;
    text-align: right;
    box-shadow: 0 1px 1px #c9c9c9 inset;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    background: #e9e9e9;
    vertical-align: middle
}

.payment_box .method_edit .deposit_slider {
    max-width: 290px;
    padding: 13px 10px 5px 32%
}

.payment_box .method_edit .deposit_slider .deposit_range {
    width: 100%;
    height: 12px;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider_range.gif) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative
}

.payment_box .method_edit .deposit_slider .deposit_range span {
    display: block;
    position: absolute;
    top: -18px;
    color: #666;
    font-size: 11px
}

.payment_box .method_edit .deposit_slider .deposit_range span+span {
    left: 50%;
    margin-left: -8px
}

.payment_box .method_edit .deposit_slider .deposit_range span+span+span {
    left: 100%;
    margin-left: -18px
}

.payment_box .method_edit .deposit_slider .ui-slider {
    position: relative;
    left: 0;
    height: 14px;
    box-shadow: 0 1px 1px #c9c9c9 inset;
    border-radius: 14px;
    border: 1px solid #e0e0e0;
    background: #e9e9e9
}

.payment_box .method_edit .deposit_slider .ui-slider-range {
    position: absolute;
    top: -1px;
    height: 16px;
    border-radius: 14px;
    border: 0;
    box-shadow: 0 0 1px #c9c9c9;
    background: #c51931;
    background: -webkit-linear-gradient(#c51931, #901220);
    background: -o-linear-gradient(#c51931, #901220);
    background: -moz-linear-gradient(#c51931, #901220);
    background: linear-gradient(#c51931, #901220)
}

.payment_box .method_edit .deposit_slider .ui-slider-handle {
    display: block;
    width: 28px;
    height: 29px;
    margin: -7px -14px;
    position: absolute;
    border: 0;
    box-shadow: none;
    background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider.png) no-repeat
}

.payment_box .method_edit .form_chk {
    margin: 8px 4px 0 0
}

.payment_box .method_edit .form_chk:last-child {
    margin-right: 0
}

.payment_box .method_edit .form_chk label {
    width: 68px;
    color: #666;
    font-size: 20px;
    font-family: kiaB;
    border: 1px solid #e2e2e2;
    border-bottom-color: #b2b2b2;
    border-radius: 3px;
    line-height: 39px;
    text-align: center;
    z-index: 2;
    background: #e5e5e5;
    background: -webkit-linear-gradient(#f8f8f8, #e9e9e9);
    background: -o-linear-gradient(#f8f8f8, #e9e9e9);
    background: -moz-linear-gradient(#f8f8f8, #e9e9e9);
    background: linear-gradient(#f8f8f8, #e9e9e9)
}

.payment_box .method_edit .form_chk label:before {
    display: none
}

.payment_box .method_edit .form_chk label.r_on {
    width: 70px;
    color: #fff;
    border: 0;
    box-shadow: 2px 2px 2px #8a0a1b inset;
    background: #bb162b
}

.payment_box .method_pay {
    display: table-cell;
    width: 34%;
    border: 1px solid #ccc;
    background: #f3f3f3;
    vertical-align: top
}

.payment_box .method_pay .pay {
    background: #424242;
    padding: 29px;
    color: #fff;
    text-align: right;
    margin: -1px;
    font-family: kiaB;
    font-size: 16px;
    line-height: normal
}

.payment_box .method_pay .pay strong {
    display: block;
    font-size: 50px
}

.payment_box .method_pay .detail {
    padding: 9px 29px 19px;
    borderfont-size: 14px
}

.payment_box .method_pay .detail li {
    padding: 15px 0;
    border-top: 1px dotted #c9c9c9
}

.payment_box .method_pay .detail li:first-child {
    border-top: 0
}

.payment_box .method_pay .detail li.total {
    color: #666;
    line-height: 32px;
    position: relative
}

.payment_box .method_pay .detail li.total strong {
    font-size: 28px;
    color: #000;
    margin-left: 10px;
    position: absolute;
    right: 0
}

.sendinform .sendinform_intro {
    height: 170px;
    border: 1px solid #eaeaea;
    background: #f4f4f4 url(../../../content/dam/kwcms/gt/en/images/util/bg_toapply_intro.png) no-repeat 50% 0
}

.sendinform .txt {
    font-size: 15px
}

.sendinform .form_pop {
    margin-top: 20px
}

.sendinform .form_pop .table_type4 .tbl_th {
    width: 30%;
    padding: 8px 15px
}

.sendinform .form_pop .table_type4 .tbl_td {
    width: 70%;
    padding: 8px 15px
}

.event_winner {
    margin-top: 20px
}

.event_winner .tit {
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    font-family: kiaB;
    text-align: center;
    line-height: normal;
    color: #303030
}

.car_list .car_box .car_img {
    min-height: 90px
}

@media all and (max-width:1024px) {
    .car_list .car_u {
        margin: -5px
    }
    .car_list .car_l {
        width: 25%
    }
    .car_list .car_box {
        margin: 5px
    }
    .info_tbl .form_area.phone {
        max-width: none
    }
    .info_tbl .form_wrp.only {
        max-width: none
    }
    .info_tbl .form_date.only {
        max-width: none
    }
    .findSearch {
        padding: 30px 25px 34px 115px
    }
    .findSearch .btnArea {
        right: 30px
    }
    .searchOption .formCheck label.option06 {
        height: 37px;
        padding-top: 53px
    }
    .searchOption .formCheck label.option06.c_on {
        height: 33px;
        padding-top: 49px
    }
    .searchOption .formCheck label.option06 br {
        display: block
    }
    .mapPin {
        padding-left: 5px
    }
    .location_mapview .mapArea {
        margin-left: 0
    }
    .byoDetail .byo_content {
        width: auto;
        float: none
    }
    .byoDetail .byo_aside {
        width: auto;
        float: none;
        margin-top: 15px
    }
    .byoDetail .byo_aside .aside .tit {
        padding: 12px 24px
    }
    .byoDetail .option_a {
        right: 24px
    }
    .byoDetail .byo_graph {
        padding: 14px 24px
    }
    .byoDetail .byo_graph .rank li {
        display: inline-block;
        margin-right: 20px
    }
    .byoDetail .byo_summary .sum_l .item_h {
        padding: 8px 24px
    }
    .byoDetail .byo_summary .item_l {
        padding: 5px 24px 5px 31px
    }
    .byoDetail .byo_summary .sum_l.total {
        padding: 10px 24px
    }
    .byoTab .step li .name {
        font-size: 15px
    }
    .specSearch {
        margin-top: 45px
    }
    .specList li {
        float: left;
        display: block;
        width: 50% !important;
        box-sizing: border-box
    }
    .specList li+li+li strong {
        border-top: 1px solid #d0d0d0
    }
    .specList li+li+li strong,
    .mileageSelect {
        border-left: 0
    }
    .specList li+li+li+li strong {
        border-left: 1px solid #d0d0d0
    }
    .chkLife li .form_chk .check_box {
        padding-left: 75px
    }
    .chkLife li .form_chk .check_box span {
        left: 35px
    }
    .carinfoWrap .car_tbl .tbl_th {
        min-height: 28px
    }
    .addcarArea {
        padding-left: 182px;
        height: 434px
    }
    .addcarArea .addcarBar {
        width: 130px;
        height: 394px
    }
    .compareList.addon .selectCar .cadImg img {
        height: 65px
    }
    .addcarArea .addResult {
        width: 180px
    }
    .addcarArea .addResult .count {
        font-size: 30px
    }
    .vs_wrap .vs_head {
        width: 180px
    }
    .vs_wrap .vs_item {
        font-size: 12px
    }
    .vs_wrap .addResult {
        width: 180px
    }
    .finishTop .contBox {
        background-position: 62px bottom;
        padding-left: 215px
    }
    .find_inven .inven_box {
        width: 50%
    }
    .dbSection .dbLeft .carImg {
        padding: 72px 0 71px
    }
    .dbSection .dbLeft .carImg img {
        height: 160px
    }
    .warranty_down .down_list li {
        float: left;
        width: 50%;
        margin: 4px 0
    }
    .roadsideTxt {
        width: 70%
    }
    .roadside_assistance .roadsideDownload .rd_left {
        padding: 20px
    }
    .roadside_assistance .roadsideDownload .rd_right {
        padding: 20px
    }
    .roadside_assistance .roadsideDownload .roadsideImg {
        top: 20px
    }
    .roadside_assistance .roadsideDownload .roadside_dl {
        padding-right: 150px;
        margin-top: 0
    }
    .manual .selectManual {
        position: relative;
        margin: 0
    }
    .manual .selectManual .manualWrap {
        float: none;
        width: 100%
    }
    .manual .selectManual .manualLeft {
        margin: 0
    }
    .manual .selectManual .carSort {
        overflow: hidden;
        border-left: 0;
        border-bottom: 0
    }
    .manual .selectManual .carSort .radio_box {
        padding-left: 0
    }
    .manual .selectManual .carSort .radio_box:before {
        margin-left: -18px
    }
    .manual .selectManual .carSort .radio_box .car_spr {
        display: inline-block;
        text-align: left;
        vertical-align: top
    }
    .manual .selectManual .form_chk {
        float: left;
        width: 33.3%;
        box-sizing: border-box;
        height: 90px;
        padding: 15px 0;
        text-align: center;
        border-left: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }
    .manual .selectManual .form_chk br {
        display: none
    }
    .manual .selectManual .form_chk+.form_chk {
        border-top: 0
    }
    .manual .selectManual .form_chk+.form_chk+.form_chk+.form_chk,
    .manual .selectManual .form_chk+.form_chk+.form_chk+.form_chk+.form_chk {
        width: 50%
    }
    .manual .selectManual .carSort,
    .manual .selectManual .carSelect {
        margin: 0
    }
    .manual .selectManual .choiceCar {
        margin: 0
    }
    .manual .selectManual .choiceCar:after {
        content: '';
        clear: both;
        display: block
    }
    .manual .selectManual .carSortInner {
        float: none;
        width: 100%;
        margin-top: 5px
    }
    .manual .selectManual .carSortInner+.carSortInner {
        margin-top: 10px
    }
    .manual .selectManual .carSort .radio_box .car_spr:before {
        bottom: 0
    }
    .manual .selectManual .manualSpace {
        display: none;
        width: auto;
        height: auto;
        margin: 0
    }
    .manual .selectManual .manualRight {
        margin: 15px 0 0 0
    }
    .contact_us .cuIntro .introTxt1 {
        font-family: KiaB;
        font-size: 17px;
        line-height: 20px
    }
    .contact_us .cuIntro .introTxt2 {
        font-size: 15px;
        color: #666;
        margin-top: 5px
    }
    .contact_us .finishTop .contBox {
        padding: 0 60px 0 215px
    }
    .faq_reply .reply_chk .tit {
        margin-right: 25px
    }
    .faq_reply .reply_chk .form_chk {
        margin-left: 25px
    }
    .error_wrap {
        margin-top: -30px
    }
    .error_detail dl {
        width: 50%
    }
    .error_detail .dan {
        margin-top: 30px
    }
    .error_detail .dan div {
        width: 50%;
        margin-bottom: 30px
    }
    .offersTop .carImg {
        float: left;
        width: 407px;
        margin-top: 55px
    }
    .offersTop .carImg img {
        height: 198px
    }
    .offersCategory .car_category .title {
        width: 15%
    }
    .offersCategory .car_category .category .form_chk {
        margin-right: 5px
    }
    .offersList .dbSection .dbSectionInner {
        width: 100%
    }
    .offersList .dbSection {
        margin: 0
    }
    .offersList .dbSection .dbLeft {
        margin: 0
    }
    .offersList .dbSection .dbRight {
        margin: 0
    }
    .offersList .resultList {
        margin-top: -20px
    }
    .offersList .resultList>li {
        float: none;
        width: 100%
    }
    .offersDetailTop {
        padding: 50px 16px 42px 0
    }
    .offersDetailTop:after {
        content: '';
        clear: both;
        display: block
    }
    .offersDetailTop .carImg {
        float: left;
        width: 367px;
        margin: 25px 10px 0 0
    }
    .offersDetailTop .carImg img {
        height: 182px
    }
    .offerContents .offersTbl .table_type4 {
        float: none;
        width: 100%
    }
    .offerContents .offersTbl .table_type4 .tbl_th {
        width: 35% !important
    }
    .offersFilter .category_area {
        width: 100%
    }
    .gt_sitemap .con_box>ul {
        margin: -3px 0 0 196px
    }
    .recallSection .recallCar img {
        height: 188px
    }
    .recallSection .recallTbl .tbl_th {
        width: 45% !important;
        padding: 8px 10px
    }
    .recallSection .recallTbl .tbl_td {
        padding: 8px 10px
    }
    .fleetVisual {
        background: #121723 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_fleet_visual_t.jpg) right 0 no-repeat
    }
    .carRange .carRangelist li .carImg {
        width: 320px;
        margin-right: 25px;
        padding: 14px 0 14px
    }
    .carRange .carRangelist li .carImg img {
        height: 155px
    }
    .carRange .carRangelist li .carInfor {
        margin: 0 0 15px;
        font-family: KiaB
    }
    .team_li .photo {
        width: 20%
    }
    .team_li .profile {
        width: 80%
    }
    .team_li .position .branch {
        display: block
    }
    .tblScroll table {
        font-size: 13px
    }
    .tblScroll .scrollHead {
        width: 150px
    }
    .tblScroll .scrollHead tr td br {
        display: inline-block
    }
    .tblScroll .scrollHead tr td.dbLine {
        padding: 7px 5px 7px 10px
    }
    .payment_estimator .btn_areaR {
        padding-right: 19px
    }
    .payment_box .method_edit {
        padding: 19px 19px 29px
    }
    .payment_box .method_pay .pay {
        padding: 19px
    }
    .payment_box .method_pay .detail {
        padding: 9px 19px 19px
    }
    .payment_box .method_edit .deposit_input {
        width: 28%
    }
    .payment_box .method_edit .form_chk label {
        width: 58px
    }
    .payment_box .method_edit .form_chk label.r_on {
        width: 60px
    }
    .sendinform .form_pop .table_type4 .tbl_th {
        width: 30%
    }
    .sendinform .form_pop .table_type4 .tbl_td {
        width: 70%
    }
}

@media all and (max-width:767px) {
    .form_chk .car_spr:before {
        width: 53px;
        height: 26px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_category_m.png);
        background-size: 109px 134px
    }
    .form_chk .car_spr.sort1:before {
        background-position: 0 0
    }
    .form_chk .car_spr.sort2:before {
        background-position: 0 -27px
    }
    .form_chk .car_spr.sort3:before {
        background-position: 0 -54px
    }
    .form_chk .car_spr.sort4:before {
        background-position: 0 -81px
    }
    .form_chk .car_spr.sort5:before {
        background-position: 0 -108px
    }
    .form_chk [class*=_on] .car_spr.sort1:before {
        background-position: -57px 0
    }
    .form_chk [class*=_on] .car_spr.sort2:before {
        background-position: -57px -27px
    }
    .form_chk [class*=_on] .car_spr.sort3:before {
        background-position: -57px -54px
    }
    .form_chk [class*=_on] .car_spr.sort4:before {
        background-position: -57px -81px
    }
    .form_chk [class*=_on] .car_spr.sort5:before {
        background-position: -57px -108px
    }
    .car_category .title {
        float: none
    }
    .car_category .category {
        text-align: left
    }
    .car_category .category .form_chk {
        margin-top: 10px
    }
    .car_category .form_chk .car_spr {
        width: auto
    }
    .car_category .form_chk .car_spr:before {
        margin-top: 0
    }
    .car_wrap {
        padding-top: 15px;
        margin-top: 15px;
        top: 0;
        max-height: none;
        overflow: visible
    }
    .car_list {
        margin-bottom: 15px
    }
    .car_list .car_l {
        width: 50%
    }
    .option_list .option_l {
        width: 100%
    }
    .optionEx {
        position: static;
        overflow: hidden;
        min-height: auto;
        margin-top: 9px;
        padding: 0
    }
    .optionEx .optionImg {
        position: static;
        width: 100%;
        height: 120px
    }
    .optionEx .txt {
        display: none
    }
    .sales_box {
        padding: 19px 15px
    }
    .sales_box h5 {
        display: inline-block;
        margin-bottom: 10px
    }
    .sales_box .form_wrp {
        width: auto;
        position: static;
        margin-bottom: 10px
    }
    .sales_tool {
        display: block;
        margin: -5px 0 -10px 0
    }
    .sales_tool li {
        display: block;
        width: auto;
        border-left: 0;
        border-top: 1px solid #e1e1e1;
        text-align: left;
        font-size: 14px
    }
    .sales_tool li:first-child {
        width: auto;
        border-top: 0
    }
    .sales_tool li [class*=spr_tool] {
        padding: 10px 0;
        color: #000
    }
    .sales_tool li [class*=spr_tool]:before {
        display: inline-block;
        width: 27px;
        height: 21px;
        margin: 0 10px 0 0;
        background-size: 96px 70px
    }
    .sales_tool li .spr_tool1:before {
        background-position: -13px 0
    }
    .sales_tool li .spr_tool2:before {
        background-position: -41px 0
    }
    .sales_tool li .spr_tool3:before {
        background-position: -69px 0
    }
    .sales_tool li .spr_tool4:before {
        background-position: -13px -22px
    }
    .sales_tool li .spr_tool5:before {
        background-position: -41px -22px
    }
    .sales_tool li .spr_tool6:before {
        background-position: -69px -22px
    }
    .sales_tool li .spr_tool7:before {
        background-position: -13px -44px
    }
    .sales_tool li .spr_tool8:before {
        background-position: -41px -44px
    }
    .sales_tool li .spr_tool9:before {
        background-position: -69px -44px
    }
    .stepType01 {
        width: auto;
        margin: 0 -15px
    }
    .stepType01 li.stepWrap {
        clear: both;
        overflow: hidden;
        position: relative
    }
    .stepType01 li.stepWrap .stepCon {
        padding: 15px;
        border: 0;
        border-top: 1px solid #4b0104;
        border-bottom: 1px solid #9b1123
    }
    .stepType01 li.stepWrap .stepCon02 {
        padding: 0
    }
    .stepType01 li.stepWrap .stepbar {
        padding: 0;
        overflow: hidden;
        display: table;
        width: 100%;
        border-bottom: 2px solid #686868
    }
    .stepType01 li.stepWrap .stepbar strong.num {
        width: 50px;
        height: 46px;
        font-size: 17px;
        color: #7f7f7f;
        vertical-align: middle;
        box-sizing: border-box
    }
    .stepType01 li.stepWrap .stepbar strong.num em {
        padding: 5px 0 0 15px
    }
    .stepType01 li.stepWrap .stepbar strong.num:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 17px;
        margin-left: 8px;
        background: #d2d2d2;
        margin-top: 6px
    }
    .stepType01 li.stepWrap .stepbar .txt {
        display: table-cell;
        vertical-align: middle
    }
    .stepType01 li.stepWrap .stepbar .txt strong {
        font-size: 14px
    }
    .stepType01 li.stepWrap.on .stepbar {
        border-bottom: 2px solid #890207;
        background: #bb162b none
    }
    .stepType01 li.stepWrap.on .stepbar .txt strong {
        color: #fff
    }
    .stepType01 li.stepWrap.on .stepbar .txt span {
        display: none
    }
    .stepType01 li.stepWrap.paston .stepbar {
        border-bottom: 2px solid #252525;
        background: #e2e2e2 none
    }
    .stepType01 li.stepWrap.paston .stepbar .txt {
        width: 60px
    }
    .stepType01 li.stepWrap.paston .bar01 strong.num {
        padding-top: 10px;
        vertical-align: top;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_bar01bottom.gif) repeat-x left 45px;
        background-size: 1px 1px
    }
    .stepType01 li.stepWrap.paston .bar01 .txt {
        padding-top: 15px;
        vertical-align: top;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_bar01bottom.gif) repeat-x left 45px;
        background-size: 1px 1px
    }
    .stepType01 li.stepWrap.paston .stepbar .result {
        padding-right: 28px;
        font-size: 12px;
        line-height: 14px
    }
    .stepType01 li.stepWrap.paston .stepbar .result:after {
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        right: 5px;
        margin-top: -10px
    }
    .stepType01 li.stepWrap.paston .bar01 .result:after {
        top: 13px;
        margin: 0
    }
    .stepType01 li.stepWrap.paston .stepbar div.car {
        text-align: left;
        position: relative
    }
    .stepType01 li.stepWrap.paston .stepbar div.car img {
        margin-left: -10px
    }
    .stepType01 li.stepWrap.paston .stepbar div.car a.carList {
        float: none;
        display: block;
        margin-right: -28px;
        padding: 3px 0 2px 0
    }
    .stepType01 li.stepWrap.paston .stepbar div.car a.carList:first-child {
        border-bottom: 1px solid #d4d4d4
    }
    .stepType01 li.stepWrap.paston .stepbar div.car a.btn_carmore {
        display: block;
        position: absolute;
        top: 13px;
        right: 0;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_vehicle_plus.png) repeat 0 0;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -999px
    }
    .stepType01 li.stepWrap.paston .stepbar div.car.on a.btn_carmore {
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_vehicle_minus.png) repeat 0 0;
        background-size: 20px 20px
    }
    .stepType01 li.stepWrap.paston .stepbar div.car a.carList span {
        display: inline-block;
        margin-top: 11px;
        font-size: 12px
    }
    .stepType01 .trim_area {
        padding: 5px 7px
    }
    .stepType01 .trim_area .vehicle {
        float: none;
        width: auto;
        padding: 0;
        margin-right: 0
    }
    .stepType01 .step_ctrl {
        text-align: center;
        padding-top: 15px;
        margin-top: 15px
    }
    .stepType01 .step_ctrl2 {
        text-align: center;
        padding: 15px
    }
    .info_tbl {
        background: #f8f8f8;
        padding: 0 11px
    }
    .info_tbl .info_txt {
        display: inline-block;
        margin: 0
    }
    .info_tbl .info_tr {
        display: block;
        padding: 12px 0
    }
    .info_tbl .info_tr:first-child {
        border-top: 0
    }
    .info_tbl .info_th,
    .info_tbl .info_td {
        display: block
    }
    .info_tbl .info_th {
        width: auto;
        padding: 0;
        border-right: 0
    }
    .info_tbl .info_td {
        width: auto;
        min-height: 30px;
        padding: 0;
        margin-top: 5px
    }
    .info_tbl .info_dth .info_tr {
        border: 0;
        padding: 5px 0 0 0
    }
    .info_tbl .info_dth .info_th {
        width: auto
    }
    .info_tbl .form_chk {
        width: 49%;
        margin-right: 0
    }
    .info_tbl .form_area .form_date,
    .info_tbl .form_area .form_wrp {
        display: block
    }
    .info_tbl .form_area .space {
        display: block;
        height: 5px
    }
    .info_tbl .form_area.vspace {
        margin-top: 6px
    }
    .info_tbl .form_area.vspace .form_wpr {
        display: table-cell
    }
    .info_tbl .form_area.vspace .space {
        display: table-cell;
        width: 6px;
        height: auto
    }
    .schCon {
        float: none
    }
    .findSearch .btnArea {
        top: auto;
        right: auto;
        bottom: 15px;
        left: 50%;
        margin-left: -52px
    }
    .schTit {
        display: none
    }
    .formArea .formInput {
        margin: 10px
    }
    .searchOption {
        overflow: hidden;
        margin: 10px 7px 0 8px
    }
    .searchOption .formCheck {
        width: 50%;
        margin-bottom: 5px
    }
    .searchOption .formCheck label {
        font-size: 12px;
        margin: 0 2px 0 3px
    }
    .searchOption .formCheck:nth-child(odd) label {
        margin-left: 3px
    }
    .searchOption .formCheck:nth-child(3),
    .searchOption .formCheck:nth-child(4) {
        margin-top: 0
    }
    .location_result {
        background: 0;
        border: 0;
        padding: 0;
        margin-top: 15px
    }
    .location_result .location_text {
        text-align: center
    }
    .location_result .result_txt {
        margin: 10px 0
    }
    .location_result .tab_type1 {
        position: static;
        margin: 0 auto
    }
    .location_listview {
        background: #fff;
        border: 1px solid #e3e3e3;
        margin-top: 10px;
        padding: 15px
    }
    .location_table {
        display: none
    }
    .location_list {
        display: block;
        background: #fff
    }
    .location_list .locInfo {
        padding: 5px
    }
    .location_list .loc_l {
        margin-top: 15px;
        border-top: 2px solid #515151;
        border-bottom: 1px solid #7d7d7d;
        text-align: left
    }
    .location_list .loc_l:first-child {
        margin-top: 0
    }
    .location_list .loc_l .locTit {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        font-family: kiaB;
        text-align: center;
        background: #f5f5f5
    }
    .location_list .loc_l .mapPin {
        position: relative;
        min-height: 57px;
        padding: 10px 10px 15px 70px
    }
    .location_list .loc_l .loc_pin {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 65px
    }
    .location_list .loc_l .loc_addr {
        display: block;
        width: auto;
        text-align: left;
        padding: 10px
    }
    .location_list .loc_l .btn_area {
        margin-top: 15px;
        padding: 15px 0;
        border-top: 1px solid #e0e0e0;
        text-align: left
    }
    .location_list .loc_l .btn_area a {
        display: block
    }
    .location_mapview {
        margin: 10px 0 0 0;
        background: #fff;
        border: 1px solid #e3e3e3
    }
    .location_mapview .mapArea {
        float: none;
        height: auto;
        min-height: 300px;
        margin: 0
    }
    .location_mapview .center_list {
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        padding-bottom: 15px;
        border: 0
    }
    .location_mapview .center_list .listInner {
        overflow: visible;
        height: auto
    }
    .schTab {
        margin: 10px;
        padding: 0;
        z-index: 100
    }
    .schTab .input_box {
        display: block;
        padding: 10px;
        color: #bb162b;
        font-size: 16px;
        font-family: kiaB;
        border: 1px solid #d0d0d0;
        background: #efefef url(../../../content/dam/kwcms/gt/en/images/service/bg_list.png) no-repeat 95% 50%;
        background-size: 11px auto
    }
    .schTab ul {
        position: absolute;
        top: 39px;
        left: 0;
        display: none;
        width: 100%;
        height: auto;
        border-top: 1px solid #d0d0d0
    }
    .schTab li {
        float: none;
        border-left: 0;
        border: 1px solid #d0d0d0;
        border-top: 0
    }
    .schTab li:first-child {
        border-left: 1px solid #d0d0d0
    }
    .schTab li a,
    .schTab li .tab_on,
    .schTab li:first-child a {
        padding: 10px;
        font-size: 16px;
        background: #efefef !important
    }
    .closet_select {
        position: static;
        padding: 0 10px
    }
    .closet_select .form_wrp {
        width: 49%;
        box-sizing: border-box
    }
    .closet_select .form_wrp+.form_wrp {
        float: right
    }
    .location_mapview .center_list ul li a.center_on {
        color: inherit;
        background: #fff
    }
    .location_mapview .center_list ul li a.center_on .map_pin {
        background-position: 0 0
    }
    .byo .byoView {
        top: 94px
    }
    .byo .byoDetail {
        padding-top: 326px
    }
    .byo.byo_sns .byoDetail {
        padding-top: 376px
    }
    .byoTab .step {
        margin-bottom: 16px
    }
    .byoTab .step li a {
        height: 70px;
        padding-right: 5px;
        background: #fafafa url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_m.png) no-repeat right center;
        background-size: 7px 78px
    }
    .byoTab .step li a:before {
        background-size: 100% 3px
    }
    .byoTab .step li .num {
        margin-top: 25px;
        font-size: 12px;
        font-family: kiaB;
        color: #000
    }
    .byoTab .step li .num em {
        display: none
    }
    .byoTab .step li .name {
        display: none;
        margin-top: 0;
        font-size: 14px
    }
    .byoTab .step li.on {
        width: 30%;
        padding-bottom: 6px;
        background-size: 10px 8px
    }
    .byoTab .step li.on:before {
        top: 0;
        right: -6px;
        width: 13px;
        height: 70px;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_on_m.png) 0 0 no-repeat;
        background-size: 13px 70px
    }
    .byoTab .step li.on:after {
        top: 0;
        left: -13px;
        width: 13px;
        height: 70px;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_on2_m.png) 0 0 no-repeat;
        background-size: 13px 70px
    }
    .byoTab .step li.on a {
        height: 70px
    }
    .byoTab .step li.on a:after {
        height: 5px;
        bottom: -6px;
        background-size: 10px 5px
    }
    .byoTab .step li.on .num {
        margin-top: 12px;
        font-family: kiaM
    }
    .byoTab .step li.on .num em {
        display: inline
    }
    .byoTab .step li.on .name {
        display: block;
        background-size: 40px 32px
    }
    .byoTab .step li.off a {
        background: #bcbcbc url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_byostep_off_m.png) no-repeat right center;
        background-size: 7px 78px
    }
    .byoTab .step li.off .num {
        display: block;
        padding-bottom: 20px;
        margin-top: 10px;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_stepcheck.png) no-repeat center bottom;
        background-size: 16px 16px
    }
    .byoTab .step li.off .name {
        display: none
    }
    .byoView {
        padding-bottom: 70px;
        margin-bottom: 15px
    }
    .byoView .byo_preview {
        text-align: center
    }
    .byoView .byo_preview .tab_type1 {
        height: auto;
        top: auto;
        bottom: -70px;
        left: -15px;
        right: -15px;
        padding: 0;
        border: 0;
        border-radius: 0;
        overflow: visible
    }
    .byoView .byo_preview .tab_type1 .tab_link {
        display: block;
        width: 50%;
        font-size: 15px;
        font-family: kiaM;
        color: #fff;
        float: left;
        margin: 0;
        padding: 0;
        background: #878787;
        line-height: 35px;
        border-radius: 0;
        position: relative
    }
    .byoView .byo_preview .tab_type1 .tab_link.tt1_on {
        background-color: #8f6f4d
    }
    .byoView .byo_preview .tab_type1 .tab_link.tt1_on:before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 8px;
        position: absolute;
        top: -8px;
        left: 0;
        background: url(../../../content/dam/kwcms/gt/en/images/common/bg_tab_on.png) center 0 no-repeat;
        background-size: 16px 8px
    }
    .byoView .byo_preview .visual {
        height: 150px;
        overflow: hidden;
        padding-top: 80px
    }
    .byoView .byo_preview .visual .ex_img {
        margin: 0 -100%;
        text-align: center
    }
    .byoView .byo_preview .visual .inView {
        width: 256px;
        margin: 0 auto
    }
    .byoView .byo_preview .visual .inView img {
        width: 100%
    }
    .byoView .byo_preview .visual .inViewLeft {
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: -9px
    }
    .byoView .byo_preview .visual .inViewRight {
        position: absolute;
        right: -15px;
        top: 50%;
        margin-top: -9px
    }
    .byoView .byo_preview .visual .inViewLeft img {
        width: 10px;
        height: 19px
    }
    .byoView .byo_preview .visual .inViewRight img {
        width: 10px;
        height: 19px
    }
    .byoView .byo_preview .visual .pg_btn_area {
        margin-top: -15px
    }
    .byoDetail .byo_box .byo_tit {
        padding: 14px 14px 4px
    }
    .byoDetail .byo_box .byo_con {
        padding: 14px
    }
    .byoDetail .byo_box .byo_con .con_h {
        padding-top: 10px;
        margin-top: 15px
    }
    .byoDetail .byo_review .review_tmb {
        float: none;
        width: 100%;
        height: 125px;
        margin: 0 0 10px 0
    }
    .byoDetail .byo_aside .aside .tit {
        padding: 12px 15px
    }
    .byoDetail .option_a {
        right: 15px
    }
    .byoDetail .byo_graph {
        padding: 14px 15px
    }
    .byoDetail .byo_graph .rank li {
        margin-right: 15px
    }
    .byoDetail .byo_summary .sum_l .item_h {
        padding: 8px 15px
    }
    .byoDetail .byo_summary .item_l {
        padding: 5px 15px 5px 24px
    }
    .byoDetail .byo_summary .sum_l.total {
        padding: 10px 15px
    }
    .byoDetail .sales_box {
        padding: 19px 15px;
        margin: 0 0 15px 0
    }
    .byoDetail .conDetail .extit {
        display: none;
        font-size: 12px
    }
    .byoDetail .conDetail .extit02 {
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 20px;
        padding-top: 10px;
        margin: 0;
        color: #000;
        font-family: kiaB;
        font-size: 12px
    }
    .byoDetail .conDetail .extit02 .bl_type2 {
        font-family: kiaB;
        font-size: 12px
    }
    .byoDetail .conDetail .explain span {
        font-size: 12px
    }
    .byoDetail .conDetail .explain .colorArea {
        width: 47px;
        height: 22px
    }
    .byoDetail .conDetail .explain02 {
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        font-size: 12px;
        color: #666
    }
    .byoDetail .conDetail .price {
        width: 40%;
        height: 17px;
        font-family: kiaB;
        font-size: 12px
    }
    .byoDetail .list_totalPrice {
        font-size: 18px
    }
    .byoDetail .conDetail02 .extit {
        display: none
    }
    .byoDetail .conDetail02 .explain {
        display: block;
        position: relative;
        overflow: hidden;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        border-top: 1px solid #e8e8e8
    }
    .byoDetail .conDetail02 .explain .explainCon {
        display: block;
        width: 100%;
        border-right: 0
    }
    .byoDetail .conDetail02 .explain .explainCon .proCon {
        position: static;
        padding: 15px;
        min-height: 120px
    }
    .byoDetail .conDetail02 .explain .explainCon .proCon .txt strong {
        display: block;
        margin: 15px 0 15px;
        font-size: 15px
    }
    .byoDetail .conDetail02 .explain .explainCon .proCon .txt span {
        display: none
    }
    .byoDetail .conDetail02 .explain .explainCon .proCon .optionImg {
        position: static;
        width: 100%;
        height: 120px
    }
    .byoDetail .conDetail02 .explain .price {
        display: block;
        position: absolute;
        top: 150px;
        right: 15px;
        font-family: kiaB
    }
    .byoDetail .conDetail02 .explain .price span {
        margin: 0
    }
    .byo_box .customerCon li.list {
        float: none;
        position: relative;
        width: 100%
    }
    .byo_box .customerCon li.list02:before,
    .byo_box .customerCon li.list04:before {
        display: none
    }
    .byo_box .customerCon li.list .tit {
        font-size: 13px
    }
    .byoDetail .byo_etc .btn_areaR .br {
        display: block;
        margin-top: 5px
    }
    .byo_complete .byo_box02 .byo_con {
        padding: 10px 23px
    }
    .byo_complete .byo_box02 .byo_con .totalTxt {
        float: left;
        font-family: kiaB;
        font-size: 14px;
        color: #333
    }
    .byo_complete .byo_box02 .byo_con .totalPrice {
        float: right;
        font-family: kiaB;
        font-size: 17px;
        color: #bb162b
    }
    .specList li {
        width: 100% !important
    }
    .specList li strong {
        padding-left: 10px;
        font-size: 14px;
        line-height: 28px;
        border-top: 1px solid #d0d0d0
    }
    .specList li .kindSelect {
        padding-top: 0
    }
    .specList li .kindSelect .form_chk {
        float: left;
        width: 50%
    }
    .specList li .kindSelect .form_chk label {
        padding: 8px 0 8px 10px;
        font-size: 12px
    }
    .specList li .kindSelect .form_chk label:before {
        margin-right: 6px
    }
    .specList li .kindSelect .form_chk label span {
        display: none
    }
    .specList li .kindSelect .form_chk.carkind05 {
        width: 100%
    }
    .specList li .kindSelect .form_chk.carkind05 label em {
        display: inline-block;
        width: auto;
        margin-top: 0
    }
    .unitSlide {
        height: 89px;
        padding: 15px 15px 0 15px;
        border-left: 0
    }
    .unitSlide .price_range {
        height: 22px
    }
    .unitSlide .price_range span {
        left: -15px
    }
    .unitSlide .price_range span+span {
        right: -15px
    }
    .unitSlide p {
        padding-top: 17px
    }
    .unitSlide p,
    .unitSlide p input[type=text] {
        font-size: 11px;
        line-height: 18px
    }
    .unitSlide p input[type=text] {
        width: 40%;
        padding: 0 3px;
        height: 18px
    }
    .unitSlide .ui-slider {
        height: 11px
    }
    .ui-slider .ui-slider-range {
        height: 11px
    }
    .ui-slider-handle {
        width: 18px;
        height: 18px;
        margin: -4px -7px;
        background-size: 18px auto;
        background-position: 0 -16px
    }
    .ui-slider-handle+span {
        margin-left: -17px
    }
    .mileageSelect {
        height: 159px;
        padding-top: 1px;
        border: 0
    }
    .specList li .userNum {
        height: 77px;
        padding-top: 15px
    }
    .seatInner {
        width: auto;
        padding: 0 50px
    }
    .userNum .seat_range {
        position: relative;
        right: auto;
        width: 100%;
        height: 16px
    }
    .userNum .seat_range span {
        position: static;
        float: right;
        width: 16px;
        padding: 0 0 8px 0;
        text-align: center;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_slider.png) no-repeat 50% 100%
    }
    .userNum .seat_range span+span {
        float: left
    }
    .userNum .ui-slider {
        width: auto;
        height: 11px
    }
    .userNum .ui-slider-handle {
        margin: -3px -8px
    }
    .userNum p input[type=text] {
        margin-top: 15px;
        font-size: 12px
    }
    .advisorList {
        padding: 12px 6px
    }
    .car_info .carinfoWrap {
        margin: 2px 6px;
        padding: 12px
    }
    .advisorList .car_l .car_a:after {
        width: 7px;
        height: 5px;
        margin-left: -3px;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_carOn_m.png) no-repeat -33px 0;
        background-size: 40px auto
    }
    .advisorList .car_l.on .car_a:after {
        bottom: -7px;
        width: 14px;
        height: 7px;
        margin-left: -7px;
        background-position: 0 0
    }
    .carinfoWrap .carTit {
        font-size: 14px
    }
    .carinfoWrap .carTit:before {
        width: 22px;
        margin-bottom: 6px
    }
    .carinfoWrap .carTxt {
        margin-top: 0;
        font-size: 16px
    }
    .carinfoWrap .advisor_txt {
        margin-top: 5px
    }
    .carinfoWrap .advisor_txt li {
        margin: 2px 0;
        font-size: 12px;
        line-height: normal
    }
    .carinfoWrap .car_img img {
        max-width: 100%;
        max-height: 200px;
        height: auto
    }
    .carinfoWrap .car_tbl {
        display: block;
        margin-top: 20px;
        font-size: 12px
    }
    .carinfoWrap .car_tbl .tbl_l {
        width: 100%;
        display: table;
        table-layout: fixed
    }
    .carinfoWrap .car_tbl .tbl_th {
        text-align: left
    }
    .carinfoWrap .car_tbl .tbl_td {
        text-align: right
    }
    .carinfoWrap .car_tbl .tbl_th,
    .carinfoWrap .car_tbl .tbl_td {
        display: table-cell;
        padding: 5px 10px;
        vertical-align: middle
    }
    .carinfoWrap .car_btn {
        margin-top: 5px;
        text-align: left
    }
    .carinfoWrap .car_btn a {
        min-width: 44%;
        font-size: 11px;
        line-height: 15px;
        margin: 10px 0 0 0
    }
    .carinfoWrap .car_btn a:before {
        width: 22px;
        height: 17px;
        margin-right: 2px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_ico_sales_m.png);
        background-size: 22px 71px
    }
    .carinfoWrap .car_btn a.icoBtn2:before {
        background-position: 0 -18px
    }
    .carinfoWrap .car_btn a.icoBtn3:before {
        background-position: 0 -36px
    }
    .carinfoWrap .car_btn a.icoBtn4:before {
        background-position: 0 -54px
    }
    .car_info button {
        top: 23px;
        right: 12px;
        width: 16px;
        height: 16px;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_carOn_m.png) no-repeat -14px 0;
        background-size: 40px auto
    }
    .advisorList ul li.nodata {
        padding: 160px 0
    }
    .advisorList ul li.nodata span {
        display: inline-block;
        padding: 45px 0 0 0;
        font-size: 13px;
        line-height: 1;
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_nodata_m.png) no-repeat 50% 0;
        background-size: 36px
    }
    .chkLife li {
        float: none;
        width: 100%
    }
    .chkLife li .form_chk {
        height: 20px;
        padding: 8px 0 8px 10px
    }
    .chkLife li .form_chk .check_box {
        padding-left: 55px;
        font-size: 12px
    }
    .chkLife li .form_chk .check_box br {
        display: none
    }
    .chkLife li .form_chk .check_box span {
        left: 32px;
        width: 20px;
        height: 16px;
        margin-top: -8px;
        background-size: 58px auto
    }
    .chkLife li .form_chk.life02 .check_box span {
        background-position: -20px 0
    }
    .chkLife li .form_chk.life03 .check_box span {
        background-position: -40px 0
    }
    .chkLife li .form_chk.life04 .check_box span {
        background-position: 0 -16px
    }
    .chkLife li .form_chk.life05 .check_box span {
        background-position: -20px -16px
    }
    .chkLife li .form_chk.life06 .check_box span {
        background-position: -40px -16px
    }
    .chkLife li .form_chk.life07 .check_box span {
        background-position: 0 -32px
    }
    .chkLife li .form_chk.life08 .check_box span {
        background-position: -20px -32px
    }
    .chkLife li .form_chk.life09 .check_box span {
        background-position: -40px -32px
    }
    .compare_car .sales_box.active {
        background: 0
    }
    .compare_car .sales_box .control {
        display: block
    }
    .compare_sel {
        padding: 5px 0;
        margin: -14px 0
    }
    .compare_sel .sel_l {
        float: none;
        width: auto;
        padding: 14px 0;
        border-left: 0;
        border-top: 1px solid #e8e8e8;
        text-align: left
    }
    .compare_sel .form_chk {
        margin: 0
    }
    .compare_sel .desc:before {
        margin: 8px auto 4px
    }
    .addcarArea {
        overflow: hidden;
        position: relative;
        padding: 44px 0 0 0;
        height: auto
    }
    .addcarArea .addcarBar {
        display: none
    }
    .addcarArea .addcarList {
        height: 288px
    }
    .addcarList .add_l {
        width: 50%;
        height: 153px
    }
    .compareList .addcarCon {
        padding: 10px;
        height: 131px;
        border-right: 1px solid #ddd;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        text-align: left
    }
    .compareList .addcarCon.con02 {
        border-right: 0
    }
    .compareList .addcarCon.con03 {
        border-top: 1px solid #fff;
        border-left: 0;
        border-bottom: 0
    }
    .compareList .addcarCon.con04 {
        border-top: 1px solid #fff;
        border-right: 0;
        border-bottom: 0
    }
    .compareList .addcarCon .num {
        margin-top: 10px;
        font-size: 28px
    }
    .compareList .addcarCon .btnadd {
        display: block;
        width: 60px;
        height: 64px;
        margin: 10px auto 0
    }
    .compareList.addon .addcarCon .btnadd {
        display: none
    }
    .compareList.addon .addcarCon .num {
        display: none
    }
    .compareList.addon .selectCar .cadImg {
        margin: 60px 0 0 -10px;
        text-align: center
    }
    .compareList.addon .selectCar .selectCar_con {
        margin-top: -130px
    }
    .compareList.addon .selectCar .selectCar_con strong:before {
        display: none
    }
    .compareList.addon .selectCar .selectClose {
        position: absolute;
        top: 6px;
        right: 10px
    }
    .item_box {
        height: 180px
    }
    .item_box .addcarCon {
        border-right: 0;
        border-left: 0;
        border-bottom: 0
    }
    .item_box .addcarCon.con02 {
        border-right: 1px solid #ddd
    }
    .item_box .addcarCon.con03 {
        border-top: 0;
        border-left: 0;
        border-bottom: 0
    }
    .item_box .addcarCon.con04 {
        border-top: 0;
        border-right: 0;
        border-bottom: 0
    }
    .item_box .addcarCon .num {
        margin-top: 5px
    }
    .item_box .addcarCon .btnadd {
        margin: 30px auto 0
    }
    .item_box .addcarCon .btnSmall {
        left: 10px;
        bottom: 15px
    }
    .addcarArea .addResult {
        top: 0;
        left: 0;
        width: 100%;
        height: 44px;
        background: #666;
        border-bottom: 1px solid #a41527
    }
    .addcarArea .addResult .resultCon {
        padding: 10px 15px
    }
    .addcarArea .addResult .resultCon .count {
        margin-top: 4px;
        font-size: 20px;
        background-size: 9px 9px
    }
    .vs_wrap th,
    .vs_wrap td {
        padding: 5px 10px
    }
    .vs_wrap th[class*=item_h] .item_a {
        right: -20px
    }
    .vs_wrap .active_a {
        margin: -5px -10px;
        padding: 5px 10px
    }
    .vs_wrap .vs_head {
        width: 90px;
        word-break: break-all
    }
    .vs_wrap .vs_head th {
        padding-right: 25px
    }
    .vs_wrap .vs_head .desc_l {
        font-size: 12px;
        line-height: 16px
    }
    .vs_wrap .vs_item .item_msg {
        height: 160px;
        padding: 10px;
        background-position: 0 0;
        background-size: 79px 50px
    }
    .vs_wrap .vs_item .item_msg .txt {
        display: none
    }
    .vs_wrap .vs_item .item_h {
        font-family: kiaM
    }
    .vs_wrap .vs_item .item_desc .desc_l {
        padding: 5px 10px
    }
    .vs_wrap .addResult {
        width: 90px;
        height: 180px
    }
    .vs_wrap .addResult .resultCon .count {
        bottom: 50px;
        right: 10px;
        line-height: 20px;
        background-position: 0 0;
        background-size: 9px 9px;
        padding-left: 12px;
        font-size: 20px
    }
    .vs_wrap .addResult .resultCon #resetBtn {
        left: 10px;
        bottom: 15px
    }
    .vs_wrap .btnSmall {
        padding: 0 8px
    }
    .pop_compare .car_list,
    .pop_compare .trim_list {
        max-height: none;
        overflow: visible
    }
    .codeSrch {
        width: 100%;
        margin: -15px -15px 0 -15px;
        padding: 15px
    }
    .codeSrch .codeTit {
        display: none;
        width: auto
    }
    .codeSrch .codeInput {
        width: 100%
    }
    .srchResult {
        margin-top: 24px;
        border: 1px solid #e4e4e4;
        padding: 10px
    }
    .srchResult .resultNum {
        float: left;
        font-size: 11px;
        line-height: 14px;
        margin-top: 13px
    }
    .finishTop {
        margin-bottom: 10px
    }
    .finishTop .contBox {
        background: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/img_finish_top.png) no-repeat 20px;
        background-size: 56px 53px;
        padding: 0 15px 0 100px
    }
    .finishTop .contBox .finishTxt {
        min-height: 70px;
        padding: 5px 0;
        font-size: 12px;
        line-height: 15px
    }
    .finishTop .contBox .finishTxt .txt {
        margin-top: 5px;
        font-size: 11px;
        line-height: 14px
    }
    .finishCon {
        background: #fff;
        padding: 12px 10px
    }
    .finishCon .finishTbl {
        padding: 0;
        margin: 0
    }
    .finishCon .finishTbl li {
        float: none;
        width: auto;
        height: auto;
        padding: 0;
        text-align: left;
        border-left: 0
    }
    .finishCon .car img {
        display: inline-block;
        height: 40px;
        margin: 0;
        vertical-align: middle
    }
    .finishCon .car .car_name {
        display: inline-block
    }
    .finishCon .barType li {
        float: none
    }
    .finishCon .barType li:before {
        display: none
    }
    .finishCon .sales_sel {
        width: auto;
        margin-bottom: 10px
    }
    .finishCon .sales_tool {
        margin: -5px 0
    }
    .find_inven {
        margin: 8px -15px 15px;
        padding: 4px 10px
    }
    .find_inven .inven_box {
        padding: 5px
    }
    .find_inven .inven_h {
        margin-bottom: 5px
    }
    .location_list .locInven {
        padding: 10px 5px 10px 0
    }
    .location_list .locInven .vehicle {
        display: table-cell;
        vertical-align: middle
    }
    .location_list .locInven .vehicle img {
        height: 70px
    }
    .location_list .locInven .info {
        display: table-cell;
        font-size: 12px;
        vertical-align: top
    }
    .location_list .locInven .info .price {
        margin: 5px 0;
        font-size: 16px;
        font-family: kiaB
    }
    .location_list .locInven .info .price strong {
        display: block;
        color: #000;
        text-transform: uppercase;
        font-size: 12px
    }
    .search_inventory .invenDetail {
        padding: 14px 14px 19px
    }
    .search_inventory .invenDetail .invenBtn {
        text-align: center;
        margin-top: 15px
    }
    .search_inventory .invenDetail .invenBtn a+a {
        margin-left: 5px
    }
    .search_inventory .line {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .dealerImportant .dbSection .dbLeft .mapArea {
        height: 169px
    }
    .dealerImportant .resultArea .resultTxt {
        position: relative;
        text-align: right
    }
    .dbSection {
        margin: 5px 0 0 0
    }
    .dbSection+.dbSection {
        margin-top: 17px;
        padding-top: 20px
    }
    .dbSection .dbSectionInner {
        float: none;
        width: 100%
    }
    .dbSection .dbLeft {
        margin: 0
    }
    .dbSection .dbLeft .carImg {
        padding: 0
    }
    .dbSection .dbLeft .carImg img {
        height: 125px
    }
    .dbSection .dbLeft .mapArea {
        height: 114px
    }
    .dbSection .dbRight {
        margin: 15px 0 0 0
    }
    .dbSection .dbRight .carName {
        font-size: 17px;
        line-height: 20px
    }
    .dbSection .dbRight .carPrice {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .dbSection .dbRight .dealerInfor dt {
        font-size: 14px;
        line-height: 17px;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 8px;
        margin-bottom: 8px
    }
    .dbSection .dbRight .dealerInfor dt span {
        font-size: 11px;
        line-height: 14px
    }
    .findSearch {
        padding: 0 0 55px 0
    }
    .titleArea {
        position: relative;
        color: #fff
    }
    .titleArea .imgArea img {
        width: 100%;
        height: 100%
    }
    .titleArea h4 {
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 20px;
        line-height: 24px
    }
    .titleArea h4:before {
        content: '';
        display: block;
        width: 20px;
        height: 1px;
        padding-top: 5px
    }
    .warranty_con {
        margin-top: 15px
    }
    .warranty_con p {
        margin: 15px 0;
        line-height: 18px
    }
    .warranty_con p br {
        display: none
    }
    .warranty_con .desc1 {
        font-size: 15px;
        line-height: 16px
    }
    .warranty_con .desc2 {
        font-size: 13px;
        margin-top: 18px
    }
    .warranty_con .coverage {
        font-size: 30px;
        line-height: 30px
    }
    .warranty_con .coverage:after {
        margin-top: 20px;
        width: 20px;
        height: 3px
    }
    .warranty_con .detail {
        margin: 15px 0 20px;
        display: block
    }
    .warranty_con .detail .wrr_l {
        display: block;
        width: auto;
        margin-top: -1px;
        padding: 20px 15px 15px
    }
    .warranty_con .detail .wrr_year {
        font-size: 14px;
        line-height: 14px
    }
    .warranty_con .detail .wrr_year .num {
        width: 37px;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        background-size: 46px 44px;
        margin: -8px 6px 0 0
    }
    .warranty_con .wrr_year02 {
        font-size: 14px;
        line-height: 14px
    }
    .warranty_con .wrr_year02 .num {
        width: 37px;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        background-size: 46px 44px;
        margin: -8px 6px 0 0
    }
    .warranty_con .wrr_year02 {
        padding-left: 0
    }
    .warranty_con .detail .wrr_con li {
        margin: 10px 0
    }
    .warranty_con .detail .wrr_con li:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        vertical-align: middle;
        margin: -4px 6px 0 -18px;
        background: url(../../../content/dam/kwcms/gt/en/images/service/spr_warranty.png) -76px 0 no-repeat;
        overflow: hidden
    }
    .warranty_down {
        padding: 9px;
        margin-top: -10px
    }
    .warranty_down .down_list li {
        float: none;
        width: auto;
        margin: 6px 0;
        font-size: 12px
    }
    .calanearWrap .calendarSelect {
        height: 36px
    }
    .calanearWrap .calendarSelect button {
        margin-top: 8px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/service/bg_calendar_m.png);
        background-size: 45px auto
    }
    .calanearWrap .calendarSelect strong {
        width: 126px;
        font-size: 20px;
        line-height: 36px
    }
    .calanearWrap table td span,
    .calanearWrap table td a {
        padding: 31px 7px 6px 0
    }
    .calanearWrap table td .today {
        top: auto;
        right: 8px;
        left: auto;
        bottom: 23px;
        overflow: hidden;
        text-indent: -9999px;
        width: 5px;
        height: 5px
    }
    .roadside_box {
        padding: 20px
    }
    .roadsideTop {
        min-height: 380px;
        background: url(../../../content/dam/kwcms/gt/en/images/service/bg_roadside_m.jpg) no-repeat center bottom;
        background-size: 251px 152px
    }
    .roadsideTop h4,
    .roadsideTop h1 {
        text-align: center;
        font-size: 28px;
        line-height: 25px
    }
    .roadsideTop .roadsideTxt1 {
        width: 100%;
        padding: 10px 0 10px;
        font-size: 13px;
        line-height: 20px;
        text-align: center
    }
    .roadsideNum {
        display: block;
        font-size: 16px;
        text-align: center
    }
    .includesArea {
        padding: 10px
    }
    .includesArea ul {
        margin: -10px 0
    }
    .includesArea ul h3 {
        display: inline-block;
        font-family: kiaM;
        font-weight: normal;
        font-size: 13px
    }
    .includesArea ul li {
        float: none;
        width: auto;
        margin: 15px 0;
        border-right: 0;
        text-align: left;
        font-size: 13px;
        font-family: kiaM;
        height: auto
    }
    .includesArea ul li span {
        display: inline-block;
        vertical-align: middle
    }
    .includesArea ul li br {
        display: none
    }
    .includesArea ul li span {
        width: 35px;
        height: 22px;
        margin: 0 10px 0 0;
        background-size: 35px auto
    }
    .includesArea ul li span.bg01 {
        background-position: 0 0
    }
    .includesArea ul li span.bg02 {
        background-position: 0 -260px
    }
    .includesArea ul li span.bg03 {
        background-position: 0 -229px
    }
    .includesArea ul li span.bg04 {
        background-position: 0 -156px
    }
    .includesArea ul li span.bg05 {
        background-position: 0 -179px
    }
    .includesArea ul li span.bg06 {
        background-position: 0 -110px
    }
    .includesArea ul li span.bg07 {
        background-position: 0 -203px
    }
    .includesArea ul li+li+li+li+li {
        padding-top: 0
    }
    .roadsideTxt2 {
        margin-top: 24px;
        line-height: 18px
    }
    .roadsideTxt2 span {
        margin: 10px 0 0 0
    }
    .roadside_assistance .roadsideDownload .roadsideImg {
        display: none
    }
    .roadside_assistance .roadsideDownload {
        margin: 15px 0 0 0
    }
    .roadside_assistance .roadsideDownload .downloadWrap {
        position: relative;
        float: none;
        width: 100%
    }
    .roadside_assistance .roadsideDownload .rd_left {
        padding: 15px;
        margin: 0;
        min-height: 1px
    }
    .roadside_assistance .roadsideDownload .rd_right {
        padding: 15px;
        margin: 15px 0 0 0;
        min-height: 1px
    }
    .roadside_assistance .roadsideDownload .roadside_dl {
        padding-right: 0
    }
    .manual .selectManual .form_chk {
        height: 80px;
        padding: 10px 0 8px
    }
    .manual .selectManual .form_chk br {
        display: block
    }
    .manual .selectManual .carSort .radio_box {
        font-size: 13px;
        line-height: 15px
    }
    .manual .selectManual .carSort .radio_box .car_spr:before {
        margin-left: -26px
    }
    .contact_us .cuIntro {
        margin-bottom: 10px
    }
    .contact_us .localInfor {
        font-size: 12px
    }
    .contact_us .finishTop .contBox {
        padding: 0 15px 0 100px
    }
    .contact_us .cuFinishBtm {
        background: #fff;
        text-align: center;
        padding: 20px 12px
    }
    .contact_us .cuFinishBtm strong {
        font-size: 15px;
        line-height: 18px
    }
    .contact_us .cuFinishBtm p {
        font-size: 13px;
        line-height: 16px;
        color: #666;
        margin-top: 10px
    }
    .contact_us .cuFinishBtm p br {
        display: none
    }
    .searchBox2 {
        padding: 10px;
        margin-bottom: 15px
    }
    .searchBox2 .form_area {
        display: block
    }
    .searchBox2 .form_area .form_wrp {
        display: block;
        width: auto !important
    }
    .searchBox2 .form_area .space {
        display: block;
        height: 5px
    }
    .searchForm {
        padding-right: 26px
    }
    .searchForm .btn_area {
        position: static;
        margin-right: -26px
    }
    .faq_edit {
        margin-top: 15px
    }
    .faq_edit .tab_type3 ul {
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 35px;
        z-index: 10;
        border-radius: 0;
        border: 0;
        padding: 0
    }
    .faq_edit .tab_type3 .tab_li {
        display: block;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left
    }
    .faq_edit .tab_type3 .tab_li br {
        display: none
    }
    .faq_edit .tab_type3 .tab_li .tab_a {
        display: block;
        font-family: KiaB;
        color: #fff;
        height: auto;
        padding: 5px 15px;
        font-size: 12px;
        line-height: 26px
    }
    .faq_edit .tab_type3 .tab_li .tab_a:hover {
        background: #bb162b
    }
    .faq_edit .tab_type3 .tab_tspr:before {
        display: none
    }
    .faq_edit .tab_type3 .tab_on {
        background: #bb162b
    }
    .bl_faq {
        display: none
    }
    .faq_reply {
        padding: 10px;
        margin-top: 12px;
        line-height: 15px;
        font-size: 12px
    }
    .faq_reply .reply_chk {
        margin-top: 10px
    }
    .faq_reply .reply_chk .tit {
        display: none
    }
    .faq_reply .reply_chk .tit2 {
        display: none
    }
    .faq_reply .reply_chk .form_chk {
        margin: 0;
        width: 100px;
        margin-bottom: 7px
    }
    .searchBox {
        padding: 10px
    }
    .searchBox .form_wrp {
        margin: 0
    }
    .searchBox .form_wrp .sel_box {
        position: relative;
        top: auto;
        left: auto;
        width: 100%
    }
    .searchBox .form_chk {
        display: block;
        position: static;
        margin-top: 5px
    }
    .searchBox .btnArea {
        position: static;
        padding: 15px 0;
        border-bottom: 1px solid #686868;
        text-align: center
    }
    .sch_word {
        margin-top: 10px
    }
    .search_result .list {
        padding: 0 15px
    }
    .search_result .resultTxt {
        margin: 10px 0;
        padding-left: 21px;
        font-size: 12px
    }
    .search_result .resultTxt:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/util/bg_search_m.png);
        background-size: 21px auto
    }
    .search_result .list dt {
        padding: 15px 0;
        font-size: 14px
    }
    .search_result .list dd {
        padding: 5px 0 0 0
    }
    .search_result .list dd ul {
        margin-bottom: 15px
    }
    .search_result .list dd .bl_type4 {
        padding: 9px 0 0 7px
    }
    .search_result .list dd .news_list .bl_type4 span {
        float: none;
        padding-left: 15px
    }
    .search_result .btn_area {
        position: static;
        padding-top: 15px;
        text-align: center;
        border-top: 1px solid #686868
    }
    .search_result .btn_area {
        display: none
    }
    .detail_list .list dd {
        padding: 15px 0
    }
    .detail_list .list dd ul {
        margin-bottom: 5px
    }
    .detail_list .list dd .bl_type4 {
        padding: 10px 0 10px 7px
    }
    .detail_list .list dd .pg_num_area {
        margin: 0;
        padding: 15px 0 0 0
    }
    .member_login {
        padding: 35px 15px
    }
    .member_login .login_btn {
        line-height: 44px;
        margin: 15px 0 20px;
        font-size: 18px;
        color: #fff;
        border-radius: 22px
    }
    .member_login .login_help {
        margin-top: 25px;
        border-top: 1px solid #d6d6d6;
        padding-top: 25px
    }
    .member_login .login_help .help_a {
        color: #666
    }
    .member_login .login_help .help_a:first-child {
        color: #000
    }
    .member_login .login_help .bar {
        color: #c1c1c1;
        font-family: Dotum;
        margin: 0 2px
    }
    .error_wrap {
        padding: 30px 0 50px 0
    }
    .error_title {
        text-align: center
    }
    .error_title .error_tit {
        font-size: 30px
    }
    .error_title .error_txt {
        width: 250px;
        font-size: 13px;
        font-family: kiaM;
        margin: 20px auto 0
    }
    .error_title .error_img {
        display: none
    }
    .error_title .error_btn {
        margin-top: 25px
    }
    .error_detail {
        display: none
    }
    .offersTop {
        position: relative;
        padding: 20px 0
    }
    .offersTop .awardArea {
        position: absolute;
        left: 0;
        top: 20px
    }
    .offersTop .carImg {
        float: none;
        width: auto;
        height: 133px;
        margin-top: 35px;
        text-align: center;
        margin-bottom: 12px
    }
    .offersTop .carImg img {
        height: 133px
    }
    .offersInforTxt {
        font-size: 11px;
        line-height: 14px;
        margin-top: 15px
    }
    .offersTop .offersInfor .btnArea {
        text-align: center;
        margin-top: 15px
    }
    .offersCategory {
        margin-top: 15px
    }
    .offersCategory .car_category .title {
        float: none;
        width: auto
    }
    .offersCategory .offersSel {
        margin-top: 15px;
        padding-top: 10px
    }
    .offersCategory .offersSel .form_chk {
        margin-right: 10px !important
    }
    .offersTab {
        margin-top: 10px
    }
    .offersList {
        margin-top: -5px
    }
    .offersList .offerCar {
        width: 122px;
        padding: 50px 0;
        margin-right: 10px
    }
    .offersList .offerCar img {
        max-width: 100%;
        max-height: 90px;
        height: 65px
    }
    .offersList .carInfor {
        font-family: KiaB;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px
    }
    .offersList .carInfor .carName {
        font-size: 18px !important;
        line-height: 21px !important
    }
    .offersList .carInfor .carFrom {
        font-size: 12px;
        line-height: 15px
    }
    .offersList .offersInfor {
        padding: 5px 0 0 0
    }
    .offersList .offersInfor ul li {
        float: none;
        padding: 0;
        margin-top: 5px
    }
    .offersList .offersInfor ul li:first-child {
        margin-top: 0
    }
    .offersList .offersInfor ul li .subTxt {
        text-align: left
    }
    .offersList .offersInfor .btnArea {
        margin-top: 5px
    }
    .offersList .listContents {
        margin-top: 20px
    }
    .offersList .resultList {
        margin-top: -10px
    }
    .offersList .resultList>li {
        margin-top: 20px
    }
    .offersDetailTop {
        border: 8px solid #ddd;
        padding: 20px 15px
    }
    .offersDetailTop .carImg {
        float: none;
        width: 233px;
        margin: 0 auto
    }
    .offersDetailTop .carImg img {
        height: 116px
    }
    .offersDetailTop .carTxt {
        margin-top: 15px
    }
    .offersDetailTop .carTxt .carName {
        font-size: 22px;
        line-height: 25px;
        border-bottom: 2px solid #000;
        padding-bottom: 8px
    }
    .offersDetailTop .sbtn_area {
        text-align: left;
        margin-top: 10px
    }
    .offersDetailTop .sbtn_area a {
        display: block
    }
    .offersDetailTop .sbtn_area a+a {
        margin-left: 0
    }
    .offersDetailTop .btn_area {
        text-align: center
    }
    .offers_con_box {
        padding: 55px 15px 15px
    }
    .offers_con_box+.btn_areaR span.br {
        display: block;
        margin-top: 5px
    }
    .offerContents .carInfor {
        float: none
    }
    .offerContents .offersInfor {
        float: none
    }
    .offerContents .detailTxt {
        color: #666;
        border-top: 1px solid #e3e3e3;
        padding-top: 15px;
        margin-top: 15px
    }
    .offerContents .detailTxt strong {
        color: #000
    }
    .offerContents .detailTxt .detailTit.type2 {
        margin-top: 20px
    }
    .offerContents .note_area {
        border: 1px solid #e8e8e8;
        padding: 15px 10px
    }
    .offerContents .bl_type_note .note_dd {
        margin-top: 15px
    }
    .offerContents .bl_type_note .note_dt+.note_dd {
        margin-top: 7px
    }
    .offerContents .offersTbl .table_type4 .tbl_th {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }
    .offersCont .carInfor {
        border-bottom: 2px solid #000;
        padding-bottom: 10px
    }
    .offersCont .carInfor .carName {
        font-size: 24px;
        line-height: 27px
    }
    .offersCont .carInfor .carFrom {
        font-size: 13px;
        line-height: 16px
    }
    .offersCont .carInfor .carIncluding {
        display: block;
        font-size: 15px;
        line-height: 18px;
        border-left: 0;
        margin-left: 0;
        padding-left: 0
    }
    .offersCont .offersInfor {
        padding: 10px 0 0 0
    }
    .offersCont .offersInfor ul li {
        padding: 0 10px
    }
    .offersCont .offersInfor ul li .subTxt {
        display: block;
        font-size: 15px;
        line-height: 18px
    }
    .offersFilter .category_area {
        width: 100%
    }
    .offersPop .popTit {
        font-size: 16px;
        line-height: 19px
    }
    .offersPop .popOnly {
        margin-top: 20px;
        color: #666
    }
    .offersPop .popOnly span:before {
        content: "|";
        clear: both;
        display: inline-block;
        margin-left: 5px;
        padding-right: 5px
    }
    .gt_sitemap .con_box {
        position: relative;
        margin-top: 16px;
        padding: 16px 15px 15px
    }
    .gt_sitemap .con_box h4 {
        position: relative;
        padding: 0 0 16px;
        font-size: 17px;
        border-top: 0 none
    }
    .gt_sitemap .con_box>ul {
        margin: 0
    }
    .gt_sitemap .con_box>ul>li {
        margin-top: 10px !important
    }
    .gt_sitemap .con_box>ul>li+li {
        margin-top: 15px !important
    }
    .gt_sitemap .con_box>ul>li strong,
    .gt_sitemap .con_box>ul>li strong a {
        font-size: 13px
    }
    .gt_sitemap .con_box>ul>li>ul {
        padding: 2px 0 0
    }
    .gt_sitemap .con_box {
        padding-right: 10px
    }
    .gt_sitemap .con_box>ul {
        margin-top: -10px
    }
    .gt_sitemap .con_box>ul>li {
        clear: both;
        width: 100%;
        margin-top: 10px;
        margin-left: 0
    }
    .gt_sitemap .con_box>ul>li>ul>li {
        float: left;
        width: 45%
    }
    .gt_sitemap .con_box>ul>li>ul>li:nth-child(2n) {
        float: right;
        margin-left: 10px
    }
    .gt_sitemap .con_box>ul>li>ul>li:nth-child(2n+1) {
        clear: both
    }
    .recall .con_box+.con_box {
        margin-top: 5px
    }
    .recall .recall_box {
        margin-top: 15px;
        padding: 5px 5px 5px 50px;
        background-position: 5px 5px;
        background-size: 36px auto
    }
    .recall .searchForm {
        margin-top: 10px
    }
    .recall .recallCarImg {
        margin: 15px 0
    }
    .recall .recallTbl {
        margin-bottom: 0
    }
    .fleetTab .inner.tab_type3 {
        border-bottom: 0;
        margin: 0 0 10px 0
    }
    .fleetVisual {
        background: #121723 url(../../../content/dam/kwcms/gt/en/images/shopping-tools/bg_fleet_visual_m.jpg) center 0 no-repeat;
        background-size: 320px auto;
        position: relative;
        padding: 35px 0 45px;
        margin-top: -10px
    }
    .fleetVisual h2.fleetVisual h4 {
        font-size: 30px;
        line-height: 33px;
        text-align: center
    }
    .fleetVisual .visualTxt {
        font-size: 13px;
        line-height: 16px;
        margin: 12px 0;
        text-align: center
    }
    .fleetVisual .visualTxt br {
        display: none
    }
    .fleetVisual .btn_areaL {
        text-align: center;
        margin-top: 180px
    }
    .poweringWrap {
        margin-top: 40px;
        background: 0;
        padding-bottom: 0
    }
    .poweringWrap h3,
    .poweringWrap h5 {
        font-size: 16px;
        margin-bottom: 16px
    }
    .poweringWrap h3:before,
    .poweringWrap h5:before {
        margin-bottom: 10px
    }
    .poweringWrap p {
        font-size: 13px;
        line-height: 18px;
        margin: 16px 0
    }
    .dailyWrap {
        background: #e2e2e2;
        padding: 15px;
        margin-top: 20px;
        line-height: 16px
    }
    .dailyWrap h4,
    .dailyWrap h6 {
        font-size: 13px;
        font-family: KiaM;
        font-weight: normal;
        margin-bottom: 5px
    }
    .fleetAccordion {
        margin-top: 12px
    }
    .fleetAccordion .fleetList.warranty {
        padding: 0;
        min-height: 0;
        background: 0
    }
    .fleetAccordion .fleetList>li {
        padding-top: 17px;
        margin-top: 17px
    }
    .fleetAccordion .fleetList>li .listTxt1 {
        font-size: 12px
    }
    .fleetAccordion .fleetList>li .listTxt2 {
        font-size: 12px
    }
    .fleetAccordion .stxtList {
        margin: 15px 0
    }
    .carRange {
        margin-top: 12px
    }
    .carRange .searchArea .schNum {
        font-size: 12px;
        color: #222
    }
    .carRange .searchArea .schSel .form_wrp {
        width: 100%
    }
    .carRange .carRangelist li {
        background: #fff;
        padding: 14px 14px 25px;
        margin-top: 8px
    }
    .carRange .carRangelist li:first-child {
        margin-top: 8px
    }
    .carRange .carRangelist li .carImg {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0
    }
    .carRange .carRangelist li .carImg img {
        height: 130px
    }
    .carRange .carRangelist li .carTxt {
        overflow: hidden;
        color: #666
    }
    .carRange .carRangelist li .carInfor {
        margin: 15px 0 5px
    }
    .carRange .carRangelist li .carName {
        font-size: 19px;
        line-height: 22px
    }
    .carRange .carRangelist li .carName:before {
        content: '';
        display: block;
        background: #000;
        width: 48px;
        height: 1px;
        margin-bottom: 8px
    }
    .carRange .carRangelist li .carPrice {
        font-size: 12px;
        line-height: 15px;
        margin-top: 0
    }
    .carRange .carRangelist li .btn_areaL {
        margin-top: 10px;
        text-align: center
    }
    .teamList {
        padding-top: 0
    }
    .team_li {
        padding: 29px 29px 25px;
        text-align: center
    }
    .team_li .photo {
        float: none;
        width: 121px;
        margin: 0 auto 20px
    }
    .team_li .photo img {
        width: 121px;
        height: 133px
    }
    .team_li .profile {
        float: none;
        width: auto
    }
    .team_li .profile dt {
        position: relative;
        padding: 12px 0 5px 0;
        font-size: 18px
    }
    .team_li .profile dt:before {
        content: '';
        clear: both;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 32px;
        border-top: 1px solid #000;
        height: 13px;
        margin: 0 0 0 -16px
    }
    .team_li .profile dd {
        padding-left: 0;
        font-size: 12px
    }
    .team_li .position .duty {
        margin-right: 0;
        padding-right: 0;
        border-right: 0
    }
    .team_li .profile .intro {
        padding: 10px 0 0;
        border-top: 1px solid #e3e3e3
    }
    .team_li .map {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px
    }
    .team_li .profile .contact {
        margin: 0;
        padding-top: 10px
    }
    .team_li .profile .contact span {
        display: inline-block;
        line-height: 30px
    }
    .team_li .profile .contact span:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/shopping-tools/spr_ico_team_m.png);
        background-size: 68px 20px
    }
    .paymentPop {
        margin-top: 15px;
        color: #666
    }
    .paymentPop .paymentPopBtn {
        display: block
    }
    .paymentPop .paymentPopBtn+.paymentPopBtn {
        margin: 5px 0 15px 0
    }
    .paymentPop .paymentPopBtn br {
        display: inline-block
    }
    .tblScroll table {
        font-size: 12px
    }
    .tblScroll td {
        height: 18px;
        padding: 8px;
        position: relative
    }
    .tblScroll td.vehicle {
        height: 70px
    }
    .tblScroll .scrollHead {
        width: 122px
    }
    .tblScroll .scrollBody {
        overflow-x: scroll
    }
    .tblScroll .scrollBody tr td .fix {
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px
    }
    .tblScroll .scrollBody .scrollContents {
        width: 505px
    }
    .payment_estimator .btn_areaR {
        text-align: center;
        padding-right: 0
    }
    .payment_estimator .btn_areaR a+a {
        display: none
    }
    .exZipcode {
        background: #f8f8f8;
        padding: 15px 10px 20px;
        margin-top: 25px
    }
    .exZipcode .form_sch {
        margin-top: 10px
    }
    .payment_box {
        display: block
    }
    .payment_box .method_edit {
        display: block;
        width: auto;
        padding: 14px 14px 19px;
        border: 1px solid #d0d0d0
    }
    .payment_box .method_edit .tit {
        font-size: 14px
    }
    .payment_box .method_edit .price strong {
        font-size: 19px
    }
    .payment_box .method_edit .deposit,
    .payment_box .method_edit .month {
        padding-top: 16px;
        margin-top: 16px
    }
    .payment_box .method_edit .deposit_slider {
        max-width: none;
        padding: 13px 0 5px 0;
        margin-top: 15px
    }
    .payment_box .method_edit .deposit_slider .deposit_range span+span+span {
        margin-left: -24px
    }
    .payment_box .method_edit .deposit_input {
        position: static;
        width: 115px;
        max-width: none
    }
    .payment_box .method_edit .deposit_input label {
        line-height: 25px;
        font-size: 12px
    }
    .payment_box .method_edit .deposit_input input {
        height: 25px;
        padding: 2px 8px 2px 22px;
        font-size: 14px
    }
    .payment_box .method_edit .form_chk label {
        width: 68px
    }
    .payment_box .method_edit .form_chk label.r_on {
        width: 70px
    }
    .payment_box .method_pay {
        display: block;
        width: auto
    }
    .payment_box .method_pay .pay {
        padding: 14px;
        font-size: 14px;
        text-align: left
    }
    .payment_box .method_pay .pay strong {
        font-size: 25px;
        text-align: right
    }
    .payment_box .method_pay .detail {
        padding: 4px 14px 14px;
        font-size: 13px
    }
    .payment_box .method_pay .detail li {
        padding: 12px 0
    }
    .payment_box .method_pay .detail li.total {
        line-height: 20px
    }
    .payment_box .method_pay .detail li.total strong {
        font-size: 20px
    }
    .pop_con.sendinform {
        padding-top: 10px
    }
    .sendinform .sendinform_intro {
        display: none
    }
    .sendinform .form_pop {
        margin-top: 0
    }
    .sendinform .form_pop .table_type4 {
        padding: 12px 10px 15px;
        border-top: 1px solid #e8e8e8;
        background: #f8f8f8
    }
    .sendinform .form_pop .table_type4 .tbl_th,
    .sendinform .form_pop .table_type4 .tbl_td {
        width: auto;
        padding: 0;
        border: 0 none;
        background: 0
    }
    .sendinform .form_pop .table_type4 .tbl_tr:first-child {
        border-top: 0 none
    }
    .sendinform .form_pop .table_type4 .tbl_tr+.tbl_tr {
        margin-top: 12px;
        padding-top: 8px;
        border-top: 1px solid #e8e8e8
    }
    .sendinform .form_pop .table_type4 .tbl_th {
        padding-bottom: 5px;
        border: 0 none
    }
    .event_winner {
        margin-top: 10px
    }
    .event_winner .tit {
        padding: 10px;
        margin-bottom: 5px;
        font-size: 14px
    }
}

@media(min-width:400px) and (max-width:767px) {
    .option_list .option_l {
        width: 50%
    }
}

@media print {
    .byoDetail .sales_box {
        display: none
    }
    .byoDetail .byo_etc .btn_areaR {
        display: none
    }
}

.compare_car .compareStep .tableWrap {
    border: 0 none
}

.compare_car .compareStep .tableWrap .tableFull01 table {
    border: solid #d6d6d6;
    border-width: 1px;
    white-space: nowrap;
    width: 100%
}

.compare_car .compareStep .tableWrap .tableFull01 tr:first-child {
    display: table-row
}

.compare_car .compareStep .tableWrap .tableFull01 th,
.compare_car .compareStep .tableWrap .tableFull01 td {
    word-break: break-all
}

.compare_car .compareStep .tableWrap .tableFull01 th {
    font-size: 13px;
    color: #333;
    font-family: 'kiaM';
    border: 1px solid #d6d6d6
}

.compare_car .compareStep .tableWrap .tableFull01 td {
    text-align: center;
    border-left: 1px solid #d6d6d6
}

.compare_car .compareStep .tableWrap .tableFull01 tbody td {
    text-align: right
}

.tableFull01 .taC {
    text-align: center
}

.compare_car .compareStep .tableWrap.compareTable {
    display: none
}

.compare_car .tableWrap .tableFull01 thead .carName {
    line-height: 20px
}

.compare_car .tableWrap .tableFull01 thead .carName strong {
    display: block;
    font-size: 16px
}

.compare_car .tableWrap .tableFull01 thead .carName span {
    display: block;
    color: #666
}

.compare_car .tableWrap .tableFull01 thead .carNum {
    display: block;
    font-size: 16px;
    color: #e2e2e2
}

.compare_car .tableWrap .tableFull01 .cadImg img {
    height: 65px
}

.compare_car .tableWrap .tableFull01 .itemHeadGroup .item {
    font-family: 'kiaB'
}

@media print {
    .inner.compare_car {
        width: 100%
    }
    .inner.compare_car .vs_wrap .vs_head {
        width: 180px
    }
    .inner.compare_car .stepbar.bar02 .txt {
        display: none
    }
    .vs_wrap .vs_body {
        overflow: hidden;
        width: auto
    }
    .stepType01 li.stepWrap .stepCon {
        border: 0 none
    }
    .content_detail .stepType01.compareStep .stepbar.bar01,
    .content_detail .stepType01.compareStep .stepbar.bar02,
    .content_detail .stepType01.compareStep .stepCon.stepCon02 .vs_head,
    .content_detail .stepType01.compareStep .stepCon.stepCon02 .vs_body,
    .content_detail .stepType01.compareStep .stepCon.stepCon02 .addResult,
    .site_info {
        display: none
    }
    .compare_car .compareStep .tableWrap.compareTable {
        display: block
    }
}

.section_wrap {
    overflow: hidden;
    margin-bottom: 25px
}

.section_wrap02 {
    overflow: hidden;
    margin-top: 65px;
    padding: 10px;
    border: 1px solid #e3e3e3
}

.section_wrap03 {
    overflow: hidden;
    margin-bottom: 20px
}

.section_wrap .txt_section {
    box-sizing: border-box;
    padding: 0 0 0 5px
}

.section_wrap .txt_section:first-child {
    padding: 0 5px 0 0
}

.txt_section {
    float: left;
    display: inline-block;
    width: 50%
}

.txt_section .txt_desc4 {
    margin: 0 0 10px 13px
}

.txt_section:first-child {
    margin-left: 0
}

.txt_section02 {
    float: left;
    display: inline-block;
    width: 30%
}

.txt_section03 {
    float: left;
    display: inline-block;
    width: 70%
}

.pdl02 {
    padding-left: 25px
}

@media all and (max-width:1024px) {
    .txt_section02 {
        float: left;
        display: inline-block;
        width: 40%
    }
    .txt_section03 {
        float: left;
        display: inline-block;
        width: 60%
    }
}

@media all and (max-width:767px) {
    .txt_section02 {
        float: left;
        display: inline-block;
        width: 100%
    }
    .txt_section03 {
        float: left;
        display: inline-block;
        width: 100%
    }
}

@media all and (max-width:767px) {
    .txt_section02.other {
        text-align: center;
        margin-top: 20px
    }
    .txt_section02.other img {
        width: 100%;
        height: auto
    }
}

.down_brochure {
    width: 940px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

.down_brochure .bcr .car_wrap {
    border-top: 1px solid #e4e4e4
}

.down_brochure .stepType01 li.stepWrap .stepCon {
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: none;
    box-sizing: border-box
}

.down_brochure .car_list .car_box {
    margin: 15px;
    background: #fff
}

.down_brochure .car_list .car_u {
    margin: -15px
}

.down_brochure .car_list .car_box .car_a {
    padding: 25px 0 25px 0;
    border: 1px solid #ccc
}

.down_brochure .car_list .car_l {
    width: 33.3333%;
    box-sizing: border-box
}

.down_brochure .car_list .car_box .car_name {
    font-size: 16px;
    font-family: "kiaB";
    text-align: center;
    box-sizing: border-box
}

.down_brochure .car_list .car_box .car_img {
    overflow: hidden;
    margin-top: 15px
}

.down_brochure .car_list .car_box .car_img img {
    width: auto;
    max-height: 130px;
    height: 100%
}

.down_brochure .bcr .car_box.add_btn .car_a {
    height: auto
}

.down_brochure .btnSmall.btnType7 {
    width: auto;
    min-width: 140px;
    padding: 0 40px;
    background: #bb162b;
    color: #fff;
    font-size: 11px;
    line-height: 35px;
    text-align: center;
    border-radius: 18px;
    text-transform: initial
}

.down_brochure .btnSmall.btnType7 .arrow_r:after {
    top: 5px;
    background-position: 0 -57px;
    right: 50px
}

.down_brochure .btnSmall.btnType7.disable {
    cursor: pointer;
    text-decoration: none;
    opacity: .6
}

.down_brochure .bcr .car_box.add_btn .car_btnBox {
    position: static;
    left: 0;
    margin: 6% auto 0;
    height: auto
}

.down_brochure .bcr .car_box.add_btn .car_btnBox>div {
    height: auto;
    text-align: center;
    padding-bottom: 0
}

@media screen and (max-width:1024px) {
    .down_brochure.inner {
        width: auto;
        margin: 0 15px
    }
}

@media screen and (max-width:960px) {
    .down_brochure .car_list .car_l {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .down_brochure .car_list .car_box {
        margin: 5px
    }
    .down_brochure .car_list .car_u {
        margin: -5px
    }
    .down_brochure .car_list .car_box .car_img {
        margin-top: 8px;
        min-height: 80px
    }
    .down_brochure .car_list .car_box .car_img img {
        width: auto;
        height: 100%;
        max-height: 80px;
        max-width: 90%
    }
    .down_brochure .bcr .car_box.add_btn .car_btnBox {
        margin: 4% auto 0
    }
    .down_brochure .car_list .car_box .car_a {
        padding: 20px 0
    }
    .down_brochure .btnSmall.btnType7 {
        min-width: 65px;
        padding: 0 20px
    }
    .down_brochure .btnSmall.btnType7 .arrow_r:after {
        right: 10px
    }
}

@charset "utf-8";
.shadowWhite {
    text-shadow: rgba(255, 255, 255, 1)0 0 5px !important
}

.shadowBlack {
    text-shadow: rgba(0, 0, 0, 1) 0 0 5px !important
}

.shadowNone {
    text-shadow: none !important
}

.main_wrap {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.main_wrap img {
    max-width: none
}

.mobileImg {
    display: none
}

.contBoxWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.mainPrev {
    position: absolute;
    left: 0;
    top: 326px;
    z-index: 1000
}

.mainNext {
    position: absolute;
    right: 0;
    top: 326px;
    z-index: 1000
}

.pagingNum {
    position: absolute;
    right: 85px;
    top: 326px;
    z-index: 98;
    background: url(../../../content/dam/kwcms/gt/en/images/main/bg_main_paging.png) repeat 0 0;
    width: 84px;
    height: 84px;
    line-height: 110px;
    font-size: 30px;
    text-align: center;
    color: #cfcfcf;
    font-style: italic
}

.pagingNum span {
    color: #fff
}

.playVisual {
    position: absolute;
    right: 85px;
    top: 326px;
    z-index: 100;
    display: block;
    width: 84px;
    height: 84px;
    text-indent: -99999px;
    background: url(../../../content/dam/kwcms/kr/ko/images/main/play_btn01_off.png) 28px 15px no-repeat
}

.playVisual.on {
    z-index: 99;
    background-image: url(../../../content/dam/kwcms/kr/ko/images/main/play_btn01_on.png)
}

.stopVisual {
    position: absolute;
    right: 85px;
    top: 326px;
    z-index: 100;
    display: block;
    width: 84px;
    height: 84px;
    text-indent: -99999px;
    background: url(../../../content/dam/kwcms/kr/ko/images/main/stop_btn01_off.png) 48px 15px no-repeat
}

.stopVisual.on {
    z-index: 99;
    background-image: url(../../../content/dam/kwcms/kr/ko/images/main/stop_btn01_on.png)
}

a:hover,
a:focus .txtArea {
    text-decoration: underline
}

.linkArea {
    margin: 20px 0 0 37px
}

.linkArea a {
    display: inline-block;
    position: relative
}

.linkArea a .iconImg {
    display: block;
    background: url(../../../content/dam/kwcms/gt/en/images/main/spr_main_link.png) repeat 0 0;
    width: 44px;
    height: 44px;
    overflow: hidden
}

.linkArea a.icon01 .iconImg {
    background-position: 0 0
}

.linkArea a.icon02 .iconImg {
    background-position: -50px 0
}

.linkArea a.icon03 .iconImg {
    background-position: -100px 0
}

.linkArea a .iconexplain {
    display: none
}

.linkArea a:hover .iconexplain {
    display: block;
    padding: 6px 10px;
    position: absolute;
    top: 52px;
    left: 50%;
    background: #bb162b url(../../../content/dam/kwcms/gt/en/images/main/bg_iconexbox.png) repeat left -10px;
    border-radius: 4px 4px;
    color: #fff;
    font-family: kiaM;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    text-transform: uppercase
}

.linkArea a:hover .iconexplain:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 6px;
    background: url(../../../content/dam/kwcms/gt/en/images/main/bg_iconexbox.png) repeat left top
}

.linkArea a.icon01 .iconexplain {
    width: 36px;
    margin-left: -28px;
    word-break: break-all
}

.linkArea a.icon02 .iconexplain {
    width: 52px;
    margin-left: -36px
}

.linkArea a.icon03 .iconexplain {
    width: 36px;
    margin-left: -28px
}

.linkArea a.icon03 .iconexplain {
    width: 80px;
    margin-left: -50px
}

.linkArea a.icon01:hover .iconImg {
    background-position: 0 -46px
}

.linkArea a.icon02:hover .iconImg {
    background-position: -50px -46px
}

.linkArea a.icon03:hover .iconImg {
    background-position: -100px -46px
}

.subTxt {
    display: block;
    font-size: 13px;
    line-height: 20px
}

.sales01_Wrap,
.sales02_Wrap,
.sales03_Wrap,
.carusp_Wrap,
.carusp01_Wrap,
.carusp02_Wrap,
.local_Wrap,
.global_Wrap {
    position: absolute
}

.sales01Icon {
    background: red
}

.sales01 strong,
.sales02 strong,
.sales03 strong,
.carusp strong,
.carusp01 strong,
.carusp02 strong {
    display: block;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.sales01 a,
.sales02 a,
.sales03 a,
.carusp a,
.carusp01 a,
.carusp02 a {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 262px
}

.sales01_Wrap,
.sales02_Wrap,
.sales03_Wrap {
    overflow: hidden;
    z-index: 10;
    width: 16%;
    text-align: center;
    height: 262px
}

.carusp_Wrap {
    overflow: hidden;
    height: 262px;
    z-index: 10;
    text-align: left
}

.local_Wrap {
    position: absolute;
    z-index: 10;
    width: 16%;
    overflow: hidden;
    text-align: left;
    height: 524px
}

.global_Wrap {
    left: 84%;
    top: 262px;
    z-index: 10;
    width: 16%;
    overflow: hidden;
    text-align: center;
    height: 524px
}

.carusp01_Wrap {
    width: 36%;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    height: 262px
}

.carusp02_Wrap {
    width: 16.1%;
    z-index: 10;
    overflow: hidden;
    text-align: center;
    height: 262px
}

.sales01 .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 137px;
    z-index: 10;
    font-size: 13px;
    margin-left: -50%
}

.sales01 .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.sales03 .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 137px;
    z-index: 10;
    font-size: 13px;
    margin-left: -50%
}

.sales03 .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.carusp02 .listWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carusp02 a {
    display: block;
    text-decoration: none
}

.carusp02 .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 137px;
    z-index: 10;
    font-size: 13px;
    margin-left: -50%
}

.carusp02 .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.carusp02 .paging {
    z-index: 40
}

.sales02 .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 137px;
    z-index: 10;
    font-size: 13px;
    text-align: center;
    margin-left: -50%
}

.sales02 .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.carusp .listWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carusp a {
    display: block;
    text-decoration: none
}

.carusp .txtArea {
    display: block;
    position: absolute;
    left: 50%;
    top: 25px;
    z-index: 10;
    font-size: 13px;
    text-align: left;
    margin-left: -50%;
    padding-left: 20px
}

.carusp .subTxt {
    padding-right: 30px
}

.carusp .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.carusp .paging {
    z-index: 40
}

.carusp01 .listWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carusp01 a {
    display: block;
    text-decoration: none
}

.carusp01 .txtArea {
    display: block;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 25px;
    z-index: 10;
    font-size: 13px;
    text-align: left;
    margin-left: -50%;
    padding-left: 20px
}

.carusp01 .subTxt {
    padding-right: 30px
}

.carusp01 .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.carusp01 .paging {
    z-index: 40
}

.local_Wrap {
    position: absolute;
    left: 68%;
    top: 262px;
    z-index: 10;
    width: 16.1%;
    overflow: hidden;
    text-align: left;
    height: 524px
}

.local .listWrap {
    position: relative;
    width: 100%;
    height: 524px;
    overflow: hidden
}

.local a {
    display: block;
    color: #a0a9ae;
    text-decoration: none
}

.local .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 46px;
    z-index: 10;
    margin-left: -50%;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 25px;
    color: #333
}

.local strong {
    display: block;
    font-size: 19px;
    font-family: KiaB;
    text-transform: uppercase;
    margin: 0 auto 20px
}

.local .subTxt {
    padding-right: 30px
}

.local .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.local .paging {
    z-index: 40
}

.global_Wrap {
    position: absolute;
    left: 84%;
    top: 262px;
    z-index: 10;
    width: 16%;
    overflow: hidden;
    text-align: center;
    height: 524px
}

.global .listWrap {
    position: relative;
    width: 100%;
    height: 524px;
    overflow: hidden
}

.global a {
    display: block;
    color: #a0a9ae;
    text-decoration: none
}

.global .txtArea {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 46px;
    z-index: 10;
    font-size: 13px;
    margin-left: -50%;
    line-height: 25px;
    color: #333
}

.global strong {
    display: block;
    font-size: 19px;
    line-height: 29px;
    font-family: KiaB;
    text-transform: uppercase;
    margin: 0 auto 20px;
    color: #143f6a
}

.global .subTxt {
    color: #143f6a
}

.global .imgArea {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.global .paging {
    z-index: 40
}

.main_wrap .paging {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center
}

.main_wrap .paging ul {
    display: inline-block;
    overflow: hidden;
    margin: 0 auto
}

.main_wrap .paging ul li {
    float: left
}

.main_wrap .paging ul li a {
    background: url(../../../content/dam/kwcms/gt/en/images/showroom/btn_list_dot.png) no-repeat -28px 0;
    display: block;
    width: 10px;
    height: 10px;
    text-indent: 9999px;
    overflow: hidden;
    margin-right: 6px;
    cursor: pointer
}

.main_wrap .paging ul li.on a {
    background-position: 0 0
}

.mainType1 {
    position: relative;
    height: 786px;
    background: #fff
}

.mainType1 .mainCenterWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.mainType1 .mainCenterWrap .mainCenter {
    position: absolute;
    left: 16%;
    top: 0;
    width: 52%;
    height: 786px
}

.mainType1 .mainCenterWrap .txtArea {
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 10;
    width: 70%
}

.mainType1 .mainCenterWrap h2 {
    line-height: normal;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 10px 37px
}

.mainType1 .mainCenterWrap .subTxt1 {
    font-size: 22px;
    line-height: normal;
    color: #000;
    margin: 0 0 7px 37px
}

.mainType1 .mainCenterWrap .subTxt2 {
    font-size: 14px;
    color: #666;
    margin-left: 37px
}

.mainType1 .mainCenterWrap .imgArea img {
    position: absolute;
    left: 50%;
    top: -200px;
    margin-left: -960px;
    height: 1200px
}

.mainType1 .mainCenterWrap .awardArea {
    position: absolute;
    left: 0;
    top: 340px;
    z-index: 20;
    margin-left: 37px
}

.mainType1 .mainCenterWrap .awardArea a {
    margin-right: 2px
}

.mainType1 .mainCenterWrap .paging {
    z-index: 10
}

.mainType1 .sales01_Wrap {
    left: 0;
    top: 0
}

.mainType1 .sales01 .txtArea {
    color: #444
}

.mainType1 .sales02_Wrap {
    left: 0;
    top: 262px
}

.mainType1 .sales02 .txtArea {
    color: #444
}

.mainType1 .sales03_Wrap {
    left: 0;
    top: 524px
}

.mainType1 .sales03 .txtArea {
    color: #fff
}

.mainType1 .carusp_Wrap {
    left: 68%;
    top: 0;
    width: 32%
}

.mainType1 .carusp .txtArea {
    color: #444
}

.mainType2 {
    position: relative;
    height: 786px;
    background: #fff
}

.mainType2 .mainCenterWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.mainType2 .mainCenterWrap .mainCenter {
    position: relative;
    left: 16%;
    top: 0;
    height: 786px;
    width: 68%
}

.mainType2 .mainCenterWrap .txtArea {
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 10;
    width: 90%
}

.mainType2 .mainCenterWrap .txtArea02 {
    text-align: center
}

.mainType2 .mainCenterWrap h2 {
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 37px
}

.mainType2 .mainCenterWrap .subTxt1 {
    font-size: 22px;
    line-height: normal;
    color: #fff;
    margin: 0 0 7px 37px
}

.mainType2 .mainCenterWrap .subTxt2 {
    color: #fff;
    margin-left: 37px
}

.mainType2 .mainCenterWrap .imgArea img {
    position: absolute;
    left: 50%;
    top: -200px;
    margin-left: -960px;
    height: 1200px
}

.mainType2 .mainCenterWrap .paging {
    z-index: 10
}

.mainType2 .sales01_Wrap,
.mainType2 .sales01 {
    left: 0;
    top: 0
}

.mainType2 .sales01 .txtArea {
    color: #e7e6e6
}

.mainType2 .sales02_Wrap {
    left: 0;
    top: 262px
}

.mainType2 .sales02 .txtArea {
    color: #fff
}

.mainType2 .sales03_Wrap {
    left: 0;
    top: 524px
}

.mainType2 .sales03 .txtArea {
    color: #949392
}

.mainType2 .carusp_Wrap {
    left: 84%;
    top: 0;
    width: 16%
}

.mainType2 .carusp .txtArea {
    color: #fff
}

.mainType3 {
    position: relative;
    height: 786px;
    background: #fff
}

.mainType3 .mainCenterWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.mainType3 .mainCenterWrap .mainCenter {
    position: absolute;
    left: 0;
    top: 0;
    width: 68%;
    height: 786px
}

.mainType3 .mainCenterWrap .txtArea {
    display: block;
    position: absolute;
    left: 80px;
    top: 30px;
    z-index: 10;
    width: 90%
}

.mainType3 .mainCenterWrap h2 {
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 37px
}

.mainType3 .mainCenterWrap .subTxt1 {
    font-size: 22px;
    line-height: normal;
    color: #fff;
    margin: 0 0 7px 37px
}

.mainType3 .mainCenterWrap .subTxt2 {
    font-size: 14px;
    color: #fff;
    margin-left: 37px
}

.mainType3 .mainCenterWrap .imgArea img {
    position: absolute;
    left: 50%;
    top: -200px;
    margin-left: -960px;
    height: 1200px
}

.mainType3 .mainCenterWrap .paging {
    z-index: 10
}

.mainType3 .carusp_Wrap {
    left: 68%;
    top: 0;
    width: 32%
}

.mainType3 .carusp .txtArea {
    color: #fff
}

.mainType3 .sales01_Wrap {
    left: 68%;
    top: 262px
}

.mainType3 .sales01 .txtArea {
    color: #ebe9e7
}

.mainType3 .sales03_Wrap {
    left: 68%;
    top: 524px
}

.mainType3 .sales03 .txtArea {
    color: #fff
}

.mainType3 .sales01_Wrap,
.mainType3 .sales02_Wrap,
.mainType3 .sales03_Wrap {
    width: 16.1%
}

.mainType4 {
    position: relative;
    height: 786px;
    background: #fff
}

.mainType4 .mainCenterWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.mainType4 .mainCenterWrap .mainCenter {
    position: relative;
    left: 0;
    top: 0;
    height: 786px;
    width: 100%
}

.mainType4 .mainCenterWrap .txtArea {
    display: block;
    position: absolute;
    left: 10%;
    top: 30px;
    z-index: 10;
    width: 90%;
    text-align: left
}

.mainType4 .mainCenterWrap h2 {
    line-height: normal;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 10px 37px
}

.mainType4 .mainCenterWrap .subTxt1 {
    font-size: 22px;
    line-height: normal;
    color: #000;
    margin: 0 0 7px 37px
}

.mainType4 .mainCenterWrap .subTxt2 {
    font-size: 14px;
    color: #666;
    margin-left: 37px
}

.mainType4 .mainCenterWrap .imgArea img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -400px;
    margin-left: -960px;
    height: 1200px
}

.mainType4 .mainCenterWrap .paging {
    z-index: 10
}

.mainType4 .carusp01_Wrap {
    left: 0;
    top: 524px
}

.mainType4 .carusp01 .txtArea {
    color: #fff
}

.mainType4 .carusp02_Wrap {
    left: 36%;
    top: 524px
}

.mainType4 .carusp02 .txtArea {
    color: #fff
}

.mainType4 .sales01_Wrap {
    left: 52%;
    top: 524px
}

.mainType4 .sales01 .txtArea {
    color: #333
}

.mainType4 .sales02_Wrap {
    left: 68%;
    top: 524px
}

.mainType4 .sales02 .txtArea {
    color: #333
}

.mainType4 .sales03_Wrap {
    left: 84%;
    top: 524px
}

.mainType4 .sales03 .txtArea {
    color: #333
}

.mainType4 .sales01_Wrap,
.mainType4 .sales02_Wrap,
.mainType4 .sales03_Wrap {
    width: 16.1%
}

.main_wrap .share {
    position: absolute;
    right: 0;
    bottom: 14px;
    z-index: 30;
    margin-right: 14px
}

.main_wrap .share a.btnShare {
    display: block;
    background: url(../../../content/dam/kwcms/gt/en/images/main/btn_share.png) no-repeat 0 0;
    text-indent: -9999px;
    width: 20px;
    height: 20px
}

.main_wrap .share .shareList {
    position: absolute;
    right: 18px;
    bottom: -7px;
    z-index: 30;
    display: block;
    background: url(../../../content/dam/kwcms/gt/en/images/main/icon_share_sns.png) no-repeat 0 0;
    text-indent: -9999px;
    width: 99px;
    height: 34px
}

.main_wrap .share .shareList a {
    display: block;
    position: absolute;
    width: 23px;
    height: 24px
}

.main_wrap .share .shareList a.twitter {
    left: 6px;
    top: 4px
}

.main_wrap .share .shareList a.facebook {
    left: 32px;
    top: 4px
}

.main_wrap .share .shareList a.google {
    left: 58px;
    top: 4px
}

@media all and (max-width:1674px) {
    .mainType1 .mainCenterWrap .txtArea {
        width: 90%
    }
    .mainType1 .mainCenterWrap h2 {
        font-size: 50px
    }
    .mainType1 .mainCenterWrap .subTxt1 {
        font-size: 22px
    }
    .mainType1 .mainCenterWrap .imgArea img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -657px;
        height: 820px
    }
}

@media all and (max-width:1475px) {
    .mainType4 .mainCenterWrap h2 {
        font-size: 50px
    }
    .mainType4 .mainCenterWrap .subTxt1 {
        font-size: 22px
    }
    .mainType4 .mainCenterWrap .imgArea img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-top: -200px;
        margin-left: -736px;
        height: 920px
    }
}

@media all and (max-width:1280px) {
    .mainType2 .mainCenterWrap h2 {
        font-size: 50px
    }
    .mainType2 .mainCenterWrap .subTxt1 {
        font-size: 22px
    }
    .mainType2 .mainCenterWrap .imgArea img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -657px;
        height: 820px
    }
    .mainType3 .mainCenterWrap h2 {
        font-size: 50px
    }
    .mainType3 .mainCenterWrap .subTxt1 {
        font-size: 22px
    }
    .mainType3 .mainCenterWrap .imgArea img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -736px;
        height: 920px
    }
}

@media all and (max-width:1140px) {
    .mainType1 .mainCenterWrap .imgArea img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -657px;
        height: 790px
    }
}

@media all and (max-width:1024px) {
    .main_wrap {
        max-width: 100%
    }
    .mainPrev {
        top: 529px
    }
    .mainNext {
        top: 529px
    }
    .pagingNum {
        top: 529px
    }
    .linkArea {
        margin: 20px auto 0
    }
    .playVisual {
        top: 529px
    }
    .stopVisual {
        top: 529px
    }
    .mainType1 {
        height: 1310px
    }
    .mainType1 .mainCenterWrap .mainCenter {
        left: 0;
        width: 100%;
        height: 524px;
        text-align: center
    }
    .mainType1 .mainCenterWrap .txtArea {
        left: 0;
        width: 100%
    }
    .mainType1 .mainCenterWrap h2 {
        font-size: 34px;
        margin: 0
    }
    .mainType1 .mainCenterWrap h2:after {
        display: none
    }
    .mainType1 .mainCenterWrap .subTxt1 {
        font-size: 18px;
        margin: 0
    }
    .mainType1 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType1 .mainCenterWrap .imgArea {
        width: 100%
    }
    .mainType1 .mainCenterWrap .imgArea img {
        margin: -200px 0 0 -750px;
        width: auto;
        height: 900px
    }
    .mainType1 .mainCenterWrap .awardArea {
        display: none
    }
    .mainType1 .sales01_Wrap {
        left: 0;
        top: 524px;
        width: 33%
    }
    .mainType1 .sales02_Wrap {
        left: 0;
        top: 786px;
        width: 33%
    }
    .mainType1 .sales03_Wrap {
        left: 0;
        top: 1048px;
        width: 33%
    }
    .mainType1 .carusp_Wrap {
        left: 33%;
        top: 524px;
        width: 67%
    }
    .mainType1 .local_Wrap {
        left: 33%;
        top: 786px;
        width: 33%
    }
    .mainType1 .global_Wrap {
        left: 66%;
        top: 786px;
        width: 34%
    }
    .mainType2 {
        height: 1048px
    }
    .mainType2 .mainCenterWrap .mainCenter {
        left: 0;
        width: 100%;
        height: 524px;
        text-align: center
    }
    .mainType2 .mainCenterWrap .txtArea {
        left: 0;
        width: 100%
    }
    .mainType2 .mainCenterWrap h2 {
        font-size: 34px;
        margin: 0
    }
    .mainType2 .mainCenterWrap h2:after {
        display: none
    }
    .mainType2 .mainCenterWrap .subTxt1 {
        font-size: 18px;
        margin: 0
    }
    .mainType2 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType2 .mainCenterWrap .imgArea {
        width: 100%
    }
    .mainType2 .mainCenterWrap .imgArea img {
        margin: -200px 0 0 -750px;
        width: auto;
        height: 900px
    }
    .mainType2 .sales01_Wrap {
        left: 0;
        top: 524px;
        width: 33%
    }
    .mainType2 .sales02_Wrap {
        left: 0;
        top: 786px;
        width: 33%
    }
    .mainType2 .sales03_Wrap {
        left: 33%;
        top: 786px;
        width: 33%
    }
    .mainType2 .carusp_Wrap {
        left: 33%;
        top: 524px;
        width: 33%
    }
    .mainType2 .global_Wrap {
        left: 66%;
        top: 524px;
        width: 34%
    }
    .mainType3 {
        height: 1048px
    }
    .mainType3 .mainCenterWrap .mainCenter {
        left: 0;
        width: 100%;
        height: 524px;
        text-align: center
    }
    .mainType3 .mainCenterWrap .txtArea {
        left: 0;
        width: 100%
    }
    .mainType3 .mainCenterWrap h2 {
        font-size: 34px;
        margin: 0
    }
    .mainType3 .mainCenterWrap h2:after {
        display: none
    }
    .mainType3 .mainCenterWrap .subTxt1 {
        font-size: 18px;
        margin: 0
    }
    .mainType3 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType3 .mainCenterWrap .imgArea {
        width: 100%
    }
    .mainType3 .mainCenterWrap .imgArea img {
        margin: -200px 0 0 -750px;
        width: auto;
        height: 900px
    }
    .mainType3 .carusp_Wrap {
        left: 0;
        top: 524px;
        width: 66%
    }
    .mainType3 .sales01_Wrap {
        left: 0;
        top: 786px;
        width: 33%
    }
    .mainType3 .sales03_Wrap {
        left: 33%;
        top: 786px;
        width: 33%
    }
    .mainType3 .global_Wrap {
        left: 66%;
        top: 524px;
        width: 34%
    }
    .mainType4 {
        height: 1048px
    }
    .mainType4 .mainCenterWrap .mainCenter {
        left: 0;
        width: 100%;
        height: 524px;
        text-align: center
    }
    .mainType4 .mainCenterWrap .txtArea {
        left: 0;
        width: 100%;
        text-align: center
    }
    .mainType4 .mainCenterWrap h2 {
        font-size: 34px;
        margin: 0
    }
    .mainType4 .mainCenterWrap h2:after {
        display: none
    }
    .mainType4 .mainCenterWrap .subTxt1 {
        font-size: 18px;
        margin: 0
    }
    .mainType4 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType4 .mainCenterWrap .imgArea {
        width: 100%
    }
    .mainType4 .mainCenterWrap .imgArea img {
        margin: -200px 0 0 -750px;
        width: auto;
        height: 900px
    }
    .mainType4 .carusp01_Wrap {
        left: 0;
        top: 524px;
        width: 66%
    }
    .mainType4 .carusp02_Wrap {
        left: 66%;
        top: 524px;
        width: 34%
    }
    .mainType4 .sales01_Wrap {
        left: 0;
        top: 786px;
        width: 33%
    }
    .mainType4 .sales02_Wrap {
        left: 33%;
        top: 786px;
        width: 34%
    }
    .mainType4 .sales03_Wrap {
        left: 66%;
        top: 786px;
        width: 34%
    }
    .main_wrap .share {
        position: absolute;
        right: 0;
        bottom: 14px;
        z-index: 30
    }
}

@media all and (max-width:767px) {
    .subTxt {
        display: none
    }
    .mobileImg {
        display: inline
    }
    .webImg {
        display: none
    }
    .playVisual {
        right: 129px;
        top: 343px;
        width: 42px;
        height: 42px;
        background: url(../../../content/dam/kwcms/kr/ko/images/main/play_btn02_off.png) 0 0 no-repeat
    }
    .playVisual.on {
        background-image: url(../../../content/dam/kwcms/kr/ko/images/main/play_btn02_on.png)
    }
    .stopVisual {
        right: 86px;
        top: 343px;
        width: 42px;
        height: 42px;
        background: url(../../../content/dam/kwcms/kr/ko/images/main/stop_btn02_off.png) 0 0 no-repeat
    }
    .stopVisual.on {
        background-image: url(../../../content/dam/kwcms/kr/ko/images/main/stop_btn02_on.png)
    }
    .mainPrev {
        top: 343px
    }
    .mainPrev img {
        width: 42px;
        height: 42px
    }
    .mainNext {
        top: 343px
    }
    .mainNext img {
        width: 42px;
        height: 42px
    }
    .pagingNum {
        right: 43px;
        top: 343px;
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 12px
    }
    .local .txtArea {
        width: 284px;
        position: absolute;
        left: 140px;
        top: 20px;
        margin-left: -142px;
        text-align: left;
        line-height: 20px
    }
    .global .txtArea {
        width: 284px;
        position: absolute;
        left: 150px;
        top: 20px;
        margin-left: -142px;
        text-align: left;
        line-height: 20px
    }
    .global .date {
        display: none
    }
    .global .subTxt {
        display: block
    }
    .global .listWrap {
        height: 180px
    }
    .mainType1 {
        height: 1042px
    }
    .mainType1 .sales01 strong,
    .mainType1 .sales02 strong,
    .mainType1 .sales03 strong,
    .mainType1 .carusp strong,
    .mainType1 .local strong {
        font-size: 15px;
        margin-bottom: 0
    }
    .mainType1 .sales01 .imgArea,
    .mainType1 .sales02 .imgArea,
    .mainType1 .sales03 .imgArea,
    .mainType1 .local01 .imgArea,
    .mainType1 .local02 .imgArea {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        height: 159px;
        margin-left: -188px;
        text-align: center
    }
    .mainType1 .sales01 img,
    .mainType1 .sales02 img,
    .mainType1 .sales03 img,
    .mainType1 .local01 img,
    .mainType1 .local02 img,
    .mainType1 .carusp img {
        display: inline;
        margin: 0;
        height: 159px
    }
    .mainType1 .mainCenterWrap .mainCenter {
        height: 385px
    }
    .mainType1 .mainCenterWrap .txtArea {
        left: 0;
        top: 22px;
        width: 100%
    }
    .mainType1 .mainCenterWrap h2 {
        font-size: 30px;
        margin: 0
    }
    .mainType1 .mainCenterWrap h2:after {
        display: none
    }
    .mainType1 .mainCenterWrap h2 img {
        height: 33px
    }
    .mainType1 .mainCenterWrap .subTxt1 {
        font-size: 16px;
        margin: 0
    }
    .mainType1 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType1 .mainCenterWrap .imgArea {
        height: 385px;
        text-align: center
    }
    .mainType1 .mainCenterWrap .imgArea img {
        margin: 0 0 0 -375px;
        height: 450px
    }
    .mainType1 .mainCenterWrap .imgArea .webImg {
        display: inline
    }
    .mainType1 .sales01_Wrap {
        left: 0;
        top: 385px;
        width: 50%;
        height: 159px
    }
    .mainType1 .sales01 .txtArea {
        top: 98px
    }
    .mainType1 .sales02_Wrap {
        left: 0;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType1 .sales02 .txtArea {
        top: 98px
    }
    .mainType1 .sales03_Wrap {
        left: 50%;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType1 .sales03 .txtArea {
        top: 98px
    }
    .mainType1 .carusp_Wrap {
        left: 50%;
        top: 385px;
        width: 50%;
        height: 159px
    }
    .mainType1 .carusp .imgArea {
        height: 159px
    }
    .mainType1 .local_Wrap {
        left: 0;
        top: 703px;
        width: 100%;
        height: 159px
    }
    .mainType1 .local_Wrap .listWrap .imgArea img {
        height: 159px
    }
    .mainType1 .global_Wrap {
        left: 0;
        top: 862px;
        width: 100%;
        height: 180px
    }
    .mainType1 .global_Wrap .listWrap .imgArea img {
        height: 180px
    }
    .mainType2 {
        height: 883px
    }
    .mainType2 .sales01 strong,
    .mainType2 .sales02 strong,
    .mainType2 .sales03 strong,
    .mainType2 .carusp strong {
        font-size: 15px;
        margin-bottom: 0
    }
    .mainType2 .sales01 .imgArea,
    .mainType2 .sales02 .imgArea,
    .mainType2 .sales03 .imgArea {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        height: 159px;
        margin-left: -188px;
        text-align: center
    }
    .mainType2 .sales01 img,
    .mainType2 .sales02 img,
    .mainType2 .sales03 img,
    .mainType2 .carusp img {
        display: inline;
        margin: 0;
        height: 159px
    }
    .mainType2 .mainCenterWrap .mainCenter {
        height: 385px
    }
    .mainType2 .mainCenterWrap .txtArea {
        left: 0;
        top: 22px;
        width: 100%
    }
    .mainType2 .mainCenterWrap h2 {
        font-size: 30px;
        margin: 0
    }
    .mainType2 .mainCenterWrap h2:after {
        display: none
    }
    .mainType2 .mainCenterWrap h2 img {
        height: 33px
    }
    .mainType2 .mainCenterWrap .subTxt1 {
        font-size: 16px;
        margin: 0
    }
    .mainType2 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType2 .mainCenterWrap .imgArea {
        height: 385px;
        text-align: center
    }
    .mainType2 .mainCenterWrap .imgArea img {
        margin: 0 0 0 -375px;
        height: 450px
    }
    .mainType2 .mainCenterWrap .imgArea .mobileImg {
        display: none
    }
    .mainType2 .mainCenterWrap .imgArea .webImg {
        display: inline
    }
    .mainType2 .sales01_Wrap {
        left: 0;
        top: 385px;
        width: 50%;
        height: 159px
    }
    .mainType2 .sales01 .txtArea {
        top: 98px
    }
    .mainType2 .sales02_Wrap {
        left: 0;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType2 .sales02 .txtArea {
        top: 98px
    }
    .mainType2 .sales03_Wrap {
        left: 50%;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType2 .sales03 .txtArea {
        top: 98px
    }
    .mainType2 .carusp_Wrap {
        left: 50%;
        top: 385px;
        width: 50%;
        height: 180px
    }
    .main_wrap.mainType2 .carusp .paging {
        bottom: 25px
    }
    .mainType2 .global_Wrap,
    .mainType2 .global {
        left: 0;
        top: 703px;
        width: 100%;
        height: 180px
    }
    .mainType2 .global_Wrap .listWrap .imgArea img {
        height: 180px
    }
    .mainType3 {
        height: 883px
    }
    .mainType3 .sales01 strong,
    .mainType3 .sales03 strong {
        font-size: 15px;
        margin-bottom: 0
    }
    .mainType3 .sales01 .imgArea,
    .mainType3 .sales03 .imgArea {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        height: 159px;
        margin-left: -188px;
        text-align: center
    }
    .mainType3 .carusp img,
    .mainType3 .sales01 img,
    .mainType3 .sales03 img {
        display: inline;
        margin: 0;
        height: 159px
    }
    .mainType3 .mainCenterWrap .mainCenter {
        height: 385px
    }
    .mainType3 .mainCenterWrap .txtArea {
        left: 0;
        top: 22px;
        width: 100%
    }
    .mainType3 .mainCenterWrap h2 {
        font-size: 30px;
        margin: 0
    }
    .mainType3 .mainCenterWrap h2:after {
        display: none
    }
    .mainType3 .mainCenterWrap h2 img {
        height: 33px
    }
    .mainType3 .mainCenterWrap .subTxt1 {
        font-size: 16px;
        margin: 0
    }
    .mainType3 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType3 .mainCenterWrap .imgArea {
        height: 385px;
        text-align: center
    }
    .mainType3 .mainCenterWrap .imgArea img {
        margin: 0 0 0 -375px;
        height: 450px
    }
    .mainType3 .mainCenterWrap .imgArea .mobileImg {
        display: none
    }
    .mainType3 .mainCenterWrap .imgArea .webImg {
        display: inline
    }
    .mainType3 .carusp_Wrap {
        left: 0;
        top: 385px;
        width: 100%;
        height: 159px
    }
    .mainType3 .carusp .subTxt {
        display: block
    }
    .mainType3 .sales01_Wrap {
        left: 0;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType3 .sales01 .txtArea {
        top: 98px
    }
    .mainType3 .sales03_Wrap {
        left: 50%;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType3 .sales03 .txtArea {
        top: 98px
    }
    .mainType3 .global_Wrap {
        left: 0;
        top: 703px;
        width: 100%;
        height: 180px
    }
    .mainType3 .global_Wrap .listWrap .imgArea img {
        height: 180px
    }
    .mainType4 {
        height: 862px
    }
    .mainType4 .carusp02 strong,
    .mainType4 .sales01 strong,
    .mainType4 .sales02 strong,
    .mainType4 .sales03 strong,
    .mainType4 .carusp01 strong {
        font-size: 15px;
        margin-bottom: 0;
        font-family: kiaM
    }
    .mainType4 .carusp02 .imgArea,
    .mainType4 .sales01 .imgArea,
    .mainType4 .sales02 .imgArea,
    .mainType4 .sales03 .imgArea {
        height: 159px
    }
    .mainType4 .carusp01 img,
    .mainType4 .carusp02 img,
    .mainType4 .sales01 img,
    .mainType4 .sales02 img,
    .mainType4 .sales03 img {
        display: inline;
        margin: 0;
        height: 159px
    }
    .mainType4 .mainCenterWrap .mainCenter {
        height: 385px
    }
    .mainType4 .mainCenterWrap .txtArea {
        left: 0;
        top: 22px;
        width: 100%
    }
    .mainType4 .mainCenterWrap h2 {
        font-size: 30px;
        margin: 0
    }
    .mainType4 .mainCenterWrap h2:after {
        display: none
    }
    .mainType4 .mainCenterWrap h2 img {
        height: 33px
    }
    .mainType4 .mainCenterWrap .subTxt1 {
        font-size: 16px;
        margin: 0
    }
    .mainType4 .mainCenterWrap .subTxt2 {
        display: none
    }
    .mainType4 .mainCenterWrap .imgArea {
        height: 385px;
        text-align: center
    }
    .mainType4 .mainCenterWrap .imgArea img {
        margin: 0 0 0 -375px;
        height: 450px
    }
    .mainType4 .mainCenterWrap .imgArea .mobileImg {
        display: none
    }
    .mainType4 .mainCenterWrap .imgArea .webImg {
        display: inline
    }
    .mainType4 .carusp01_Wrap {
        left: 0;
        top: 385px;
        width: 100%;
        height: 159px
    }
    .mainType4 .carusp01 .txtArea {
        width: 284px
    }
    .mainType4 .carusp02_Wrap {
        left: 0;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType4 .carusp02 .txtArea {
        top: 98px
    }
    .mainType4 .sales01_Wrap {
        left: 50%;
        top: 544px;
        width: 50%;
        height: 159px
    }
    .mainType4 .sales01 .txtArea {
        top: 98px
    }
    .mainType4 .sales02_Wrap {
        left: 0;
        top: 703px;
        width: 50%;
        height: 159px
    }
    .mainType4 .sales02 .txtArea {
        top: 98px
    }
    .mainType4 .sales03_Wrap {
        left: 50%;
        top: 703px;
        width: 50%;
        height: 159px
    }
    .mainType4 .sales03 .txtArea {
        top: 98px
    }
    .main_wrap .share {
        position: absolute;
        right: 0;
        bottom: 14px;
        z-index: 30
    }
}

.mainType1 .ani {
    background: #fff
}

.mainType2 .ani {
    background: #fff
}

.mainType3 .ani {
    background: #fff
}

.mainType4 .ani {
    background: #fff
}

@keyframes maintile {
    0 {
        opacity: 0;
        transform-origin: 50% 100% 0;
        transform: perspective(400px) rotateY(180deg) rotateX(0);
        z-index: 1
    }
    100% {
        opacity: 1;
        transform-origin: 50% 100% 0;
        transform: perspective(0) rotateY(0) rotateX(0);
        z-index: 2
    }
}

@-webkit-keyframes maintile {
    0 {
        opacity: 0;
        -webkit-transform-origin: 50% 100% 0;
        -webkit-transform: perspective(400px) rotateY(180deg) rotateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100% 0;
        -webkit-transform: perspective(0) rotateY(0) rotateX(0)
    }
}

@-moz-keyframes maintile {
    0 {
        opacity: 0;
        -moz-transform-origin: 50% 100% 0;
        -moz-transform: perspective(400px) rotateY(180deg) rotateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 100% 0;
        -moz-transform: perspective(0) rotateY(0) rotateX(0)
    }
}

@-o-keyframes maintile {
    0 {
        opacity: 0;
        -o-transform-origin: 50% 100% 0;
        -o-transform: perspective(400px) rotateY(180deg) rotateX(0)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 100% 0;
        -o-transform: perspective(0) rotateY(0) rotateX(0)
    }
}

@-ms-keyframes maintile {
    0 {
        opacity: 0;
        -ms-transform-origin: 50% 100% 0;
        -ms-transform: perspective(400px) rotateY(180deg) rotateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 100% 0;
        -ms-transform: perspective(0) rotateY(0) rotateX(0)
    }
}

.pop_main {
    position: absolute;
    max-width: 514px;
    border: 2px solid #666;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 9999
}

.pop_main .inner {
    width: auto;
    margin: 0;
    padding-bottom: 23px;
    background: #fff
}

.pop_main .txt_wrap {
    padding: 7px 38px 8px 10px;
    word-break: break-all;
    font-size: 14px;
    color: #303030;
    line-height: 20px
}

.pop_main .session_area {
    background-color: #666;
    font-size: 12px;
    color: #fff;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    width: 100%;
    z-index: 999;
    position: absolute;
    bottom: 0
}

.pop_main .session_area * {
    vertical-align: middle
}

.pop_main .session_area label {
    padding-left: 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.pop_main .btn_close {
    display: block;
    width: 28px;
    height: 28px;
    background: url("../../../content/dam/kwcms/gt/en/images/common/btn_pop_close.gif") no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    text-indent: -9999px
}

.pop_main.item01 {
    left: 100px;
    top: 100px
}

.pop_main.item02 {
    left: 100px;
    top: 367px
}

@charset "utf-8";
.btn_download {
    display: inline-block;
    padding-left: 20px;
    line-height: 15px;
    text-decoration: underline;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_download_w.png) no-repeat
}

.btnSmall .arrow_l:before {
    width: 6px;
    height: 9px;
    margin: 8px 8px 0 0;
    background-position: 0 -69px
}

.exbbs_view {
    padding: 40px;
    background: #fff
}

.eximg_slider {
    position: relative
}

.eximg_slider .slider_inner {
    position: relative;
    overflow: hidden
}

.eximg_slider .btnNavi {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi_w.png) no-repeat
}

.eximg_slider .btnNavi.btn_l {
    left: 0
}

.eximg_slider .btnNavi.btn_r {
    right: 0;
    background-position: 100% 0
}

.eximg_slider .slider_inner .imgArea li {
    float: left
}

.eximg_slider .slider_inner .pg_btn_area {
    position: absolute;
    width: 100%
}

.ex_bbsView {
    border-top: 2px solid #000
}

.ex_bbsView .bbs_tit {
    display: block;
    padding: 20px 25px;
    font-family: kiaM;
    font-size: 16px;
    color: #222
}

.ex_bbsView .bbs_info {
    padding: 20px 25px;
    border-top: 1px solid #d5d5d5
}

.ex_bbsView .bbs_info .bbs_date {
    display: block;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666
}

.ex_bbsView .bbs_detail {
    margin-top: 30px
}

.bbsView_navi .navi_prev {
    margin-bottom: 2px;
    padding: 15px 24px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.bbsView_navi .navi_next {
    padding: 15px 24px;
    border-bottom: 1px solid #999
}

.bbsView_navi .navi_prev,
.bbsView_navi .navi_next {
    display: table;
    width: 100%
}

.bbsView_navi .navi_btn {
    width: 90px;
    padding: 0 0 0 12px;
    font-family: kiaM;
    text-transform: inherit;
    background: 0
}

.bbsView_navi .navi_txt {
    padding: 0 20px;
    background: 0
}

.bbsView_navi .navi_txt a {
    font-size: 14px
}

.bbsView_navi .navi_txt a .date {
    float: right;
    font-size: 12px;
    color: #666
}

.bbsView_navi .spr_bbs_prev:before {
    width: 16px;
    height: 9px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_bbs_w.png) no-repeat
}

.bbsView_navi .spr_bbs_next:before {
    width: 16px;
    height: 9px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_bbs_w.png) no-repeat 0 100%
}

.type_F {
    overflow: hidden;
    background: #fff
}

.ex_kiaWrap {
    padding-top: 30px
}

.ex_kiaWrap:after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden
}

.exTab_type {
    position: relative;
    margin: 0 auto;
    max-width: 940px;
    z-index: 100
}

.exTab_type .input_box {
    display: none
}

.exTab_type li {
    position: relative;
    float: left;
    display: table;
    border-right: 1px solid #fff;
    -webit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.exTab_type li a {
    display: table-cell;
    color: #fff;
    font-size: 15px;
    font-family: kiaB;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    background: #a2a2a2;
    height: 54px;
    line-height: 17px
}

.exTab_type li:first-child a {
    margin-left: 0
}

.exTab_type li .tab_2line {
    padding: 5px 15px;
    line-height: 17px
}

.exTab_type li.tab_on a {
    background: #bb162b
}

.exTab_type .col2 li {
    width: 50%
}

.exTab_type .col3 li {
    width: 33.3%
}

.exTab_type .col4 li {
    width: 25%
}

.exTab_type .col5 li {
    width: 20%
}

.exTab_type .col6 li {
    width: 16.666666%
}

.exTab_type li .tab_dep2 {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%
}

.exTab_type li .tab_dep2.other {
    overflow: auto;
    height: 270px
}

.exTab_type li .tab_dep2 li {
    float: none;
    width: 100%
}

.exTab_type li .tab_dep2 li a {
    margin: 0 0 1px 1px;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    background: #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

.exTab_type li .tab_dep2 a.on {
    color: #fff;
    background: #444
}

.ex_visual {
    position: relative;
    width: 100%;
    height: 364px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    z-index: 10
}

.ex_visual strong {
    display: block;
    padding: 120px 0 5px;
    color: #000;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase
}

.ex_visual>span {
    color: #000;
    font-size: 18px;
    font-family: kiaB
}

.ex_visual.history {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_history.jpg)
}

.exkia_inner {
    width: 1120px;
    margin: 95px auto 0 auto
}

.excon_tit {
    margin-bottom: 45px;
    color: #000;
    font-size: 40px;
    line-height: 44px;
    text-align: center
}

.excon_tit span {
    display: block;
    padding-top: 15px;
    font-size: 17px;
    line-height: 21px;
    font-family: 'KiaM'
}

.excon_tit h2 {
    font-size: 40px
}

.excon_tit:before {
    content: '';
    display: block;
    width: 64px;
    height: 2px;
    margin: 0 auto 25px auto;
    background: #bb162b
}

.excon_tit span+span {
    padding-top: 5px;
    color: #666;
    font-size: 15px
}

.tab_history {
    overflow: hidden;
    position: relative;
    height: 189px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab01.gif) no-repeat;
    z-index: 10
}

.tab_history .history_list {
    padding-top: 63px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab02.gif) no-repeat 100% 73px
}

.tab_history .history_list li {
    float: left;
    width: 25%;
    text-align: center
}

.tab_history .history_list li:first-child {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab02.gif) no-repeat 0 10px
}

.tab_history .history_list li a {
    display: inline-block;
    color: #666;
    font-size: 18px;
    font-family: kiaB;
    width: 100%
}

.tab_history .history_list li a:before {
    content: '';
    display: block;
    width: 30px;
    height: 37px;
    margin: 0 auto 10px auto;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tabA.png) no-repeat
}

.tab_history .history_list li.tab_on a {
    color: #bb162b;
    font-size: 24px
}

.tab_history .history_list li.tab_on a:before {
    width: 42px;
    height: 50px;
    margin-bottom: 13px;
    background-position: 100% 0
}

.tab_history .input_box {
    display: none
}

.slideWrap {
    overflow: hidden;
    position: relative;
    height: 189px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab01.gif) no-repeat
}

.slideWrap .slider {
    margin: 62px 30px 0 30px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab02.gif) no-repeat 100% 10px
}

.slideWrap .slider .slide_inner {
    overflow: hidden;
    margin-right: 60px;
    padding-left: 60px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab02.gif) no-repeat 0 10px
}

.slideWrap .slider .slide_inner button {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 63px;
    width: 18px;
    height: 34px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tabA.png) no-repeat 0 -51px
}

.slideWrap .slider .slide_inner button.prevMove {
    left: 0
}

.slideWrap .slider .slide_inner button.prevMove.on {
    background-position: -19px -51px
}

.slideWrap .slider .slide_inner button.nextMove {
    right: 0;
    background-position: -53px -51px
}

.slideWrap .slider .slide_inner button.nextMove.on {
    background-position: 100% -51px
}

.slideWrap .tab_history {
    width: 100%;
    max-width: 940px;
    height: 85px;
    background: 0
}

.slideWrap .tab_history .history_list {
    position: absolute;
    top: 0;
    left: 0
}

.slideWrap .slider .history_list {
    width: 5000px;
    padding-top: 0;
    background: 0
}

.slideWrap .slider .history_list li {
    width: 12.5%;
    background: 0
}

.ex_visual.philosophy {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_philosophy.jpg)
}

.ex_visual.philosophy strong,
.ex_visual.philosophy span {
    color: #fff
}

.philosophycon.type2 {
    background: #fff
}

.philosophycon.type2 .exkia_inner {
    padding: 95px 0
}

.managementList {
    overflow: hidden;
    margin-left: -15px
}

.managementList li {
    float: left;
    width: 33.3%
}

.managementList li div {
    position: relative;
    margin-left: 15px
}

.managementList li span {
    display: block
}

.managementList li span img {
    width: 100%;
    height: 100%
}

.managementList li span.txt {
    position: absolute;
    display: table;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 40px;
    font-size: 15px;
    color: #fff;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tvlist_tit.png) repeat-x 0 0
}

.managementList li span.txt strong {
    display: block;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    font-family: kiaM
}

.managementList li span.txt h3 {
    display: block;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    font-family: kiaM;
    font-size: 15px
}

.managementTxt {
    margin-top: 50px;
    text-align: center;
    color: #666;
    font-size: 13px
}

.visionList {
    overflow: hidden
}

.visionList li {
    float: left;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box
}

.visionList li span {
    display: block
}

.visionList li span img {
    width: 100%;
    height: 100%
}

.visionList li strong {
    display: block;
    padding-top: 20px;
    font-family: kiaB;
    font-size: 18px;
    color: #000
}

.visionList li h3 {
    display: block;
    padding-top: 20px;
    font-family: kiaB;
    font-size: 18px;
    color: #000
}

.visionList li p {
    padding-top: 15px;
    color: #666
}

.corevalue {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_corevalues.png) no-repeat center 0
}

.corevalue .valueCon {
    position: relative;
    width: 1120px;
    margin: 0 auto;
    min-height: 600px
}

.corevalue .valueCon>div {
    position: absolute;
    padding: 80px 25px 0;
    background-repeat: no-repeat;
    background-position: left top
}

.corevalue .valueCon .valueList01 {
    top: 59px;
    left: 0;
    width: 178px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value01.png)
}

.corevalue .valueCon .valueList02 {
    top: 150px;
    left: 228px;
    width: 170px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value02.png)
}

.corevalue .valueCon .valueList03 {
    top: 40px;
    left: 444px;
    width: 178px;
    padding: 0 25px 80px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value03.png);
    background-position: left bottom
}

.corevalue .valueCon .valueList03 {
    min-height: 184px;
    overflow: hidden
}

.corevalue .valueCon .valueList03:before {
    content: "";
    position: absolute;
    top: 178px;
    left: 0;
    width: 4px;
    height: 100%;
    background: #004d95
}

.corevalue .valueCon .valueList03:after {
    content: "";
    position: absolute;
    top: 120px;
    right: 0;
    width: 4px;
    height: 100%;
    background: #004d95
}

.corevalue .valueCon .valueList04 {
    top: 86px;
    left: 672px;
    width: 170px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value04.png)
}

.corevalue .valueCon .valueList05 {
    top: 1px;
    left: 892px;
    width: 178px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value05.png)
}

.corevalue .valueCon strong {
    font-size: 18px;
    color: #000
}

.corevalue .valueCon p {
    font-size: 13px;
    color: #666
}

.historyList {
    margin: 64px 0 0 352px
}

.historyList li {
    position: relative
}

.historyList li:after {
    content: '';
    clear: both;
    display: block
}

.historyList li a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 236px;
    margin-left: -352px;
    padding-left: 20px;
    color: #fff;
    font-family: kiaB;
    font-size: 18px;
    line-height: 40px;
    box-shadow: 4px 7px 0 #d0d0d0;
    background: #3e3e3e
}

.historyList li a:after {
    position: absolute;
    top: 16px;
    right: 16px;
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_history_w.png) no-repeat
}

.historyList li.toggleON a:after {
    background-position: 100% 0
}

.historyList li .toggleCont {
    float: left;
    width: 100%;
    border-bottom: 1px solid #000
}

.historyList li:first-child .toggleCont {
    border-top: 1px solid #000
}

.historyList li .toggleCont .list li {
    display: none;
    min-height: 28px;
    padding: 10px 0 9px 155px;
    border-top: 1px solid #dbdbdb
}

.historyList li .toggleCont .list li:first-child {
    display: block;
    border-top: 0
}

.historyList li .toggleCont .list li strong {
    position: absolute;
    top: 1px;
    left: 0;
    width: 150px;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-family: kiaB;
    line-height: 46px
}

.historyList li .toggleCont .list li p {
    padding: 5px 0 4px 12px;
    color: #000;
    font-size: 16px;
    line-height: 1.2
}

.historyList li .toggleCont .list li p * {
    vertical-align: top
}

.historyList li .toggleCont .list li p:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 8px 8px 0 -12px;
    vertical-align: top;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_history_w.png) no-repeat -19px 0
}

.historyList li .toggleCont .list li:first-child p {
    display: block
}

.historyList li .toggleCont .list li:first-child p+p {
    display: none
}

.historyList li.toggleON a {
    background-color: #bb162b
}

.historyList li.toggleON .toggleCont .list li {
    display: block !important;
    min-height: 64px;
    padding: 23px 0 23px 128px
}

.historyList li.toggleON .toggleCont .list li strong {
    width: 104px;
    top: 23px;
    height: 50px;
    padding-top: 12px;
    line-height: 32px;
    font-size: 32px;
    background: url(../../../content/dam/kwcms/ec/es/images/experience/ico_history_w.png) no-repeat 0 -10px
}

.historyList li.toggleON .toggleCont .list li strong .word {
    display: block;
    font-size: 12px;
    font-family: kiaM;
    color: #7f7f7f;
    text-transform: uppercase;
    line-height: 14px
}

.historyList li.toggleON .toggleCont .list li:first-child p {
    display: block
}

.ex_visual.award {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_award.jpg)
}

.award_list .sortingArea {
    position: relative;
    height: 38px;
    text-align: right
}

.award_list .sortingArea p {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    font-size: 13px
}

.award_list .sortingArea .selectArea .form_wrp {
    display: inline-block;
    width: 110px;
    text-align: left
}

.award_list .list {
    margin: 0 -15px
}

.award_list .list li {
    float: left;
    width: 25%
}

.award_list .list li a {
    display: block;
    margin: 15px;
    padding: 10px;
    background: #fff
}

.award_list .list li a img {
    width: 100%;
    margin-bottom: 8px
}

.award_list .list li a strong {
    display: table-cell;
    padding-left: 24px;
    font-size: 16px;
    font-family: kiaM;
    line-height: 18px;
    vertical-align: middle;
    height: 58px
}

.popup .award_con .award_txt {
    padding-top: 10px;
    font-size: 16px
}

.popup .award_con img {
    width: 100%
}

.ex_visual.sustainability {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_sustainability.jpg)
}

.sustain_list .major_cont {
    overflow: hidden;
    position: relative;
    min-height: 195px;
    padding: 0 0 40px 296px;
    background: #fff
}

.sustain_list .major_cont .img {
    position: absolute;
    top: 0;
    left: 0
}

.sustain_list .major_cont strong {
    display: block;
    padding-top: 39px;
    font-size: 20px
}

.sustain_list .major_cont h3 {
    display: block;
    padding-top: 39px;
    font-size: 20px
}

.sustain_list .major_cont .txt {
    margin: 18px 40px 0 0;
    padding-top: 15px;
    color: #666;
    line-height: 17px;
    border-top: 1px solid #9a9a9a
}

.sustain_list .major_cont .btn_download {
    margin-top: 25px
}

.sustain_list .sorting {
    margin: 30px 0 15px;
    text-align: right
}

.sustain_list .sorting .form_wrp {
    display: inline-block;
    width: 110px;
    text-align: left
}

.sustain_list .sorting em {
    display: inline-block;
    padding-right: 10px;
    line-height: 38px;
    vertical-align: top
}

.ex_visual.environment {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_environment.jpg) no-repeat 50% 100%;
    background-size: cover
}

.about_environment.type2 {
    background: #fff
}

.about_environment.type2 .exkia_inner {
    padding: 95px 0
}

.con_operation {
    text-align: center
}

.con_operation img {
    width: 100%
}

.realizing {
    margin-top: 60px;
    padding-top: 55px;
    border-top: 1px solid #999;
    text-align: center;
    color: #666
}

.realizing strong {
    display: block;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px
}

.realizing strong:before {
    content: '';
    display: inline-block;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_quotes.png) no-repeat;
    background-position: 0 0;
    width: 24px;
    height: 24px;
    margin-right: 15px
}

.realizing strong:after {
    content: '';
    display: inline-block;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_quotes.png) no-repeat;
    background-position: -26px 0;
    width: 24px;
    height: 24px;
    margin-left: 15px
}

.realizing p {
    font-size: 14px
}

.cont_achievements {
    border-top: 1px solid #000;
    padding-top: 45px
}

.cont_achievements h3,
.cont_achievements h5 {
    font-size: 20px;
    line-height: 24px;
    color: #000
}

.cont_achievements .achievements1 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements1.png) no-repeat right 43px
}

.cont_achievements .achievements2 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements2.png) no-repeat right 43px
}

.cont_achievements .achievements3 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements3.png) no-repeat right 43px
}

.cont_achievements .achievements4 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements4.png) no-repeat right 43px
}

.cont_achievements .figure {
    display: block;
    font-family: helvetica;
    font-size: 72px;
    line-height: 76px;
    font-weight: bold;
    color: #54c4b4;
    margin: 8px 0 3px
}

.cont_achievements .figure span {
    font-size: 20px;
    line-height: 24px
}

.cont_achievements .txt {
    font-size: 14px;
    color: #666;
    display: block;
    padding-top: 40px
}

.cont_achievements .dbSection {
    margin: 0 -56px
}

.cont_achievements .dbSection+.dbSection {
    border-top: 0;
    padding-top: 50px
}

.cont_achievements .dbSection .dbLeft {
    margin: 0 56px
}

.cont_achievements .dbSection .dbRight {
    margin: 0 56px
}

.about_environment .comment {
    text-align: right
}

.ex_kiaWrap.exception {
    margin-bottom: -100px
}

.ex_visual.design {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_design.jpg) no-repeat 50% 100%;
    background-size: cover
}

.ex_visual.kiaci {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_gt_ci_001.jpg) no-repeat 50% 100%;
    background-size: cover
}

.kia_design.type4 {
    width: 100%;
    background: #fff
}

.titleImg.brand {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_brand.jpg) no-repeat 50% 100%;
    background-size: cover;
    margin-bottom: 0
}

.titleImg.lines {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_lines.jpg) no-repeat 50% 100%;
    background-size: cover;
    margin-bottom: 0;
    height: 496px
}

.titleImg.family {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_family.jpg) no-repeat 50% 100%;
    background-size: cover;
    margin: -126px 0 0;
    height: 418px
}

.kia_design .exkia_inner {
    margin: 0 auto;
    padding: 95px 0
}

.kia_design.type2 {
    width: 100%;
    background: #000
}

.kia_design.type3 .excon_tit {
    position: relative;
    z-index: 10
}

.kia_design.type3 .exkia_inner {
    padding: 95px 0 0
}

.ex_visual.pressNews {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_press.jpg)
}

.ex_visual.pressNews strong {
    color: #fff
}

.pressNews li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px
}

.pressNews li a {
    display: block;
    position: relative;
    padding: 20px 40px 20px 300px;
    min-height: 142px;
    background: #fff
}

.pressNews li .pressImg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 256px;
    height: 184px
}

.pressNews li .pressImg img {
    width: 100%;
    height: 100%
}

.pressNews li .listCon {
    width: 100%
}

.pressNews li .listCon h3,
.pressNews li .listCon strong {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 25px
}

.pressNews li .listCon span {
    display: block;
    padding: 5px 0 10px;
    color: #666
}

.pressNews li .listCon .reviewcon span {
    display: inline-block
}

.pressNews li .listCon .reviewcon span.write:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_write.png) no-repeat 0 0;
    background-size: 14px 14px;
    display: inline-block;
    margin: 0 6px 0 0
}

.pressNews li .listCon .reviewcon span.write:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0 0 0 6px
}

.pressNews li .listCon .reviewcon span.view {
    background: 0
}

.pressNews li .listCon .reviewcon span.view:before {
    content: '';
    width: 13px;
    height: 7px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_views.png) no-repeat 0 0;
    background-size: 13px 7px;
    display: inline-block;
    margin: 0 6px
}

.pressNews li .listCon .reviewcon span.view:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 6px 0 6px;
    padding: 0 0 0 6px
}

.pressNews li .listCon p {
    padding-top: 15px;
    border-top: 1px solid #9a9a9a;
    font-size: 13px;
    color: #666;
    line-height: 20px
}

.pressNews_view {
    background: #fff;
    padding: 40px
}

.pressNews_view .pressImg img {
    width: 100%;
    height: 100%
}

.pressNews_view .news_info {
    margin-top: 40px
}

.pressNews_view .news_tit {
    display: block;
    font-size: 22px;
    color: #000;
    line-height: 25px
}

.pressNews_view .news_date {
    display: block;
    padding: 10px 0 25px;
    color: #666
}

.pressNews_view .news_detail {
    padding-top: 25px;
    border-top: 1px solid #9a9a9a;
    color: #666
}

.pressNews_view .btn_download {
    margin-top: 25px
}

.ex_visual.pressNotice {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_pressnotice.jpg)
}

.excon_tit.notice_tit {
    line-height: 40px
}

.ex_bbsList li {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #d5d5d5;
    font-size: 14px;
    color: #222
}

.ex_bbsList li span {
    display: table-cell;
    vertical-align: middle
}

.ex_bbsList li span.num {
    width: 10%;
    text-align: center
}

.ex_bbsList li span.tit {
    display: table-cell;
    width: 85%;
    vertical-align: middle
}

.ex_bbsList li span.tit a {
    display: block;
    padding: 0 15px
}

.ex_bbsList li span.date {
    width: 15%;
    text-align: center
}

.ex_bbsList li span.file {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
    text-align: center
}

.ex_bbsList.type02 li span.tit {
    width: 40%
}

.ex_bbsList.type02 li span.tit span {
    display: block;
    padding: 0 15px
}

.ex_bbsList li.titArea {
    border-top: 2px solid #000;
    border-bottom: 1px solid #999;
    background: #e8e8e8;
    font-family: kiaB
}

.ex_bbsList li.titArea span.tit {
    text-align: center
}

.ex_visual.sports {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_sports.jpg)
}

.ex_visual.sports strong {
    color: #fff
}

.sportsCon {
    padding-top: 60px;
    border-top: 1px solid #000
}

.sportsCon h3,
.sportsCon h5 {
    font-family: kiaB;
    font-size: 24px;
    line-height: 27px;
    color: #000
}

.sportsCon p {
    padding-top: 15px;
    color: #666;
    line-height: 22px
}

.australian_open {
    min-height: 408px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_australian.jpg) no-repeat right top
}

.australian_open p {
    width: 50%;
    margin-bottom: 50px
}

.cont_sports {
    padding-top: 60px
}

.cont_sports .dbSection {
    margin: 0
}

.cont_sports .dbSection .dbLeft,
.cont_sports .dbSection .dbRight {
    margin: 0
}

.cont_sports .nadalspon {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_nadal.png) no-repeat right top;
    min-height: 510px
}

.cont_sports .nadalspon p {
    width: 65%
}

.cont_sports .bg {
    display: none
}

.cont_sports .fifaspon {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_fifa.jpg) no-repeat right top;
    min-height: 206px;
    padding: 226px 0 0 55px
}

.cont_sports .fifaspon .img {
    margin-top: 34px
}

.cont_sports .fifaspon .img .thSection {
    margin: 0 -12px
}

.cont_sports .fifaspon .img .thBox {
    margin: 0 12px
}

.etc_spon {
    padding-top: 90px
}

.etc_spon .img {
    display: block;
    margin-top: 20px;
    overflow: hidden;
    text-align: center
}

.etc_spon .thSection {
    margin: 0 -25px
}

.etc_spon .thSection .thBox {
    margin: 0 25px
}

.etc_spon .thSection .img img {
    margin: 0 -100%
}

.ex_visual.concept {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_concept_car.jpg)
}

.ex_visual.motorshow {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_motorshow.jpg)
}

.exkia_gallery {
    margin: 64px 0 0
}

.exkia_gallery:after {
    content: '';
    clear: both;
    display: block
}

.exkia_gallery .thumnail {
    float: left;
    width: 272px;
    margin: 0 -8px 0 -8px
}

.exkia_gallery .thumnail li {
    float: left;
    margin: 0 8px 16px 8px
}

.exkia_gallery .thumnail a {
    width: 120px;
    height: 120px;
    text-align: center;
    display: block;
    position: relative
}

.exkia_gallery .thumnail .imgArea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

.exkia_gallery .thumnail .imgArea img {
    height: 100%
}

.exkia_gallery .thumnail span {
    display: block
}

.exkia_gallery .thumnail .carName {
    position: relative;
    bottom: 32px;
    z-index: 1006;
    margin: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #fff;
    box-sizing: border-box
}

.exkia_gallery .thumnail .dimmed {
    height: 32px;
    top: auto;
    bottom: 0
}

.exkia_gallery .thumnail .off {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1007;
    border: 0;
    width: auto;
    height: auto
}

.exkia_gallery .thumnail .off.on {
    border: 8px solid #bb162b;
    width: 104px;
    height: 104px
}

.exkia_gallery .thumbtn_l {
    display: none
}

.exkia_gallery .thumbtn_r {
    display: none
}

.exkia_gallery .gallery_view {
    float: right;
    position: relative;
    width: 768px;
    overflow: hidden
}

.exkia_gallery .gallery_view .btn_l {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 99;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_l.png) no-repeat 0 0;
    width: 84px;
    height: 84px;
    margin-top: -51px
}

.exkia_gallery .gallery_view .btn_r {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 99;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_r.png) no-repeat 0 0;
    width: 84px;
    height: 84px;
    margin-top: -51px
}

.exkia_gallery .gallery_view .btn_l a {
    display: block;
    width: 84px;
    height: 84px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.exkia_gallery .gallery_view .btn_r a {
    display: block;
    width: 84px;
    height: 84px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.exkia_gallery .gallery_view .imgWrap {
    position: relative;
    left: 0;
    top: 0;
    z-index: 98
}

.exkia_gallery .gallery_view .imgWrap img {
    width: 100%
}

.exkia_gallery .gallery_view .imgArea {
    overflow: hidden;
    width: 20000px;
    height: 440px
}

.exkia_gallery .gallery_view .imgArea li {
    float: left
}

.exkia_gallery .gallery_view .pg_btn_area {
    position: relative;
    top: -27px;
    z-index: 99;
    margin-top: 0
}

.exkia_gallery .gallery_desc {
    padding: 25px;
    color: #666;
    background: #fff;
    margin-top: -17px
}

.exkia_gallery .gallery_desc .title {
    display: block;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin-bottom: 10px
}

.exkia_gallery .imgCont {
    position: relative;
    overflow: hidden
}

.exkia_gallery .tab_gallery .input_box {
    display: none
}

.square {
    background: url(../../../content/dam/kwcms/gt/en/images/common/bl_square.gif) no-repeat 0 8px;
    padding-left: 9px;
    color: #666
}

.square span {
    color: #000
}

.ex_visual.sns {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_sns.jpg) 50% 100%
}

.social_media {
    margin-bottom: -100px
}

.social_media .wImg {
    display: inline
}

.social_media .mImg {
    display: none
}

.social_media .sns_block {
    display: table;
    width: 100%;
    table-layout: fixed
}

.social_media .sns_block.type1,
.social_media .sns_block.type1 .sns_bg .in {
    height: 792px
}

.social_media .sns_block.type1_1,
.social_media .sns_block.type1_1 .sns_bg .in {
    height: 440px
}

.social_media .sns_block.type1_2,
.social_media .sns_block.type1_2 .sns_bg .in {
    height: 352px
}

.social_media .sns_block.type2,
.social_media .sns_block.type2 .sns_bg .in {
    height: 180px
}

.social_media .sns_block.type2 .mark {
    display: inline-block !important;
    margin: -8px 0 0 14px;
    vertical-align: middle
}

.social_media .sns_block.type3,
.social_media .sns_block.type3 .sns_bg .in {
    height: 380px
}

.social_media .sns_block.type3 .sns_box:first-child {
    width: 25%
}

.social_media .sns_dth {
    display: table-cell
}

.social_media .sns_box {
    display: table-cell;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    vertical-align: top\9;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100%
}

.social_media .sns_box .sns_info {
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
    top: 30%\9;
    z-index: 3
}

.social_media .sns_block.type2 .sns_box .sns_info {
    top: 40%\9
}

.social_media .sns_box .tit {
    display: inline-block;
    font-size: 22px;
    line-height: normal
}

.social_media .sns_box .desc {
    font-size: 17px;
    line-height: 24px;
    margin-top: 10px
}

.social_media .sns_box .mark {
    display: block;
    margin: 0 auto 15px
}

.social_media .sns_box.ntxt {
    vertical-align: top;
    text-align: left
}

.social_media .sns_box.ntxt .sns_info {
    padding: 30px;
    top: 0\9
}

.social_media .sns_box.ntxt .tit {
    text-indent: -9999px
}

.social_media .sns_box:hover .tit,
.social_media a.sns_box:focus .tit {
    text-decoration: underline
}

.social_media .sns_box .sns_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.social_media .sns_box .sns_bg .in {
    display: block;
    margin: 0 -100%;
    text-align: center
}

.social_media .sns_box .sns_bg img {
    height: 100% !important
}

.whiteTxt {
    color: #fff !important
}

.tab_body {
    display: none
}

.tab_body.current {
    display: block
}

.ex_visual.driving {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_driving.jpg) no-repeat 50% 100%;
    background-size: cover
}

.titleImg {
    position: relative;
    color: #fff
}

.titleImg {
    width: 100%;
    height: 336px;
    color: #fff;
    margin-bottom: 48px
}

.titleImg.suspension {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_suspension1.jpg) no-repeat 50% 100%;
    background-size: cover
}

.titleImg.handling {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_handling1.jpg) no-repeat 50% 100%;
    background-size: cover
}

.titleImg.control1 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control1.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 496px;
    text-transform: uppercase
}

.titleImg.control2 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control2.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 496px;
    text-transform: uppercase
}

.titleImg.control3 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control3.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 496px;
    text-transform: uppercase
}

.titleImg.control4 {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control4.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 496px;
    text-transform: uppercase;
    color: #000
}

.titleImg.enjoyable {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_enjoyable1.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 312px;
    margin-bottom: 0
}

.titleImg.headlamps {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_headlamps1.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 312px;
    margin-bottom: 0
}

.titleImg strong {
    display: block;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 10px
}

.titleImg span {
    font-size: 15px;
    line-height: 19px
}

.titleImg .titleTxt1 {
    padding: 168px 0 0 40px
}

.titleImg .titleTxt2 {
    padding: 208px 0 0 40px
}

.titleImg .titleTxt2 strong br {
    display: none
}

.titleImg .titleTxt3 {
    padding: 83px 0 0 40px
}

.inno_driving {
    position: relative
}

.inno_driving.type1,
.inno_driving.type3,
.inno_driving.type5 {
    width: 100%;
    background: #fff
}

.inno_driving.type2. .inno_driving.type4,
.inno_driving.type6 {
    width: 100%;
    background: #f6f6f6
}

.inno_driving.type3 .excon_tit span.m_none {
    display: inline-block;
    padding-top: 0
}

.inno_driving .exkia_inner {
    margin: 0 auto;
    padding: 95px 0
}

.inno_driving {
    width: 100%
}

.inno_driving dl {
    margin-top: 20px
}

.inno_driving dl dt {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-family: 'KiaB';
    margin-bottom: 10px
}

.inno_driving dl dd {
    color: #666
}

.inno_driving .img img {
    width: 100%;
    height: 100%
}

.inno_driving .btn {
    position: absolute;
    left: 50%;
    bottom: -57px;
    text-align: center;
    margin-left: -559px
}

.inno_driving .btn ul li {
    float: left;
    margin-left: 24px
}

.inno_driving .btn ul li:first-child {
    margin-left: 0
}

.inno_driving .headlampsImg {
    margin-top: 50px
}

.inno_driving .headlampsImg img {
    width: 100%;
    height: 100%
}

.inno_driving .numList {
    border-top: 1px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px
}

.inno_driving .numList li {
    color: #000;
    margin-top: 15px
}

.inno_driving .numList li:first-child {
    margin-top: 0
}

.inno_driving .numList .num {
    display: inline-block;
    border-radius: 10px;
    background: #bb162b;
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.inno_driving .numList .txt {
    display: block;
    padding-left: 30px;
    color: #666
}

.dbSection {
    margin: 0 -16px 0
}

.dbSection:after {
    content: '';
    clear: both;
    display: block
}

.dbSection .dbSectionInner {
    float: left;
    width: 50%
}

.dbSection .dbLeft,
.dbSection .dbRight {
    margin: 0 16px
}

.thSection {
    margin: 0 -16px 0
}

.thSection:after {
    content: '';
    clear: both;
    display: block
}

.thSection .thSectionInner {
    float: left;
    width: 33.33%
}

.thSection .thBox {
    margin: 0 16px
}

.cont_suspension,
.cont_handling,
.cont_riding,
.cont_enjoyable,
.cont_headlamps,
.headlampsImg {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.driving_mode {
    background: #fff;
    padding-bottom: 30px
}

.driving_mode .exkia_inner {
    padding: 95px 0 0 0;
    position: relative
}

.driving_mode .excon_tit {
    position: relative;
    z-index: 2
}

.driving_mode .seq_wrap {
    margin: -24% 0 0 0
}

.driving_mode .seq_wrap .seq_con {
    display: none;
    position: relative;
    color: #fff
}

.driving_mode .seq_wrap .seq_con.current {
    display: block;
    overflow: hidden
}

.driving_mode .seq_wrap .seq_txt {
    position: absolute;
    top: 36%;
    left: 10%;
    text-transform: uppercase
}

.driving_mode .seq_wrap .seq_txt strong {
    display: block;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 10px
}

.driving_mode .seq_wrap .seq_txt span {
    font-size: 15px;
    line-height: 19px
}

.driving_mode .seq_wrap .seq_img {
    margin: 0 -10%;
    text-align: center
}

.driving_mode .seq_wrap .seq_img img {
    max-width: 100%
}

.driving_mode .seq_btn {
    position: absolute;
    top: 88%;
    width: 100%;
    text-align: center;
    z-index: 9
}

.driving_mode .seq_btn ul li {
    display: inline-block;
    margin-left: 15px
}

.ex_visual.safety {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_safety.jpg)
}

.inno_safety {
    overflow: hidden
}

.car_body {
    margin-bottom: 70px
}

.car_body .carMove {
    overflow: hidden;
    position: relative;
    max-width: 940px;
    height: 100%;
    margin: 0 auto
}

.car_body img {
    width: 100%
}

.car_body .car_back {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_body_front.jpg) no-repeat 100% 0;
    background-size: cover
}

.car_body .btn_handle {
    position: absolute;
    bottom: 0;
    width: 47px;
    height: 100%;
    margin-right: -24px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_line.gif) repeat-y 50% 0;
    z-index: 2
}

.car_body .btn_handle button {
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 47px;
    height: 47px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_handle.png) no-repeat
}

.control_btn {
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    text-align: left
}

.control_btn .btnBack {
    float: right
}

.titleImg.safety_airbag {
    height: 449px;
    margin: 0;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_airbag.png) no-repeat 50% 0;
    background-size: cover
}

.titleImg.safety_seatbelt {
    height: 600px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_seatbelt.jpg) no-repeat 50% 0;
    background-size: cover
}

.titleImg.safety_bumper {
    height: 533px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_bumper.png) no-repeat 50% 0;
    background-size: cover
}

.slide_technology {
    margin-bottom: 80px
}

.slide_technology .slider_inner {
    width: 100%
}

.slide_technology .gallery_desc {
    position: relative;
    padding: 20px 0;
    color: #666
}

.slide_technology .gallery_desc .title {
    display: block;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin-bottom: 10px
}

.slide_technology .slider_inner .pg_btn_area {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 0
}

.cont_safety {
    margin: 0 -16px
}

.cont_safety>li {
    float: left;
    width: 33.33%
}

.cont_safety li>div {
    overflow: hidden;
    margin: 0 16px
}

.cont_safety li>div img {
    width: 100%
}

.cont_safety li>div dl {
    margin-top: 25px
}

.cont_safety li>div dl dt {
    color: #000;
    font-size: 18px;
    font-family: kiaB
}

.cont_safety li>div dl dd {
    padding-top: 10px;
    color: #666;
    line-height: 17px
}

.ex_visual.performance {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_performance.jpg)
}

.ex_visual.performance strong,
.ex_visual.performance span {
    color: #fff
}

.tab_performance .history_list li {
    width: 16.6%
}

.engine_gallery {
    margin-bottom: 90px
}

.engine_gallery .thumnail {
    width: 225px
}

.engine_gallery .thumnail li {
    float: none;
    width: 100%;
    margin: 0;
    height: auto
}

.engine_gallery .thumnail li a {
    width: auto;
    height: 135px;
    text-align: center
}

.engine_gallery .thumnail li a:hover {
    color: #bb162b
}

.engine_gallery .thumnail li a {
    opacity: .3
}

.engine_gallery .thumnail li.tab_on a {
    opacity: 1
}

.engine_gallery .thumnail .imgArea.off {
    width: auto;
    height: auto;
    margin: 0
}

.engine_gallery .thumnail .imgArea.off img {
    height: auto;
    margin: 0
}

.engine_gallery .thumnail .imgArea.off:before {
    display: none
}

.engine_gallery .thumnail .off {
    position: static;
    width: auto;
    height: auto;
    margin-left: 24px;
    line-height: 27px
}

.engine_gallery .thumnail .off:before {
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    margin-right: 8px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_arrow01.gif) no-repeat
}

.engine_gallery .thumnail .off.on {
    width: auto;
    height: auto;
    color: #bb162b;
    border: 0
}

.engine_gallery .thumnail .off.on:before {
    background-position: -6px 0
}

.engine_gallery .gallery_desc {
    margin: 0;
    padding: 25px 0 0 0;
    border-top: 1px solid #222
}

.engine_gallery .gallery_desc .title {
    display: inline-block
}

.engine_gallery .gallery_desc .title:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    margin: 0 20px;
    background: #e8e8e8
}

.perform_map {
    margin-bottom: 90px
}

.perform_map img {
    width: 100%
}

.country_info {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.car_wheel .car_back {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_wheel_front.jpg)
}

.cont_dynamic {
    margin-bottom: 90px
}

.chart_durability {
    padding: 0 0 50px 40px
}

.chart_durability .chartWrap {
    position: relative;
    padding-left: 209px;
    margin-bottom: 40px
}

.chart_durability .chartWrap:before {
    position: absolute;
    top: 76px;
    left: 209px;
    content: '';
    display: block;
    width: 300px;
    height: 2px;
    background: #bb162b
}

.chart_durability .chartWrap2:before {
    width: 750px
}

.chart_durability .chartWrap h5 {
    position: absolute;
    top: 48px;
    left: 0
}

.chart_durability .chartWrap h5 span {
    display: block;
    width: 205px;
    color: #bb162b;
    font-size: 15px;
    font-family: kiaM;
    line-height: 27px;
    border: 2px solid #bb162b;
    border-radius: 53px;
    text-align: center;
    background: #fff
}

.chart_durability ol {
    margin-left: 17px
}

.chart_durability ol li {
    float: left
}

.chart_durability ol li p {
    position: relative;
    margin: 6px 15px
}

.chart_durability ol li em {
    position: absolute;
    top: -6px;
    right: 23px;
    display: inline-block;
    width: 27px;
    height: 27px;
    color: #fff;
    line-height: 27px;
    border-radius: 27px;
    text-align: center;
    background: #bb162b
}

.chart_durability ol li span {
    display: block;
    margin: 15px 0 0 0;
    text-align: center
}

.perform_marginal {
    padding: 10px 0 90px
}

.perform_marginal img {
    width: 100%
}

.marginal_info li {
    position: relative;
    float: left;
    padding: 0 40px 0 57px;
    color: #333;
    line-height: 39px;
    font-size: 15px
}

.marginal_info li br {
    display: none
}

.marginal_info li span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 39px;
    height: 39px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_marginal.png) no-repeat
}

.marginal_info li.mar_offroad span {
    background-position: -42px 0
}

.marginal_info li.mar_excold span {
    background-position: -84px 0
}

.marginal_info li.mar_exHeat span {
    background-position: -126px 0
}

.marginal_info li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 45px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_marginal.png) no-repeat 0 -42px
}

.marginal_info li.mar_offroad:before {
    background-position: -15px -42px
}

.marginal_info li.mar_excold:before {
    background-position: 0 -53px
}

.marginal_info li.mar_exHeat:before {
    background-position: -15px -53px
}

.ex_visual.technology {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_technology.jpg)
}

.ex_visual.technology strong,
.ex_visual.technology span {
    color: #fff
}

.titleImg.tech_headup {
    height: 489px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_headup.jpg) no-repeat 50% 0;
    background-size: cover
}

.titleImg.tech_cluster {
    height: 489px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_cluster.jpg) no-repeat 50% 0;
    background-size: cover
}

.titleImg.tech_monitoring {
    height: 570px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_monitoring.jpg) no-repeat 50% 0;
    background-size: cover
}

.titleImg.tech_parking {
    height: 489px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_parking.jpg) no-repeat 50% 0;
    background-size: cover
}

.cont_navi {
    margin-bottom: 90px
}

.titleImg.tech_nvh {
    height: 489px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_nvh.jpg) no-repeat 50% 0;
    background-size: cover
}

.titleImg.tech_noise {
    height: 489px;
    margin-bottom: 95px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_noise.jpg) no-repeat 50% 0;
    background-size: cover
}

.cont_sound {
    margin-bottom: 90px
}

.cont_sound li {
    width: 50%
}

.titleImg.tech_soundP {
    height: 510px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_sound.jpg) no-repeat 50% 0;
    background-size: cover
}

.cont_driving {
    margin-bottom: 40px
}

.cont_driving li {
    float: none;
    display: inline-block;
    margin: 0 0 45px -4px;
    vertical-align: top
}

.ex_visual.review {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_review.jpg)
}

.ex_visual.review strong {
    color: #fff
}

.ex_bbsView {
    border-top: 2px solid #000
}

.ex_bbsView .bbs_tit {
    display: block;
    padding: 20px 25px;
    font-family: kiaM;
    font-size: 16px;
    color: #222
}

.ex_bbsView .bbs_info {
    padding: 20px 25px;
    border-top: 1px solid #d5d5d5
}

.ex_bbsView .bbs_info .bbs_date {
    display: block;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666
}

.ex_bbsView .bbs_info .bbs_etc {
    overflow: hidden;
    padding: 0 15px 15px
}

.ex_bbsView .bbs_info .bbs_etc span {
    float: left
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_write {
    margin: 0;
    background: 0
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_write:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_write.png) no-repeat 0 0;
    background-size: 14px 14px;
    display: inline-block;
    margin: 0 6px 0 0
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_write:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 6px 0 6px;
    padding: 0 0 0 6px
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_view {
    background: 0
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_view:before {
    content: '';
    width: 13px;
    height: 7px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_views.png) no-repeat 0 0;
    background-size: 13px 7px;
    display: inline-block;
    margin: 0 6px
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_view:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 6px 0 6px;
    padding: 0 0 0 6px
}

.ex_bbsView .bbs_info .bbs_etc span.bbs_date {
    margin: 0 0 0 6px
}

.ex_visual.promotion01 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_promotion01.jpg)
}

.ex_visual.promotion01 strong,
.ex_visual.promotion01 span {
    color: #fff
}

.promotionCon {
    padding-top: 50px;
    border-top: 1px solid #000
}

.promotionCon .promotion_view {
    float: right;
    position: relative;
    overflow: hidden;
    width: 768px
}

.promotionCon .promotion_view .btn_l {
    display: block;
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 99;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_l.png) no-repeat 0 0;
    width: 84px;
    height: 84px;
    margin-top: -51px
}

.promotionCon .promotion_view .btn_r {
    display: block;
    position: absolute;
    right: 0;
    top: 45%;
    z-index: 99;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_r.png) no-repeat 0 0;
    width: 84px;
    height: 84px;
    margin-top: -51px
}

.promotionCon .promotion_view .btn_l a {
    display: block;
    width: 84px;
    height: 84px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.promotionCon .promotion_view .btn_r a {
    display: block;
    width: 84px;
    height: 84px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.promotionCon .promotion_view .pg_btn_area {
    position: absolute;
    top: 410px;
    left: 50%;
    z-index: 99;
    margin-top: 0
}

.promotionCon .promotion_view ul {
    overflow: hidden;
    width: 100000px
}

.promotionCon .promotion_view ul li {
    float: left;
    width: 768px
}

.promotionCon .promotion_view ul li .imgArea {
    width: 768px;
    height: 440px
}

.promotionCon .promotion_view ul li .imgArea img {
    width: 100%;
    height: 100%
}

.promotionCon .promotion_view .gallery_desc {
    padding: 25px;
    color: #666;
    background: #fff;
    margin-top: 0
}

.promotionCon .promotion_view .gallery_desc .title {
    display: block;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin-bottom: 5px
}

.ex_visual.promotion02 {
    position: relative;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_promotion02.jpg)
}

.ex_visual.promotion02 strong,
.ex_visual.promotion02 span {
    color: #fff
}

.ex_visual.promotion02 .promotion_play a {
    position: absolute;
    left: 50%;
    top: 70%;
    z-index: 99;
    margin: -20px 0 0 -57px
}

.ex_visual.promotion02 .videoText {
    display: none
}

.promotionImg {
    border: 1px solid #ededed
}

.promotionImg img {
    width: 100%;
    height: 100%
}

.promotion_focuse {
    overflow: hidden;
    padding-top: 50px;
    border-top: 1px solid #000
}

.promotion_focuse li {
    float: left;
    width: 33.3%
}

.promotion_focuse li dl {
    padding-right: 30px
}

.promotion_focuse li dt {
    font-family: kiaB;
    font-size: 18px;
    color: #000
}

.promotion_focuse li dd {
    color: #666
}

.ex_visual.promotion03 {
    position: relative;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_promotion03.jpg)
}

.ex_visual.promotion03 strong,
.ex_visual.promotion03 span {
    color: #fff
}

.ex_visual.promotion03 .promotion_play a {
    position: absolute;
    left: 50%;
    top: 70%;
    z-index: 99;
    margin: -20px 0 0 -57px
}

.ex_visual.promotion03 .videoText {
    display: none
}

.cinemaCon {
    overflow: hidden
}

.cinemaCon li {
    float: left;
    width: 33.3%;
    padding: 0 15px;
    box-sizing: border-box
}

.cinemaCon li span {
    display: block
}

.cinemaCon li span img {
    width: 100%;
    height: 100%
}

.cinemaCon li dl {
    padding-top: 20px
}

.cinemaCon li dt {
    font-family: kiaB;
    font-size: 18px;
    color: #000
}

.cinemaCon li dd {
    padding-top: 15px;
    color: #666
}

.promotionContents .popup_wrap {
    display: none;
    width: 740px;
    margin: 0 auto;
    left: 50%;
    margin-left: -370px
}

.promotionContents .popup_wrap img {
    width: 100%
}

.promotionContents .popup_wrap02 .youtube {
    height: 100%
}

.promotionContents .popup_wrap dl.img_more {
    padding: 25px
}

.promotionContents .popup .pop_con {
    padding: 0;
    height: 100%
}

.promotionContents .popup .pop_con .img_more {
    padding: 15px 25px;
    background: #fff
}

.promotionContents .popup .pop_con .img_more dt {
    margin-bottom: 10px;
    font-family: kiaB;
    font-size: 15px
}

.promotionContents .popup .pop_con .img_more dd {
    color: #666
}

.promotionContents .popup_wrap .pop_con img {
    width: 100%
}

.promotionContents .popup_wrap02 {
    display: none;
    position: absolute;
    top: 160px;
    left: 50%;
    width: 800px;
    height: 466px;
    margin: 0 0 0 -400px;
    z-index: 1006
}

.promotionContents .popup_wrap02 .closeBtn {
    position: absolute;
    top: 0;
    right: -51px
}

.ex_visual.tv {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_tv.jpg)
}

.ex_visual.tv strong,
.ex_visual.tv span {
    color: #fff
}

.tvCon {
    padding-top: 25px;
    border-top: 1px solid #000
}

.tvTop {
    overflow: hidden
}

.tvTop span {
    float: left;
    font-size: 15px;
    color: #222
}

.tvTop a {
    float: right;
    width: 40px;
    height: 24px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_detail_tv.gif) no-repeat 0 0;
    text-indent: -999px;
    font-size: 0;
    line-height: 0
}

.tvList {
    margin: 15px 0 0 -32px
}

.tvList li {
    float: left;
    width: 25%
}

.tvList li a {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 0 25px 32px
}

.tvList li a span {
    display: block
}

.tvList li a span.img {
    width: auto;
    height: 144px
}

.tvList li a span.img img {
    width: 100%;
    height: 100%
}

.tvList li a span.txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    padding: 12px 0 15px;
    font-size: 15px;
    color: #fff;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tvlist_tit.png) repeat-x 0 0
}

.tvList li a span.txt strong {
    float: left;
    margin-left: 20px;
    font-family: kiaM
}

.tvList li a span.txt em {
    float: right;
    width: 24px;
    height: 24px;
    margin: -5px 20px 0 0;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_play.png) no-repeat 0 0;
    text-indent: -999px;
    font-size: 0;
    line-height: 0
}

.tvdetailTop {
    overflow: hidden
}

.tvdetailTop span {
    float: left;
    font-size: 15px;
    color: #222
}

.tvdetailTop span em {
    color: #bb162b
}

.tvdetailTop a {
    float: right;
    width: 28px;
    height: 28px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_detaillist_tv.gif) no-repeat 0 0;
    text-indent: -999px;
    font-size: 0;
    line-height: 0
}

.slider_tv {
    overflow: hidden;
    position: relative;
    width: 1120px;
    height: 676px;
    margin-top: 15px
}

.slider_tv .btnNavi {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 35%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi_w.png) no-repeat;
    z-index: 99
}

.slider_tv .btnNavi.btn_l {
    left: 0
}

.slider_tv .btnNavi.btn_r {
    right: 0;
    background-position: 100% 0
}

.slider_tv .imgArea {
    width: 100000px;
    height: 676px;
    position: relative;
    z-index: 1
}

.slider_tv .imgArea li {
    float: left;
    width: 920px;
    height: 676px;
    margin-right: 20px
}

.slider_tv .imgArea li .movie {
    height: 520px
}

.slider_tv .imgArea li:first-child {
    margin-left: 100px
}

.slider_tv .imgArea li .tvcarTxt {
    position: relative;
    margin-top: 25px;
    text-align: center
}

.slider_tv .imgArea li .tvcarTxt strong {
    font-size: 24px;
    color: #222
}

.slider_tv .imgArea li .tvcarTxt p {
    padding-top: 10px;
    font-size: 15px;
    color: #666
}

.slider_tv .imgArea li .tvcarTxt .movie_explain a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 27px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_off.gif) no-repeat 0 0;
    text-indent: -999px;
    font-size: 0;
    line-height: 0
}

.slider_tv .imgArea li .tvcarTxt .movie_explain .movieTxt {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 880px;
    height: 56px;
    padding: 20px;
    overflow-y: scroll;
    background: #222;
    font-size: 13px;
    color: #fff
}

.slider_tv .imgArea li .tvcarTxt .movie_explain.on .movieTxt {
    display: block
}

.slider_tv .imgArea li .tvcarTxt .movie_explain.on a {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_on.gif) no-repeat 0 0
}

.careerWrap {
    text-align: center
}

.ex_visual.career {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_career.jpg)
}

.ex_visual.career strong,
.ex_visual.career span {
    color: #fff
}

.careerCon {
    overflow: hidden
}

.careerCon li {
    float: left;
    width: 33.3%;
    padding: 0 15px;
    box-sizing: border-box
}

.careerCon.careerCon02 li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-bottom: 20px
}

.careerCon li span {
    display: block
}

.careerCon li span img {
    width: 100%;
    height: 100%
}

.careerCon li h3,
.careerCon li strong {
    display: block;
    padding-top: 20px;
    font-family: kiaB;
    font-size: 18px;
    color: #000
}

.careerCon li p {
    padding-top: 15px;
    color: #666
}

.brand_tab li.tab2Line a br {
    display: none
}

.ex_visual.identity {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_identity.jpg)
}

.ex_visual.identity strong,
.ex_visual.identity span {
    color: #fff
}

.brand_ident .exkia_inner {
    position: relative;
    z-index: 2
}

.brand_ident .img_direct {
    overflow: hidden;
    position: relative;
    margin: auto;
    z-index: 1;
    max-width: 940px
}

.brand_ident .img_direct img {
    width: 100%
}

.brand_slogan {
    text-align: center
}

.brand_slogan .slogan_inner {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 17px 63px 95px 63px;
    color: #d3d3d3;
    font-size: 42px;
    line-height: 1
}

.brand_slogan strong {
    display: inline-block;
    color: #000;
    font-family: kiaM
}

.brand_slogan strong span {
    display: block;
    margin-top: 10px;
    font-size: 16px
}

.brand_slogan .quo {
    position: absolute;
    top: 0;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 44px;
    height: 33px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_quo.png) no-repeat
}

.brand_slogan .lquo {
    left: 0
}

.brand_slogan .rquo {
    right: 0;
    background-position: 100% 0
}

.img_values {
    margin: 50px 0 90px;
    text-align: center
}

.ex_visual.campaign {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_campaign.jpg)
}

.ex_visual.campaign strong,
.ex_visual.campaign span {
    color: #fff
}

.camp_move {
    padding-top: 65px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #c9c9c9
}

.ex_visual.roadtrip {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_roadtrip.jpg)
}

.ex_visual.design2 {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_Manifesto.jpg)
}

.ex_visual.gearup {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_gearup.jpg)
}

.camp_move h3,
.camp_move h5 {
    margin-bottom: 10px;
    color: #000;
    font-size: 24px;
    font-family: kiaB;
    text-align: center
}

.camp_move .moveInfo {
    display: block;
    color: #666;
    font-size: 15px;
    line-height: 1.3;
    text-align: center
}

.brand_moveArea {
    position: relative;
    margin-top: 40px
}

.brand_moveArea img {
    width: 100%
}

.brand_moveArea button {
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 98px;
    height: 98px;
    margin: -49px 0 0 -49px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat
}

.brand_moveArea .btn1 {
    left: 35%
}

.brand_moveArea .btn2 {
    left: 65%
}

.camp_move .campLink {
    position: relative;
    padding: 30px 0
}

.camp_move .campLink strong {
    color: #000;
    font-size: 16px
}

.camp_move .campLink a {
    position: absolute;
    top: 21px;
    right: 0;
    display: inline-block;
    padding: 0 23px 0 24px;
    color: #000;
    border: 1px solid #000
}

.camp_move .campLink a span {
    display: block;
    padding-left: 23px;
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat -103px 10px
}

.camp_move .campLink a:visited {
    color: #000
}

.brand_camp {
    padding-bottom: 100px
}

.cont_campaign li h3,
.cont_campaign li strong {
    display: block;
    padding: 22px 0 10px;
    color: #000;
    font-size: 18px
}

.btnDown {
    display: inline-block;
    padding: 0 23px 0 24px;
    color: #000;
    border: 1px solid #000
}

.btnDown span {
    display: block;
    padding-left: 23px;
    font-size: 14px;
    font-family: kiaB;
    line-height: 36px;
    text-transform: uppercase;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat -103px -31px
}

.camp_move2 {
    padding-bottom: 95px;
    border: 0
}

.video_cont {
    position: relative;
    width: 100%;
    height: 0;
    padding: 30px 0 50%
}

.video_cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.video_cont+.videoText {
    overflow: auto;
    height: 90px;
    padding: 10px 15px;
    color: #666;
    border: 1px solid #e8e8e8;
    background: #f8f8f8
}

.ex_visual.film {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_film.jpg)
}

.ex_visual.film strong,
.ex_visual.film span {
    color: #fff
}

.brand_film01 {
    padding-top: 100px
}

.film_move .videoInfo strong {
    display: block;
    padding: 28px 0 12px;
    color: #222;
    font-size: 24px;
    font-family: kiaB;
    text-transform: uppercase;
    text-align: center
}

.film_move .videoInfo .videoText {
    padding: 25px;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
    border: 1px solid #e1e1e1;
    text-align: center;
    background: #e8e8e8
}

.ex_visual.taste {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_taste.jpg)
}

.ex_visual.taste strong,
.ex_visual.taste span {
    color: #fff
}

.brand_video {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 80px;
    position: relative
}

.brand_video .btnNavi {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 48px;
    margin-top: -130px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi2.png) no-repeat;
    z-index: 99
}

.brand_video .btnNavi.btn_l {
    left: -56px
}

.brand_video .btnNavi.btn_r {
    right: -56px;
    background-position: right 0
}

.brand_video .tmbArea {
    overflow: hidden;
    height: 80px;
    margin-bottom: 4px
}

.brand_video .tmbArea ul {
    overflow: hidden;
    width: 960px
}

.brand_video .tmbArea ul li {
    float: left;
    width: 14.3%
}

.brand_video .tmbArea ul li a {
    overflow: hidden
}

.brand_video .tmbArea ul li a,
.brand_video .tmbArea ul li span {
    display: block;
    height: 80px;
    margin: 0 1px;
    background: #e8e8e8
}

.brand_video .tmbArea ul li a {
    background: #fff
}

.brand_video .tmbArea ul li:first-child {
    width: 14.2%
}

.brand_video .tmbArea ul li:first-child a {
    margin-left: 0
}

.brand_video .tmbArea ul li img {
    width: 100%
}

.brand_video .tmbArea ul li.on img {
    opacity: .4;
    filter: alpha(opacity=40)
}

.brand_video .imgArea {
    overflow: hidden
}

.brand_video .imgArea ul {
    position: relative;
    z-index: 1
}

.brand_video .imgArea li {
    float: left
}

.brand_video .imgArea li .movie {
    height: 518px
}

.brand_video .imgArea li .text {
    position: relative;
    margin-top: 25px;
    text-align: center
}

.brand_video .imgArea li .text strong {
    font-size: 24px;
    color: #222
}

.brand_video .imgArea li .text p {
    height: 96px;
    margin-top: 10px;
    font-size: 15px;
    color: #666;
    vertical-align: middle
}

.brand_video .imgArea li .text .movie_explain a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 27px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_off.gif) no-repeat 0 0;
    text-indent: -999px;
    font-size: 0;
    line-height: 0
}

.brand_video .imgArea li .text .movie_explain .movieTxt {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    height: 56px;
    padding: 20px;
    overflow-y: scroll;
    background: #222;
    font-size: 13px;
    color: #fff
}

.brand_video .imgArea li .text .movie_explain.on .movieTxt {
    display: block
}

.brand_video .imgArea li .text .movie_explain.on a {
    background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_on.gif) no-repeat 0 0
}

.brand_intro {
    padding-bottom: 80px;
    text-align: center
}

.brand_intro .brand_slogan .slogan_inner {
    padding-bottom: 0
}

.brand_intro .intro_sum {
    margin-top: 10px;
    font-size: 17px;
    color: #000
}

.brand_intro .intro_txt {
    color: #666;
    margin-top: 40px
}

.brand_recipe .recipe_tit {
    display: block;
    margin: 60px 0 45px;
    text-align: center;
    font-size: 24px;
    color: #000
}

.brand_recipe .recipe_list {
    margin: 0 0 45px
}

.brand_recipe .recipe_list>li {
    width: 33.3%;
    float: left;
    box-sizing: border-box
}

.brand_recipe .recipe_list>li .recipeIn {
    padding: 0 8px
}

.brand_recipe .recipe_list>li .pic img {
    width: 100%
}

.brand_recipe .recipe_list>li .tit {
    display: block;
    min-height: 48px;
    margin-top: 20px;
    font-size: 18px;
    color: #000;
    line-height: 24px
}

.brand_recipe .recipe_list>li .desc li {
    margin-top: 12px;
    color: #666;
    padding-left: 8px
}

.brand_recipe .recipe_list>li .desc li:before {
    content: "· ";
    font-family: kiaB;
    display: inline-block;
    width: 8px;
    margin-left: -8px
}

.recipe_detail {
    margin-top: 44px;
    padding-bottom: 60px;
    border-top: 1px solid #000;
    overflow: hidden
}

.recipe_detail .detail_tit {
    margin: 64px 0 20px;
    font-size: 24px;
    color: #000
}

.recipe_detail .detail_pic {
    margin-bottom: 40px
}

.recipe_detail .detail_txt {
    color: #666
}

.recipe_detail .detail_desc {
    margin-top: 20px
}

.recipe_detail .detail_desc>li {
    display: inline-block;
    width: 49%;
    margin-top: 45px;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: top
}

.recipe_detail .detail_desc>li strong {
    display: block;
    color: #000;
    font-size: 18px;
    font-family: kiaM
}

.recipe_detail .detail {
    color: #666;
    padding-left: 18px;
    font-size: 13px
}

.recipe_detail .detail>li {
    margin-top: 10px
}

.recipe_detail .detail>li span {
    display: inline-block;
    width: 15px;
    margin-left: -18px
}

.recipe_detail .detail>li li {
    padding-left: 12px
}

.recipe_detail .detail>li li:before {
    content: "- ";
    display: inline-block;
    width: 12px;
    margin-left: -12px
}

.brand_people {
    margin-top: 44px;
    padding-top: 64px;
    border-top: 1px solid #000;
    overflow: hidden
}

.brand_people .photo {
    float: left;
    width: 55%
}

.brand_people .photo img {
    width: 90%
}

.brand_people .info strong {
    font-size: 24px;
    color: #000
}

.brand_people .info p {
    margin: 10px 0 45px;
    color: #666
}

.ex_visual.sound {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_brandSound.jpg)
}

.ex_visual.sound strong,
.ex_visual.sound span {
    color: #fff
}

.brand_sound01 {
    padding-bottom: 80px
}

.sound_sonic {
    margin: 30px 0 95px
}

.sound_sonic li {
    float: left;
    width: 33.3%;
    text-align: center
}

.sound_sonic li strong {
    display: block;
    padding: 0 44px 15px 44px;
    color: #000;
    font-size: 18px;
    text-align: left
}

.sound_sonic li strong:before {
    content: '';
    display: block;
    width: 192px;
    height: 192px;
    margin: 0 auto 67px auto;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_brandSonic_w.png) no-repeat
}

.sound_sonic li.sonic02 strong:before {
    background-position: -193px 0
}

.sound_sonic li.sonic03 strong:before {
    background-position: -386px 0
}

.sound_sonic li span {
    display: block;
    padding: 0 44px;
    color: #666;
    font-size: 13px;
    text-align: left
}

.sound_gallery {
    margin-top: 45px
}

.sound_gallery .form_wrp {
    width: 230px
}

.sound_gallery .tab_gallery {
    float: left;
    width: 256px;
    margin: 20px 0
}

.sound_gallery .tab_gallery .thumnail {
    float: none;
    width: 256px;
    margin: 0
}

.sound_gallery .tab_gallery .thumnail li {
    float: none
}

.sound_gallery .promotion_view {
    float: right;
    width: 768px;
    margin-top: 20px
}

.sound_gallery .thumnail li {
    margin: 0 0 6px 0
}

.sound_gallery .thumnail a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #000;
    font-size: 15px;
    line-height: 58px;
    border: 1px solid #e8e8e8;
    text-align: left;
    background: #f5f5f5
}

.sound_gallery .thumnail a em {
    display: inline-block;
    width: 38px;
    margin-left: 20px;
    font-family: kiaB
}

.sound_gallery .thumnail a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 23px;
    width: 29px;
    height: 29px;
    margin-top: -15px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_soundplay.png) no-repeat
}

.sound_gallery .thumnail .off {
    display: none
}

.sound_gallery .thumnail .off.on {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.sound_gallery .thumnail li.tab_on a {
    line-height: 54px;
    border: 3px solid #bb162b
}

.sound_gallery .thumnail li.tab_on a:after {
    right: 21px;
    background-position: -60px 0
}

.sound_gallery .thumnail li.tab_on a em {
    margin-left: 18px
}

.sound_gallery .thumnail li.tab_on a.stop:after {
    background-position: -30px 0
}

.sound_gallery .thumnail li a.stop .stop {
    display: none
}

.sound_gallery .thumnail li span.stop {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.sound_gallery .promotion_view ul {
    height: 498px
}

.sound_gallery .promotion_view ul li {
    text-align: center
}

.sound_gallery .promotion_view ul li .imgArea {
    display: block;
    margin: 0 auto;
    padding-top: 260px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_play_w.gif) no-repeat 50% 36px;
    position: relative
}

.sound_gallery .promotion_view ul li .imgArea strong {
    display: block;
    margin-bottom: 15px;
    color: #000;
    font-size: 24px
}

.sound_gallery .promotion_view ul li .imgArea span {
    display: block;
    color: #666
}

.sound_gallery .promotion_view ul li .imgArea h5 {
    display: inline-block;
    margin-top: 25px;
    color: #000;
    font-size: 15px;
    font-family: kiaM
}

.sound_gallery .promotion_view ul li .imgArea h5:before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 14px;
    margin: 5px 12px 0 0;
    vertical-align: top;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_soundV.gif) no-repeat
}

.sound_gallery .promotion_view ul li .imgArea .play {
    display: none;
    position: absolute;
    top: 36px;
    width: 100%;
    height: 190px;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/img_playon_w.png) no-repeat 50% 0
}

.bellDown {
    overflow: hidden;
    clear: both;
    padding-top: 25px;
    border-top: 1px solid #b2b2b2;
    text-align: right
}

.bellDown strong {
    display: inline-block;
    margin-right: 20px;
    color: #000;
    font-family: kiaM
}

.bellNote {
    display: none;
    text-align: right;
    margin-top: 10px
}

.brand_sound02,
.brand_sound03 {
    padding-bottom: 100px
}

.ex_visual.scent {
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_scent.jpg)
}

.ex_visual.scent strong,
.ex_visual.scent span {
    color: #fff
}

.brand_scent01 {
    padding: 35px 0 100px;
    text-align: center
}

.brand_scent01 .scentTxt01 {
    margin-top: 45px;
    color: #666
}

.brand_scent02 {
    padding-bottom: 80px
}

.brand_scent02 .desc li {
    margin-top: 12px;
    color: #666;
    padding-left: 8px
}

.brand_scent02 .desc li:before {
    content: "· ";
    font-family: kiaB;
    display: inline-block;
    width: 8px;
    margin-left: -8px
}

.tvContents .popup_wrap {
    display: none;
    width: 740px;
    margin: 0 auto;
    left: 50%;
    margin-left: -370px;
    border-top: 2px solid #bb162b
}

.tvContents .popup_wrap img {
    width: 100%
}

.tvContents .popup_wrap02 .youtube {
    height: 100%
}

.tvContents .popup_wrap dl.img_more {
    padding: 25px
}

.tvContents .popup .pop_con {
    padding: 0;
    height: 100%
}

.tvContents .popup .pop_con .img_more {
    padding: 20px 25px 30px;
    background: #fff
}

.tvContents .popup .pop_con .img_more dt {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 27px;
    font-family: 'KiaB'
}

.tvContents .popup .pop_con .img_more dt:before {
    content: '';
    display: block;
    border-top: 2px solid #d5172e;
    width: 33px;
    height: 2px;
    margin-bottom: 5px
}

.tvContents .popup .pop_con .img_more dd {
    color: #666;
    font-size: 14px
}

.tvContents .popup_wrap .pop_con img {
    width: 100%
}

.tvContents .popup_wrap02 {
    display: none;
    position: absolute;
    top: 160px;
    left: 50%;
    width: 800px;
    height: 466px;
    margin: 0 0 0 -400px;
    z-index: 1006
}

.tvContents .popup_wrap02 .closeBtn {
    position: absolute;
    top: 0;
    right: -51px
}

.tvContents .car_play a {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin: 0 0 0 -33px
}

.tvContents .videoText {
    display: none
}

@media all and (max-width:1120px) {
    .exkia_inner {
        width: auto;
        margin: 52px 14px 0 14px
    }
    .exTab_type li .tab_dep2 {
        top: 64px
    }
    .exTab_type li .tab_dep2.other {
        height: 275px
    }
    .corevalue {
        background: 0
    }
    .corevalue .valueCon {
        width: auto;
        margin: 52px 14px 0 14px
    }
    .corevalue .valueCon>div {
        position: static;
        margin-bottom: 30px;
        padding: 0 0 0 200px;
        min-height: 100px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: left top
    }
    .corevalue .valueCon .valueList01 {
        width: 100%;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value01_t.png)
    }
    .corevalue .valueCon .valueList02 {
        width: 100%;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value02_t.png)
    }
    .corevalue .valueCon .valueList03 {
        width: 100%;
        padding: 0 0 0 200px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value03_t.png);
        background-position: left top
    }
    .corevalue .valueCon .valueList03 {
        min-height: 100px
    }
    .corevalue .valueCon .valueList03:before {
        content: none
    }
    .corevalue .valueCon .valueList03:after {
        content: none
    }
    .corevalue .valueCon .valueList04 {
        width: 100%;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value04_t.png)
    }
    .corevalue .valueCon .valueList05 {
        width: 100%;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_value05_t.png)
    }
    .historyList {
        margin: 52px 0 0 0
    }
    .historyList>li {
        margin-top: 46px
    }
    .historyList li a {
        position: relative;
        margin: 0 0 27px 0
    }
    .historyList li .toggleCont {
        border-top: 1px solid #000
    }
    .award_list .list {
        margin: 0 -12px
    }
    .award_list .list li {
        width: 33.3%
    }
    .award_list .list li a {
        margin: 12px
    }
    .award_list .list li a strong {
        display: block
    }
    .about_environment.type1 .excon_tit br,
    .about_environment.type2 .excon_tit br {
        display: none
    }
    .about_environment.type2 .exkia_inner {
        padding: 52px 0
    }
    .con_operation {
        width: 722px;
        margin: 0 auto
    }
    .con_operation img {
        width: 100%;
        height: 100%
    }
    .cont_achievements {
        padding-top: 0
    }
    .cont_achievements .dbSection {
        width: 510px;
        margin: 0 auto
    }
    .cont_achievements .dbSection .dbSectionInner {
        float: none;
        width: 100%
    }
    .cont_achievements .dbSection .dbLeft {
        margin: 50px 0 0 0
    }
    .cont_achievements .dbSection .dbRight {
        margin: 50px 0 0 0
    }
    .cont_achievements .dbSection+.dbSection {
        padding-top: 0
    }
    .about_environment .comment {
        width: 510px;
        text-align: right;
        margin: 10px auto 0
    }
    .ex_kiaWrap.exception {
        margin-bottom: -60px
    }
    .kia_design .exkia_inner {
        padding: 52px 0
    }
    .titleImg.brand {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_brand.jpg) no-repeat 100% 100%;
        background-size: cover
    }
    .titleImg.family {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_family.jpg) no-repeat 50% 100%;
        background-size: 768px 287px;
        margin: -240px 0 0
    }
    .kia_design.type1 .excon_tit br {
        display: none
    }
    .kia_design.type2 .excon_tit br {
        display: none
    }
    .kia_design.type3 .excon_tit br {
        display: none
    }
    .kia_design.type3 .exkia_inner {
        padding: 52px 0 0
    }
    .tab_gallery {
        position: relative;
        width: 738px;
        margin: 0 auto 40px;
        height: 120px;
        overflow: hidden
    }
    .exkia_gallery .thumnail {
        float: none;
        width: 10000px;
        margin: 0 -6px
    }
    .exkia_gallery .thumnail li {
        margin: 0 5px 0
    }
    .exkia_gallery .thumbtn_l {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1008;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_thum_l.png) no-repeat 0 0;
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
    .exkia_gallery .thumbtn_r {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 1008;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_thum_r.png) no-repeat 0 0;
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
    .exkia_gallery .thumbtn_l a {
        display: block;
        width: 30px;
        height: 30px;
        font-size: 0;
        line-height: 0;
        overflow: hidden
    }
    .exkia_gallery .thumbtn_r a {
        display: block;
        width: 30px;
        height: 30px;
        font-size: 0;
        line-height: 0;
        overflow: hidden
    }
    .exkia_gallery .gallery_view {
        float: none;
        width: auto
    }
    .exkia_gallery .thumnail a {
        width: 113px;
        height: 113px
    }
    .exkia_gallery .gallery_view .imgWrap {
        width: 738px;
        margin: 0 auto;
        overflow: hidden
    }
    .exkia_gallery .thumnail .off.on {
        border: 6px solid #bb162b;
        width: 101px;
        height: 101px
    }
    .australian_open {
        min-height: 408px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_australian_t.jpg) no-repeat right top
    }
    .cont_sports {
        padding-top: 40px
    }
    .cont_sports .nadalspon {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_nadal_t.png) no-repeat center bottom;
        min-height: 450px
    }
    .cont_sports .nadalspon p {
        width: 90%
    }
    .cont_sports .fifaspon {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_fifa_t.jpg) no-repeat right top;
        min-height: 140px;
        padding: 150px 0 0 25px
    }
    .cont_sports .fifaspon .img .thSection {
        margin: 0 -6px
    }
    .cont_sports .fifaspon .img .thBox {
        margin: 0 6px
    }
    .cont_sports .fifaspon .img img {
        width: 100%
    }
    .etc_spon {
        padding-top: 45px
    }
    .etc_spon .img {
        width: 100%
    }
    .etc_spon .thSection {
        margin: 0 -15px
    }
    .etc_spon .thSection .thBox {
        margin: 0 15px
    }
    .social_media {
        margin-bottom: -60px
    }
    .social_media .sns_block.type1,
    .social_media .sns_block.type1 .sns_bg .in {
        height: 554px
    }
    .social_media .sns_block.type1_1,
    .social_media .sns_block.type1_1 .sns_bg .in {
        height: 307px
    }
    .social_media .sns_block.type1_2,
    .social_media .sns_block.type1_2 .sns_bg .in {
        height: 247px
    }
    .social_media .sns_block.type2,
    .social_media .sns_block.type2 .sns_bg .in {
        height: 126px
    }
    .social_media .sns_block.type3,
    .social_media .sns_block.type3 .sns_bg .in {
        height: 266px
    }
    .social_media .sns_box .sns_info {
        padding: 0 30px
    }
    .titleImg.suspension {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_suspension1.jpg) no-repeat 100% 100%;
        background-size: cover
    }
    .titleImg.handling {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_handling1.jpg) no-repeat 100% 100%;
        background-size: cover
    }
    .titleImg.control1 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control1.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.control2 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control2.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.control3 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control3.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.control4 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control4.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.enjoyable {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_enjoyable1.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.headlamps {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_headlamps1.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg .titleTxt2 {
        padding: 168px 0 0 40px
    }
    .titleImg .titleTxt2 strong br {
        display: block
    }
    .titleImg .titleTxt2 span br {
        display: none
    }
    .titleImg .titleTxt2 span .t_br {
        display: block
    }
    .inno_driving.type3 .exkia_inner {
        padding: 95px 0 171px
    }
    .inno_driving.type3 .excon_tit span br {
        display: none
    }
    .inno_driving.type3 .excon_tit span.m_none {
        display: inline
    }
    .inno_driving .btn {
        position: absolute;
        left: 50%;
        bottom: -115px;
        width: 574px;
        text-align: left;
        margin-left: -287px
    }
    .inno_driving .btn ul li {
        float: left;
        margin-left: 24px
    }
    .inno_driving .btn ul li:first-child {
        margin-left: 0
    }
    .inno_driving .btn ul li+li+li {
        margin: 20px 0 0 0
    }
    .inno_driving .btn ul li+li+li+li {
        margin: 20px 0 0 24px
    }
    .cont_suspension,
    .cont_handling,
    .cont_riding,
    .cont_enjoyable,
    .cont_headlamps,
    .headlampsImg {
        margin: 0 14px;
        width: auto
    }
    .dbSection {
        margin: 0 -14px 0
    }
    .dbSection .dbLeft,
    .dbSection .dbRight {
        margin: 0 14px
    }
    .thSection {
        margin: 0 -14px 0
    }
    .thSection .thBox {
        margin: 0 14px
    }
    .control_btn {
        padding: 0 15px
    }
    .titleImg.safety_airbag {
        height: 350px
    }
    .titleImg.safety_seatbelt {
        height: 485px
    }
    .titleImg.safety_bumper {
        height: 442px;
        margin-bottom: 70px
    }
    .perform_map {
        margin-bottom: 40px
    }
    .driving_mode {
        padding-bottom: 80px
    }
    .driving_mode .excon_tit span br {
        display: none
    }
    .driving_mode .excon_tit span.m_none {
        display: inline
    }
    .driving_mode .seq_wrap {
        margin: -28% 0 0 0
    }
    .driving_mode .seq_wrap .seq_txt {
        left: 8%
    }
    .driving_mode .seq_btn ul {
        width: 600px;
        margin: 0 auto;
        text-align: left
    }
    .driving_mode .seq_btn ul li {
        margin: 10px 0 0 10px
    }
    .engine_gallery {
        margin-bottom: 40px
    }
    .engine_gallery .tab_gallery {
        height: auto
    }
    .engine_gallery .thumnail {
        margin: 0 !important
    }
    .engine_gallery .thumnail li {
        float: left;
        width: 235px;
        margin: 0 !important
    }
    .engine_gallery .thumnail .off,
    .engine_gallery .thumnail .off.on {
        width: auto;
        height: auto
    }
    .engine_gallery .thumnail .off.on {
        border: 0
    }
    .chart_durability {
        padding: 0 0 50px;
        text-align: center
    }
    .chart_durability .chartWrap {
        display: inline-block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 40px
    }
    .chart_durability .chartWrap:before {
        top: 165px;
        left: 50%;
        width: 300px;
        height: 2px;
        margin-left: -150px
    }
    .chart_durability .chartWrap h5:before {
        display: block;
        content: '';
        position: absolute;
        top: 57px;
        left: 50%;
        width: 2px;
        height: 109px;
        background: #bb162b
    }
    .chart_durability .chartWrap h5 {
        top: 0;
        left: 50%;
        margin-left: -142px
    }
    .chart_durability ol {
        display: inline-block;
        margin: 0 auto;
        padding-top: 89px
    }
    .chart_durability ol li p img {
        width: 100%;
        max-width: 139px
    }
    .chart_durability .chartWrap2:before {
        width: 90%;
        height: 2px;
        margin-left: -45%
    }
    .chart_durability .chartWrap2 ol {
        display: block
    }
    .chart_durability .chartWrap2 ol li {
        width: 20%
    }
    .chart_durability .chartWrap2 ol li p img {
        width: 100%;
        min-width: 139px
    }
    .marginal_info li {
        display: table-cell;
        width: 25%;
        height: 42px;
        padding: 12px 0 0 57px;
        line-height: 1.1;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        vertical-align: middle
    }
    .marginal_info li br {
        display: block
    }
    .marginal_info li.mar_excold,
    .marginal_info li.mar_exHeat {
        padding-top: 5px
    }
    .tvList li {
        float: left;
        width: 33.3%
    }
    .tvList li a span.img {
        width: auto;
        height: auto
    }
    .tvList li a span.img img {
        width: 100%;
        height: 100%
    }
    .promotionCon .promotion_view {
        float: none;
        width: 727px;
        margin: 0 auto
    }
    .promotionCon .promotion_view ul li .imgArea {
        width: 727px
    }
    .promotionImg {
        border-left: 0;
        border-right: 0
    }
    .promotion_focuse {
        overflow: hidden;
        padding-top: 30px;
        border-top: 1px solid #000
    }
    .promotion_focuse li dl {
        padding: 0 30px
    }
    .promotionContents .popup_wrap {
        width: 600px;
        margin: 0 auto;
        left: 50%;
        margin-left: -300px
    }
    .promotionContents .popup_wrap dl.img_more {
        padding: 15px
    }
    .promotionContents .popup_wrap02 {
        width: 650px;
        height: 300px;
        margin: 0 0 0 -320px
    }
    .promotionContents .popup_wrap02 .closeBtn {
        position: absolute;
        top: 0;
        right: -34px;
        padding: 10px
    }
    .ex_visual.promotion02 .promotion_play a,
    .ex_visual.promotion03 .promotion_play a {
        position: absolute;
        left: 50%;
        top: 70%;
        z-index: 99;
        margin: -20px 0 0 -57px
    }
    .brand_tab li.tab2Line a {
        padding: 5px 15px;
        line-height: 17px
    }
    .brand_tab li.tab2Line a br {
        display: block
    }
    .brand_ident .img_direct {
        margin-top: -120px
    }
    .brand_ident .img_direct img {
        width: 120%;
        margin-left: -10%
    }
    .brand_video {
        width: auto;
        margin: 0 70px
    }
    .brand_video .tmbArea ul {
        width: auto
    }
    .brand_video .tmbArea ul li,
    .brand_video .tmbArea ul li:first-child {
        width: 20%
    }
    .brand_video .imgArea li .movie {
        height: 400px
    }
    .brand_video .btnNavi {
        margin-top: -100px
    }
    .sound_gallery .form_wrp {
        width: auto
    }
    .sound_gallery .promotion_view ul {
        height: auto;
        border: 0
    }
    .sound_gallery .promotion_view ul li .imgArea {
        height: auto
    }
    .sound_gallery .tab_gallery {
        display: block;
        float: none;
        width: 737px;
        height: auto;
        margin: 100px auto 20px auto
    }
    .sound_gallery .tab_gallery .thumnail {
        display: block;
        width: auto
    }
    .sound_gallery .thumnail li {
        margin-bottom: 6px
    }
    .sound_gallery .thumnail a {
        width: auto;
        height: auto;
        color: #000;
        line-height: 41px;
        background: #f5f5f5;
        border-top: 1px solid #d0d0d0
    }
    .bellNote {
        display: block
    }
    .tvContents .popup_wrap02 {
        width: 650px;
        height: 300px;
        margin: 0 0 0 -320px
    }
    .tvContents .popup_wrap02 .closeBtn {
        position: absolute;
        top: 0;
        right: -34px;
        padding: 10px
    }
}

@media all and (max-width:767px) {
    .btn_download {
        font-size: 14px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_download_m.png) no-repeat 0 1px;
        background-size: 11px auto
    }
    .eximg_slider .btnNavi {
        width: 42px;
        height: 42px;
        margin-top: -21px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi_m.png);
        background-size: 85px auto
    }
    .bbsView_navi .navi_prev,
    .bbsView_navi .navi_next {
        padding: 10px 0
    }
    .bbsView_navi .navi_btn {
        width: 75px
    }
    .bbsView_navi .spr_bbs_prev:before,
    .bbsView_navi .spr_bbs_next:before {
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/spr_bbs_m.png);
        background-size: 16px auto
    }
    .ex_bbsView .bbs_tit {
        padding: 15px
    }
    .ex_bbsView .bbs_info {
        padding: 15px 0
    }
    .ex_bbsView .bbs_info .bbs_date {
        margin: 0 0 15px 15px
    }
    .ex_bbsView .bbs_detail {
        margin: 15px 15px 0 15px
    }
    .ex_kiaWrap {
        padding-top: 15px
    }
    .philosophycon.type2 .exkia_inner {
        padding: 52px 0
    }
    .managementList {
        overflow: hidden;
        margin: 0 10px
    }
    .managementList li {
        float: none;
        width: 100%;
        margin-bottom: 25px
    }
    .managementList li div {
        margin-left: 0
    }
    .managementTxt {
        margin: 15px 10px 0
    }
    .visionList {
        overflow: hidden
    }
    .visionList li {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .visionList li strong {
        padding-top: 20px;
        font-size: 14px
    }
    .visionList li h3 {
        padding-top: 20px;
        font-size: 14px
    }
    .visionList li p {
        padding-top: 10px
    }
    .corevalue .valueCon>div {
        margin-bottom: 15px;
        padding: 0 0 0 100px
    }
    .corevalue .valueCon .valueList01 {
        background-size: 88px 28px
    }
    .corevalue .valueCon .valueList02 {
        background-size: 88px 28px
    }
    .corevalue .valueCon .valueList03 {
        padding: 0 0 0 100px;
        background-size: 88px 28px
    }
    .corevalue .valueCon .valueList04 {
        background-size: 88px 28px
    }
    .corevalue .valueCon .valueList05 {
        background-size: 88px 28px
    }
    .corevalue .valueCon strong {
        font-size: 14px;
        color: #000
    }
    .corevalue .valueCon p {
        font-size: 12px;
        color: #666
    }
    .exTab_type .input_box {
        display: block;
        position: relative;
        padding: 0 0 0 15px;
        color: #fff;
        font-size: 13px;
        line-height: 35px;
        text-transform: uppercase;
        background: #bb162b
    }
    .exTab_type .input_box:after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: '';
        width: 14px;
        height: 7px;
        margin-top: -3px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png) no-repeat;
        background-size: 28px auto
    }
    .exTab_type ul {
        display: none;
        position: absolute;
        top: 35px;
        left: 0;
        width: 100%
    }
    .exTab_type li {
        float: none;
        width: 100% !important;
        border-top: 1px solid #fff;
        text-align: left
    }
    .exTab_type li a {
        padding: 0 15px !important;
        font-size: 13px;
        font-family: kiaM;
        line-height: 35px !important;
        text-align: left
    }
    .exTab_type li.dep2Has>a {
        position: relative;
        box-shadow: 0 1px 1px 1px #444;
        z-index: 2
    }
    .exTab_type li.dep2Has>a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 17px;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png) no-repeat 0 -8px;
        background-size: 28px auto
    }
    .exTab_type li.dep2Has.on>a:after {
        background-position: 100% -8px
    }
    .exTab_type li .tab_dep2 {
        top: 56px;
        z-index: 1
    }
    .exTab_type li .tab_dep2 a {
        margin: 0;
        border-bottom: 1px solid #000;
        font-size: 12px;
        line-height: 31px !important;
        background: #fff
    }
    .exTab_type li.dep2Has.on .tab_dep2 {
        display: block
    }
    .ex_visual {
        height: 182px
    }
    .ex_visual strong {
        padding: 60px 0 0;
        font-size: 36px
    }
    .ex_visual span {
        font-size: 12px;
        line-height: 14px
    }
    .exkia_inner {
        margin: 48px 0 20px 0
    }
    .excon_tit {
        margin-bottom: 22px;
        padding: 0 10px;
        font-size: 20px;
        line-height: 24px
    }
    .excon_tit h2 {
        font-size: 20px
    }
    .excon_tit span {
        padding-top: 7px;
        font-size: 14px
    }
    .excon_tit:before {
        width: 32px;
        height: 1px;
        margin-bottom: 15px
    }
    .tab_history {
        overflow: visible;
        height: 36px;
        margin: 0 14px;
        background: 0
    }
    .tab_history .input_box {
        position: relative;
        display: block
    }
    .tab_history .input_box span {
        display: block;
        padding: 0 15px;
        color: #999;
        font-size: 14px;
        line-height: 35px;
        border: 1px solid #d0d0d0;
        background: #fff
    }
    .tab_history .input_box:after {
        position: absolute;
        top: 50%;
        right: 13px;
        content: '';
        width: 12px;
        height: 9px;
        margin-top: -4px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab01_m.png) no-repeat;
        background-size: 24px auto
    }
    .tab_history .input_box.on:after {
        background-position: 100% 0
    }
    .tab_history .history_list {
        display: none;
        position: absolute;
        top: 37px;
        left: 0;
        width: 100%;
        padding-top: 0;
        background: 0
    }
    .tab_history .history_list li {
        float: none;
        width: 100%;
        text-align: left
    }
    .tab_history .history_list li:first-child {
        background: 0
    }
    .tab_history .history_list li a {
        display: block;
        padding: 0 15px;
        color: #999;
        font-size: 14px;
        font-family: kiaM;
        line-height: 35px;
        border: 1px solid #d0d0d0;
        border-top: 0;
        background: #fff;
        width: auto
    }
    .tab_history .history_list li a:before {
        display: none
    }
    .tab_history .history_list li.tab_on a {
        font-size: 14px
    }
    .historyList {
        margin: 17px 14px 0 14px
    }
    .historyList>li {
        margin-top: 10px
    }
    .historyList li a {
        width: 100%;
        margin: 0 3px 12px 0;
        box-sizing: border-box
    }
    .historyList li a:after {
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/ico_history_m.png);
        background-size: 36px auto
    }
    .historyList li .toggleCont .list li {
        min-height: 20px
    }
    .historyList li .toggleCont .list li strong {
        line-height: 40px
    }
    .historyList li .toggleCont .list li p {
        padding: 1px 0 0 12px;
        font-size: 13px
    }
    .historyList li .toggleCont .list li p:before {
        margin-top: 6px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_history_m.png) no-repeat -16px 0;
        background-size: 36px auto
    }
    .historyList li.toggleON .toggleCont .list li {
        min-height: 36px;
        padding-left: 90px
    }
    .historyList li.toggleON .toggleCont .list li strong {
        width: 80px;
        height: 60px;
        padding-top: 4px;
        font-size: 20px;
        line-height: 20px;
        background-image: url(../../../content/dam/kwcms/ec/es/images/experience/ico_history_m.png);
        background-size: 80px auto
    }
    .historyList li.toggleON .toggleCont .list li strong .word {
        font-size: 11px;
        line-height: 11px
    }
    .slideWrap {
        overflow: visible;
        margin: 0;
        height: 37px;
        background: 0
    }
    .slideWrap .slider,
    .slideWrap .slider .slide_inner {
        overflow: visible;
        margin: 0;
        padding: 0;
        background: 0
    }
    .slideWrap .slider .slide_inner button {
        display: none
    }
    .slideWrap .tab_history {
        width: auto;
        height: auto
    }
    .slideWrap .slider .history_list {
        width: 100%;
        top: 37px
    }
    .slideWrap .slider .history_list li {
        width: 100%;
        min-width: 100%
    }
    .award_list {
        margin: 0 8px
    }
    .award_list .sortingArea {
        margin-bottom: 3px;
        text-align: left
    }
    .award_list .sortingArea .selectArea {
        margin: 0 8px
    }
    .award_list .sortingArea .selectArea .form_wrp {
        width: 50%;
        margin-left: -8px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box
    }
    .award_list .sortingArea .selectArea .form_wrp+.form_wrp {
        float: right;
        margin-right: -8px
    }
    .award_list .sortingArea p {
        display: none
    }
    .award_list .list {
        margin: 0 -8px
    }
    .award_list .list li {
        width: 50%
    }
    .award_list .list li a {
        margin: 8px
    }
    .ex_visual.sustainability strong {
        padding-bottom: 0
    }
    .ex_visual.sustainability strong span {
        display: none
    }
    .sustain_list .major_cont {
        padding: 20px 15px
    }
    .sustain_list .major_cont .img {
        position: static;
        min-height: 100%;
        text-align: center
    }
    .sustain_list .major_cont .img img {
        width: 50%;
        border: 1px solid #f2f2f2
    }
    .sustain_list .major_cont strong {
        padding-top: 15px;
        font-size: 16px
    }
    .sustain_list .major_cont h3 {
        padding-top: 15px;
        font-size: 16px
    }
    .sustain_list .major_cont .txt {
        margin: 10px 0 0 0;
        padding-top: 10px
    }
    .sustain_list .major_cont .btn_download {
        margin-top: 20px
    }
    .sustain_list .sorting {
        margin: 20px 15px
    }
    .sustain_list .sorting em {
        display: none
    }
    .sustain_list .sorting .form_wrp {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box
    }
    .con_operation {
        width: 290px
    }
    .about_environment {
        padding: 0 15px
    }
    .realizing {
        margin-top: 24px;
        padding-top: 20px
    }
    .realizing strong {
        display: block;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px
    }
    .realizing strong:before {
        content: '';
        display: inline-block;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_quotes.png) no-repeat;
        background-size: 25px 12px;
        background-position: 0 0;
        width: 12px;
        height: 14px;
        margin-right: 7px
    }
    .realizing strong:after {
        content: '';
        display: inline-block;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_quotes.png) no-repeat;
        background-size: 25px 12px;
        background-position: -13px 0;
        width: 12px;
        height: 14px;
        margin-left: 7px
    }
    .realizing p {
        font-size: 13px
    }
    .realizing p br {
        display: none
    }
    .cont_achievements h3,
    .cont_achievements h5 {
        font-size: 15px;
        line-height: 19px
    }
    .cont_achievements .dbSection {
        width: auto;
        margin: 0 auto
    }
    .cont_achievements .dbSection .dbLeft {
        margin: 24px 0 0 0
    }
    .cont_achievements .dbSection .dbRight {
        margin: 24px 0 0 0
    }
    .cont_achievements .achievements1 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements1.png) no-repeat center bottom;
        background-size: 128px 52px;
        text-align: center;
        padding-bottom: 65px
    }
    .cont_achievements .achievements2 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements2.png) no-repeat center bottom;
        background-size: 128px 52px;
        text-align: center;
        padding-bottom: 65px
    }
    .cont_achievements .achievements3 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements3.png) no-repeat center bottom;
        background-size: 128px 52px;
        text-align: center;
        padding-bottom: 65px
    }
    .cont_achievements .achievements4 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_achievements4.png) no-repeat center bottom;
        background-size: 128px 52px;
        text-align: center;
        padding-bottom: 65px
    }
    .cont_achievements .figure {
        font-size: 54px;
        line-height: 58px;
        margin: 0
    }
    .cont_achievements .figure span {
        font-size: 15px;
        line-height: 19px
    }
    .cont_achievements .txt {
        font-size: 12px;
        line-height: 16px;
        padding-top: 0
    }
    .cont_achievements .txt br {
        display: none
    }
    .cont_achievements .txt span {
        display: block
    }
    .about_environment .comment {
        width: auto
    }
    .ex_kiaWrap.exception {
        margin-bottom: -40px
    }
    .kia_design .exkia_inner {
        padding: 48px 0
    }
    .titleImg.brand {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_brand.jpg) no-repeat 85% 100%;
        background-size: cover;
        height: 230px
    }
    .titleImg.lines {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_lines.jpg) no-repeat 50% 100%;
        background-size: contain;
        height: 172px
    }
    .titleImg.family {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_family.jpg) no-repeat 50% 100%;
        background-size: auto 119px;
        height: 119px;
        margin: -50px 0 0
    }
    .kia_design.type3 .exkia_inner {
        padding: 48px 0 0
    }
    .ex_visual.sports strong {
        padding: 40px 0 10px;
        font-size: 36px
    }
    .sportsCon {
        margin: 0 15px;
        text-align: center;
        padding-top: 25px
    }
    .sportsCon h3,
    .sportsCon h5 {
        font-family: kiaB;
        font-size: 16px
    }
    .sportsCon p {
        padding-top: 15px;
        line-height: 20px
    }
    .australian_open {
        min-height: 338px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_australian.jpg) no-repeat center bottom;
        background-size: 405px 204px
    }
    .australian_open p {
        width: 100%;
        margin-bottom: 30px
    }
    .australian_open div img {
        width: 91px;
        height: 88px
    }
    .australian_open div img+img {
        width: 102px;
        height: 88px
    }
    .cont_sports .nadalspon {
        background: 0;
        min-height: inherit
    }
    .cont_sports .nadalspon .bg {
        display: block;
        width: 280px;
        margin: 20px auto 0
    }
    .cont_sports .nadalspon .bg img {
        width: 280px
    }
    .cont_sports .fifaspon {
        background: 0;
        min-height: inherit;
        padding: 0
    }
    .cont_sports .fifaspon .bg {
        display: block;
        width: 263px;
        margin: 20px auto
    }
    .cont_sports .fifaspon .bg img {
        width: 100%
    }
    .cont_sports .fifaspon .img {
        margin-top: 0
    }
    .cont_sports .fifaspon .img .thSection {
        margin: 0 -6px
    }
    .cont_sports .fifaspon .img .thBox {
        margin: 0 6px
    }
    .cont_sports .fifaspon .img .thSection .thSectionInner {
        float: left;
        width: 33.33%;
        margin-top: 0
    }
    .etc_spon {
        padding-top: 0
    }
    .etc_spon .thSection .img img {
        width: 100%;
        margin: 0
    }
    .social_media {
        margin-bottom: -40px
    }
    .social_media .wImg {
        display: none
    }
    .social_media .mImg {
        display: inline
    }
    .social_media .sns_block.type1,
    .social_media .sns_block.type1 .sns_bg .in {
        height: auto
    }
    .social_media .sns_block.type1>.sns_box,
    .social_media .sns_block.type1>.sns_box .sns_bg .in {
        height: 270px
    }
    .social_media .sns_block.type1_1,
    .social_media .sns_block.type1_1 .sns_bg .in {
        height: 185px
    }
    .social_media .sns_block.type1_2,
    .social_media .sns_block.type1_2 .sns_bg .in {
        height: 145px
    }
    .social_media .sns_block.type2,
    .social_media .sns_block.type2 .sns_bg .in {
        height: 100px
    }
    .social_media .sns_block.type2 .mark {
        margin: 0 0 0 6px
    }
    .social_media .sns_block.type3,
    .social_media .sns_block.type3 .sns_bg .in {
        height: 145px
    }
    .social_media .sns_block.type3 .sns_box:first-child {
        width: auto
    }
    .social_media .sns_dth {
        display: table-row
    }
    .social_media .sns_box.ntxt .sns_info {
        padding: 10px
    }
    .social_media .sns_box .sns_info {
        padding: 0 10px
    }
    .social_media .sns_box .tit {
        font-size: 14px
    }
    .social_media .sns_box .desc {
        font-size: 11px;
        line-height: 15px;
        margin-top: 4px
    }
    .social_media .sns_box .mark {
        margin-bottom: 5px
    }
    .social_media .sns_box .mark img {
        width: 25px;
        height: 25px
    }
    .exkia_gallery {
        margin: 10px 0 0
    }
    .exkia_gallery .gallery_view .btn_l {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_l.png) no-repeat 0 0;
        background-size: 42px 42px;
        width: 42px;
        height: 42px;
        margin-top: -21px
    }
    .exkia_gallery .gallery_view .btn_r {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_r.png) no-repeat 0 0;
        background-size: 42px 42px;
        width: 42px;
        height: 42px;
        margin-top: -21px
    }
    .exkia_gallery .gallery_view .btn_l a {
        width: 42px;
        height: 42px
    }
    .exkia_gallery .gallery_view .btn_r a {
        width: 42px;
        height: 42px
    }
    .exkia_gallery .gallery_desc {
        padding: 15px
    }
    .exkia_gallery .gallery_view .imgWrap {
        width: auto;
        z-index: 0
    }
    .exkia_gallery .thumbtn_l {
        display: none
    }
    .exkia_gallery .thumbtn_r {
        display: none
    }
    .exkia_gallery .imgCont {
        width: auto
    }
    .tab_gallery {
        overflow: visible;
        width: auto;
        height: 36px;
        margin: 0 14px 15px;
        background: 0
    }
    .tab_gallery .input_box {
        position: relative;
        display: block !important
    }
    .tab_gallery .input_box span {
        display: block;
        padding: 0 15px;
        color: #999;
        font-size: 14px;
        line-height: 35px;
        border: 1px solid #d0d0d0;
        background: #fff
    }
    .tab_gallery .input_box:after {
        position: absolute;
        top: 50%;
        right: 13px;
        content: '';
        width: 12px;
        height: 9px;
        margin-top: -4px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab01_m.png) no-repeat;
        background-size: 24px auto
    }
    .tab_gallery .input_box.on:after {
        background-position: 100% 0
    }
    .tab_gallery .thumnail {
        display: none;
        margin: 0;
        width: auto
    }
    .tab_gallery .thumnail li {
        float: none;
        width: 100%;
        margin: 0
    }
    .tab_gallery .thumnail a {
        display: block;
        color: #999;
        font-size: 14px;
        font-family: kiaM;
        width: 100%;
        height: 35px !important;
        line-height: 35px;
        background: #fff;
        text-align: left;
        padding: .15px 0;
        border: 1px solid #d0d0d0;
        border-top: 0;
        opacity: 1 !important
    }
    .tab_gallery .thumnail .carName {
        bottom: 0;
        z-index: 1;
        width: auto;
        height: 35px;
        line-height: 35px;
        background: #fff;
        color: #999;
        padding: 0 15px;
        border: 1px solid #d0d0d0
    }
    .tab_gallery .thumnail li:first-child .carName {
        border-top: 0
    }
    .tab_gallery .thumnail .imgArea {
        display: none;
        width: auto;
        height: auto
    }
    .tab_gallery .thumnail .dimmed,
    .tab_gallery .thumnail .off,
    .tab_gallery .thumnail .off.on {
        display: none
    }
    .tab_gallery .thumnail .dimmed,
    .tab_gallery .thumnail .imgArea.off,
    .tab_gallery .thumnail .imgArea.off.on {
        display: none
    }
    .tab_gallery .thumnail li.tab_on .carName {
        color: #bb162b
    }
    .tab_gallery .thumnail .off {
        margin: 0
    }
    .tab_gallery .thumnail .off:before {
        display: none
    }
    .tab_gallery .thumnail .off1,
    .tab_gallery .thumnail .off1.on {
        padding-left: 15px;
        display: block
    }
    .pressNews li a {
        padding: 20px 40px;
        text-align: center
    }
    .pressNews li .pressImg {
        position: relative;
        display: inline-block
    }
    .pressNews li .listCon {
        text-align: left
    }
    .award_list .list li a strong {
        line-height: 22px;
        height: 44px;
        padding-top: 10px
    }
    .titleImg {
        margin-bottom: 24px
    }
    .titleImg.suspension {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_suspension1.jpg) no-repeat 85% 100%;
        background-size: cover;
        height: 230px
    }
    .titleImg.handling {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_handling1.jpg) no-repeat 85% 100%;
        background-size: cover;
        height: 230px
    }
    .titleImg.control1 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control1.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 340px
    }
    .titleImg.control2 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control2.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 340px
    }
    .titleImg.control3 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control3.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 340px
    }
    .titleImg.control4 {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_control4.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 340px
    }
    .titleImg.enjoyable {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_enjoyable1.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 214px
    }
    .titleImg.headlamps {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/img_headlamps1.jpg) no-repeat 41% 100%;
        background-size: cover;
        height: 214px
    }
    .titleImg strong {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 5px
    }
    .titleImg span {
        font-size: 12px;
        line-height: 16px
    }
    .titleImg .titleTxt1 {
        padding: 20% 15px 0
    }
    .titleImg .titleTxt1 span {
        display: block;
        width: 90%
    }
    .titleImg .titleTxt1 span br {
        display: none
    }
    .titleImg .titleTxt2 {
        padding: 115px 15px 0
    }
    .titleImg .titleTxt2 span {
        display: block;
        width: 90%
    }
    .titleImg .titleTxt3 {
        padding: 75px 15px 0
    }
    .inno_driving .exkia_inner {
        margin: 0 auto;
        padding: 48px 0
    }
    .inno_driving dl {
        margin-top: 10px
    }
    .inno_driving dl dt {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 5px
    }
    .inno_driving .btn {
        position: absolute;
        left: 50%;
        bottom: -188px;
        text-align: center;
        width: 286px;
        margin-left: -143px
    }
    .inno_driving .btn ul {
        display: block !important
    }
    .inno_driving .btn li {
        margin: 10px 0 0 0 !important
    }
    .inno_driving.type3 .exkia_inner {
        padding: 48px 0 202px
    }
    .inno_driving.type3 .excon_tit span br {
        display: none
    }
    .inno_driving .numList {
        margin-top: 20px;
        padding-top: 20px
    }
    .inno_driving .numList li {
        margin-top: 10px
    }
    .dbSection {
        margin: 0
    }
    .dbSection .dbSectionInner {
        float: none;
        width: 100%
    }
    .dbSection .dbSectionInner+.dbSectionInner {
        margin-top: 25px
    }
    .dbSection .dbLeft {
        margin: 0
    }
    .dbSection .dbRight {
        margin: 0
    }
    .thSection {
        margin: 0
    }
    .thSection .thSectionInner {
        float: none;
        width: 100%
    }
    .thSection .thSectionInner.thSectionInner {
        margin-top: 25px
    }
    .thSection .thBox {
        margin: 0
    }
    .driving_mode {
        padding-bottom: 175px
    }
    .driving_mode .exkia_inner {
        padding: 48px 0 0 0
    }
    .driving_mode .excon_tit span br {
        display: none
    }
    .driving_mode .seq_wrap .seq_txt strong {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 5px
    }
    .driving_mode .seq_wrap .seq_txt span {
        font-size: 12px;
        line-height: 16px
    }
    .driving_mode .seq_btn ul {
        width: auto
    }
    .driving_mode .seq_btn ul li {
        display: block
    }
    .car_body {
        margin-bottom: 40px
    }
    .car_body .btn_handle {
        width: 30px;
        margin-right: -15px
    }
    .car_body .btn_handle button {
        width: 30px;
        height: 30px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_handle_m.png) no-repeat;
        background-size: 30px auto
    }
    .titleImg.safety_airbag {
        height: 175px
    }
    .titleImg.safety_seatbelt {
        height: 242px;
        margin-bottom: 45px
    }
    .titleImg.safety_bumper {
        height: 200px;
        margin-bottom: 25px
    }
    .slide_technology {
        margin-bottom: 35px
    }
    .slide_technology .gallery_desc {
        height: auto;
        padding: 20px 10px
    }
    .cont_safety {
        margin: 0 0 40px
    }
    .cont_safety li {
        float: none;
        width: 100%;
        margin-top: 20px
    }
    .cont_safety li:first-child {
        margin: 0
    }
    .cont_safety li>div {
        margin: 0 10px
    }
    .cont_safety li img {
        width: 100%
    }
    .cont_safety li p {
        overflow: hidden;
        height: 156px
    }
    .cont_safety li>div dl {
        margin-top: 15px
    }
    .cont_safety li>div dl dt {
        font-size: 17px
    }
    .country_info {
        margin: 0 15px;
        border-top: 1px solid #dadada
    }
    .country_info li {
        position: relative;
        padding: 10px 0 10px 31px;
        color: #666;
        border-bottom: 1px solid #dadada;
        line-height: 20px
    }
    .country_info li em {
        color: #222
    }
    .country_info li * {
        vertical-align: middle
    }
    .country_info li em:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 21px;
        height: 21px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_countryFlag.png) no-repeat;
        background-size: 88px auto
    }
    .country_info li.coun_spain em:before {
        background-position: -22px 0
    }
    .country_info li.coun_swe em:before {
        background-position: -44px 0
    }
    .country_info li.coun_china em:before {
        background-position: -66px 0
    }
    .country_info li.coun_aust em:before {
        background-position: 0 -22px
    }
    .country_info li.coun_usa em:before {
        background-position: -22px -22px
    }
    .country_info li.coun_equ em:before {
        background-position: -44px -22px
    }
    .country_info li.coun_bra em:before {
        background-position: -66px -22px
    }
    .chart_durability .chartWrap h5:before,
    .chart_durability .chartWrap:before {
        display: none
    }
    .chart_durability .chartWrap,
    .chart_durability .chartWrap ol {
        display: block
    }
    .chart_durability .chartWrap ol li {
        width: 50%;
        padding-bottom: 18px;
        text-align: center
    }
    .chart_durability ol li p {
        display: inline-block;
        max-width: 139px;
        margin: 0 auto
    }
    .chart_durability .chartWrap ol li p img {
        width: 100%
    }
    .chart_durability .chartWrap2 ol li.chart07 {
        width: 100%
    }
    .titleImg.tech_headup,
    .titleImg.tech_cluster,
    .titleImg.tech_monitoring,
    .titleImg.tech_parking,
    .titleImg.tech_nvh,
    .titleImg.tech_noise,
    .titleImg.tech_soundP {
        height: 245px;
        margin-bottom: 50px
    }
    .cont_navi,
    .cont_sound {
        margin-bottom: 40px
    }
    .cont_sound li {
        width: 100%
    }
    .cont_driving li {
        margin: 0 0 25px
    }
    .engine_gallery .gallery_desc {
        font-size: 12px
    }
    .engine_gallery .gallery_desc .title {
        display: block;
        margin-bottom: 0;
        font-size: 12px
    }
    .country_info {
        position: relative;
        top: 0;
        left: 0
    }
    .marginal_info {
        margin-left: 15px
    }
    .marginal_info li {
        width: 50%;
        margin-bottom: 5px
    }
    .ex_bbsView .bbs_info .bbs_etc span.bbs_write:before {
        width: 10px;
        height: 10px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_write_m.png) no-repeat 0 0;
        background-size: 10px 10px
    }
    .ex_bbsView .bbs_info .bbs_etc span.bbs_view:before {
        width: 13px;
        height: 10px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_views_m.png) no-repeat 0 0;
        background-size: 13px 10px
    }
    .ex_visual.promotion01 strong {
        font-size: 30px
    }
    .excon_tit {
        line-height: 20px
    }
    .promotionCon {
        padding-top: 25px;
        border-top: 1px solid #000
    }
    .promotionCon .tab_gallery {
        display: none
    }
    .promotionCon .promotion_view {
        margin: 10px 0 0;
        width: auto
    }
    .promotionCon .promotion_view ul li {
        width: auto;
        z-index: 0
    }
    .promotionCon .promotion_view ul li .imgArea {
        width: 100%
    }
    .promotionCon .promotion_view .gallery_desc {
        padding: 15px
    }
    .promotionCon .promotion_view .btn_l {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_l.png) no-repeat 0 0;
        background-size: 42px 42px;
        width: 42px;
        height: 42px;
        margin-top: -21px
    }
    .promotionCon .promotion_view .btn_r {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_r.png) no-repeat 0 0;
        background-size: 42px 42px;
        width: 42px;
        height: 42px;
        margin-top: -21px
    }
    .promotionCon .promotion_view .btn_l a {
        width: 42px;
        height: 42px
    }
    .promotionCon .promotion_view .btn_r a {
        width: 42px;
        height: 42px
    }
    .promotion_focuse {
        padding-top: 25px
    }
    .promotion_focuse li {
        float: none;
        width: 100%;
        padding-bottom: 15px
    }
    .ex_visual.promotion02 .promotion_play a {
        position: absolute;
        left: 50%;
        top: 85%;
        z-index: 99;
        margin: -15px 0 0 -15px
    }
    .ex_visual.promotion02 .promotion_play a img {
        width: 29px;
        height: 29px
    }
    .promotion_focuse li dl {
        padding: 0 15px
    }
    .promotion_focuse li dt {
        font-size: 16px
    }
    .cinemaCon li {
        float: none;
        width: 100%;
        padding: 10px 25px
    }
    .ex_visual.promotion03 .promotion_play a {
        position: absolute;
        left: 50%;
        top: 85%;
        z-index: 99;
        margin: -15px 0 0 -15px
    }
    .ex_visual.promotion03 .promotion_play a img {
        width: 29px;
        height: 29px
    }
    .cinemaCon li dl {
        padding-top: 10px
    }
    .cinemaCon li dt {
        font-family: kiaB;
        font-size: 16px;
        color: #000
    }
    .cinemaCon li dd {
        padding-top: 5px;
        color: #666
    }
    .promotionContents .popup_wrap {
        width: 320px;
        margin: 0 auto;
        left: 50%;
        margin-left: -160px
    }
    .promotionContents .popup_wrap dl.img_more {
        padding: 5px
    }
    .promotionContents .popup_wrap02 {
        width: 320px;
        height: 200px;
        margin-left: -160px
    }
    .promotionContents .popup_wrap02 .closeBtn {
        position: absolute;
        top: -34px;
        right: 0;
        padding: 10px
    }
    .tvCon {
        margin: 0 15px;
        text-align: center
    }
    .tvTop span {
        font-size: 13px
    }
    .tvTop a {
        width: 30px;
        height: 18px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_detail_tv_m.gif) no-repeat 0 0;
        background-size: 30px 18px
    }
    .tvList {
        margin: 15px 0 0 -15px
    }
    .tvList li {
        float: left;
        width: 50%
    }
    .tvList li a {
        display: block;
        overflow: hidden;
        position: relative;
        margin: 0 0 10px 15px
    }
    .tvList li a span.txt {
        font-size: 13px
    }
    .tvList li a span.txt strong {
        margin-left: 10px
    }
    .tvList li a span.txt em {
        width: 12px;
        height: 12px;
        margin: 4px 10px 0 0;
        background-size: 12px 12px
    }
    .tvdetailTop {
        overflow: hidden
    }
    .tvdetailTop span {
        font-size: 12px
    }
    .tvdetailTop a {
        width: 21px;
        height: 21px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_detaillist_tv_m.gif) no-repeat 0 0;
        background-size: 21px 21px
    }
    .slider_tv .btnNavi {
        width: 42px;
        height: 42px;
        margin-top: -21px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi_m.png);
        background-size: 85px auto
    }
    .slider_tv .imgArea li {
        margin-right: 5px
    }
    .slider_tv .imgArea li:first-child {
        margin-left: 50px
    }
    .slider_tv .imgArea li .tvcarTxt {
        margin-top: 15px
    }
    .slider_tv .imgArea li .tvcarTxt strong {
        font-size: 16px
    }
    .slider_tv .imgArea li .tvcarTxt p {
        padding-top: 5px;
        font-size: 13px
    }
    .slider_tv .imgArea li .tvcarTxt .movie_explain a {
        width: 23px;
        height: 17px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_off_m.gif) no-repeat 0 0;
        background-size: 23px 17px
    }
    .slider_tv .imgArea li .tvcarTxt .movie_explain .movieTxt {
        display: none;
        position: absolute;
        top: 25px;
        left: 0;
        height: 100px;
        padding: 10px;
        background: #222;
        font-size: 12px;
        color: #fff
    }
    .slider_tv .imgArea li .tvcarTxt .movie_explain.on a {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_on_m.gif) no-repeat 0 0;
        background-size: 23px 17px
    }
    .careerCon li {
        padding: 0 10px
    }
    .careerCon.careerCon02 li {
        width: 100%
    }
    .careerCon li h3,
    .careerCon li strong {
        padding-top: 10px;
        font-size: 16px
    }
    .careerCon li p {
        padding-top: 10px
    }
    .brand_tab li.tab2Line a br {
        display: none
    }
    .brand_ident .img_direct {
        margin: -30px 0 45px
    }
    .brand_ident .img_direct img {
        width: 120%;
        margin-left: -10%
    }
    .brand_slogan .slogan_inner {
        margin: 0 14px;
        padding: 13px 25px 0 25px;
        font-size: 21px
    }
    .brand_slogan .quo {
        width: 22px;
        height: 17px;
        background-size: 45px auto
    }
    .brand_slogan .slogan_inner strong br {
        display: none
    }
    .brand_slogan strong span {
        font-size: 14px
    }
    .img_values {
        margin: 25px 0 45px
    }
    .img_values img {
        width: 80%
    }
    .excon_tit span br {
        display: none
    }
    .camp_move {
        margin: 0 15px;
        padding-top: 35px
    }
    .camp_move h3,
    .camp_move h5 {
        font-size: 14px
    }
    .camp_move .moveInfo {
        font-size: 12px
    }
    .brand_moveArea {
        margin-top: 25px
    }
    .brand_moveArea button {
        width: 49px;
        height: 49px;
        margin: -25px 0 0 -25px;
        background-size: 60px auto
    }
    .camp_move .campLink strong {
        font-size: 13px
    }
    .camp_move .campLink a {
        position: static;
        margin-top: 10px;
        padding: 0 14px
    }
    .camp_move .campLink a span {
        padding-left: 20px;
        font-size: 12px;
        line-height: 27px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign_m.png) no-repeat 0 7px;
        background-size: 13px auto
    }
    .camp_move2 {
        padding-bottom: 50px
    }
    .cont_campaign {
        margin: 0
    }
    .cont_campaign li h3,
    .cont_campaign li strong {
        font-size: 16px
    }
    .cont_campaign li .btnDown {
        padding: 0 14px
    }
    .cont_campaign li .btnDown span {
        padding-left: 20px;
        font-size: 12px;
        line-height: 27px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign_m.png) no-repeat 0 -14px;
        background-size: 13px auto
    }
    .brand_camp {
        padding-bottom: 50px
    }
    .video_cont .videoText {
        height: 45px;
        padding: 8px 10px
    }
    .brand_film01 {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .film_move {
        margin: 0 15px
    }
    .film_move .videoInfo strong {
        font-size: 16px
    }
    .film_move .videoInfo .videoText {
        padding: 12px;
        font-size: 12px
    }
    .brand_video {
        margin: 0 40px;
        padding-bottom: 30px
    }
    .brand_video .btnNavi {
        width: 10px;
        height: 20px;
        margin-top: -90px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/spr_navi2_m.png) no-repeat;
        background-size: 20px auto
    }
    .brand_video .btnNavi.btn_l {
        left: -20px
    }
    .brand_video .btnNavi.btn_r {
        right: -20px
    }
    .brand_video .tmbArea {
        display: none
    }
    .brand_video .imgArea li .movie {
        height: 150px
    }
    .brand_video .imgArea li .text {
        margin-top: 12px
    }
    .brand_video .imgArea li .text strong {
        font-size: 16px
    }
    .brand_video .imgArea li .text p {
        height: 84px;
        font-size: 12px
    }
    .brand_video .imgArea li .text .movie_explain a {
        width: 23px;
        height: 17px;
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_off_m.gif) no-repeat;
        background-size: 23px auto
    }
    .brand_video .imgArea li .text .movie_explain.on a {
        background: url(../../../content/dam/kwcms/gt/en/images/experience/btn_tvexplain_on_m.gif) no-repeat;
        background-size: 23px auto
    }
    .brand_video .imgArea li .text .movie_explain.on .movieTxt {
        top: 25px;
        height: 60px;
        padding: 12px;
        font-size: 11px;
        line-height: 1.3
    }
    .brand_intro {
        padding: 0 15px 40px 15px
    }
    .brand_recipe .recipe_tit {
        margin: 30px 0 5px;
        font-size: 18px
    }
    .brand_recipe .recipe_list>li {
        float: none;
        width: 100%;
        margin-top: 20px
    }
    .brand_recipe .recipe_list>li .recipeIn {
        padding: 0 15px
    }
    .brand_recipe .recipe_list>li .tit {
        margin-top: 8px;
        min-height: inherit;
        font-size: 15px
    }
    .brand_recipe .recipe_list>li .desc li {
        margin-top: 5px
    }
    .recipe_detail {
        margin: 0 15px
    }
    .recipe_detail .detail_tit {
        margin: 32px 0 15px;
        font-size: 18px
    }
    .recipe_detail .detail_pic {
        margin-bottom: 10px
    }
    .recipe_detail .detail_pic img {
        width: 100%
    }
    .recipe_detail .detail_desc {
        margin: 0
    }
    .recipe_detail .detail_desc>li {
        float: none;
        width: 100%;
        margin-top: 24px
    }
    .recipe_detail .detail_desc>li strong {
        font-size: 13px
    }
    .recipe_detail .detail>li {
        margin-top: 5px
    }
    .brand_people {
        margin: 0 15px;
        padding: 0;
        border: 0
    }
    .brand_people .photo {
        float: none;
        width: 100%
    }
    .brand_people .photo img {
        width: 100%
    }
    .brand_people .info {
        margin-top: 25px
    }
    .brand_people .info strong {
        font-size: 17px
    }
    .brand_people .info p {
        margin: 3px 0 22px
    }
    .sound_sonic {
        margin-bottom: 35px
    }
    .sound_sonic li {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .sound_sonic li strong,
    .sound_sonic li span {
        text-align: center
    }
    .sound_sonic li strong:before {
        width: 113px;
        height: 113px;
        margin-bottom: 15px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_brandSonic_m.png);
        background-size: 343px auto
    }
    .sound_sonic li.sonic02 strong:before {
        background-position: -114px 0
    }
    .sound_sonic li.sonic03 strong:before {
        background-position: -228px 0
    }
    .sound_gallery .form_wrp {
        margin: 0 15px
    }
    .sound_gallery .promotion_view ul li .imgArea {
        height: auto !important;
        padding-top: 150px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_play_m.png);
        background-position: 50% 20px;
        background-size: 118px auto
    }
    .sound_gallery .promotion_view ul li .imgArea .play {
        top: 20px;
        height: 118px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/img_playon_m.png);
        background-size: 118px auto
    }
    .sound_gallery .promotion_view .btn_l {
        left: 15px
    }
    .sound_gallery .promotion_view .btn_r {
        right: 15px
    }
    .sound_gallery .promotion_view ul li .imgArea strong {
        margin-bottom: 5px;
        font-size: 17px
    }
    .sound_gallery .tab_gallery {
        display: block;
        width: auto;
        margin: 35px 15px 20px 15px
    }
    .sound_gallery .thumnail li {
        margin-bottom: 6px
    }
    .sound_gallery .thumnail a {
        width: auto;
        height: auto;
        color: #000;
        line-height: 41px;
        background: #f5f5f5;
        border-top: 1px solid #d0d0d0
    }
    .sound_gallery .thumnail li.tab_on a {
        line-height: 39px
    }
    .sound_gallery .thumnail a:after {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/ico_soundplay_m.png);
        background-size: 74px auto
    }
    .sound_gallery .thumnail li.tab_on a:after {
        background-position: -50px 0
    }
    .sound_gallery .thumnail li.tab_on a.stop:after {
        background-position: -25px 0
    }
    .bellDown {
        margin: 0 15px;
        padding-top: 5px;
        text-align: left
    }
    .bellDown strong {
        display: block;
        margin: 10px 0
    }
    .bellNote {
        margin: 10px 15px 0;
        text-align: left
    }
    .brand_sound01,
    .brand_sound02,
    .brand_sound03 {
        padding-bottom: 40px
    }
    .brand_scent01 {
        margin: 0 15px;
        padding: 15px 0 40px
    }
    .brand_scent01 img {
        width: 100%
    }
    .brand_scent01 .scentTxt01 {
        margin-top: 25px
    }
    .brand_scent02 .desc li {
        margin-top: 5px
    }
    .brand_scent02 {
        padding-bottom: 40px
    }
    .exTab_type li .tab_dep2 li {
        border: 0
    }
    .exTab_type li .tab_dep2 li a {
        margin: 0
    }
    .tvContents .popup .pop_con .img_more {
        padding: 10px 12px 15px
    }
    .tvContents .popup .pop_con .img_more dt {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px
    }
    .tvContents .popup .pop_con .img_more dd {
        font-size: 12px;
        line-height: 16px
    }
    .tvContents .popup_wrap02 {
        width: 320px;
        height: 200px;
        margin-left: -160px
    }
    .tvContents .popup_wrap02 .closeBtn {
        position: absolute;
        top: -34px;
        right: 0;
        padding: 10px
    }
}

@media all and (max-width:625px) {
    .tvList li a span.txt {
        height: 20px;
        padding: 0;
        background-size: 1px 30px
    }
    .exTab_type li .tab_dep2 li a {
        margin: 0 0 1px 1px;
        padding: 0;
        color: #000;
        font-size: 14px;
        line-height: 40px;
        background: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@media(min-width:768px) {
    .exTab_type .col6 li {
        width: 17%
    }
    .exTab_type .col6 li:first-child,
    .exTab_type .col6 li:last-child {
        width: 16%
    }
}

@media(min-width:951px) {
    .exTab_type .col6 li:first-child:not(*: root), .exTab_type .col6 li:last-child:not(*:root) {
        width:16.27%
    }
}

@media(min-width:768px) and (max-width:950px) {
    .exTab_type .col6 li:first-child:not(*: root), .exTab_type .col6 li:last-child:not(*:root) {
        width:16.1%
    }
}

.ex_kiaWrap .ex_visual {
    width: 100%;
    margin: auto
}

.ex_kiaWrap .ex_visual.philosophy {
    max-width: 100%;
    margin: 0
}

.ex_kiaWrap .exkia_inner {
    width: 100%;
    max-width: 940px
}

.corevalue {
    background: 0 none
}

.corevalue .valueCon {
    width: 940px
}

.slideWrap .slider .slide_inner {
    margin-right: 45px;
    padding-left: 45px
}

.ex_visual.promotion03 .promotion_play a {
    margin-left: -29px
}

.social_media {
    max-width: 940px;
    margin: 0 auto -100px
}

.exkia_inner .camp_move {
    padding-top: 0
}

.exkia_inner .camp_move2 {
    padding-bottom: 0
}

@media(min-width:1121px) {
    .corevalue .valueCon .valueList01 {
        width: 140px;
        background-image: url('../../../content/dam/kwcms/gt/en/images/experience/bg_value01.png')
    }
    .corevalue .valueCon .valueList02 {
        left: 188px;
        width: 140px
    }
    .corevalue .valueCon .valueList03 {
        top: 22px;
        left: 374px;
        width: 142px
    }
    .corevalue .valueCon .valueList04 {
        left: 562px;
        width: 140px
    }
    .corevalue .valueCon .valueList05 {
        left: 750px;
        width: 140px;
        background-image: url('../../../content/dam/kwcms/gt/en/images/experience/bg_value05.png')
    }
    .brand_video {
        width: 825px;
        margin: 0 auto
    }
    .sound_gallery .form_wrp {
        width: auto
    }
    .promotionCon .promotion_view {
        float: none;
        width: 727px;
        margin: 0 auto
    }
    .sound_gallery .promotion_view ul {
        height: auto;
        border: 0
    }
    .sound_gallery .promotion_view ul li .imgArea {
        height: auto
    }
    .sound_gallery .tab_gallery {
        display: block;
        float: none;
        width: 737px;
        height: auto;
        margin: 100px auto 20px
    }
    .sound_gallery .tab_gallery .thumnail {
        display: block;
        width: auto
    }
    .exkia_gallery .tab_gallery {
        position: relative;
        width: 738px;
        margin: 0 auto 40px;
        height: 120px;
        overflow: hidden
    }
    .exkia_gallery .thumnail {
        float: none;
        width: 10000px;
        margin: 0 -6px
    }
    .exkia_gallery .thumnail li {
        margin: 0 5px 0
    }
    .exkia_gallery .thumnail a,
    .exkia_gallery .thumnail .imgArea {
        width: 113px;
        height: 113px
    }
    .exkia_gallery .thumnail .off.on {
        border-width: 6px;
        width: 101px;
        height: 101px
    }
    .exkia_gallery .gallery_view {
        float: none;
        width: auto
    }
    .exkia_gallery .gallery_view .imgWrap {
        width: 738px;
        margin: 0 auto;
        overflow: hidden
    }
    .inno_driving .exkia_inner {
        margin: 0 auto;
        padding: 95px 0
    }
    .social_media .sns_block.type1,
    .social_media .sns_block.type1 .sns_bg .in {
        height: 554px
    }
    .social_media .sns_block.type2,
    .social_media .sns_block.type2 .sns_bg .in {
        height: 126px
    }
    .social_media .sns_block.type3,
    .social_media .sns_block.type3 .sns_bg .in {
        height: 266px
    }
    .social_media .sns_block.type1_1,
    .social_media .sns_block.type1_1 .sns_bg .in {
        height: 307px
    }
    .social_media .sns_block.type1_2,
    .social_media .sns_block.type1_2 .sns_bg .in {
        height: 247px
    }
    .social_media .sns_box .sns_info {
        padding: 0 30px
    }
    .cont_sports .nadalspon {
        background: url('../../../content/dam/kwcms/gt/en/images/experience/bg_nadal_t.png') no-repeat center bottom;
        min-height: 450px
    }
    .cont_sports .fifaspon {
        background: url('../../../content/dam/kwcms/gt/en/images/experience/bg_fifa_t.jpg') no-repeat right top;
        min-height: 140px;
        padding: 150px 0 0 25px
    }
    .etc_spon .thSection .thBox {
        margin: 0 15px
    }
    .cont_sports .fifaspon .img .thSection {
        margin: 0 -6px
    }
    .cont_sports .fifaspon .img .thBox {
        margin: 0 6px
    }
    .cont_sports .fifaspon .img img {
        width: 100%
    }
    .etc_spon {
        padding-top: 45px
    }
    .etc_spon .thSection {
        margin: 0 -15px
    }
    .etc_spon .thSection .thBox {
        margin: 0 15px
    }
    .etc_spon .img {
        width: 100%
    }
    .tvList li {
        width: 33.3%
    }
    .tvList li a span.img {
        height: auto
    }
    .driving_mode {
        padding-bottom: 80px
    }
    .driving_mode .seq_btn ul li {
        margin: 19px 0 0 10px
    }
    .driving_mode .seq_btn ul li .btnLarge {
        font-size: 14px
    }
    .titleImg.safety_bumper {
        height: 442px;
        margin-bottom: 70px
    }
    .engine_gallery .tab_gallery {
        height: auto
    }
    .engine_gallery .thumnail {
        margin: 0 !important;
        width: auto
    }
    .engine_gallery .thumnail li {
        float: left;
        width: 235px;
        margin: 0 !important
    }
    .engine_gallery .thumnail .off.on {
        border: 0 none;
        width: auto;
        height: auto
    }
    .chart_durability {
        padding: 0 0 50px;
        text-align: center
    }
    .chart_durability .chartWrap {
        display: inline-block;
        overflow: hidden;
        margin: 0 auto 40px;
        padding: 0
    }
    .chart_durability .chartWrap:before {
        top: 165px;
        left: 50%;
        width: 300px;
        height: 2px;
        margin-left: -150px
    }
    .chart_durability .chartWrap2:before {
        width: 90%;
        height: 2px;
        margin-left: -45%
    }
    .chart_durability .chartWrap h5 {
        top: 0;
        left: 50%;
        margin-left: -142px
    }
    .chart_durability .chartWrap h5:before {
        display: block;
        content: '';
        position: absolute;
        top: 57px;
        left: 50%;
        width: 2px;
        height: 109px;
        background: #bb162b
    }
    .chart_durability ol {
        display: inline-block;
        margin: 0 auto;
        padding-top: 89px
    }
    .chart_durability .chartWrap2 ol li {
        width: 20%
    }
    .chart_durability .chartWrap h5 span {
        display: table-cell;
        vertical-align: middle;
        width: 280px;
        color: #bb162b;
        font-size: 15px;
        font-family: kiaM;
        height: 54px;
        line-height: 15px;
        border: 2px solid #bb162b;
        border-radius: 53px;
        text-align: center;
        background: #fff
    }
    .award_list .list {
        margin: 0 -12px
    }
    .award_list .list li a {
        margin: 12px
    }
    .award_list .list li a strong {
        padding-left: 5px;
        font-size: 14px
    }
    .sound_gallery .tab_gallery {
        display: block;
        float: none;
        width: 737px;
        height: auto;
        margin: 100px auto 20px auto
    }
    .sound_gallery .tab_gallery .thumnail {
        display: block;
        width: auto
    }
    .sound_gallery .thumnail li {
        margin: 0 5px 6px
    }
    .sound_gallery .thumnail a,
    .sound_gallery .thumnail .imgArea {
        width: auto;
        height: auto
    }
    .sound_gallery .thumnail a {
        line-height: 41px
    }
}

@media(max-width:1120px) {
    .ex_kiaWrap .exkia_inner {
        margin: 52px auto 0
    }
    .corevalue .valueCon {
        margin: auto
    }
    .brand_tab li.tab2Line a {
        padding: 0
    }
    .brand_tab li.tab2Line a br {
        display: none
    }
    .brand_video {
        width: 825px;
        margin: 0 auto
    }
    .inno_driving .exkia_inner {
        margin: 0 auto
    }
    .promotionImg {
        border: 1px solid #ededed
    }
    .australian_open {
        min-height: 408px;
        background: url('../../../content/dam/kwcms/gt/en/images/experience/bg_australian.jpg') no-repeat right top
    }
    .driving_mode .seq_btn ul {
        text-align: center
    }
    .chart_durability .chartWrap h5 span {
        display: table-cell;
        vertical-align: middle;
        width: 280px;
        color: #bb162b;
        font-size: 15px;
        font-family: kiaM;
        height: 54px;
        line-height: 15px;
        border: 2px solid #bb162b;
        border-radius: 53px;
        text-align: center;
        background: #fff
    }
}

@media all and (max-width:1024px) {
    .ex_kiaWrap .exkia_inner {
        width: auto;
        margin: 52px 14px 0
    }
    .corevalue .valueCon {
        width: auto;
        margin: 52px 14px 0
    }
    .brand_tab li.tab2Line a {
        padding: 5px 15px;
        line-height: 17px
    }
    .brand_tab li.tab2Line a br {
        display: block
    }
    .brand_video {
        width: auto;
        margin: 0 70px
    }
    .inno_driving .exkia_inner {
        margin: 0 auto
    }
    .social_media {
        margin-bottom: -60px
    }
    .australian_open {
        min-height: 408px;
        background: url('../../../content/dam/kwcms/gt/en/images/experience/bg_australian_t.jpg') no-repeat right top
    }
}

@media all and (max-width:960px) {
    .promotionImg {
        border-width: 1px 0
    }
}

@media(max-width:767px) {
    .ex_kiaWrap .exkia_inner {
        margin: 48px 0 20px 0
    }
    .slideWrap .slider .slide_inner {
        margin-right: 0;
        padding-left: 0
    }
    .inno_driving .exkia_inner {
        margin: 0 auto;
        padding: 48px 0
    }
    .ex_visual.promotion03 .promotion_play a {
        margin-left: -15px
    }
    .social_media {
        margin-bottom: -40px
    }
}

@media(min-width:985px) {
    .slide_technology .slider_inner .pg_btn_area {
        top: 474px !important
    }
}

.titleImg.vehicles_01 {
    background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_01.jpg) no-repeat 50% 100%;
    background-size: cover;
    margin-bottom: 0
}

.titleImg.vehicles_02 {
    background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_02.png) no-repeat 50% 100%;
    background-size: cover;
    margin-bottom: 0
}

.titleImg.vehicles_03 {
    background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_03.png) no-repeat 50% 100%;
    background-size: cover;
    margin-bottom: 0
}

@media(max-width:1120px) {
    .titleImg.vehicles_01 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_01.jpg) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.vehicles_02 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_02.png) no-repeat 50% 100%;
        background-size: cover
    }
    .titleImg.vehicles_03 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_03.png) no-repeat 50% 100%;
        background-size: cover
    }
}

@media(max-width:767px) {
    .titleImg.vehicles_01 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_01.jpg) no-repeat 50% 100%;
        background-size: cover;
        height: 230px
    }
    .titleImg.vehicles_02 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_02.png) no-repeat 50% 100%;
        background-size: cover;
        height: 230px
    }
    .titleImg.vehicles_03 {
        background: url(../../../content/dam/kwcms/ec/es/images/shopping-tools/ec_exonerated_vehicles_03.png) no-repeat 50% 100%;
        background-size: cover;
        height: 230px
    }
}

.ces-background {
    margin-top: 30px
}

@charset "utf-8";
.searchBox {
    padding: 45px 90px
}

.searchBox .form_wrp {
    margin: 0 200px 0 0
}

.searchBox .btnArea {
    right: 178px;
    top: 50px
}

.searchBox .form_chk {
    right: 90px;
    top: 55px;
    left: auto
}

.search_result {
    padding: 20px 29px 59px 29px;
    border: 1px solid #e8e8e8;
    background: #fff
}

.search_result .caption {
    font-size: 21px
}

.search_result .list {
    margin: 20px 0 0 0;
    border-top: 2px solid #a7a7a7
}

.search_result .list>div {
    padding: 15px 10px;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    overflow: hidden
}

.search_result .list>div a {
    font-size: 18px;
    font-family: kiaB, Hevetica
}

.search_result .list>div p {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #999;
    padding: 0 90px 0 0
}

.search_result .list>div span.date {
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: 15px
}

@media all and (max-width:767px) {
    .searchBox {
        padding: 29px 20px
    }
    .searchBox .form_wrp {
        margin: 0
    }
    .searchBox .btnArea {
        padding-bottom: 0;
        border-bottom: 0
    }
}

.country_selector a:hover {
    text-decoration: none
}

.tab_region .select_wrap {
    display: none
}

.tab_region .tab_tit {
    margin: 20px 0 0;
    background-color: #fff;
    border-top: 2px solid #515151;
    border-right: 1px solid #e3e3e3;
    border-bottom: 2px solid #7d7d7d;
    border-left: 1px solid #e3e3e3;
    position: relative;
    text-align: center;
    overflow: hidden
}

.tab_region .tab_tit img {
    margin: auto
}

.tab_region .tab_tit.vd {
    height: 502px
}

.tab_region .tab_tit.vt {
    display: none
}

.tab_region .tab_tit .map_basic,
.tab_region .tab_tit .map_all {
    width: 840px;
    height: 502px
}

.tab_region .tab_tit.vd .map_all,
.tab_region .tab_tit.vd.all .map_basic {
    display: none
}

.tab_region .tab_tit.vd.all .map_all {
    display: block
}

.tab_region .tab_conts {
    margin: 30px 0 0
}

.tab_region .tab_conts .depth_1 .tit_region {
    border: 1px solid #d5d5d5;
    border-bottom: 1px solid #686868;
    height: 55px;
    line-height: 55px;
    background-color: #fff
}

.tab_region .tab_conts .depth_1 .tit_region a {
    display: block;
    font-family: kiaB;
    font-size: 16px;
    padding: 0 0 0 56px;
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/d_ico_tit_region_off.gif");
    background-repeat: no-repeat;
    background-position: 11px 12px
}

.tab_region .tab_conts .depth_1.on .tit_region {
    border-color: #aa1327;
    border-bottom: 5px solid #890207;
    background-color: #bb162b;
    height: 54px;
    line-height: 54px
}

.tab_region .tab_conts .depth_1.on .tit_region a {
    color: #fff;
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/d_ico_tit_region_on.gif")
}

.tab_region .tab_conts .depth_1 .countries {
    display: none;
    border: solid #9b1123;
    border-width: 0 1px 1px 1px;
    background-color: #fff;
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/d_bg_line_countries.png");
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
    padding: 30px 0 10px;
    position: relative
}

.tab_region .tab_conts .depth_1 .countries:before,
.tab_region .tab_conts .depth_1 .countries:after {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    background-color: #fff;
    position: absolute;
    left: 0
}

.tab_region .tab_conts .depth_1 .countries:before {
    top: 0
}

.tab_region .tab_conts .depth_1 .countries:after {
    bottom: 0
}

.tab_region .countries li {
    width: 33.33333%;
    box-sizing: border-box;
    float: left;
    padding: 0 21px;
    margin-bottom: 20px
}

.tab_region .countries .name {
    display: block;
    height: 26px;
    line-height: 26px;
    float: left;
    font-size: 14px;
    color: #000;
    padding-left: 52px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.tab_region .countries .c_au .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_au.png")
}

.tab_region .countries .c_bn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_bn.png")
}

.tab_region .countries .c_kh .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_kh.png")
}

.tab_region .countries .c_cn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_cn.png")
}

.tab_region .countries .c_fj .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_fj.png")
}

.tab_region .countries .c_hk .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_hk.png")
}

.tab_region .countries .c_id .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_id.png")
}

.tab_region .countries .c_kr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_kr.png")
}

.tab_region .countries .c_my .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_my.png")
}

.tab_region .countries .c_mn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_mn.png")
}

.tab_region .countries .c_mm .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_mm.png")
}

.tab_region .countries .c_nz .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_nz.png")
}

.tab_region .countries .c_ph .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_ph.png")
}

.tab_region .countries .c_sg .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_sg.png")
}

.tab_region .countries .c_lk .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_lk.png")
}

.tab_region .countries .c_tw .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_tw.png")
}

.tab_region .countries .c_th .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_th.png")
}

.tab_region .countries .c_vn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_vn.png")
}

.tab_region .countries .c_la .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/asia/img_flag_la.png")
}

.tab_region .countries .c_ba .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ba.png")
}

.tab_region .countries .c_be .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_be.png")
}

.tab_region .countries .c_by .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_by.png")
}

.tab_region .countries .c_ch .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ch.png")
}

.tab_region .countries .c_bg .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_bg.png")
}

.tab_region .countries .c_cz .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_cz.png")
}

.tab_region .countries .c_cy .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_cy.png")
}

.tab_region .countries .c_ee .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ee.png")
}

.tab_region .countries .c_de .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_de.png")
}

.tab_region .countries .c_es .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_es.png")
}

.tab_region .countries .c_dk .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_dk.png")
}

.tab_region .countries .c_fr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_fr.png")
}

.tab_region .countries .c_gb .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_gb.png")
}

.tab_region .countries .c_ge .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ge.png")
}

.tab_region .countries .c_gr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_gr.png")
}

.tab_region .countries .c_hr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_hr.png")
}

.tab_region .countries .c_fi .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_fi.png")
}

.tab_region .countries .c_ie .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ie.png")
}

.tab_region .countries .c_is .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_is.png")
}

.tab_region .countries .c_hu .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_hu.png")
}

.tab_region .countries .c_kz .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_kz.png")
}

.tab_region .countries .c_lt .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_lt.png")
}

.tab_region .countries .c_it .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_it.png")
}

.tab_region .countries .c_kg .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_kg.png")
}

.tab_region .countries .c_kosovo .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_kosovo.png")
}

.tab_region .countries .c_me .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_me.png")
}

.tab_region .countries .c_md .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_md.png")
}

.tab_region .countries .c_nl .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_nl.png")
}

.tab_region .countries .c_no .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_no.png")
}

.tab_region .countries .c_lu .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_lu.png")
}

.tab_region .countries .c_mk .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_mk.png")
}

.tab_region .countries .c_lv .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_lv.png")
}

.tab_region .countries .c_rs .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_rs.png")
}

.tab_region .countries .c_mt .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_mt.png")
}

.tab_region .countries .c_pl .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_pl.png")
}

.tab_region .countries .c_si .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_si.png")
}

.tab_region .countries .c_sk .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_sk.png")
}

.tab_region .countries .c_pt .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_pt.png")
}

.tab_region .countries .c_tj .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_tj.png")
}

.tab_region .countries .c_tm .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_tm.png")
}

.tab_region .countries .c_ro .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ro.png")
}

.tab_region .countries .c_uz .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_uz.png")
}

.tab_region .countries .c_se .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_se.png")
}

.tab_region .countries .c_ru .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ru.png")
}

.tab_region .countries .c_al .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_al.png")
}

.tab_region .countries .c_at .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_at.png")
}

.tab_region .countries .c_az .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_az.png")
}

.tab_region .countries .c_tr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_tr.png")
}

.tab_region .countries .c_ua .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_ua.png")
}

.tab_region .countries .c_am .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/europe/img_flag_am.png")
}

.tab_region .countries .c_jo .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_jo.png")
}

.tab_region .countries .c_kw .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_kw.png")
}

.tab_region .countries .c_lb .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_lb.png")
}

.tab_region .countries .c_om .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_om.png")
}

.tab_region .countries .c_qa .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_qa.png")
}

.tab_region .countries .c_sa .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_sa.png")
}

.tab_region .countries .c_ye .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_ye.png")
}

.tab_region .countries .c_ae .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_ae.png")
}

.tab_region .countries .c_il .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_il.png")
}

.tab_region .countries .c_iq .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/middleeast/img_flag_iq.png")
}

.tab_region .countries .c_eg .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_eg.png")
}

.tab_region .countries .c_ly .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_ly.png")
}

.tab_region .countries .c_ke .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_ke.png")
}

.tab_region .countries .c_mu .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_mu.png")
}

.tab_region .countries .c_sc .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_sc.png")
}

.tab_region .countries .c_ng .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_ng.png")
}

.tab_region .countries .c_sd .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_sd.png")
}

.tab_region .countries .c_re .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_re.png")
}

.tab_region .countries .c_za .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_za.png")
}

.tab_region .countries .c_tn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_tn.png")
}

.tab_region .countries .c_dz .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_dz.png")
}

.tab_region .countries .c_ao .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_ao.png")
}

.tab_region .countries .c_cm .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_cm.png")
}

.tab_region .countries .c_ma .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_ma.png")
}

.tab_region .countries .c_canary .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/africa/img_flag_canary.png")
}

.tab_region .countries .c_us .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/northamerica/img_flag_us.png")
}

.tab_region .countries .c_ca .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/northamerica/img_flag_ca.png")
}

.tab_region .countries .c_mx .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/northamerica/img_flag_mx.png")
}

.tab_region .countries .c_br .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_br.png")
}

.tab_region .countries .c_cl .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_cl.png")
}

.tab_region .countries .c_curacao .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_co.png")
}

.tab_region .countries .c_cu .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_curacao.png")
}

.tab_region .countries .c_cr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_cr.png")
}

.tab_region .countries .c_ec .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_ec.png")
}

.tab_region .countries .c_gp .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_gp.png")
}

.tab_region .countries .c_dm .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_dm.png")
}

.tab_region .countries .c_gt .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_gt.png")
}

.tab_region .countries .c_mq .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_mq.png")
}

.tab_region .countries .c_hn .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_hn.png")
}

.tab_region .countries .c_ni .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_ni.png")
}

.tab_region .countries .c_pa .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_pa.png")
}

.tab_region .countries .c_pr .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_pr.png")
}

.tab_region .countries .c_sv .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_sv.png")
}

.tab_region .countries .c_pe .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_pe.png")
}

.tab_region .countries .c_tt .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_tt.png")
}

.tab_region .countries .c_py .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_py.png")
}

.tab_region .countries .c_uy .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_uy.png")
}

.tab_region .countries .c_ve .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_ve.png")
}

.tab_region .countries .c_ar .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_ar.png")
}

.tab_region .countries .c_aw .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_aw.png")
}

.tab_region .countries .c_bo .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_bo.png")
}

.tab_region .countries .c_do .name {
    background-image: url("../../../content/dam/kwcms/gt/en/images/country/southamerica/img_flag_do.png")
}

.tab_region .countries .name em {
    color: #666;
    padding-left: 5px
}

.tab_region .countries .language {
    font-size: 14px;
    color: #000;
    float: right;
    line-height: 26px
}

.tab_region .tab_conts .depth_1.on .countries {
    display: block
}

@media all and (max-width:1024px) {
    .tab_region .tab_tit.vt {
        display: block;
        height: 410px
    }
    .tab_region .tab_tit.vd {
        display: none
    }
    .tab_region .tab_tit .map_basic,
    .tab_region .tab_tit .map_all {
        width: 686px;
        height: 410px
    }
    .tab_region .tab_tit.vt .map_all,
    .tab_region .tab_tit.vt.all .map_basic {
        display: none
    }
    .tab_region .tab_tit.vt.all .map_all {
        display: block
    }
    .tab_region .tab_conts .depth_1 .countries {
        background-image: none
    }
    .tab_region .tab_conts .depth_1 .countries:before {
        width: 1px;
        height: 100%;
        background-color: #e3e3e3;
        left: 50%;
        top: 30px
    }
    .tab_region .countries li {
        width: 50%
    }
}

@media all and (max-width:767px) {
    .inner.country_selector {
        margin: 0;
        min-width: 320px
    }
    .tab_region .select_wrap {
        display: block;
        padding-top: 20px;
        margin-bottom: 15px
    }
    .tab_region .select_wrap .inner {
        margin: 0 15px
    }
    .tab_region .select_wrap .tit_sel {
        font-size: 12px;
        color: #000;
        line-height: 12px;
        font-family: 'kiaM'
    }
    .tab_region .select_wrap .box_sel {
        border: 2px solid #e8e8e8;
        margin-top: 8px;
        padding: 15px 12px 20px
    }
    .tab_region .select_wrap .box_sel h3 {
        font-family: 'kiaM';
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 5px
    }
    .tab_region .select_wrap .box_sel .form_wrp .sel_box .selected-headline {
        height: 34px;
        line-height: 34px
    }
    .tab_region .btn_wrap {
        text-align: center
    }
    .tab_region .tab_conts {
        margin: 20px 0 0
    }
    .tab_region .tab_tit.vd,
    .tab_region .tab_tit.vt {
        display: none
    }
    .tab_region .tab_conts .depth_1 .tit_region {
        background-color: #e2e2e2;
        height: 47px;
        line-height: 47px
    }
    .tab_region .tab_conts .depth_1.on .tit_region {
        height: 47px;
        line-height: 47px
    }
    .tab_region .tab_conts .depth_1 .tit_region a {
        background-image: url("../../../content/dam/kwcms/gt/en/images/country/m_ico_tit_region_off.png");
        background-position: 15px 18px;
        background-size: 12px 11px;
        padding: 0 0 0 38px
    }
    .tab_region .tab_conts .depth_1.on .tit_region a {
        background-image: url("../../../content/dam/kwcms/gt/en/images/country/m_ico_tit_region_on.png");
        font-size: 14px
    }
    .tab_region .tab_conts .depth_1 .countries {
        padding: 0 15px
    }
    .tab_region .tab_conts .depth_1 .countries:before,
    .tab_region .tab_conts .depth_1 .countries:after {
        display: none
    }
    .tab_region .countries li {
        width: 100%;
        float: none;
        overflow: hidden;
        padding: 12px 0;
        margin: 0;
        border-top: 1px solid #e8e8e8
    }
    .tab_region .countries li:first-child {
        border-top: 0 none
    }
    .tab_region .countries .name {
        font-size: 13px
    }
    .tab_region .countries .language {
        font-size: 13px;
        color: #666
    }
    .tab_region .countries .name em:before {
        content: '('
    }
    .tab_region .countries .name em:after {
        content: ')'
    }
}

.pop_main {
    position: absolute;
    width: 100%;
    max-width: 650px;
    height: auto;
    border: 1px solid #666;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 1005
}

.pop_main .inner {
    width: 100%;
    height: auto;
    margin: 0;
    background: #fff;
    position: relative;
    padding-bottom: 0
}

.pop_main .content_wrap {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    box-sizing: border-box;
    bword-break: break-all;
    position: relative;
    background-size: cover
}

.pop_main .content_wrap:hover {
    text-decoration: none
}

.pop_main .content_wrap .pop_tit {
    font-family: 'KiaB';
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px
}

.pop_main .content_wrap .pop_con {
    font-family: 'KiaB';
    font-size: 14px;
    line-height: 21px
}

.pop_main .content_wrap .pop_dis {
    font-family: 'KiaM';
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    bottom: 25px;
    width: 100%;
    box-sizing: border-box
}

.pop_main .content_wrap .v_wrap {
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 15px;
    box-sizing: border-box
}

.pop_main .content_wrap .v_wrap.v_top {
    top: 36px
}

.pop_main .content_wrap .v_wrap.v_middle {
    top: 50%
}

.pop_main .content_wrap .h_left {
    text-align: left
}

.pop_main .content_wrap .h_center {
    text-align: center
}

.pop_main .content_wrap .h_right {
    text-align: right
}

.pop_main .content_wrap .pop_dis.h_left {
    left: 0;
    padding-left: 15px
}

.pop_main .content_wrap .pop_dis.h_center {
    left: 0
}

.pop_main .content_wrap .pop_dis.h_right {
    right: 0;
    padding-right: 15px
}

.pop_main .session_area {
    background-color: #666;
    font-size: 12px;
    color: #fff;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    width: 100%;
    z-index: 999;
    position: static;
    bottom: 0
}

.pop_main .session_area * {
    vertical-align: middle
}

.pop_main .session_area label {
    padding-left: 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.pop_main .btn_close {
    display: block;
    width: 28px;
    height: 28px;
    background: url("../../../content/dam/kwcms/gt/en/images/common/btn_pop_close.gif") no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    text-indent: -9999px
}

.pop_main .content_wrap img {
    width: 100%;
    height: auto
}

@media all and (max-width:767px) {
    .pop_main {
        display: block;
        width: 98%;
        max-width: 340px;
        height: auto;
        top: 30px !important;
        left: 50% !important;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }
    .pop_main .content_wrap {
        height: auto;
        background-size: 320px 260px
    }
}

@charset "utf-8";
.pd0 {
    padding: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt65 {
    padding-top: 65px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt75 {
    padding-top: 75px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt85 {
    padding-top: 85px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt95 {
    padding-top: 95px !important
}

.pt100 {
    padding-top: 100px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr55 {
    padding-right: 55px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr65 {
    padding-right: 65px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr75 {
    padding-right: 75px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr85 {
    padding-right: 85px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr95 {
    padding-right: 95px !important
}

.pr100 {
    padding-right: 100px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb65 {
    padding-bottom: 65px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb75 {
    padding-bottom: 75px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb85 {
    padding-bottom: 85px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb95 {
    padding-bottom: 95px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pb130 {
    padding-bottom: 130px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl85 {
    padding-left: 85px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl95 {
    padding-left: 95px !important
}

.pl100 {
    padding-left: 100px !important
}

.pd5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px !important
}

.pd15 {
    padding: 15px !important
}

.pd20 {
    padding: 20px !important
}

.pd25 {
    padding: 25px !important
}

.pd30 {
    padding: 30px !important
}

.pd35 {
    padding: 35px !important
}

.pd40 {
    padding: 40px !important
}

.pd45 {
    padding: 45px !important
}

.pd50 {
    padding: 50px !important
}

.pd55 {
    padding: 55px !important
}

.pd60 {
    padding: 60px !important
}

.pd65 {
    padding: 65px !important
}

.pd70 {
    padding: 70px !important
}

.pd75 {
    padding: 75px !important
}

.pd80 {
    padding: 80px !important
}

.pd85 {
    padding: 85px !important
}

.pd90 {
    padding: 90px !important
}

.pd95 {
    padding: 95px !important
}

.pd100 {
    padding: 100px !important
}

.mg0 {
    margin: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt65 {
    margin-top: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt95 {
    margin-top: 95px !important
}

.mt100 {
    margin-top: 100px !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr65 {
    margin-right: 65px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr75 {
    margin-right: 75px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr85 {
    margin-right: 85px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr95 {
    margin-right: 95px !important
}

.mr100 {
    margin-right: 100px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb95 {
    margin-bottom: 95px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml65 {
    margin-left: 65px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml75 {
    margin-left: 75px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml85 {
    margin-left: 85px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml95 {
    margin-left: 95px !important
}

.ml100 {
    margin-left: 100px !important
}

.mg5 {
    margin: 5px !important
}

.mg10 {
    margin: 10px !important
}

.mg15 {
    margin: 15px !important
}

.mg20 {
    margin: 20px !important
}

.mg25 {
    margin: 25px !important
}

.mg30 {
    margin: 30px !important
}

.mg35 {
    margin: 35px !important
}

.mg40 {
    margin: 40px !important
}

.mg45 {
    margin: 45px !important
}

.mg50 {
    margin: 50px !important
}

.mg55 {
    margin: 55px !important
}

.mg60 {
    margin: 60px !important
}

.mg65 {
    margin: 65px !important
}

.mg70 {
    margin: 70px !important
}

.mg75 {
    margin: 75px !important
}

.mg80 {
    margin: 80px !important
}

.mg85 {
    margin: 85px !important
}

.mg90 {
    margin: 90px !important
}

.mg95 {
    margin: 95px !important
}

.mg100 {
    margin: 100px !important
}

.fs9 {
    font-size: 9px !important
}

.fs10 {
    font-size: 10px !important
}

.fs11 {
    font-size: 11px !important
}

.fs12 {
    font-size: 12px !important
}

.fs13 {
    font-size: 13px !important
}

.fs14 {
    font-size: 14px !important
}

.fs15 {
    font-size: 15px !important
}

.fs16 {
    font-size: 16px !important
}

.fs17 {
    font-size: 17px !important
}

.fs18 {
    font-size: 18px !important
}

.fs19 {
    font-size: 19px !important
}

.fs20 {
    font-size: 20px !important
}

.fs21 {
    font-size: 21px !important
}

.fs22 {
    font-size: 22px !important
}

.fs23 {
    font-size: 23px !important
}

.fs24 {
    font-size: 24px !important
}

.fs25 {
    font-size: 25px !important
}

.fs26 {
    font-size: 26px !important
}

.fs27 {
    font-size: 27px !important
}

.fs28 {
    font-size: 28px !important
}

.fs29 {
    font-size: 29px !important
}

.fs30 {
    font-size: 30px !important
}

.fs31 {
    font-size: 31px !important
}

.fs32 {
    font-size: 32px !important
}

.fs33 {
    font-size: 33px !important
}

.fs34 {
    font-size: 34px !important
}

.fs35 {
    font-size: 35px !important
}

.fs36 {
    font-size: 36px !important
}

.fs37 {
    font-size: 37px !important
}

.fs38 {
    font-size: 38px !important
}

.fs39 {
    font-size: 39px !important
}

.fs40 {
    font-size: 40px !important
}

.fs41 {
    font-size: 41px !important
}

.fs42 {
    font-size: 42px !important
}

.fs43 {
    font-size: 43px !important
}

.fs44 {
    font-size: 44px !important
}

.fs45 {
    font-size: 45px !important
}

.fs46 {
    font-size: 46px !important
}

.fs47 {
    font-size: 47px !important
}

.fs48 {
    font-size: 48px !important
}

.fs49 {
    font-size: 49px !important
}

.fs50 {
    font-size: 50px !important
}

.fs51 {
    font-size: 51px !important
}

.fs52 {
    font-size: 52px !important
}

.fs53 {
    font-size: 48px !important
}

.fs54 {
    font-size: 54px !important
}

.fs55 {
    font-size: 55px !important
}

.fs56 {
    font-size: 56px !important
}

.fs57 {
    font-size: 57px !important
}

.fs58 {
    font-size: 58px !important
}

.fs59 {
    font-size: 59px !important
}

.fs60 {
    font-size: 60px !important
}

.fs61 {
    font-size: 61px !important
}

.fs62 {
    font-size: 62px !important
}

.fs63 {
    font-size: 48px !important
}

.fs64 {
    font-size: 64px !important
}

.fs65 {
    font-size: 65px !important
}

.fs66 {
    font-size: 66px !important
}

.fs67 {
    font-size: 67px !important
}

.fs68 {
    font-size: 68px !important
}

.fs69 {
    font-size: 69px !important
}

.fs70 {
    font-size: 70px !important
}

.fs71 {
    font-size: 71px !important
}

.fs72 {
    font-size: 72px !important
}

.fs73 {
    font-size: 48px !important
}

.fs74 {
    font-size: 74px !important
}

.fs75 {
    font-size: 75px !important
}

.fs76 {
    font-size: 76px !important
}

.fs77 {
    font-size: 77px !important
}

.fs78 {
    font-size: 78px !important
}

.fs79 {
    font-size: 79px !important
}

.fs80 {
    font-size: 80px !important
}

.bd1 {
    border: 1px solid #7e8083 !important
}

.bd2 {
    border: 2px solid #7e8083 !important
}

.bd3 {
    border: 3px solid #7e8083 !important
}

.bd4 {
    border: 4px solid #7e8083 !important
}

.bd5 {
    border: 5px solid #7e8083 !important
}

.bd6 {
    border: 5px solid #7e8083 !important
}

.bd7 {
    border: 5px solid #7e8083 !important
}

.bd8 {
    border: 5px solid #7e8083 !important
}

.bd9 {
    border: 5px solid #7e8083 !important
}

.bd10 {
    border: 5px solid #7e8083 !important
}

.bd_t1 {
    border-top: 1px solid !important
}

.bd_t2 {
    border-top: 2px solid !important
}

.bd_t3 {
    border-top: 3px solid !important
}

.bd_t4 {
    border-top: 4px solid !important
}

.bd_t5 {
    border-top: 5px solid !important
}

.bd_t6 {
    border-top: 5px solid !important
}

.bd_t7 {
    border-top: 5px solid !important
}

.bd_t8 {
    border-top: 5px solid !important
}

.bd_t9 {
    border-top: 5px solid !important
}

.bd_t10 {
    border-top: 5px solid !important
}

.bd_b1 {
    border-bottom: 1px solid !important
}

.bd_b2 {
    border-bottom: 2px solid !important
}

.bd_b3 {
    border-bottom: 3px solid !important
}

.bd_b4 {
    border-bottom: 4px solid !important
}

.bd_b5 {
    border-bottom: 5px solid !important
}

.bd_b6 {
    border-bottom: 5px solid !important
}

.bd_b7 {
    border-bottom: 5px solid !important
}

.bd_b8 {
    border-bottom: 5px solid !important
}

.bd_b9 {
    border-bottom: 5px solid !important
}

.bd_b10 {
    border-bottom: 5px solid !important
}

.bd_color_black {
    border-color: #000 !important
}

.bd_color_gray1 {
    border-color: #282828 !important
}

.bd_color_gray2 {
    border-color: #58595b !important
}

.bd_color_gray3 {
    border-color: #7e8083 !important
}

.bd_color_gray4 {
    border-color: #aeaeae !important
}

.bd_color_gray5 {
    border-color: #f6f6f6 !important
}

.bd_color_red1 {
    border-color: #bb162b !important
}

.kia_bold {
    font-family: KiaB !important
}

.kia_medium {
    font-family: KiaM !important
}

.fc_black {
    color: #000 !important
}

.fc_red {
    color: #bb162b !important
}

.fc_white {
    color: #fff !important
}

.fc_gray1 {
    color: #333 !important
}

.fc_gray2 {
    color: #454545 !important
}

.fc_gray3 {
    color: #666 !important
}

.fc_gray4 {
    color: #999 !important
}

.bgc_black {
    background-color: #000 !important
}

.bgc_gray1 {
    background-color: #282828 !important
}

.bgc_gray2 {
    background-color: #58595b !important
}

.bgc_gray3 {
    background-color: #7e8083 !important
}

.bgc_gray4 {
    background-color: #aeaeae !important
}

.bgc_gray5 {
    background-color: #f6f6f6 !important
}

.bgc_white {
    background-color: #fff !important
}

.bgc_red1 {
    background-color: #bb162b !important
}

.bg_none {
    background-color: none !important
}

.al {
    text-align: left !important
}

.ac {
    text-align: center !important
}

.ar {
    text-align: right !important
}

.underline {
    text-decoration: underline !important
}

.bold {
    font-weight: bold !important
}

.normal {
    font-weight: normal !important
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inblock {
    display: inline-block !important
}

.vt {
    vertical-align: top !important
}

.vm {
    vertical-align: middle !important
}

.vb {
    vertical-align: bottom !important
}

.kiaM {
    font-family: kiaM !important
}

.kiaB {
    font-family: kiaB !important
}

.cpt_box {
    border: 1px solid #d0d0d0;
    padding: 39px !important;
    background: #fff
}

.cpt_box p {
    line-height: 1.2em
}

@media(max-width:767px) {
    .cpt_box {
        padding: 14px !important
    }
}

.cpt_desc {
    font-size: 13px;
    line-height: 18px
}

.fl {
    float: left
}

.fr {
    float: right
}

[class*=tit_] {
    m
}

.tit_a_al,
.tit_b_al,
.tit_c_al {
    text-align: left
}

.tit_a_ar,
.tit_b_ar,
.tit_c_ar {
    direction: rtl
}

.tit_a_ac,
.tit_b_ac,
.tit_c_ac {
    text-align: center
}

.tit_a_al,
.tit_a_ar,
.tit_a_ac {
    font-size: 36px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px
}

.tit_a_al:after,
.tit_a_ar:after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #bb162b;
    margin-top: 18px
}

.tit_a_ac:after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #bb162b;
    margin: 18px auto 0
}

.tit_b_al,
.tit_b_ar,
.tit_b_ac {
    font-size: 40px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 10px
}

.tit_b_al:before,
.tit_b_ar:before {
    content: '';
    display: block;
    width: 64px;
    height: 2px;
    background: #d5172e;
    margin-bottom: 25px
}

.tit_b_ac:before {
    content: '';
    display: block;
    width: 64px;
    height: 2px;
    background: #bb162b;
    margin: 0 auto 25px auto
}

.tit_c_al,
.tit_c_ar,
.tit_c_ac {
    font-size: 58px;
    color: #000;
    line-height: 1em;
    margin-bottom: 30px
}

.tit_c_al:after,
.tit_c_ar:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #000;
    margin-top: 30px
}

.tit_c_ac:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #000;
    margin: 30px auto 0
}

.tit_d_al {
    line-height: 1.4em;
    margin-bottom: 20px;
    font-family: KiaB;
    font-size: 20px;
    color;
    #000
}

.tit_e_al {
    line-height: 1.4em;
    margin-bottom: 10px;
    padding-left: 13px;
    font-size: 16px;
    color: #333
}

.tit_f_al {
    line-height: 1.4em;
    padding-left: 10px;
    font-family: kiaM;
    font-size: 14px;
    color: #000
}

.tit_g_al {
    line-height: 1.4em;
    padding-left: 10px;
    font-family: kiaM;
    font-size: 13px;
    color: #666
}

.tit_h_al {
    line-height: 1.4em;
    padding-left: 7px;
    font-family: kiaM;
    font-size: 13px;
    color: #767676
}

.tit_i_al {
    line-height: 1.4em;
    padding-left: 7px;
    font-family: kiaM;
    font-size: 13px;
    color: #000
}

.tit_j_al {
    line-height: 1.4em;
    font-family: kiaB;
    font-size: 32px;
    color: #000
}

.tit_e_al:before {
    content: '';
    background-position: right 0 !important;
    width: 8px;
    height: 10px;
    margin: -3px 5px 0 -13px
}

.tit_f_al:before {
    content: '';
    background-position: right -11px !important;
    width: 4px;
    height: 4px;
    margin: 0 6px 0 -10px
}

.tit_g_al:before {
    content: '';
    background-position: right -16px !important;
    width: 4px;
    height: 4px;
    margin: -1px 6px 0 -10px
}

.tit_h_al:before {
    content: '';
    background-color: #aeaeae !important;
    width: 3px;
    height: 3px;
    margin: -1px 4px 0 -7px
}

.tit_i_al:before {
    content: '';
    background-position: right -61px !important;
    width: 3px;
    height: 5px;
    margin: -1px 4px 0 -7px
}

@media(max-width:767px) {
    .tit_a_al,
    .tit_a_ar,
    .tit_a_ac {
        font-size: 18px;
        line-height: 18px
    }
    .tit_a_al:after,
    .tit_a_ar:after {
        width: 40px;
        margin-top: 12px
    }
    .tit_a_ac:after {
        width: 40px;
        margin: 12px auto 0
    }
    .tit_b_al,
    .tit_b_ar,
    .tit_b_ac {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px
    }
    .tit_b_al:before,
    .tit_b_ar:before {
        width: 32px;
        height: 1px;
        margin-bottom: 15px
    }
    .tit_b_ac:before {
        width: 32px;
        height: 1px;
        margin: 0 auto 15px auto
    }
    .tit_c_al,
    .tit_c_ar,
    .tit_c_ac {
        font-size: 24px;
        line-height: 1.2em;
        margin-bottom: 20px
    }
    .tit_c_al:after,
    .tit_c_ar:after {
        width: 30px;
        height: 2px;
        background: #000;
        margin-top: 8px
    }
    .tit_c_ac:after {
        width: 30px;
        height: 2px;
        background: #000;
        margin: 8px auto 0
    }
    .tit_d_al {
        font-size: 14px;
        margin-bottom: 13px
    }
    .tit_j_al {
        font-size: 16px
    }
}

.bullet_a {
    margin-bottom: 10px;
    padding-left: 13px;
    font-size: 16px;
    color: #333
}

.bullet_b {
    padding-left: 10px;
    font-family: kiaM;
    font-size: 14px;
    color: #000
}

.bullet_c {
    padding-left: 10px;
    font-family: kiaM;
    font-size: 13px;
    color: #666
}

.bullet_d {
    padding-left: 7px;
    font-family: kiaM;
    font-size: 13px;
    color: #767676
}

.bullet_e {
    padding-left: 7px;
    font-family: kiaM;
    font-size: 13px;
    color: #000
}

.bullet_a:before {
    content: '';
    background-position: right 0 !important;
    width: 8px;
    height: 10px;
    margin: -3px 5px 0 -13px
}

.bullet_b:before {
    content: '';
    background-position: right -11px !important;
    width: 4px;
    height: 4px;
    margin: 0 6px 0 -10px
}

.bullet_c:before {
    content: '';
    background-position: right -16px !important;
    width: 4px;
    height: 4px;
    margin: -1px 6px 0 -10px
}

.bullet_d:before {
    content: '';
    background-color: #aeaeae !important;
    width: 3px;
    height: 3px;
    margin: -1px 4px 0 -7px
}

.bullet_e:before {
    content: '';
    background-position: right -61px !important;
    width: 3px;
    height: 5px;
    margin: -1px 4px 0 -7px
}

.tit_c_al:before,
.tit_d_al:before,
.tit_e_al:before,
.tit_f_al:before,
.tit_g_al:before,
.tit_h_al:before,
.tit_i_al:before,
.bullet_a:before,
.bullet_b:before,
.bullet_c:before,
.bullet_d:before,
.bullet_e:before {
    background: url(../../../content/dam/kwcms/gt/en/images/common/spr_common.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

[class*=btn2_] {
    display: inline-block;
    margin-top: 5px;
    font-family: kiaB;
    color: #fff;
    border: 0 none;
    background: 0;
    vertical-align: middle;
    cursor: pointer
}

[class*=btn2_] span:before,
[class*=btn2_] span:after,
[class*=btn2_close],
.btn2_square span,
.btn2_etc {
    display: inline-block;
    background: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_btn_w.png) 0 0 no-repeat;
    vertical-align: middle
}

[class*=btn2_close] span,
.btn2_etc span {
    color: transparent;
    text-indent: -9999em;
    position: absolute;
    left: -9999em
}

[class*=btn2_]:hover {
    text-decoration: underline
}

[class*=btn2_].bgc_white {
    color: #666
}

[class*=btn2_close],
btn2_etc {
    margin-top: 0
}

.btn2_small {
    padding: 0 12px;
    font-size: 12px;
    line-height: 25px;
    border-radius: 12px
}

.btn2_small span:before,
.btn2_small span:after {
    width: 18px;
    height: 18px
}

.btn2_small.btn2_al span:before {
    content: '';
    margin: -3px 5px 0 -9px
}

.btn2_small.btn2_ar span:after {
    content: '';
    margin: -3px -9px 0 5px
}

.btn2_medium {
    padding: 0 11px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px
}

.btn2_medium span:before,
.btn2_medium span:after {
    width: 24px;
    height: 24px
}

.btn2_medium.btn2_al span:before {
    content: '';
    margin: -3px 10px 0 -8px
}

.btn2_medium.btn2_ar span:after {
    content: '';
    margin: -3px -8px 0 10px
}

.btn2_large {
    padding: 0 20px;
    font-size: 18px;
    line-height: 37px;
    border-radius: 18px
}

.btn2_large span:before,
.btn2_large span:after {
    width: 31px;
    height: 31px
}

.btn2_large.btn2_al span:before {
    content: '';
    margin: -3px 10px 0 -17px
}

.btn2_large.btn2_ar span:after {
    content: '';
    margin: -3px -17px 0 10px
}

.btn2_small.ico_arrow_t span:before,
.btn2_small.ico_arrow_t span:after {
    background-position: -46px -64px
}

.btn2_medium.ico_arrow_t span:before,
.btn2_medium.ico_arrow_t span:after {
    background-position: 0 -36px
}

.btn2_large.ico_arrow_t span:before,
.btn2_large.ico_arrow_t span:after {
    background-position: 0 0
}

.btn2_small.ico_arrow_r span:before,
.btn2_small.ico_arrow_r span:after {
    background-position: -21px -64px
}

.btn2_medium.ico_arrow_r span:before,
.btn2_medium.ico_arrow_r span:after {
    background-position: -87px -36px
}

.btn2_large.ico_arrow_r span:before,
.btn2_large.ico_arrow_r span:after {
    background-position: -108px 0
}

.btn2_small.ico_arrow_b span:before,
.btn2_small.ico_arrow_b span:after {
    background-position: -69px -64px
}

.btn2_medium.ico_arrow_b span:before,
.btn2_medium.ico_arrow_b span:after {
    background-position: -29px -36px
}

.btn2_large.ico_arrow_b span:before,
.btn2_large.ico_arrow_b span:after {
    background-position: -36px 0
}

.btn2_small.ico_arrow_l span:before,
.btn2_small.ico_arrow_l span:after {
    background-position: 0 -64px
}

.btn2_medium.ico_arrow_l span:before,
.btn2_medium.ico_arrow_l span:after {
    background-position: -58px -36px
}

.btn2_large.ico_arrow_l span:before,
.btn2_large.ico_arrow_l span:after {
    background-position: -72px 0
}

.btn2_small.ico_play span:before,
.btn2_small.ico_play span:after {
    background-position: -138px -65px
}

.btn2_medium.ico_play span:before,
.btn2_medium.ico_play span:after {
    background-position: -116px -36px
}

.btn2_large.ico_play span:before,
.btn2_large.ico_play span:after {
    background-position: -144px 0
}

.btn2_small_print span:before,
.btn2_small_print span:after {
    margin: -2px 3px 0 0 !important;
    background-position: 0 -108px
}

.btn2_small_download span:before,
.btn2_small_download span:after {
    margin: -4px 3px 0 0 !important;
    background-position: -23px -108px
}

.btn2_small_reset1 span:before,
.btn2_small_reset1 span:after {
    margin: -4px 3px 0 -5px !important;
    background-position: -46px -108px
}

.btn2_small_reset2 span:before,
.btn2_small_reset2 span:after {
    margin: -4px 3px 0 -5px !important;
    background-position: -69px -108px
}

.btn2_medium_check span:before,
.btn2_medium_check span:after {
    width: 20px;
    height: 20px;
    margin: -3px 5px 0 0 !important;
    background-position: -68px -131px
}

.btn2_close_red1 {
    width: 14px;
    height: 14px;
    padding: 13px 14px;
    background-color: #bb162b;
    background-position: -94px -88px
}

.btn2_close_red2 {
    width: 14px;
    height: 14px;
    padding: 13px 14px;
    background-position: -47px -88px
}

.btn2_close_gray1 {
    width: 14px;
    height: 14px;
    padding: 13px 14px;
    background-color: #282828;
    background-position: -94px -88px
}

.btn2_close_gray2 {
    width: 14px;
    height: 14px;
    padding: 13px 14px;
    background-position: 0 -88px
}

.btn2_etc.ico_search_large {
    width: 20px;
    height: 20px;
    padding: 5px;
    background-position: 5px -156px
}

.btn2_etc.ico_search_medium {
    width: 14px;
    height: 14px;
    padding: 5px;
    background-position: -20px -156px
}

[class*=btn2_href1_] span:before {
    content: '';
    color: #333;
    margin: -1px 5px 0 0
}

[class*=btn2_href1_].btn2_ar span:before {
    display: none
}

[class*=btn2_href1_].btn2_ar span:after {
    content: '';
    color: #333;
    margin: -1px 0 0 5px
}

.btn2_href1_t {
    font-size: 11px;
    color: #333;
    text-decoration: underline !important
}

.btn2_href1_t span:before,
.btn2_href1_t span:after {
    width: 7px;
    height: 5px;
    background-position: -49px -211px
}

.btn2_href1_r {
    font-size: 11px;
    color: #333;
    text-decoration: underline !important
}

.btn2_href1_r span:before,
.btn2_href1_r span:after {
    width: 5px;
    height: 7px;
    background-position: -32px -211px
}

.btn2_href1_b {
    font-size: 11px;
    color: #333;
    text-decoration: underline !important
}

.btn2_href1_b span:before,
.btn2_href1_b span:after {
    width: 7px;
    height: 5px;
    background-position: -58px -211px
}

.btn2_href1_l {
    font-size: 11px;
    color: #333;
    text-decoration: underline !important
}

.btn2_href1_l span:before,
.btn2_href1_l span:after {
    width: 5px;
    height: 7px;
    background-position: -41px -211px
}

.btn2_link {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    vertical-align: baseline;
    text-decoration: underline
}

@media(max-width:767px) {
    [class*=btn2_] span:before,
    [class*=btn2_] span:after,
    .btn2_square span,
    .btn2_etc {
        background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_btn_m.png);
        background-size: 175px auto
    }
    .btn2_large {
        padding: 0 15px;
        font-size: 14px;
        line-height: 30px;
        border-radius: 15px
    }
    .btn2_large span:before,
    .btn2_large span:after {
        width: 24px;
        height: 24px
    }
    .btn2_large.btn2_al span:before {
        margin: -3px 10px 0 -11px
    }
    .btn2_large.btn2_ar span:after {
        margin: -3px -11px 0 10px
    }
    .btn2_large.ico_arrow_t span:before,
    .btn2_large.ico_arrow_t span:after {
        background-position: 0 -36px
    }
    .btn2_medium.ico_arrow_r span:before,
    .btn2_medium.ico_arrow_r span:after {
        background-position: -85px -36px
    }
    .btn2_large.ico_arrow_r span:before,
    .btn2_large.ico_arrow_r span:after {
        background-position: -29px -36px
    }
    .btn2_large.ico_arrow_b span:before,
    .btn2_large.ico_arrow_b span:after {
        background-position: -85px -36px
    }
    .btn2_medium.ico_arrow_l span:before,
    .btn2_medium.ico_arrow_l span:after {
        background-position: -57px -36px
    }
    .btn2_large.ico_arrow_l span:before,
    .btn2_large.ico_arrow_l span:after {
        background-position: -57px -36px
    }
    .btn2_small.ico_play span:before,
    .btn2_small.ico_play span:after {
        background-position: -138px -64px
    }
    .btn2_medium.ico_play span:before,
    .btn2_medium.ico_play span:after {
        background-position: -115px -36px
    }
    .btn2_large.ico_play span:before,
    .btn2_large.ico_play span:after {
        background-position: -115px -36px
    }
    .btn2_etc.ico_search_large {
        background-position: 5px -151px
    }
    .btn2_etc.ico_search_medium {
        background-position: -20px -151px
    }
    .btn2_href1_t span:before,
    .btn2_href1_t span:after {
        background-position: -49px -205px
    }
    .btn2_href1_r span:before,
    .btn2_href1_r span:after {
        background-position: -31px -205px
    }
    .btn2_href1_b span:before,
    .btn2_href1_b span:after {
        background-position: -59px -205px
    }
    .btn2_href1_l span:before,
    .btn2_href1_l span:after {
        background-position: -40px -205px
    }
}

.slider_gallery_tab {
    z-index: 5;
    overflow: hidden;
    position: relative;
    height: 113px;
    max-width: 738px;
    margin: 0 auto
}

.slider_gallery_tab a[class^="btn_"] {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    text-indent: -9999px
}

.slider_gallery_tab a.btn_prev {
    left: 0;
    background: url('../../../content/dam/kwcms/gt/en/images/experience/btn_thum_l.png') no-repeat
}

.slider_gallery_tab a.btn_next {
    right: 0;
    background: url('../../../content/dam/kwcms/gt/en/images/experience/btn_thum_r.png') no-repeat
}

.slider_gallery_tab ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 10000%
}

.slider_gallery_tab ul:after {
    content: '';
    display: block
}

.slider_gallery_tab ul li {
    position: relative;
    float: left;
    width: 113px;
    height: 113px
}

.slider_gallery_tab ul li+li {
    margin-left: 12px
}

.slider_gallery_tab ul li a {
    display: block;
    overflow: hidden;
    height: 100%;
    color: #999
}

.slider_gallery_tab ul li a .thumb {
    display: block;
    text-align: center;
    height: 100%
}

.slider_gallery_tab ul li a .thumb img {
    height: 100%;
    margin: 0 -100%
}

.slider_gallery_tab ul li a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5)
}

.slider_gallery_tab ul li a .title:after {
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_historyTab01_m.png) no-repeat
}

.slider_gallery_tab ul li a:hover:after,
.slider_gallery_tab ul li a.on:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 8px solid #bb162b
}

.slider_gallery_tab .select_btn {
    display: none;
    position: relative;
    padding: 0 38px 0 15px;
    text-decoration: none;
    color: #999;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid #d0d0d0;
    background: #fff
}

.slider_gallery_tab .select_btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    height: 9px;
    width: 12px;
    margin-top: -4px;
    background: url('../../../content/dam/kwcms/gt/en/images/experience/bg_historyTab01_m.png') no-repeat;
    background-size: 24px auto
}

@media(max-width:767px) {
    .gallery_img a[class^="btn_"] {
        height: 42px;
        width: 42px;
        margin-top: -21px;
        background-size: 100% auto
    }
}

@media(max-width:767px) {
    .slider_gallery_tab {
        overflow: visible;
        margin: 0 10px;
        height: 37px
    }
    .slider_gallery_tab a[class^="btn_"] {
        display: none
    }
    .slider_gallery_tab ul {
        display: none;
        position: absolute;
        top: 37px;
        left: 0 !important;
        width: 100% !important;
        margin-left: 0 !important
    }
    .slider_gallery_tab ul li {
        float: none;
        width: auto;
        height: 35px;
        border: 1px solid #d0d0d0;
        border-top: 0
    }
    .slider_gallery_tab ul li+li {
        margin: 0
    }
    .slider_gallery_tab ul li a .thumb {
        display: none
    }
    .slider_gallery_tab ul li a .title {
        position: static;
        display: block;
        height: 100%;
        padding: 0 15px;
        font-size: 14px;
        line-height: 35px;
        color: #999;
        text-align: left;
        background: #fff
    }
    .slider_gallery_tab ul li a:hover,
    .slider_gallery_tab ul li a:hover .title,
    .slider_gallery_tab ul li a.on,
    .slider_gallery_tab ul li a.on .title {
        color: #bb162b
    }
    .slider_gallery_tab ul li a:hover:after,
    .slider_gallery_tab ul li a.on:after {
        display: none;
        border: 0
    }
    .slider_gallery_tab .select_btn {
        display: block
    }
    .slider_gallery_tab.open ul {
        display: block
    }
}

.gallery_article {
    display: none;
    max-width: 738px;
    overflow: hidden;
    margin: 40px auto 0 auto
}

.gallery_article.on {
    display: block
}

.gallery_img {
    position: relative
}

.gallery_img a[class^="btn_"] {
    z-index: 2;
    position: absolute;
    top: 50%;
    height: 84px;
    width: 84px;
    margin-top: -42px;
    text-indent: -9999px
}

.gallery_img a.btn_prev {
    left: 0;
    background: url('../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_l.png') no-repeat
}

.gallery_img a.btn_next {
    right: 0;
    background: url('../../../content/dam/kwcms/gt/en/images/experience/btn_gallery_r.png') no-repeat
}

.gallery_img .paging {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    text-align: center
}

.gallery_img .paging button {
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    border-radius: 5px;
    background: #bfbfbf
}

.gallery_img .paging button.on {
    background: #bb162b
}

.gallery_img .paging button+button {
    margin-left: 4px
}

.gallery_img>ul {
    position: relative;
    width: 10000%
}

.gallery_img>ul>li {
    float: left;
    width: 1%
}

.gallery_img>ul>li img {
    width: 100%
}

.gallery_desc {
    padding: 25px;
    background: #fff
}

@media(max-width:767px) {
    .gallery_img a[class^="btn_"] {
        height: 42px;
        width: 42px;
        margin-top: -21px;
        background-size: 100% auto
    }
}

.thumb_a .pic {
    position: relative
}

.thumb_a .pic img {
    width: 100%
}

.thumb_a .pic .btn2_play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -49px 0 0 -49px;
    width: 98px;
    height: 98px;
    color: transparent;
    text-indent: -9999em;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat
}

.thumb_a .cont .tit {
    padding-top: 20px;
    font-size: 18px;
    color: #000
}

.thumb_a .cont .txt {
    padding-top: 15px;
    font-size: 13px;
    color: #666
}

.thumb_a .cont .btn {
    width: 100%;
    text-align: right;
    margin-top: 10px
}

@media(max-width:767px) {
    .thumb_a .cont .tit {
        font-size: 14px
    }
    .thumb_a .cont .txt {
        padding-top: 10px
    }
    .thumb_a .pic .btn2_play {
        margin: -26px 0 0 -26px;
        width: 49px;
        height: 49px;
        background-size: 60px auto
    }
}

.thumb_b {
    position: relative
}

.thumb_b .pic img {
    width: 100%
}

.thumb_b .pic .btn2_play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -49px 0 0 -49px;
    width: 98px;
    height: 98px;
    color: transparent;
    text-indent: -9999em;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat
}

.thumb_b .tit {
    padding: 10px 0 10px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_tvlist_tit.png) repeat-x 0 0
}

.thumb_b .tit h3 {
    font-family: kiaM;
    font-size: 15px;
    color: #fff
}

.thumb_b .tit .btn {
    overflow: hidden;
    margin: 10px 10px 0 10px;
    text-align: center
}

@media(max-width:767px) {
    .thumb_a .cont .tit {
        font-size: 14px
    }
    .thumb_a .cont .txt {
        padding-top: 10px
    }
    .thumb_b .pic .btn2_play {
        margin: -26px 0 0 -26px;
        width: 49px;
        height: 49px;
        background-size: 60px auto
    }
}

.thumb_c {
    max-width: 940px;
    margin: 0 auto 15px;
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 20px 20px 20px 300px;
    box-sizing: border-box
}

.thumb_c .pic {
    width: 256px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.thumb_c .pic img {
    width: 100%
}

.thumb_c .pic .btn2_play {
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -49px 0 0 -49px;
    width: 98px;
    height: 98px;
    color: transparent;
    text-indent: -9999em;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/ico_campaign.png) no-repeat
}

.thumb_c .cont .tit {
    font-size: 20px;
    color: #000;
    line-height: 25px;
    margin-bottom: 15px
}

.thumb_c .cont .desc,
.thumb_c .cont .desc2 {
    padding-top: 15px;
    border-top: 1px solid #9a9a9a;
    font-size: 13px;
    color: #666;
    line-height: 1.25em
}

.thumb_c .cont .info_bbs {
    padding-bottom: 15px
}

.thumb_c .cont .info_bbs span {
    margin-right: 5px;
    padding-right: 5px
}

.thumb_c .cont .info_bbs span strong {
    display: none
}

.thumb_c .cont .down {
    margin-top: 15px
}

.thumb_c .cont .down .btn2_download {
    color: #666
}

.thumb_c .cont .btn {
    padding: 15px 20px 0 300px;
    text-align: right
}

.ico_write:before,
.ico_view:before,
.ico_btn2_download:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 6px 0 0;
    vertical-align: middle;
    margin-top: -3px;
    background-size: 14px 14px;
    background: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_bbs.png)
}

.ico_write:before {
    background-position: 0 0
}

.ico_view:before {
    background-position: -19px 0
}

.btn2_download:before {
    background-position: -38px 0
}

.ico_write:after,
.ico_view:after {
    content: "|";
    color: #ccc;
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0 0 0 6px
}

@media(max-width:767px) {
    .thumb_c {
        max-width: auto;
        padding: 20px
    }
    .thumb_c .pic {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 20px
    }
    .thumb_c .pic img {
        min-width: 256px;
        max-width: 320px
    }
    .thumb_c .pic .btn2_play {
        margin: -26px 0 0 -26px;
        width: 49px;
        height: 49px;
        background-size: 60px auto
    }
    .thumb_c .cont .btn {
        padding: 15px 0 0
    }
}

.layout_full .cpt_area {
    overflow: hidden
}

.layout_default .cpt_area {
    max-width: 940px;
    margin: 0 auto
}

.layout_default .cpt_area:after {
    content: '';
    display: block;
    clear: both
}

.layout_full .cpt_col:first-child,
.layout_default .cpt_col:first-child {
    padding-left: 0
}

.layout_full .cpt_col:last-child,
.layout_default .cpt_col:last-child {
    padding-right: 0
}

.layout_default .cpt_col2 .cpt_area,
.layout_default .cpt_col3 .cpt_area,
.layout_default .cpt_col4 .cpt_area,
.layout_default .cpt_col5 .cpt_area,
.layout_default .cpt_col6 .cpt_area {
    max-width: 970px !important;
    margin: 0 auto;
    overflow: hidden
}

.cpt_col2 .cpt_col {
    width: 50%;
    float: left
}

.cpt_col3 .cpt_col {
    width: 33.3%;
    float: left
}

.cpt_col4 .cpt_col {
    width: 25%;
    float: left
}

.cpt_col5 .cpt_col {
    width: 20%;
    float: left
}

.cpt_col6 .cpt_col {
    width: 16.6%;
    float: left
}

.cpt_col3 .cpt_col:first-child {
    width: 33.4% !important
}

.cpt_col6 .cpt_col:first-child {
    width: 16.9% !important
}

.cpt_area .cpt_col {
    box-sizing: border-box;
    padding: 0 15px
}

.cpt_area img {
    max-width: 100%
}

@media all and (max-width:1024px) {
    .layout_full,
    .layout_default {
        padding: 0 15px
    }
}

@media(max-width:767px) {
    .layout_full,
    .layout_default {
        padding: 0 15px
    }
    .cpt_col2 .cpt_col {
        width: 100%;
        float: none
    }
    .cpt_col3 .cpt_col {
        width: 100%;
        float: none
    }
    .cpt_col4 .cpt_col {
        width: 100%;
        float: none
    }
    .cpt_col5 .cpt_col {
        width: 100%;
        float: none
    }
    .cpt_col6 .cpt_col {
        width: 100%;
        float: none
    }
    .cpt_col3 .cpt_col:first-child {
        width: 100% !important
    }
    .cpt_col6 .cpt_col:first-child {
        width: 100% !important
    }
    .layout_full .cpt_area .cpt_col {
        padding: 0;
        margin-bottom: 20px
    }
    .layout_default .cpt_area .cpt_col {
        padding: 0;
        margin-bottom: 20px
    }
}

.common_tab_default {
    position: relative
}

.common_tab_a {
    position: relative
}

.common_tab_b {
    position: relative
}

.ico_tab_map,
.ico_tab_list,
.ico_tab_human,
.ico_tab_mail,
.ico_tab_maintain,
.ico_tab_technology {
    display: inline-block;
    position: relative;
    padding-left: 24px
}

.ico_tab_map:before,
.ico_tab_list:before,
.ico_tab_human:before,
.ico_tab_mail:before,
.ico_tab_maintain:before,
.ico_tab_technology:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -12px;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_tab_w.png)
}

.ico_tab_map:before {
    background-position: 0 0
}

.ico_tab_list:before {
    background-position: -62px 0
}

.ico_tab_human:before {
    background-position: 0 -31px
}

.ico_tab_mail:before {
    background-position: -62px -31px
}

.ico_tab_maintain:before {
    background-position: 0 -63px
}

.ico_tab_technology:before {
    background-position: -62px -63px
}

.on .ico_tab_map:before {
    background-position: -31px 0
}

.on .ico_tab_list:before {
    background-position: -93px 0
}

.on .ico_tab_human:before {
    background-position: -31px -31px
}

.on .ico_tab_mail:before {
    background-position: -94px -31px
}

.on .ico_tab_maintain:before {
    background-position: 0 -63px
}

.on .ico_tab_technology:before {
    background-position: -62px -63px
}

.open .ico_tab_map:before {
    background-position: -31px 0
}

.open .ico_tab_list:before {
    background-position: -93px 0
}

.open .ico_tab_human:before {
    background-position: -31px -31px
}

.open .ico_tab_mail:before {
    background-position: -94px -31px
}

.open .ico_tab_maintain:before {
    background-position: -31px -63px
}

.open .ico_tab_technology:before {
    background-position: -94px -63px
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .ico_tab_map:before,
    .ico_tab_list:before,
    .ico_tab_human:before,
    .ico_tab_mail:before,
    .ico_tab_maintain:before,
    .ico_tab_technology:before {
        background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_tab_m.png);
        background-size: 120px auto
    }
}

@media all and (max-width:767px) {
    .ico_tab_map,
    .ico_tab_list,
    .ico_tab_human,
    .ico_tab_mail,
    .ico_tab_maintain,
    .ico_tab_technology {
        padding-left: 0
    }
    .ico_tab_map:before,
    .ico_tab_list:before,
    .ico_tab_human:before,
    .ico_tab_mail:before,
    .ico_tab_maintain:before,
    .ico_tab_technology:before {
        display: none
    }
}

@media all and (max-width:767px) {
    li.multi_depth>a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 17px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png);
        background-repeat: no-repeat;
        background-size: 28px auto;
        background-position: 0 -8px
    }
    li.multi_depth.open>a:after {
        background-position: -18px -8px
    }
}

.tab_cpt1 {
    width: 100%;
    display: table;
    position: relative;
    z-index: 2
}

.tab_cpt1>a {
    display: none;
    position: relative
}

.tab_cpt1>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 14px;
    height: 7px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png);
    background-repeat: no-repeat;
    background-size: 28px auto
}

.tab_cpt1>ul>li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-family: "kiaB";
    border-left: 1px solid #fff;
    box-sizing: border-box
}

.tab_cpt1>ul>li>a {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 10px 12px 10px;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    background-color: #a2a2a2
}

.tab_cpt1>ul>li:first-child {
    border-left: 0
}

.tab_cpt1>ul>li.on>a {
    background-color: #bb162b
}

.tab_cpt1>ul>li.open>a {
    background-color: #bb162b
}

.tab_cpt1>ul li.multi_depth>ul {
    display: none;
    position: absolute
}

.tab_cpt1>ul li.multi_depth.open>ul {
    display: block
}

@media all and (max-width:1024px) {
    .tab_cpt1>ul {
        width: 100%
    }
    .tab_cpt1>ul>li {
        display: table-cell;
        float: none
    }
    .tab_cpt1>ul>li>a {
        display: block;
        text-align: left
    }
}

@media all and (max-width:767px) {
    .tab_cpt1>a {
        display: block;
        padding: 7px 20px;
        min-height: 21px;
        color: #fff;
        font-size: 15px;
        background-color: #bb162b
    }
    .tab_cpt1.open>a:after {
        background-position: -15px 0
    }
    .tab_cpt1.open>a+ul {
        display: block
    }
    .tab_cpt1>ul {
        position: absolute;
        display: none;
        top: 100%;
        border-top: 1px solid #fff;
        left: 0
    }
    .tab_cpt1>ul>li {
        display: block;
        float: none
    }
    .tab_cpt1>ul>li>a {
        margin-top: 1px;
        margin-left: auto;
        position: relative
    }
}

.tab_cpt2 {
    width: 100%;
    display: table;
    position: relative;
    z-index: 2
}

.tab_cpt2>a {
    display: none;
    position: relative
}

.tab_cpt2>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 14px;
    height: 7px;
    background-image: url(../../../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png);
    background-repeat: no-repeat;
    background-size: 28px auto
}

.tab_cpt2>ul>li {
    position: relative;
    float: left;
    display: table;
    text-align: center;
    font-family: "kiaB";
    border-left: 1px solid #fff;
    box-sizing: border-box
}

.tab_cpt2>ul>li>a {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 5px;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    background-color: #a2a2a2
}

.tab_cpt2>ul>li:first-child {
    border-left: 0
}

.tab_cpt2>ul>li.on>a {
    background-color: #bb162b
}

.tab_cpt2>ul>li.open>a {
    background-color: #bb162b
}

.tab_cpt2>ul li.multi_depth>ul {
    display: none;
    background-color: #fff;
    position: absolute
}

.tab_cpt2>ul li.multi_depth.open>ul {
    display: block
}

@media all and (max-width:1024px) {
    .tab_cpt2>ul li.multi_depth>ul {
        top: 100%;
        left: 0;
        width: 100%
    }
    .tab_cpt2>ul li.multi_depth>ul>li {
        padding: 20px 10px
    }
    .tab_cpt2>ul li.multi_depth>ul>li>a {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }
    .tab_cpt1>ul>li {
        vertical-align: top
    }
}

@media all and (max-width:767px) {
    .tab_cpt2>a {
        display: block;
        padding: 7px 20px;
        min-height: 21px;
        color: #fff;
        font-size: 13px;
        background-color: #bb162b
    }
    .tab_cpt2.open>a:after {
        background-position: -15px 0
    }
    .tab_cpt2.open>a+ul {
        display: block
    }
    .tab_cpt2>ul {
        position: absolute;
        display: none;
        top: 100%;
        border-top: 1px solid #fff;
        left: 0;
        right: 0
    }
    .tab_cpt2>ul>li {
        display: block;
        float: none;
        text-align: left;
        border-left: 0
    }
    .tab_cpt2>ul>li>a {
        display: block;
        margin-left: auto;
        position: relative;
        padding: 12px 5px 12px 20px;
        font-family: kiaM;
        font-size: 13px
    }
    .tab_cpt2>ul>li+li>a {
        border-top: 1px solid #fff
    }
    .tab_cpt2>ul li.multi_depth>a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 17px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        background-image: url(../../../content/dam/kwcms/gt/en/images/common/spr_ico_btn2_m.png);
        background-size: 175px auto;
        background-position: 0 -8px
    }
    .tab_cpt2>ul li.multi_depth.open>a:after {
        background-position: -18px -8px
    }
    .tab_cpt2>ul li.multi_depth.open>ul {
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 50
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li {
        padding: 0
    }
    .tab_cpt2>ul li.multi_depth>ul>li {
        border-bottom: 1px solid #333
    }
    .tab_cpt2>ul li.multi_depth>ul>li>a {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 20px;
        min-height: 21px;
        color: #333;
        font-size: 15px;
        vertical-align: middle;
        text-align: left
    }
    .tab_cpt2>ul>li:first-child>a {
        margin-top: auto
    }
    .tab_cpt2>ul>li.on>a {
        background-color: #bb162b
    }
}

@media all and (min-width:1024px) {
    .tab_cpt2>ul li.multi_depth>ul {
        background-color: transparent
    }
    .tab_cpt2>ul li.multi_depth.open>ul {
        top: 100%;
        left: 0;
        width: 100%
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li {
        padding: 12px 10px;
        background-color: rgba(255, 255, 255, 0.8)
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li>a {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }
}

.tab_cpt3 {
    position: relative;
    display: inline-block
}

.tab_cpt3>a {
    display: none
}

.tab_cpt3 ul {
    border-radius: 19px;
    border: 1px solid #e0e0e0;
    padding: 3px;
    background: #fff
}

.tab_cpt3 ul:after {
    content: "";
    display: block;
    clear: both
}

.tab_cpt3 ul li {
    float: left
}

.tab_cpt3 ul li a {
    display: block;
    font-family: KiaB;
    color: #aaa;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px
}

.tab_cpt3 ul li.on a,
.tab_cpt3 ul li.open a {
    border-radius: 15px;
    background: #7e8083;
    color: #fff
}

.tab_cpt3.tabMoblie {
    display: block;
    padding-right: 10px;
    background-color: #8f6f4d
}

.tab_cpt3.tabMoblie>a {
    display: block;
    padding: 8px 15px 9px 15px;
    color: #fff;
    background: url(../../../content/dam/kwcms/gt/en/images/showroom/icon_accesories.png) no-repeat right 15px;
    font-size: 12px
}

.tab_cpt3 ul li.ng-scope a.on {
    border-radius: 15px;
    background: #7e8083;
    color: #fff
}

@media all and (max-width:1024px) {
    .tab_cpt3.tabMoblie ul {
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10;
        border-radius: 0;
        border: 0;
        padding: 0;
        background: #8f6f4d
    }
    .tab_cpt3.tabMoblie ul li {
        float: none
    }
    .tab_cpt3.tabMoblie.open>a+ul {
        display: block
    }
    .tab_cpt3.tabMoblie ul li.on a,
    .tab_cpt3.tabMoblie ul li a:hover {
        border-radius: 0;
        border: 0;
        background: #83684c;
        color: #fff
    }
    .tab_cpt3.tabMoblie ul li a {
        display: block;
        font-family: KiaB;
        color: #fff;
        height: auto;
        padding: 0 15px;
        font-size: 12px;
        line-height: 26px
    }
    .tab_cpt3.tabMoblie ul li.ng-scope a.on {
        border-radius: 0;
        border: 0;
        background: #83684c;
        color: #fff
    }
}

.desc_msg {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0
}

.desc_msg strong {
    display: inline-block;
    margin: 0 auto;
    max-width: 750px;
    position: relative;
    text-align: center;
    font-family: "kiaM";
    color: #000;
    font-size: 42px;
    line-height: 1em
}

.desc_msg strong:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -60px;
    width: 44px;
    height: 34px;
    background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_etc.png);
    background-repeat: no-repeat;
    background-size: auto
}

.desc_msg strong:after {
    content: "";
    position: absolute;
    top: -15px;
    right: -60px;
    width: 44px;
    height: 34px;
    background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_etc.png);
    background-repeat: no-repeat;
    background-size: auto
}

.ico_quot_gray strong:before {
    background-position: 0 top
}

.ico_quot_gray strong:after {
    background-position: -48px top
}

.ico_quot_white strong:before {
    background-position: -95px top
}

.ico_quot_white strong:after {
    background-position: -144px top
}

.desc_msg span {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

@media all and (max-width:1024px) {
    .desc_msg strong {
        display: block;
        padding: 0 90px
    }
    .desc_msg strong:before {
        left: 20px
    }
    .desc_msg strong:after {
        right: 20px
    }
}

@media all and (max-width:767px) {
    .desc_msg strong {
        display: block;
        padding: 0 30px;
        font-size: 21px
    }
    .desc_msg strong:before {
        content: "";
        position: absolute;
        top: -15px;
        left: 12px;
        width: 22px;
        height: 17px;
        background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_etc.png);
        background-repeat: no-repeat;
        background-size: 150px
    }
    .desc_msg strong:after {
        content: "";
        position: absolute;
        top: -15px;
        right: 12px;
        width: 22px;
        height: 17px;
        background-image: url(../../../content/dam/kwcms/al/sq/images/common/spr_ico_etc.png);
        background-repeat: no-repeat;
        background-size: 150px
    }
    .desc_msg span {
        font-size: 14px
    }
    .ico_quot_gray strong:before {
        background-position: 0 top
    }
    .ico_quot_gray strong:after {
        background-position: -24px top
    }
    .ico_quot_white strong:before {
        background-position: -48px top
    }
    .ico_quot_white strong:after {
        background-position: -72px top
    }
}

.history_tab {
    position: relative;
    overflow: hidden;
    height: 190px;
    margin: 0 auto;
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_historyTab01.gif) no-repeat
}

.history_tab .select_btn {
    display: none;
    position: relative;
    padding: 0 38px 0 15px;
    text-decoration: none;
    color: #999;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid #d0d0d0;
    background: #fff
}

.history_tab .select_btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    height: 9px;
    width: 12px;
    margin-top: -4px;
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_historyTab01_m.png) no-repeat;
    background-size: 24px auto
}

.history_tab a[class^="btn_"] {
    z-index: 2;
    position: absolute;
    top: 63px;
    cursor: default;
    height: 34px;
    width: 18px;
    text-indent: -9999px
}

.history_tab a.btn_prev {
    left: 0;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tabA.png) no-repeat 0 -51px
}

.history_tab a.btn_next {
    right: 0;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tabA.png) no-repeat -53px -51px
}

.history_tab a.btn_prev.on {
    cursor: pointer;
    background-position: -19px -51px
}

.history_tab a.btn_next.on {
    cursor: pointer;
    background-position: 100% -51px
}

.history_tab .year_slide {
    position: relative;
    overflow: hidden;
    height: 85px;
    margin: 62px 30px 0 30px;
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_historyTab02.gif) no-repeat 0 10px
}

.history_tab .year_slide:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    height: 18px;
    width: 10px;
    background: url(../../../content/dam/kwcms/al/sq/images/experience/bg_historyTab02.gif) no-repeat 100% 0
}

.history_tab .year_slide ul {
    width: 500%
}

.history_tab .year_slide ul:after {
    content: '';
    display: block;
    clear: both
}

.history_tab .year_slide ul li {
    float: left;
    width: 2.5%;
    text-align: center
}

.history_tab .year_slide ul li a {
    display: block;
    font-family: kiaB;
    font-size: 18px;
    color: #666
}

.history_tab .year_slide ul li a:before {
    content: '';
    display: block;
    height: 37px;
    width: 30px;
    margin: 0 auto 10px auto;
    background: url(../../../content/dam/kwcms/gt/en/images/experience/bg_tabA.png) no-repeat
}

.history_tab .year_slide ul li a span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.history_tab .year_slide ul li.on a {
    font-size: 24px;
    color: #bb162b
}

.history_tab .year_slide ul li.on a:before {
    height: 50px;
    width: 42px;
    background-position: 100% 0
}

.history_tab.leng7 .year_slide ul {
    width: 100%
}

.history_tab.leng7 .year_slide ul li {
    width: 14.3%
}

.history_tab.leng7 .year_slide ul li:first-child {
    width: 14.2%
}

.history_tab.leng6 .year_slide ul {
    width: 100%
}

.history_tab.leng6 .year_slide ul li {
    width: 16.7%
}

.history_tab.leng6 .year_slide ul li:first-child {
    width: 16.5%
}

.history_tab.leng5 .year_slide ul {
    width: 100%
}

.history_tab.leng5 .year_slide ul li {
    width: 20%
}

.history_tab.leng4 .year_slide ul {
    width: 100%
}

.history_tab.leng4 .year_slide ul li {
    width: 25%
}

.history_tab.leng3 .year_slide ul {
    width: 100%
}

.history_tab.leng3 .year_slide ul li {
    width: 33.3%
}

.history_tab.leng3 .year_slide ul li:first-child {
    width: 33.3%
}

.history_tab.leng2 .year_slide ul {
    width: 100%
}

.history_tab.leng2 .year_slide ul li {
    width: 50%
}

@media(max-width:1024px) {
    .history_tab {
        margin: 0 auto
    }
    .history_tab .year_slide ul {
        width: 667%
    }
    .history_tab.leng7 .year_slide ul {
        width: 667%
    }
    .history_tab.leng7 .year_slide ul li {
        width: 2.5% !important
    }
}

@media(max-width:767px) {
    .history_tab {
        overflow: visible;
        height: 37px;
        margin: 0 10px;
        background: #fff
    }
    .history_tab .select_btn {
        display: block;
        border: 1px solid #d0d0d0
    }
    .history_tab a[class^="btn_"] {
        display: none
    }
    .history_tab .year_slide {
        display: none;
        position: absolute;
        top: 37px;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        background: #fff
    }
    .history_tab .year_slide:after {
        display: none
    }
    .history_tab .year_slide ul {
        width: 100%
    }
    .history_tab .year_slide ul li {
        float: none;
        width: 100% !important;
        height: 35px;
        box-sizing: border-box;
        border: 1px solid #d0d0d0;
        border-top: 0
    }
    .history_tab .year_slide ul li a {
        height: 100%;
        padding: 0 15px;
        font-size: 14px;
        font-family: kiaM;
        line-height: 35px;
        color: #999;
        text-align: left;
        background: #fff
    }
    .history_tab .year_slide ul li a:before {
        display: none
    }
    .history_tab .year_slide ul li.on a {
        font-size: 14px;
        color: #bb162b
    }
    .history_tab.open .year_slide {
        display: block
    }
}

.key_visual_full {
    width: 100%;
    height: 364px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    color: #fff;
    display: table
}

.key_visual_full .key_visual_row {
    display: table-row
}

.key_visual_full .key_visual_row .key_visual_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 40px
}

.key_visual_full .key_visual_row .key_visual_cell strong {
    display: inline-block;
    padding: 0 0 5px;
    font-size: 72px;
    line-height: 1em;
    font-weight: normal;
    font-family: kiaB
}

.key_visual_full .key_visual_row .key_visual_cell span {
    display: block;
    font-size: 18px;
    font-family: kiaB
}

@media(max-width:767px) {
    .key_visual_full {
        min-height: 182px
    }
    .key_visual_full .key_visual_row strong {
        font-size: 36px !important
    }
    .key_visual_full .key_visual_row span {
        font-size: 12px !important
    }
    .key_visual_full .key_visual_row .key_visual_cell {
        padding: 20px
    }
}

.key_visual_default {
    width: 100%;
    min-height: 246px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    color: #fff;
    display: table
}

.key_visual_default .key_visual_row {
    display: table-row
}

.key_visual_default .key_visual_row .key_visual_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 40px
}

.key_visual_default .key_visual_row .key_visual_cell strong {
    display: inline-block;
    font-size: 32px;
    line-height: 1.1em;
    font-weight: normal;
    font-family: kiaB
}

.key_visual_default .key_visual_row .key_visual_cell span {
    display: block;
    font-size: 18px;
    font-family: kiaB
}

@media(max-width:767px) {
    .key_visual_default {
        min-height: 114px
    }
    .key_visual_default .key_visual_row .key_visual_cell strong {
        font-size: 16px !important
    }
    .key_visual_default .key_visual_row .key_visual_cell span {
        font-size: 12px !important
    }
    .key_visual_default .key_visual_row .key_visual_cell {
        padding: 20px
    }
}

.key_visual {
    width: 100%;
    height: 364px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    color: #fff;
    display: table
}

.key_visual .key_visual_row {
    display: table-row
}

.key_visual .key_visual_row .key_visual_cell {
    display: table-cell;
    padding: 40px
}

.key_visual .key_visual_row .key_visual_cell strong {
    display: block;
    padding: 0 0 5px;
    font-size: 72px;
    line-height: 1em;
    font-weight: normal;
    font-family: kiaB
}

.key_visual .key_visual_row .key_visual_cell span {
    display: block;
    font-size: 18px;
    font-family: kiaB
}

@media(max-width:767px) {
    .key_visual {
        height: 182px
    }
    .key_visual .key_visual_row strong {
        font-size: 36px !important
    }
    .key_visual .key_visual_row span {
        font-size: 12px !important
    }
    .key_visual .key_visual_row .key_visual_cell {
        padding: 20px !important
    }
}

.pop_dimmed {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none
}

div.show {
    display: block
}

.pop_dimmed .pop_con {
    position: absolute;
    z-index: 51;
    width: 740px;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -370px;
    background-color: #fff
}

.pop_dimmed .pop_con>a {
    position: absolute;
    top: 0;
    right: 0
}

.pop_dimmed .pop_con iframe {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 370px;
    border: 0;
    vertical-align: top
}

.pop_dimmed .pop_con>img {
    width: 100%
}

.pop_dimmed .pop_con .pop_contents {
    padding: 25px
}

.pop_dimmed .pop_con .pop_txt {
    max-height: 500px;
    overflow-y: auto;
    padding: 20px 25px 30px;
    color: #666;
    font-size: 13px
}

.pop_dimmed .pop_con div .strong_style_1 {
    display: block;
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 27px;
    font-family: "KiaB";
    font-weight: normal
}

.pop_dimmed .pop_con div .strong_style_1:before {
    content: "";
    display: block;
    border-top: 2px solid #d5172e;
    width: 33px;
    height: 2px;
    margin-bottom: 5px
}

.pop_dimmed .pop_con div .strong_style_2 {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 16px;
    font-family: "KiaB";
    font-weight: normal
}

.pop_dimmed .pop_con div .strong_style_3 {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 16px;
    font-family: "KiaB";
    font-weight: normal
}

.pop_dimmed .pop_con div .pa_style_1 {
    color: #666;
    font-size: 14px
}

.pop_dimmed .pop_con div .pa_style_2 {
    color: #666;
    font-size: 13px;
    max-height: 100px;
    overflow: auto
}

.pop_con div>.pa_style_3 {
    color: #666;
    font-size: 12px
}

.pop_dimmed .pop_con .center {
    text-align: center
}

.pop_dimmed .pop_con .left {
    text-align: left
}

.pop_dimmed .pop_con .right {
    text-align: right
}

.pop_1 {
    border-top: 2px solid #bb162b
}

.pop_2>strong,
.pop_3>strong {
    display: block;
    font-size: 23px;
    line-height: 1.2em;
    color: #fff;
    padding: 7px 60px 6px 25px;
    font-family: "kiaM";
    font-weight: normal;
    background-color: #bb162b;
    min-height: 27px
}

.pop_2 .pop_video {
    padding: 25px
}

.pop_2 .pop_txt {
    margin-top: -25px;
    padding-top: 0 !important
}

.pop_2 .pop_txt .pa_style_2 {
    padding: 10px 15px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8
}

.pop_4 {
    border-top: 5px solid #bb162b
}

@media all and (max-width:1024px) {
    .pop_dimmed .pop_con {
        width: 600px;
        margin: -175px 0 0 -300px
    }
    .pop_dimmed .pop_con iframe {
        height: 300px
    }
    .pop_dimmed .pop_con .div strong.strong_style_1 {
        font-size: 16px;
        line-height: 20px
    }
    .pop_dimmed .pop_con .div p.pa_style_1 {
        color: #666;
        font-size: 13px
    }
}

@media all and (max-width:767px) {
    .pop_dimmed .pop_con {
        width: 320px;
        margin: -125px 0 0 -160px
    }
    .pop_dimmed .pop_con .pop_txt,
    .pop_2 .pop_video {
        max-height: 400px;
        padding: 15px 15px 20px
    }
    .pop_2 .pop_txt {
        margin-top: -20px
    }
    .pop_dimmed .pop_con iframe {
        height: 150px
    }
    .pop_dimmed .pop_con .div strong.strong_style_1 {
        font-size: 16px;
        line-height: 20px
    }
    .pop_dimmed .pop_con .div p.pa_style_1 {
        color: #666;
        font-size: 12px
    }
    .pop_2>strong,
    .pop_3>strong {
        padding: 12px 50px 12px 15px;
        font-size: 14px;
        min-height: 16px
    }
}

@media(min-width:480px) and (max-width:767px) {
    .pop_dimmed .pop_con {
        width: 400px;
        margin: -125px 0 0 -200px
    }
}

[data-table-fixed] table {
    table-layout: fixed
}

[data-table-fixed] .sec_scroll table tr .fixed_x {
    position: relative;
    z-index: 2;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    word-break: break-all
}

[data-table-fixed] .sec_scroll {
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid #d6d6d6
}

[data-table-fixed] table {
    min-width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

[data-table-fixed] table .fixed_x:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #d6d6d6;
    width: 1000%;
    bottom: 0;
    left: 0
}

[data-table-fixed] table .fixed_x:after {
    content: "";
    position: absolute;
    border-right: 1px solid #d6d6d6;
    width: 1px;
    height: 300%;
    top: 0;
    right: -1px
}

[data-table-fixed] table th {
    padding: 10px 15px;
    box-sizing: border-box;
    border-spacing: 1px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background-color: #ededed;
    min-height: 20px;
    line-height: 20px
}

[data-table-fixed] table td {
    padding: 10px 15px;
    box-sizing: border-box;
    border-spacing: 1px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background-color: #fff;
    min-height: 20px;
    line-height: 20px
}

[data-table-fixed=y] table th,
[data-table-fixed=y] table td {
    border-bottom: 0
}

[data-table-fixed] table thead tr .fixed_x {
    border-bottom: 0;
    border-right: 0
}

[data-table-fixed] table tr td:last-child,
[data-table-fixed] table tr th:last-child,
[data-table-fixed] table tr td.noline_right,
[data-table-fixed] table tr th.noline_right {
    border-right: 0
}

[data-table-fixed] table tr.noline_tr_top th,
[data-table-fixed] table tr.noline_tr_top td,
[data-table-fixed] table tr.noline_tr_top .fixed_x:before {
    border-top: 0
}

[data-table-fixed] table tr.noline_tr_bottom th,
[data-table-fixed] table tr.noline_tr_bottom td,
[data-table-fixed] table tr.noline_tr_bottom .fixed_x:before {
    border-bottom: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    [data-table-fixed] table .fixed_x:before {
        position: absolute;
        border-top: 1px solid #d6d6d6;
        top: 0;
        bottom: auto;
        border-bottom: 0
    }
}

[data-table-fixed].table_fixed_b .sec_scroll {
    border-left: 0;
    border-right: 0;
    border-top: 2px solid #4d4d4d;
    border-bottom: 2px solid #4d4d4d
}

[data-table-fixed].table_fixed_c .sec_scroll {
    border-left: 0;
    border-right: 0;
    border-top: 2px solid #4d4d4d;
    border-bottom: 2px solid #4d4d4d
}

[data-table-fixed].table_fixed_c table th {
    padding: 8px 15px;
    font-size: 15px;
    font-family: "kiaB"
}

[data-table-fixed].table_fixed_c table tbody th {
    padding: 8px 15px;
    font-size: 14px;
    font-family: "kiaB";
    text-align: left;
    background-color: #fff
}

[data-table-fixed].table_fixed_c table tbody td {
    padding: 8px 15px;
    font-size: 12px;
    font-family: "kiaM";
    border-top: 0;
    text-align: center
}

[data-table-fixed].table_fixed_d .sec_scroll {
    border-left: 0;
    border-right: 0;
    border-top: 2px solid #4d4d4d;
    border-bottom: 2px solid #4d4d4d
}

[data-table-fixed].table_fixed_d table thead th {
    padding: 8px 15px;
    font-size: 14px;
    font-family: "kiaB"
}

[data-table-fixed].table_fixed_d table tbody th {
    padding: 8px 15px;
    font-size: 13px;
    font-family: "kiaM";
    text-align: left;
    font-family: "kiaM";
    background-color: #fff
}

[data-table-fixed].table_fixed_d table tbody td {
    padding: 8px 15px;
    font-size: 13px;
    font-family: "kiaM";
    text-align: center;
    border-top: 0
}

[data-table-fixed].table_fixed_e .sec_scroll {
    border-top: 2px solid #4d4d4d
}

[data-table-fixed].table_fixed_e table thead th {
    padding: 8px 15px;
    font-size: 14px;
    font-family: "kiaB"
}

[data-table-fixed].table_fixed_e table tbody th {
    padding: 8px 15px;
    font-size: 13px;
    font-family: "kiaM";
    text-align: left;
    font-family: "kiaM";
    background-color: #fff
}

[data-table-fixed].table_fixed_e table tbody td {
    padding: 8px 15px;
    font-size: 13px;
    font-family: "kiaM";
    text-align: center;
    border-top: 0
}

[data-table-fixed] .table_scroll {
    position: relative;
    display: none;
    margin-top: 1px;
    height: 5px;
    border-radius: 5px;
    background-color: #d6d6d6
}

[data-table-fixed] .table_scroll.on {
    display: block
}

[data-table-fixed] .table_scroll .bar {
    position: absolute;
    left: 0;
    width: 20%;
    height: 5px;
    border-radius: 5px;
    background-color: #666;
    cursor: pointer
}

@media all and (max-width:767px) {
    [data-table-fixed] .tableWrap table th img {
        max-width: 50%
    }
    [data-table-fixed].table_fixed_c.other table th {
        padding: 8px 6px
    }
    [data-table-fixed].table_fixed_c.other table tbody td {
        padding: 3px 6px
    }
}

@charset "utf-8";
.layout_default .cpt_area {
    max-width: 940px;
    margin: 0 auto
}

.layout_default .cpt_area:after {
    content: '';
    display: block;
    clear: both
}

.tab_cpt2 {
    width: 100%;
    display: table;
    position: relative;
    z-index: 2
}

.tab_cpt2>a {
    display: none;
    position: relative
}

.tab_cpt2>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 14px;
    height: 7px;
    background-image: url(../content/dam/kwcms/gt/en/images/experience/bg_extab_m.png);
    background-repeat: no-repeat;
    background-size: 28px auto
}

.tab_cpt2>ul>li {
    position: relative;
    float: left;
    display: table;
    text-align: center;
    font-family: "kiaB";
    border-left: 1px solid #fff;
    box-sizing: border-box
}

.tab_cpt2>ul>li>a {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 5px;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    background-color: #a2a2a2
}

.tab_cpt2>ul>li:first-child {
    border-left: 0
}

.tab_cpt2>ul>li.on>a {
    background-color: #bb162b
}

.tab_cpt2>ul>li.open>a {
    background-color: #bb162b
}

.tab_cpt2>ul li.multi_depth>ul {
    display: none;
    background-color: #fff;
    position: absolute
}

.tab_cpt2>ul li.multi_depth.open>ul {
    display: block
}

@media all and (max-width:1024px) {
    .tab_cpt2>ul li.multi_depth>ul {
        top: 100%;
        left: 0;
        width: 100%
    }
    .tab_cpt2>ul li.multi_depth>ul>li {
        padding: 20px 10px
    }
    .tab_cpt2>ul li.multi_depth>ul>li>a {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }
    .tab_cpt1>ul>li {
        vertical-align: top
    }
}

@media all and (max-width:767px) {
    .tab_cpt2>a {
        display: block;
        padding: 7px 20px;
        min-height: 21px;
        color: #fff;
        font-size: 13px;
        background-color: #bb162b
    }
    .tab_cpt2.open>a:after {
        background-position: -15px 0
    }
    .tab_cpt2.open>a+ul {
        display: block
    }
    .tab_cpt2>ul {
        position: absolute;
        display: none;
        top: 100%;
        border-top: 1px solid #fff;
        left: 0;
        right: 0
    }
    .tab_cpt2>ul>li {
        display: block;
        float: none;
        text-align: left;
        border-left: 0
    }
    .tab_cpt2>ul>li>a {
        display: block;
        margin-left: auto;
        position: relative;
        padding: 12px 5px 12px 20px;
        font-family: kiaM;
        font-size: 13px
    }
    .tab_cpt2>ul>li+li>a {
        border-top: 1px solid #fff
    }
    .tab_cpt2>ul li.multi_depth>a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 17px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        background-image: url(../content/dam/kwcms/gt/en/images/common/spr_ico_btn2_m.png);
        background-size: 175px auto;
        background-position: 0 -8px
    }
    .tab_cpt2>ul li.multi_depth.open>a:after {
        background-position: -18px -8px
    }
    .tab_cpt2>ul li.multi_depth.open>ul {
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 50
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li {
        padding: 0
    }
    .tab_cpt2>ul li.multi_depth>ul>li {
        border-bottom: 1px solid #333
    }
    .tab_cpt2>ul li.multi_depth>ul>li>a {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 20px;
        min-height: 21px;
        color: #333;
        font-size: 15px;
        vertical-align: middle;
        text-align: left
    }
    .tab_cpt2>ul>li:first-child>a {
        margin-top: auto
    }
    .tab_cpt2>ul>li.on>a {
        background-color: #bb162b
    }
}

@media all and (min-width:1024px) {
    .tab_cpt2>ul li.multi_depth>ul {
        background-color: transparent
    }
    .tab_cpt2>ul li.multi_depth.open>ul {
        top: 100%;
        left: 0;
        width: 100%
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li {
        padding: 12px 10px;
        background-color: rgba(255, 255, 255, 0.8)
    }
    .tab_cpt2>ul li.multi_depth.open>ul>li>a {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }
}

.m_sch_area {
    display: none
}

@media screen and (max-width:767px) {
    .m_sch_area {
        display: block
    }
    .m_sch_area .open_search .blind,
    .m_sch_area .search_area .blind,
    .m_sch_area .close_search .blind {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 1px;
        font-size: 0;
        line-height: 0
    }
    .m_sch_area .open_search {
        position: absolute;
        right: 46px;
        top: 0;
        display: block;
        width: 46px;
        height: 19px;
        margin: 9px 0;
        background: url('../../../content/dam/kwcms/gt/en/images/common/ico_m_sch.png')no-repeat;
        background-position: 50% 0
    }
    .m_sch_area .open_search.on {
        background-position: 50% 100%
    }
    .m_sch_area .search_area {
        display: none;
        position: absolute;
        left: 0;
        top: 42px;
        width: 88%;
        padding: 20px 18px;
        background: #fff;
        box-sizing: border-box;
        margin: 0 6%
    }
    .m_sch_area .search_area .search_txt {
        width: 100%;
        padding: 10px 37px 7px 10px;
        border: 1px solid #e2e2e2;
        box-sizing: border-box
    }
    .m_sch_area .search_area .search_btn {
        position: absolute;
        right: 22px;
        top: 24px;
        display: block;
        width: 17px;
        height: 16px;
        background: url('../../../content/dam/kwcms/gt/en/images/common/ico_m_sch_s.png')no-repeat 50% 50%;
        padding: 14px
    }
    .m_sch_area .close_search {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 46px;
        height: 38px;
        background: #333 url('../../../content/dam/kwcms/gt/en/images/common/ico_m_close_sch.png')no-repeat 50% 50%;
        z-index: 999
    }
}

.compact-cars-listbox .compact-cars-group {
    padding: 3px 0
}

.compact-cars-listbox .compact-cars-group:after {
    display: block;
    clear: both;
    content: ''
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner {
    float: left;
    width: 50%;
    padding: 0 3px 3px 0;
    box-sizing: border-box
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box {
    position: relative;
    border: 1px solid #e5e5e5
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box {
    position: relative;
    text-align: center;
    height: 220px;
    line-height: 220px;
    overflow: hidden
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box img {
    max-width: 100%;
    vertical-align: middle
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box .photo_tit {
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 20px;
    font-family: 'kiaB';
    line-height: 25px;
    font-weight: bold;
    z-index: 10
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box .photo_tit.block {
    color: #000;
    text-shadow: rgba(255, 255, 255, .4) 0 0 1px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box .photo_tit.white {
    color: #fff;
    text-shadow: rgba(0, 0, 0, .4) 0 0 1px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box {
    padding: 24px 20px 10px;
    background: #fff
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box strong {
    display: block;
    font-size: 19px;
    color: #000;
    margin-bottom: 4px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box p {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    letter-spacing: -0.01em;
    padding: 0 0 10px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box span {
    color: #bd172d;
    font-family: 'KiaB';
    font-size: 15px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box a {
    color: #010101
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box .offer-link a {
    font-size: 19px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link {
    padding: 10px 0;
    margin: 0 20px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link p {
    margin-bottom: 65px
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link ul {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 10px 0 0
}

.compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link ul>li {
    padding: 4px 0
}

@media all and (max-width:767px) {
    .compact-cars-listbox .compact-cars-group {
        padding: 0
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner {
        display: block;
        width: 100%;
        margin-top: 15px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box {
        position: relative;
        height: 100% !important;
        margin: 0;
        padding-bottom: 40px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box {
        height: auto;
        padding: 10px 0;
        line-height: 0
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .photo-box .photo_tit {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-size: 20px;
        font-family: 'kiaB';
        line-height: 25px;
        font-weight: bold;
        z-index: 10
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box {
        padding: 0 12px 11px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box strong {
        font-size: 16px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box p {
        font-size: 13px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .txt_box span {
        font-size: 13px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link {
        margin: 0 12px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link p {
        margin-bottom: 25px
    }
    .compact-cars-listbox .compact-cars-group .compact-cars-inner .compact-cars-box .link ul {
        position: absolute;
        bottom: 20px;
        left: 12px
    }
}

.com_con_wrap {
    width: 100%;
    max-width: 1920px;
    box-sizing: border-box
}

.com_con_wrap .con_inner {
    max-width: 940px;
    width: 100%;
    margin: auto;
    padding: 30px 0 0 0;
    box-sizing: border-box
}

.com_con_wrap .box_item_list {
    width: 100%
}

.com_con_wrap .box_item_list:after {
    display: block;
    content: "";
    clear: both
}

.com_con_wrap .box_item_list li {
    float: left;
    width: 50%;
    padding: 0 15px 30px 15px;
    box-sizing: border-box
}

.com_con_wrap .box_item_list li .img_box {
    width: 100%;
    max-width: 483px;
    max-height: 280px
}

.com_con_wrap .box_item_list li .img_box img {
    width: 100%;
    height: 100%
}

.com_con_wrap .box_item_list li .desc {
    padding: 15px 15px;
    font-size: 16px;
    line-height: 1.4
}

.com_con_wrap .box_item_list li .desc span {
    display: block;
    height: 70px;
    overflow: hidden;
    word-break: break-word
}

.com_con_wrap .box_item_list li .img_box a {
    display: block
}

.com_con_wrap .box_item_list li .title {
    width: 100%;
    padding: 0 0 15px 0;
    font-size: 16px;
    font-family: "kiaB";
    line-height: 1.4;
    box-sizing: border-box
}

.com_con_wrap .box_item_list li .title span {
    display: block;
    height: 70px;
    min-height: 70px;
    overflow: hidden;
    word-break: break-word
}

@media(width:768px) {
    .com_con_wrap .box_item_list li .title span {
        height: 90px;
        min-height: 90px
    }
}

@media(max-width:767px) {
    .com_con_wrap .con_inner {
        padding: 15px 0 0 0
    }
    .com_con_wrap .box_item_list li {
        float: none;
        width: 100%;
        padding: 30px 15px 0 15px
    }
    .com_con_wrap .box_item_list li:first-child {
        padding-top: 0
    }
    .com_con_wrap .box_item_list li .desc {
        font-size: 14px
    }
    .com_con_wrap .box_item_list li .desc span {
        height: auto
    }
    .com_con_wrap .box_item_list li .img_box {
        max-width: initial;
        max-height: initial
    }
    .com_con_wrap .box_item_list li .title span {
        height: auto;
        min-height: auto
    }
}