@charset "utf-8";

/* Desktop Device 코드 작성 */


/* common */

.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: 0px -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;
    bottom: 10px;
    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: none
}

.bbsView_navi .navi_txt {
    padding: 0 20px;
    background: none
}

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


/* about kia */

.ex_kiaWrap {
    /*overflow:hidden;*/
    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 a{display:block;margin-left:1px;padding:0 15px;color:#fff;font-size:15px;font-family:kiaB;line-height:44px;text-align:center;text-transform:uppercase;vertical-align:middle;background:#a2a2a2}*/

.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 .col5 li.tab_on{width:20%}*/

.exTab_type .col6 li {
    width: 16.666666%
}

.exTab_type .col7 li {
    width: 14.285714%
}


/* 2018.01.16 추가 */

.exTab_type .col8 li {
    width: 12.3%
}

.exTab_type li .tab_dep2 {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%
}

.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: 0.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'
}


/*
GT SEO -2 - 20150828
.excon_tit span{display:block;padding-top:15px;font-size:17px;line-height:21px;font-family:'KiaM'} 아래에 추가
H2 tag수정 
*/

.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.png) 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.png) 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.png) 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.png) 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: none
}

.slideWrap .tab_history .history_list {
    position: absolute;
    top: 0;
    left: 0
}

.slideWrap .slider .history_list {
    width: 5000px;
    padding-top: 0;
    background: none
}

.slideWrap .slider .history_list li {
    width: 12.5%;
    background: none
}

.ex_visual.philosophy {
    background-image: url(../content/dam/kwcms/gt/en/images/experience/img_philosophy.jpg)
}

.ex_visual.our_people {
    background-image: url(../content/dam/kwcms/pk/en/images/experience/img_our-people-bg.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
}


/* s : 2018.01.28 추가 */

.introductionList {
    overflow: hidden;
    /* margin-left:-15px; */
    /* margin-bottom:50px; */
}

.introductionList .g_philosophy>li {
    float: left;
    width: 33.3%
}

.introductionList .g_philosophy>li div {
    position: relative;
    margin-left: 15px
}

.introductionList .g_philosophy>li strong {
    display: block;
    margin-bottom: 15px;
    font-family: KiaB;
    font-size: 18px;
    color: #000
}

.introductionList .g_philosophy>li span {
    display: block
}

.introductionList .g_philosophy>li span img {
    width: 100%;
    height: 100%
}

.introductionList .g_philosophy>li .txt {
    margin-top: 15px;
    color: #666
}

.introductionList .toggleList {
    /* margin-top:15px; */
}

.introductionList .toggleList>li {
    border-bottom: 1px solid #a8a9ad;
}

.introductionList .toggleList>li .toggleBtn {
    display: block;
    position: relative;
    padding: 10px 0;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    height: 22px;
    text-decoration: none;
}

.introductionList .toggleList>li .toggleBtn:after {
    position: absolute;
    content: '';
    right: 0;
    width: 22px;
    height: 22px;
    background: url('http://staging-www.kia.com/libs/granite/core/content/login.html?resource=%2Fcontent%2Fdam%2Fkwcms%2Fgt%2Fen%2Fimages%2Fcommon%2Fspr_common.png&$$login$$=%24%24login%24%24&j_reason=unknown&j_reason_code=unknown') no-repeat 0 0;
}

.introductionList .toggleList>li .toggleBtn.on::after {
    background-position: 0 -23px
}

.introductionList .toggleList>li .toggleBtn:hover {
    text-decoration: none;
}

.introductionList .toggleList>li .toggleCont {
    margin-left: 0;
    display: none;
    padding-bottom: 15px;
}


/* e : 2018.01.28 추가 */


/* s : 2018.02.01 추가 */

.ourpeople {}

.ourpeopleList {
    margin: 15px 0;
}

.ourpeopleList * li {
    position: relative;
    display: block;
    margin-top: 40px;
    min-height: 240px;
    height: auto;
    overflow: hidden
}

.ourpeopleList * li:first-child {
    margin-top: 0
}

.ourpeople_thum {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.ourpeople_thum span {
    max-width: 319px;
    height: auto;
}

.ourpeople_thum span>* {
    max-width: 319px;
    height: auto;
}

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

.ourpeople_thum .txt h3 {
    display: block;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    font-family: kiaM;
    font-size: 15px
}

.ourpeople_thum .txt strong {
    display: block;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    font-family: kiaM
}

.ourpeopleList * li .ourpeople_txt {
    padding-left: 340px;
    vertical-align: top;
}

.ourpeopleList .ourpeople_txt strong {
    display: block;
    margin: 8px 0;
    font-weight: bold
}

.ourpeopleList .ourpeople_txt>.subList {
    margin-top: 8px
}

.ourpeopleList .ourpeople_txt>.subList li {
    position: relative;
    padding-left: 12px;
}

.ourpeopleList .ourpeople_txt>.subList li::before {
    content: '-';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    height: 15px;
    line-height: 15px
}


/* e : 2018.02.01 -> 2018.02.14 수정 */


/*
GT SEO 20150828
기존코드
.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
}


/* s : 2018.01.23 추가 */

.slideList {
    font-size: 0;
    overflow: hidden
}

.slideList .ii_inner {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.slideList {
    font-size: 0
}

.slideList>li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    *display: inline;
    zoom: 1;
}

.slideList>li.list_btn {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 66px
}


/* 2018.03.08 추가 */

.slideList>li p.tit {
    color: #333;
    font-family: kiaB;
    font-size: 24px;
    padding-top: 0;
    line-height: 24px;
    margin-bottom: 20px;
}

.slideList>li .slide_box {
    position: relative;
}

.slideList .list_item {
    margin-bottom: 30px
}


/* 2018.03.08 수정 */

.slideList .slide_box strong {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    height: 44px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    box-sizing: border-box;
    z-index: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.slideList .slides {
    position: relative;
    text-align: center;
    padding-top: 0
}

.slideList .slides img {
    max-width: 440px;
    width: 100%;
    height: auto
}

.slideList .slides iframe {
    max-width: 440px;
    width: 100%;
    max-height: 287px;
    height: 100%
}

.slideList .slides .slick-dots {
    position: absolute;
    top: 105%;
    left: 0;
    right: 0
}

.slideList .slides .slick-dots li {
    display: inline-block;
    width: inherit;
    margin-left: 10px;
    padding: 0;
    vertical-align: top;
}

.slideList .slides .slick-dots li:first-child {
    margin-left: 0
}

.slideList .slides .slick-dots li button {
    width: 13px;
    height: 13px;
    font-size: 0;
    background: url('../content/dam/kwcms/gt/en/images/experience/sponshorship/slide_indicator.png') no-repeat;
    background-position: -24px 0
}


/* 이미지 파일 경로 맞춰주세요 */

.slideList .slides .slick-dots li.slick-active button {
    background-position: 0px 0
}

.slideList .list_txt {
    font-size: 15px;
    line-height: 20px;
    padding-top: 45px;
}

.slideList .list_txt a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.slideList .list_txt a img {
    width: 100%;
}

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

.layer_history {
    display: none;
    position: absolute;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
    z-index: 1010;
}

.layer_history .box_head {
    overflow: hidden;
    position: relative;
    height: 45px;
    padding-right: 45px;
    background-color: #bb162b
}

.layer_history .tit_layer {
    display: block;
    padding-left: 24px;
    font-size: 18px;
    line-height: 45px;
    color: #fff
}

.layer_history .btn_close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    background-color: #0b0b0b
}

.layer_history .btn_close .ico_comm {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 14px;
    left: 14px;
    width: 17px;
    height: 18px;
    background-position: 0 -275px;
    text-indent: -9999px
}

.layer_history .box_cont {
    overflow: hidden;
    overflow-y: auto;
    padding: 0 25px 25px
}

.info_history {
    overflow: hidden;
    margin-top: 25px
}

.info_history .list_cont {
    overflow: hidden;
    padding: 0 10px
}

.info_history .list_cont li {
    padding-left: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-indent: -9px
}

.info_history .list_cont li:first-child {
    margin-top: 0
}

.info_history .tbl_history {
    width: 100%
}

.info_history .tbl_history th {
    padding: 10px 0;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    line-height: 20px;
    background-color: #f8f8f8;
    vertical-align: middle
}

.info_history .tbl_history td {
    padding: 10px 0;
    border: 1px solid #e3e3e3;
    vertical-align: middle
}

.info_history .tbl_history .year {
    display: inline-block;
    font-size: 14px;
    line-height: 20px
}

.tbl {
    border-collapse: collapse;
    background-color: #fff;
    table-layout: fixed
}

.tbl th {
    font-family: kiaM
}

.txt_ac {
    text-align: center
}

@media all and (max-width:767px) {
    .slideList>li {
        width: 100%;
    }
    .slideList .slides img {
        max-width: inherit;
        width: 100%;
        height: auto
    }
    .slideList .slides iframe {
        max-width: inherit;
        width: 100%;
        max-height: inherit;
        height: 100%
    }
    .layer_history {
        width: 80%;
        left: 10%;
        margin-left: inherit;
    }
}


/* e : 2018.01.23 추가 */


/*
GT SEO 20150828
기존코드
PC버전 
.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 .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 108px;
    border-top: 1px solid #dbdbdb
}

.historyList li .toggleCont .list li:first-child {
    display: block;
    border-top: none
}

.historyList li .toggleCont .list li strong {
    position: absolute;
    top: 1px;
    left: 0;
    width: 64px;
    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 108px
}

.historyList li.toggleON .toggleCont .list li strong {
    top: 23px;
    height: 50px;
    padding-top: 12px;
    line-height: 32px;
    font-size: 32px;
    background: url(../content/dam/kwcms/gt/en/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: block;
    padding-left: 24px;
    font-size: 16px;
    font-family: kiaM;
    line-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
}


/*
GT SEO 20150828
기존코드
PC버전 
.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
}

.realizing {
    margin-top: 60px;
    padding-top: 55px;
    border-top: 1px solid #999999;
    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
}


/*
GT SEO 20150828
기존코드
PC버전 
.cont_achievements h5{font-size:20px;line-height:24px;color:#000}
*/

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

.cont_achievements .achievements2 {
    background: url(../content/dam/kwcms/gt/en/images/experience/bg_achievements2.png) no-repeat right bottom
}

.cont_achievements .achievements3 {
    background: url(../content/dam/kwcms/gt/en/images/experience/bg_achievements3.png) no-repeat right bottom
}

.cont_achievements .achievements4 {
    background: url(../content/dam/kwcms/gt/en/images/experience/bg_achievements4.png) no-repeat right bottom
}

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

.cont_achievements .dbSection {
    margin: 0 -56px
}

.cont_achievements .dbSection+.dbSection {
    border-top: none;
    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
}


/*KIA CI 관련 CSS 추가*/

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


/* press */

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


/*  
GT SEO 20150831
.pressNews li .listCon strong{display:block;font-size:20px;color:#000;line-height:25px}
*/

.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: none
}

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


/* sports sponsorship */

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


/*  
GT SEO 20150831
.sportsCon h5{font-family:kiaB;font-size:24px;line-height:27px;color:#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}*/

.australian_open p {
    position: relative;
    width: 50%;
    margin-bottom: 50px
}


/* 2017.12.17 수정*/

.australian_open p .btn_lucky {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 120px;
    height: 20px;
}


/*2017.12.17 추가 */

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


/* conceptcar, motorshow */

.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;
    margin: 0 -8px;
    width: 272px
}

.exkia_gallery .thumnail li {
    float: left;
    margin: 0 8px 16px
}

.exkia_gallery .thumnail a {
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    text-align: center
}

.exkia_gallery .thumnail span {
    display: block
}

.exkia_gallery .thumnail .imgArea {
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-align: center
}

.exkia_gallery .thumnail .imgArea img {
    height: 100%;
    /*margin:0 -100%*/
}


/* 2019.04.18 */

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


/* 2019.04.30 수정 */

.exkia_gallery .thumnail .dimmed {
    height: 32px;
    top: auto;
    bottom: 0
}

.exkia_gallery .thumnail .off {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1007;
    border: none;
    width: auto;
    height: auto
}

.exkia_gallery .thumnail .off.on {
    border: 8px solid #bb162b;
    width: 104px;
    height: 104px
}


/*2018 1211 motor show 화살표 안나와서 요청 시작 */

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


/*2018 1211 motor show 화살표 안나와서 요청 끝 */

.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%;
    height: 100%
}

.exkia_gallery .gallery_view .imgArea {
    height: 440px;
    overflow: hidden;
    width: 10000px
}

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

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


/* kia social media */


/*
.cont_social .thSection{margin:0 -15px 0}
.cont_social .thSection+.thSection{margin-top:30px}
.cont_social .thBox{position:relative;margin:0 15px;height:208px;overflow:hidden}
.cont_social .thBox .tit{margin-bottom:82px}
.cont_social .thBox span{display:block;color:#fff}
.cont_social .thBox a{display:block;color:#fff;padding:27px 30px 37px}
.cont_social .thBox .over{display:block;position:absolute;left:-100%;top:0;width:100%;height:208px;background:url(/content/dam/kwcms/gt/en/images/experience/bg_black80.png) repeat; z-index:10;margin:0}
.cont_social .thBox .over:after{content:'';display:inline-block;background:url(/content/dam/kwcms/gt/en/images/experience/icon_sns_link.png) no-repeat 50% 50%;width:100%;height:100%}
.cont_social .sns_fb{background:#2d4e91}
.cont_social .sns_tw{background:#0079be}
.cont_social .sns_flickr{background:#ffffff}
.cont_social .sns_flickr span{color:#666}
.cont_social .sns_flickr a{color:#666}
.cont_social .sns_gp{background:#d14521}
.cont_social .sns_yt{background:#cc2a25}
.cont_social .sns_kiabuzz{background:#dcdcdc}
.cont_social .sns_kiabuzz span{color:#333}
.cont_social .sns_kiabuzz a{color:#333}
*/

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


/*ie8 \9*/

.social_media .sns_box .sns_info {
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
    top: 30%\9;
    z-index: 3
}


/*ie8 \9*/

.social_media .sns_block.type2 .sns_box .sns_info {
    top: 40%\9
}


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


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


/* innovation story */

.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;
    bottom: 115px;
    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
}

.engine_gallery .thumnail li a {
    width: auto;
    height: 135px;
    text-align: left
}

.engine_gallery .thumnail li a:hover {
    color: #bb162b
}

.engine_gallery .thumnail li a {
    opacity: 0.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: none
}

.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: 200px;
    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: 53px;
    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;
    background: url(../content/dam/kwcms/gt/en/images/experience/bg_redLine.gif) repeat-x 0 76px
}

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


/* review */

.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: none
}

.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: none
}

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


/* promotion */

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


/* tv */

.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.png) 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
}


/* 2018.02.25 수정 
.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}
*/

.tvList li a span.txt strong {
    float: left;
    padding: 0 58px 0 20px;
    font-family: kiaM;
    width: 100%;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}


/* 2018.02.25 수정 */

.tvList li a span.txt em {
    position: absolute;
    width: 24px;
    height: 24px;
    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;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}


/* 2018.02.25 수정 */


/*.tvList li a span.img img{width:100%;height:160px;overflow:hidden}
.tvList li a span.txt{display:table;position:absolute;bottom:0;left:0;width:100%;height:40px;font-size:13px;color:#fff;background:url(/content/dam/kwcms/gt/en/images/experience/bg_tvlist_tit.png) repeat 0 0}
.tvList li a span.txt strong{display:table-cell;vertical-align:middle;padding:0 50px 0 20px;width:100%;box-sizing:border-box}
.tvList li a span.txt em{position: absolute;width:24px;height:24px;top:50%;right:20px;margin-top:-12px;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.png) 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.png) 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.png) no-repeat 0 0
}


/* career */

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


/*  
GT SEO 20150831
.careerCon li strong{display:block;padding-top:20px;font-family:kiaB;font-size:18px;color:#000}
*/

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

.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:-155px 0 90px;z-index:1}*/

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


/*brand 페이지 추가 20160311*/

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


/*
GT SEO 20150828
기존코드
PC버전 
.camp_move h5{margin-bottom:10px;color:#000;font-size:24px;font-family:kiaB;text-align:center}
*/

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


/*비디오 재생버튼 2개짜리 컴퍼넌트 추가 20160311 */

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


/*
GT SEO 20150828
기존코드
PC버전 
.cont_campaign li strong{display:block;padding:22px 0 
10px;color:#000;font-size:18px}
*/

.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: none
}

.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: 0.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.png) 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.png) 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.jpg) 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.png) 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
}


/*20150417*/

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


/*20160726 추가*/

.tvContents .popup_wrap03 .youtube {
    height: 100%
}

.tvContents .popup_wrap03 {
    display: none;
    position: absolute;
    top: 160px;
    left: 50%;
    width: 800px;
    height: 466px;
    margin: 0 0 0 -400px;
    z-index: 1006
}

.tvContents .popup_wrap03 .closeBtn {
    position: absolute;
    top: 0;
    right: -51px;
}

.ex_visual.edu {
    background-image: url(../content/dam/kwcms/gt/en/images/experience/img_tv_01.jpg);
}


/* Tablet Device 및 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드 작성 */

@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_on{width:20%;}*/
    /* about kia */
    .corevalue {
        background: none
    }
    .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 .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
    }
    .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
    }
    /* conceptcar, motorshow */
    .tab_gallery {
        position: relative;
        width: 737px;
        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: 10px;
        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 .gallery_view .imgWrap {
        width: 737px;
        margin: 0 auto;
        overflow: hidden
    }
    .exkia_gallery .thumnail a {
        width: 113px;
        height: 113px
    }
    .exkia_gallery .thumnail .imgArea {
        width: 113px;
        height: 113px
    }
    .exkia_gallery .thumnail .off.on {
        border: 6px solid #bb162b;
        width: 101px;
        height: 101px
    }
    .exkia_gallery .imgCont {
        width: 727px;
        overflow: hidden
    }
    /* sports */
    .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
    }
    /* kia social media */
    /* .cont_social .thBox a{padding:27px 20px 37px} */
    .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
    }
    /* innovation story */
    .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: none
    }
    .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: -105px
    }
    .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: 96%;
        height: 2px;
        margin-left: -48%
    }
    .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
    }
    /* tv */
    .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%
    }
    /* promotion */
    .promotionCon .promotion_view {
        float: none;
        width: 727px;
        margin: 0 auto
    }
    .promotionCon .promotion_view ul li .imgArea {
        width: 727px
    }
    .promotionImg {
        border-left: none;
        border-right: none
    }
    .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 */
    .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: none
    }
    .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
    }
    .bellNote {
        display: block
    }
    /*20150422*/
    .tvContents .popup_wrap02 {
        width: 650px;
        height: 300px;
        margin: 0 0 0 -320px
    }
    .tvContents .popup_wrap02 .closeBtn {
        position: absolute;
        top: 0;
        right: -34px;
        padding: 10px
    }
    /*20160726추가*/
    .tvContents .popup_wrap03 {
        width: 650px;
        height: 300px;
        margin: 0 0 0 -320px
    }
    .tvContents .popup_wrap03 .closeBtn {
        position: absolute;
        top: 0;
        right: -34px;
        padding: 10px
    }
}


/* Mobile Device 코드 작성 */

@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 0px
    }
    .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
    }
    /* aboutkia */
    .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
    }
    /* s : 2018.01.28 츠기 */
    .introductionList {
        overflow: hidden;
        margin: 0 10px
    }
    .introductionList .g_philosophy>li {
        float: none;
        width: 100%;
        margin-bottom: 25px
    }
    .introductionList .g_philosophy>li>div {
        margin-left: 0
    }
    /* e : 2018.01.28 추기 */
    /* s : 2018.02.01 추가 */
    .ourpeople h4 {
        margin-left: 10px;
    }
    .ourpeopleList {
        margin: 0 10px;
    }
    .ourpeopleList * li {
        display: block
    }
    .ourpeople_thum {
        display: block;
        position: relative;
    }
    .ourpeople_thum span {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .ourpeople_thum span>* {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .ourpeopleList * li .ourpeople_txt {
        padding-left: 0;
        margin-top: 15px;
        vertical-align: top;
    }
    /* 2018.02.13  수정  */
    /* e : 2018.02.01 추가 */
    .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
    }
    /*
GT SEO 20150828
기존코드
모바일버전 
.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: 3
    }
    .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 0 0} 20151218 여백추가*/
    .exkia_inner {
        margin: 48px 0 20px 0
    }
    .excon_tit {
        margin-bottom: 22px;
        padding: 0 10px;
        font-size: 20px;
        line-height: 24px
    }
    /*
모바일버전
GT SEO 20150828
.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: none
    }
    .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: none
    }
    .tab_history .history_list li {
        float: none;
        width: 100%;
        text-align: left
    }
    .tab_history .history_list li:first-child {
        background: none
    }
    .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: none;
        background: #fff;
        width: auto;
    }
    /*20150423*/
    .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: 56px
    }
    .historyList li.toggleON .toggleCont .list li strong {
        width: 36px;
        height: 32px;
        padding-top: 4px;
        font-size: 20px;
        line-height: 20px;
        background-image: url(../content/dam/kwcms/gt/en/images/experience/ico_history_m.png);
        background-size: 36px auto
    }
    .historyList li.toggleON .toggleCont .list li strong .word {
        font-size: 11px;
        line-height: 11px
    }
    .slideWrap {
        overflow: visible;
        margin: 0;
        height: 37px;
        background: none
    }
    .slideWrap .slider,
    .slideWrap .slider .slide_inner {
        overflow: visible;
        margin: 0;
        padding: 0;
        background: none
    }
    .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
    }
    /*
GT SEO 20150828
기존코드
모바일버전 
.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
    }
    /*
GT SEO 20150828
기존코드
모바일버전 
.cont_achievements h5{font-size:15px;line-height:19px}
*/
    .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
    }
    .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
    }
    /* sports */
    .ex_visual.sports strong {
        padding: 40px 0 10px;
        font-size: 36px
    }
    .sportsCon {
        margin: 0 15px;
        text-align: center;
        padding-top: 25px
    }
    /*  
GT SEO 20150831
.sportsCon h5{font-family:kiaB;font-size:16px}
*/
    .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 p .btn_lucky {
        position: absolute;
        bottom: -23px;
        left: 50%;
        margin-left: -60px;
        width: 120px;
        height: 20px;
    }
    /*2017.12.17 추가 */
    .australian_open div img {
        width: 91px;
        height: 88px
    }
    .australian_open div img+img {
        width: 102px;
        height: 88px
    }
    .cont_sports .nadalspon {
        background: none;
        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: none;
        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
    }
    /* kia social media */
    /*
.cont_social{padding:0 15px}
.cont_social .thSection{margin:0}
.cont_social .thSection+.thSection{margin-top:0}
.cont_social .thBox{height:104px}
.cont_social .thBox .over{height:104px}
.cont_social .thBox a{padding:15px}
.cont_social .thBox img{height:22px}
.cont_social .thBox .tit{margin-bottom:40px}
.cont_social .thSection .thSectionInner.thSectionInner{margin-top:15px}
*/
    .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
    }
    /* conceptcar, motorshow */
    .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
    }
    /*20150423*/
    .tab_gallery {
        overflow: visible;
        width: auto;
        height: 36px;
        margin: 0 14px 15px;
        background: none
    }
    .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: 0.15px 0px;
        border: 1px solid #d0d0d0;
        border-top: none;
        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: 48px;
        padding-top: 10px;
    }
    /* innovation story */
    .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
    }
    .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*/
    .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
    }
    /* promotion */
    .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
    }
    /* tv */
    .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.png) 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}  2018.02.25 삭제 */
    /* .tvList li a span.txt em{width:12px;height:12px;margin:4px 10px 0 0;background-size:12px 12px} 2018.02.25 수정 */
    .tvList li a span.txt strong {
        height: 20px;
        text-align: left
    }
    /* 2018.02.25 추가 */
    .tvList li a span.txt em {
        width: 12px;
        height: 12px;
        margin: -6px 0 0 0;
        background-size: 12px 12px
    }
    /* 2018.02.25 수정 */
    .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.png) 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.png) 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.png) no-repeat 0 0;
        background-size: 23px 17px
    }
    /* career */
    .careerCon li {
        padding: 0 10px;
        width: 100%;
        margin-bottom: 20px
    }
    /* 2018.02.12 수정 */
    .careerCon.careerCon02 li {
        width: 100%
    }
    /*  
GT SEO 20150831
.careerCon li strong{padding-top:10px;font-size:16px}
*/
    .careerCon li h3,
    .careerCon li strong {
        padding-top: 10px;
        font-size: 16px
    }
    .careerCon li p {
        padding-top: 10px
    }
    /* brand*/
    .brand_tab li.tab2Line a br {
        display: none
    }
    /*.brand_ident .img_direct{margin:-50px 0 45px} 20151218 여백 추가*/
    .brand_ident .img_direct {
        margin: -30px 0 45px
    }
    .brand_ident .img_direct img {
        width: 100%;
        margin-left: 0;
        /*width:120%;margin-left:-10%*/
    }
    /* 2019.06.19 수정 */
    .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
    }
    /*
GT SEO 20150828
기존코드
모바일버전 
.camp_move h5{font-size:14px}
*/
    .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
    }
    /*
GT SEO 20150828
기존코드
모바일버전 
.cont_campaign li strong{font-size:16px}
*/
    .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.png) 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.png) 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: none
    }
    .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
    }
    .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: none
    }
    .exTab_type li .tab_dep2 li a {
        margin: 0
    }
    /*20150422*/
    .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
    }
    /*20160726추가*/
    .tvContents .popup_wrap03 {
        width: 320px;
        height: 200px;
        margin-left: -160px
    }
    .tvContents .popup_wrap03 .closeBtn {
        position: absolute;
        top: -34px;
        right: 0;
        padding: 10px
    }
}

@media all and (max-width:625px) {
    /* tv */
    .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.0;
        filter: alpha(opacity=100)
    }
}

@media (min-width: 768px) {
    /* ie, edge, firefox */
    .exTab_type .col6 li {
        width: 17%
    }
    .exTab_type .col6 li:first-child,
    .exTab_type .col6 li:last-child {
        width: 16%
    }
}


/* chrome, safari */

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

@media(max-width:780px) {
    .exTab_type .col7 li {
        width: 14%
    }
}


/* 2018.01.16 추가 */


/* 160330 experience contents grid 변경 start */

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


/* 20160620 line과 문구 간격조정 */

.exkia_inner .camp_move {
    padding-top: 45px
}

.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: 140px
    }
    .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: 737px;
        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: 737px;
        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.333333%
    }
    .tvList li a span.img {
        height: auto
    }
    /*
	.driving_mode{padding-bottom:80px}
	.driving_mode .seq_btn ul{width:540px; margin:0 auto; text-align:center}
	.driving_mode .seq_btn ul li{margin:19px 0 0 10px}
*/
    .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: 96%;
        height: 2px;
        margin-left: -48%
    }
    .chart_durability .chartWrap h5 {
        top: 0;
        left: 50%;
        margin-left: -105px
    }
    .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%
    }
    /*
	.award_list .list{margin:0 -12px}
	.award_list .list li{width:33.333333333%}
	.award_list .list li a{margin:12px}
*/
    .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
    }
}

@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
    }
    .brand_ident .img_direct img {
        width: 100%;
        margin: 0;
    }
    /* 2019.06.19 추가 */
    .brand_ident .img_direct {
        margin-top: 0;
    }
    /* 2019.06.19 추가 */
}

@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
    }
    .section.design .exkia_inner .camp_move {
        padding-top: 20px
    }
}


/* //160330 experience contents grid 변경 end */


/* 트레이닝 추가사항 20160822*/

.semantic-markup.section .txt_edu {
    font-size: 17px;
    margin-top: 8px
}

.semantic-markup.section .txt_edu a {
    color: #0070c0
}

.semantic-markup.section .txt_edu span {
    font-size: 13px
}

@media (max-width: 767px) {
    .semantic-markup.section .txt_edu {
        margin: 24px 15px 0
    }
}

.sns_btn_content {
    width: 940px;
    margin: 0 auto;
    padding: 25px 7px 0 0;
    text-align: right;
}

@media all and (max-width:1024px) {
    .sns_btn_content {
        width: 100%;
        padding: 25px 14px 0 0;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media all and (max-width:767px) {
    .sns_btn_content {
        padding-right: 16px
    }
}


/* 2017.01.20 cidow new award page 추가 css 부분*/

.new-award {
    position: relative;
    width: 100%;
    text-align: center;
    max-width: 1600px;
    margin: auto
}

.new-award img {
    width: 100%;
    height: auto;
}

.new-award .kv_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.new-award .kv_txt {
    max-width: 940px;
    margin: 0 auto
}

.new-award .award_title {
    display: block;
    font-size: 32px;
    padding-top: 25px;
    z-index: 5;
    text-align: left;
}

.new-award .red-line {
    display: block;
    margin-top: 55px;
    width: 50px;
    height: 2px;
}

.tab_wrap {
    width: 993px;
}

.tab_wrap .tab:after {
    content: "";
    display: block;
    clear: both;
}

.tab_wrap .tab li {
    float: left;
    width: 25%;
}

.tab_wrap .tab li a {
    display: block;
    margin-right: 3px;
    padding: 15px 0;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #000;
}

.tab_wrap .tab li:last-child a {
    margin-right: 0;
}

.tab_wrap .tab li.on a {
    background: #bb162b;
    border: 1px solid #bb162b;
    color: #fff
}

.tab_wrap .tab li a:hover,
.tab_wrap .tab li a:focus {
    background: #bb162b;
    border: 1px solid #bb162b;
    color: #fff
}

.award-list {
    width: 993px;
    font-family: KiaM
}

.award-list .search_wrap {
    padding: 40px 0 16px 0;
    text-align: right
}

.award-list .search_wrap select {
    min-width: 120px;
    height: 32px;
    padding: 2px 0 2px 8px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
}

.award-list .search_wrap button {
    width: 64px;
    vertical-align: middle;
    padding: 0;
}

.award-list .search_wrap button span {
    display: block;
    min-width: 46px;
    height: 30px;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
}

.list_wrap {
    width: 993px;
}

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

.list_wrap li {
    position: relative;
    float: left;
    width: 25%;
}

.list_wrap a {
    position: relative;
    display: block;
    border: 1px solid #e6e6e6
}

.list_wrap a:hover,
.list_wrap a:focus {
    border: 1px solid #bb162b;
}

.list_wrap .award_logo_s {
    position: absolute;
    top: 17px;
    left: 20px;
    display: table;
}

.list_wrap .award_img_s img,
.list_wrap .logo_img img {
    width: 100%;
    height: auto;
}

.img_wrap .award_img {
    width: 100%;
}

.img_wrap .award_img img {
    width: 100%;
    height: auto;
}

.list_wrap .logo_img {
    float: left;
    margin-right: 10px;
    width: 45px;
    height: 27px;
}

.list_wrap .logo_txt {
    font-size: 14px;
    color: #000;
    vertical-align: middle;
    display: table-cell;
    font-family: KiaM
}

.list_wrap .info {
    display: inline-block;
    padding: 0 16px;
}

.list_wrap .info p {
    height: 45px;
    font-size: 16px;
    color: #000;
    line-height: 40px;
    font-family: KiaM
}

.new_paginate {
    margin-top: 28px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.new_paginate .page_num a,
.new_paginate .page_num strong {
    display: inline-block;
    min-width: 22px;
    height: 20px;
    margin: -1px 8px 0;
    color: #4c4c4c;
    line-height: 20px;
    vertical-align: top;
}

.new_paginate .page_num a:hover,
.new_paginate .page_num a:focus,
.new_paginate .page_num strong {
    color: #bb162b;
    font-weight: bold;
    text-decoration: underline;
}

.new_paginate .btn_first,
.new_paginate .btn_last,
.new_paginate .btn_prev,
.new_paginate .btn_next {
    display: inline-block;
    width: 16px;
    height: 20px;
    margin: 0 6px;
    vertical-align: top;
    background: url("../content/dam/kwcms/gt/en/images/experience/btn_paginate.png") no-repeat 0 0;
}

.new_paginate .btn_first {
    background-position: 0 0
}

.new_paginate .btn_last {
    background-position: -48px 0
}

.new_paginate .btn_prev {
    background-position: -16px 0
}

.new_paginate .btn_next {
    background-position: -32px 0
}


/* 페이지 없을 경우 */

.new_paginate span.btn_first {
    background-position: -64px 0
}

.new_paginate span.btn_last {
    background-position: -112px 0
}

.new_paginate span.btn_prev {
    background-position: -80px 0
}

.new_paginate span.btn_next {
    background-position: -96px 0
}

.none {
    position: absolute;
    top: -9999px;
    width: 0;
    height: 0;
    font-size: 1px;
    line-height: 0;
    overflow: hidden
}

.new_paginate a.btn_first:hover,
.new_paginate a.btn_first:focus {
    background-position: 0 0
}

.new_paginate a.btn_last:hover,
.new_paginate a.btn_last:focus {
    background-position: -48px 0
}

.new_paginate a.btn_prev:hover,
.new_paginate a.btn_prev:focus {
    background-position: -16px 0
}

.new_paginate a.btn_next:hover,
.new_paginate a.btn_next:focus {
    background-position: -32px 0
}

.list_wrap li.d-list {
    position: relative;
}

.list_wrap li .img_wrap {
    position: absolute;
    top: 0;
    width: 495px;
    z-index: 30;
    border: 1px solid red;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.list_wrap li .img_wrap img {
    width: 100%;
    height: auto;
}

.list_wrap li .img_wrap .logo_img {
    width: 60px;
    height: 36px;
}

.list_wrap li .img_wrap .logo_txt {
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    display: table-cell
}

.list_wrap li .img_wrap .award_logo {
    position: absolute;
    top: 17px;
    left: 20px;
    display: table;
}

.list_wrap li .img_wrap .txt_wrap {
    padding: 6px 15px 10px 15px
}

.list_wrap li .img_wrap .txt_wrap p {
    padding-bottom: 6px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.list_wrap li .img_wrap .txt_wrap .txt {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.list_wrap li .img_wrap .btn_ldaw_close {
    position: absolute;
    top: 16px;
    right: 16px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: url("../content/dam/kwcms/gt/en/images/experience/btn_ldaw_close.png") no-repeat 0 0;
}

.list_wrap li:nth-child(4n) .img_wrap {
    right: 0;
}

.list_wrap li.row5 .img_wrap {
    top: -252px;
}

.list_wrap li.row5 .img_wrap.last {
    top: -252px;
    right: 0;
}


/*sns*/

.new-award .sns_share {
    position: absolute;
    top: 29px;
    right: 16px;
    z-index: 5
}

.new-award .sns_share li {
    padding-bottom: 6px;
}

.new-award .sns_share a {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../content/dam/kwcms/gt/en/images/experience/btn_sns.html") no-repeat 0 0;
}

.new-award .sns_share a:hover,
.new-award .sns_share a:focus {
    background-position: -40px 0;
}

.new-award .sns_share .insta a {
    background-position: 0 -46px
}

.new-award .sns_share .insta a:hover,
.new-award .sns_share .insta a:focus {
    background-position: -40px -46px
}

.new-award .sns_share .google a {
    background-position: 0 -92px;
}

.new-award .sns_share .google a:hover,
.new-award .sns_share .google a:focus {
    background-position: -40px -92px
}

.new-award .sns_share .pinterest a {
    background-position: 0 -138px
}

.new-award .sns_share .pinterest a:hover,
.new-award .sns_share .pinterest a:focus {
    background-position: -40px -138px
}

.new-award .sns_share .youtube a {
    background-position: 0 -184px
}

.new-award .sns_share .youtube a:hover,
.new-award .sns_share .youtube a:focus {
    background-position: -40px -184px
}


/*no_search*/

p.no_search {
    padding: 188px 0 !important;
    color: #666 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    text-align: center !important;
}

@media(max-width:1024px) {
    .new-award .kv_wrap {
        left: 0;
    }
    .new-award {
        position: relative;
        width: 100%;
    }
    .new-award img {
        width: 100%;
        height: auto;
    }
    .new-award .kv_txt {
        margin: 0 0 0 1.2rem;
        ;
    }
    .tab_wrap {
        width: 100%;
    }
    .award-list {
        width: 100%;
    }
    .list_wrap {
        width: 100%;
    }
    .list_wrap li {
        width: 25%
    }
    .list_wrap .logo_img {
        width: 25px;
        height: 16px;
    }
    .list_wrap .award_logo_s {
        top: 15px;
        left: 15px;
    }
    .list_wrap .logo_txt {
        font-size: 13px;
    }
    .new-award .red-line {
        margin-top: 30px;
        width: 42px;
    }
    .new-award .award_title {
        padding-top: 14px;
        font-size: 25px;
    }
    .new_ex_tit h2 {
        font-size: 25px;
    }
    .new_ex_tit span {
        padding-top: 10px;
        font-size: 13px;
    }
    .list_wrap li .img_wrap {
        width: 199.2%;
    }
    .list_wrap li .img_wrap img {
        width: 100%;
    }
    .list_wrap li .img_wrap .logo_img {
        width: 60px;
        height: 30px;
        height: auto;
    }
    .list_wrap li .img_wrap .logo_txt {
        font-size: 16px;
        width: 200px;
    }
    .list_wrap li .img_wrap .btn_ldaw_close {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .list_wrap li .img_wrap .txt_wrap p {
        padding-bottom: 1px;
    }
    .list_wrap li.row5 .img_wrap {
        top: -200px;
    }
    .list_wrap li.row5 .img_wrap.last {
        top: -200px;
    }
    .list_wrap li:nth-child(4n) .img_wrap {
        right: 0;
    }
}

@media(max-width:767px) {
    .new-award .award_title {
        padding-top: 5px;
        font-size: 16px;
        font-weight: 400;
    }
    .new-award .red-line {
        width: 20px;
        height: 1px;
    }
    .list_wrap li {
        width: 50%
    }
    .new-award .kv_txt {
        margin: 0 0 0 1rem;
    }
    .new-award .red-line {
        margin-top: 16px;
    }
    .new_ex_tit h2 {
        font-size: 18px;
        text-align: center;
    }
    .new_ex_tit span {
        padding-top: 10px;
        font-size: 12px;
        text-align: center
    }
    .new_ex_tit:before {
        margin: 15px auto;
    }
    .tab_wrap .tab li a {
        font-size: 13px;
        padding: 10px 0;
    }
    .tab_wrap ul {
        padding: 0.5rem;
    }
    .award-list .search_wrap {
        width: 95%;
        margin: auto;
    }
    .award-list .search_wrap select {
        width: 100%;
        margin-bottom: 10px;
    }
    .award-list .search_wrap button {
        width: 100%;
        margin-bottom: 10px;
    }
    .award-list .search_wrap button span {
        font-size: 13px;
        line-height: 35px;
        height: 35px;
    }
    .award-list .search_wrap select {
        font-size: 13px;
    }
    .list_wrap {
        width: 95%;
        margin: auto;
    }
    .list_wrap .award_logo_s {
        top: 13px;
        left: 13px;
        width: 80%;
    }
    .list_wrap .logo_txt {
        font-size: 12px;
    }
    .list_wrap .logo_img {
        width: 20px;
        height: 12px;
        margin-right: 7px;
    }
    .new_paginate .page_num a.m_page {
        display: none
    }
    .list_wrap li .img_wrap {
        width: 199.2%;
    }
    .list_wrap li .img_wrap .award_logo {
        top: 13px;
        left: 13px;
    }
    .list_wrap li .img_wrap .logo_img {
        width: 42px;
    }
    .list_wrap li .img_wrap .btn_ldaw_close {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .list_wrap li .img_wrap .logo_txt {
        font-size: 14px;
    }
    .list_wrap li .img_wrap .txt_wrap p {
        font-size: 18px;
    }
    .list_wrap li .img_wrap .txt_wrap .txt {
        font-size: 14px;
    }
    .list_wrap li:nth-child(2n) .img_wrap {
        right: 0;
    }
    .list_wrap li.row5 .img_wrap {
        top: -178px;
    }
    .list_wrap li.row5 .img_wrap.last {
        top: -178px;
    }
    .new-award .sns_share {
        position: absolute;
        top: 14px;
        right: 8px;
        z-index: 2
    }
    .new-award .sns_share li {
        padding-bottom: 3px;
    }
    .new-award .sns_share a {
        display: block;
        width: 20px;
        height: 20px;
        background: url("../content/dam/kwcms/gt/en/images/experience/btn_sns_s.html") no-repeat 0 0;
    }
    .new-award .sns_share a:hover,
    .new-award .sns_share a:focus {
        background-position: -20px 0;
    }
    .new-award .sns_share .insta a {
        background-position: 0 -23px
    }
    .new-award .sns_share .insta a:hover,
    .new-award .sns_share .insta a:focus {
        background-position: -20px -23px
    }
    .new-award .sns_share .google a {
        background-position: 0 -46px;
    }
    .new-award .sns_share .google a:hover,
    .new-award .sns_share .google a:focus {
        background-position: -20px -46px
    }
    .new-award .sns_share .pinterest a {
        background-position: 0 -69px
    }
    .new-award .sns_share .pinterest a:hover,
    .new-award .sns_share .pinterest a:focus {
        background-position: -20px -69px
    }
    .new-award .sns_share .youtube a {
        background-position: 0 -92px
    }
    .new-award .sns_share .youtube a:hover,
    .new-award .sns_share .youtube a:focus {
        background-position: -20px -92px
    }
}


/* 2017.01.20 cidow new award page 추가 css 부분 끝*/


/* voice search content 2019.04.29 시작 */


/* detail */

.search_voice_wrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.search_voice_wrap .voice_inner {
    max-width: 940px;
    width: 100%;
    margin: auto;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.search_voice_wrap .voice_detail h1.title {
    width: 100%;
    font-size: 38px;
    font-family: 'kiaB';
    text-align: center;
    line-height: 1.2;
    padding: 0 15px;
    box-sizing: border-box;
}

.search_voice_wrap .voice_detail .desc {
    font-size: 18px;
    text-align: center;
    padding: 55px 0;
    line-height: 1.2;
    color: #666;
}

.search_voice_wrap .voice_detail .btn_link_area {
    text-align: center;
}

.search_voice_wrap .voice_detail .media_area {
    position: relative;
    margin-top: 45px;
}

.search_voice_wrap .voice_detail .media_area .img-wrap {
    position: relative;
    text-align: center;
    z-index: 1;
}


/* 2019.05.10 */

.search_voice_wrap .voice_detail .media_area .img-wrap.video-play {
    z-index: 0;
}


/* 2019.05.10 */

.search_voice_wrap .voice_detail .media_area .img-wrap img {
    width: 100%;
    height: auto;
}

.search_voice_wrap .voice_detail .media_area .img-wrap .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    background: url('../content/dam/kwcms/gt/en/images/showroom/btn_play.png') no-repeat 0 0;
    text-indent: -9999px;
    transform: translate(-50%, -50%);
}

.search_voice_wrap .voice_detail .media_area iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 0;
}


/* 2019.05.10 */

.search_voice_wrap .search_voice_bot {
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    background: url('../content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat left center;
    background-size: 14px 28px;
}


/* 2019.05.10 수정 */

.search_voice_wrap .search_voice_bot .page_link {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    background: url('../content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat right center;
    background-size: 14px 28px;
}


/* 2019.05.10 수정 */

.search_voice_wrap .search_voice_bot .page_link:after {
    display: block;
    content: "";
    clear: both;
}

.search_voice_wrap .search_voice_bot .page_link .btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
}


/* 2019.05.10 */

.search_voice_wrap .search_voice_bot .page_link .btn {
    width: 50%;
    /*position:absolute;top:0*/
}

.search_voice_wrap .search_voice_bot .page_link .btn.prev {
    float: left;
    text-align: left;
    ;
    /*left:0;*/
}

.search_voice_wrap .search_voice_bot .page_link .btn.next {
    float: right;
    text-align: right;
    /*right:0;*/
}

.search_voice_wrap .search_voice_bot .page_link .btn.prev a {
    padding-left: 25px;
    /*background: url('/content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat left center; background-size:14px 28px*/
}


/* 2019.05.10 수정 */

.search_voice_wrap .search_voice_bot .page_link .btn.next a {
    padding-right: 25px;
    /*background: url('/content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat right center; background-size:14px 28px;*/
}


/* 2019.05.10 수정 */

.search_voice_wrap .voice_detail .btnLarge {
    margin: 0 10px;
}


/* 2019.05.10 수정 */


/* voice list */

.search_voice_wrap .voice_list_wrap {
    padding: 60px 0 30px 0;
}

.search_voice_wrap .voice_list_wrap .list {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.search_voice_wrap .voice_list_wrap .list li {
    padding: 20px 20px;
    border-top: 1px solid #e3e3e3;
    background: #fcfcfc;
}

.search_voice_wrap .voice_list_wrap .list li:first-child {
    border-top: none;
}

.search_voice_wrap .voice_list_wrap .list li a {
    font-size: 15px;
    color: #000;
    line-height: 1.4;
}

.search_voice_wrap .voice_list_wrap .form_wrp .input_box {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
}

.search_voice_wrap .voice_list_wrap .form_wrp.selbox {
    width: 30%;
}

.search_voice_wrap .voice_list_wrap .searchForm .btn_area {
    top: -16px;
}

.search_voice_wrap .voice_list_wrap .find_box .form_label {
    padding-bottom: 20px;
    font-size: 15px;
}

.search_voice_wrap .voice_list_wrap .list li.no_data {
    text-align: center;
    padding: 120px 15px;
    font-size: 17px
}


/* tablet */

@media all and (max-width:1024px) {
    .search_voice_wrap .voice_inner {
        padding: 0 10px;
    }
    .search_voice_wrap .voice_detail h1.title {
        font-size: 26px;
        padding: 0 10%;
    }
    .search_voice_wrap .voice_detail .desc {
        font-size: 18px;
        padding: 30px 5px;
    }
    .search_voice_wrap .search_voice_bot {
        width: 98%;
    }
    /* 2019.05.10 수정 */
    .search_voice_wrap .search_voice_bot .page_link {
        width: 100%;
    }
    /* 2019.05.10 수정 */
    .search_voice_wrap .search_voice_bot .page_link .btn a {
        font-size: 18px;
        background-size: 10px 24px;
    }
}


/* mobile */

@media all and (max-width:767px) {
    .search_voice_wrap .voice_inner {
        padding: 0 10px;
    }
    .search_voice_wrap .voice_detail h1.title {
        font-size: 22px;
        padding: 0;
    }
    .search_voice_wrap .voice_detail .desc {
        font-size: 14px;
        padding: 30px 5px;
    }
    .search_voice_wrap .search_voice_bot {
        width: 96%;
    }
    /* 2019.05.10 수정 */
    .search_voice_wrap .search_voice_bot .page_link {
        width: 100%;
    }
    /* 2019.05.10 수정 */
    .search_voice_wrap .search_voice_bot .page_link .btn a {
        font-size: 15px;
        background-size: 10px 24px;
    }
    .search_voice_wrap .voice_list_wrap {
        padding: 30px 0 20px 0;
    }
    .search_voice_wrap .voice_list_wrap .list li a {
        font-size: 14px;
    }
    .search_voice_wrap .voice_list_wrap .list li {
        padding: 15px 15px;
    }
}


/* voice search content 2019.04.29 끝 */


/* search voice 2019.06.21    2019.06.26 */

.voice_wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 50px 0 100px 0;
}

.voice_wrap .voice_inner {
    max-width: 960px;
    width: 100%;
    margin: auto;
    padding: 30px 0;
    box-sizing: border-box;
}

.voice_wrap .voice_inner .b_title_area h1.b_title {
    font-size: 55px;
    font-family: 'kiaB';
    text-align: center;
    line-height: 1.2;
    padding-bottom: 80px;
    padding-top: 100px;
}

.voice_wrap .voice_inner .big_txt {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    padding: 0 25px 0 25px;
    color: #000;
}

.voice_wrap .voice_inner em.t_red {
    color: #bb162b;
}

.voice_wrap .voice_inner .m_title_area {
    padding: 18px 10px;
    border-top: 2px solid #bb162b;
}

.voice_wrap .voice_inner .m_title_area .m_title {
    color: #000;
    font-size: 18px;
}

.voice_wrap .voice_inner .content_txt {
    font-size: 18px;
    padding: 20px 10px;
    line-height: 1.4;
}

.voice_wrap .voice_inner .s_title {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 15px 0 15px;
}

.voice_wrap .voice_inner .box_wrap {
    width: 85%;
    border: 1px solid #ededed;
    background: #f5f4f5;
    padding: 30px 15px;
    box-sizing: border-box;
    margin: 0 auto 50px;
}


/* 2020.01.16 */

.voice_wrap .voice_inner .accordion_wrap {
    border-top: 2px solid #bb162b;
    border-bottom: 2px solid #bb162b;
    margin-bottom: -2px;
}

.voice_wrap .voice_inner .accordion_wrap .acc_title {
    width: 100%;
}

.voice_wrap .voice_inner .accordion_wrap .acc_title button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px 15px;
    text-align: left;
    margin-right: 25px;
    font-size: 23px;
    color: #000;
    font-family: 'kiaB';
    font-weight: bold;
    background: url('../content/dam/kwcms/gt/en/images/common/icon_next.png') no-repeat 98% center;
    outline: none;
}


/* 2019.08.05 */

.voice_wrap .voice_inner .accordion_wrap .acc_title.on button {
    background: url('../content/dam/kwcms/gt/en/images/common/icon_prev.png') no-repeat 98% center;
}

.voice_wrap .voice_inner .accordion_wrap .acc_contents {
    display: none;
    padding: 40px 20px;
    font-family: 'kiaM';
    font-size: 18px;
    color: #000;
    line-height: 1.4;
}

.voice_wrap .voice_inner .accordion_wrap .acc_contents em {
    font-weight: bold;
}

.voice_wrap .voice_inner .btn_link_area {
    margin: 100px 0 50px 0;
    text-align: center;
}

.voice_wrap .voice_inner .btn_link_area a {
    margin: 0 10px;
}

.voice_wrap .search_voice_bot {
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    background: url('../content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat left center;
    background-size: 14px 28px;
}


/* 2019.05.10 수정 */

.voice_wrap .search_voice_bot .page_link {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    background: url('../content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat right center;
    background-size: 14px 28px;
}


/* 2019.05.10 수정 */

.voice_wrap .search_voice_bot .page_link:after {
    display: block;
    content: "";
    clear: both;
}

.voice_wrap .search_voice_bot .page_link .btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
}

.voice_wrap .search_voice_bot .page_link .btn {
    width: 50%;
    /*position:absolute;top:0*/
}

.voice_wrap .search_voice_bot .page_link .btn.prev {
    float: left;
    text-align: left;
    ;
    /*left:0;*/
}

.voice_wrap .search_voice_bot .page_link .btn.next {
    float: right;
    text-align: right;
    /*right:0;*/
}

.voice_wrap .search_voice_bot .page_link .btn.prev a {
    padding-left: 25px;
    padding-right: 15px;
    /*background: url('/content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat left center; background-size:14px 28px*/
}


/* 2019.05.10 수정 */


/* 2019.07.12 */

.voice_wrap .search_voice_bot .page_link .btn.next a {
    padding-right: 25px;
    padding-left: 15px;
    /*background: url('/content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat right center; background-size:14px 28px;*/
}


/* 2019.05.10 수정 */


/* 2019.07.12 */

.voice_wrap .voice_inner .accordion_wrap .acc_contents ol {
    list-style: decimal !important;
    padding-left: 40px;
}

.voice_wrap .voice_inner .accordion_wrap .acc_contents ul {
    list-style: disc !important;
    padding-left: 40px;
}

.voice_wrap .con_navi {
    width: 100%;
}

.voice_wrap .con_navi:after {
    display: block;
    content: "";
    clear: both;
}

.voice_wrap .con_navi ol {
    float: right;
}


/* 2020.01.16 음성검색 상단 텍스트 S */

.voice_wrap .voice_inner .sub_text_box {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 60px;
    box-sizing: border-box;
    color: #000;
}

.voice_wrap .voice_inner .sub_text_box p {
    font-size: 18px;
    line-height: 1.4;
}


/* mobile */

@media all and (max-width:767px) {
    .voice_wrap .voice_inner .sub_text_box p {
        font-size: 15px;
        line-height: 1.4;
    }
}


/* 2020.01.16 음성검색 상단 텍스트 e */


/*  2019.07.02 음성검색 테이블 */

.voice_wrap table {
    width: 70%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: auto;
}


/* 2019.07.12 */

.voice_wrap table thead th {
    padding: 12px 10px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f5f4f5;
    word-break: break-word;
}


/* 2019.12.02    2019.07.03 수정 */

.voice_wrap table td {
    padding: 8px 10px;
    text-align: center;
    border-left: 1px solid #ccc;
    word-break: break-word;
}


/* 2019.12.02 */

.voice_wrap table tbody tr:nth-child(even) td {
    background: #f8f8f8;
}


/*  2019.07.02 음성검색 테이블 끝 */

.voice_wrap .voice_inner .accordion_wrap .acc_contents img {
    width: 95%;
}


/* 2019.07.02 */


/* 2020.11.17 #50347 S */

.voice_wrap .voice_inner .accordion_wrap .acc_contents .tbl_wrap {
    width: 100%;
    overflow: auto;
}

.voice_wrap .voice_inner .accordion_wrap .acc_contents .tbl_wrap table {
    width: 650px
}


/* 2020.11.17 #50347 E */


/* 2019.07.09 이미지 리스트 s */

.imglist_box {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 30px 0;
}

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

.imglist_box .list_col {
    position: relative;
    float: left;
    width: 33.3333%;
    box-sizing: border-box;
}

.imglist_box .list_col .tit {
    font-size: 18px;
    padding: 10px 10px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.imglist_box .list_col .img {
    width: 100%;
    text-align: center;
}

.imglist_box .list_col .img img {
    width: 100%;
}

.imglist_box .list_col .con {
    padding: 10px 10px;
}


/* 2019.07.09 이미지 리스트 e */

@media(max-width:1024px) {
    .voice_wrap .voice_inner {
        padding: 30px 15px;
    }
}


/* 2019.07.09  추가 s*/

@media(max-width:960px) {
    .imglist_box .list_col {
        position: relative;
    }
    /* 2019.07.10 수정 */
    .imglist_box .list_col .tit {
        min-height: 50px;
        font-size: 17px;
        padding: 10px 15px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}


/* 2019.07.09  추가 e */

@media(max-width:767px) {
    /*.voice_wrap {margin-bottom:-50px;}*/
    /* 2019.07.03 */
    .voice_wrap .voice_inner {
        padding: 30px 15px;
    }
    .voice_wrap .voice_inner .b_title_area h1.b_title {
        font-size: 45px;
        padding-bottom: 70px;
        padding-top: 0;
    }
    .voice_wrap .voice_inner .box_wrap {
        width: 95%;
        margin: 0 auto 40px;
    }
    /* 2020.01.16 */
    .voice_wrap .voice_inner .big_txt {
        font-size: 24px;
        padding: 0 12px;
    }
    .voice_wrap .voice_inner .accordion_wrap .acc_contents {
        font-size: 15px;
        padding: 20px 18px 50px 18px;
    }
    .voice_wrap .voice_inner .accordion_wrap .acc_title button {
        font-size: 18px;
        padding-right: 20px;
    }
    /* 2019.07.12 */
    .voice_wrap .voice_inner .btnLarge {
        width: 50%;
        min-width: 126px;
        font-size: 16px;
        display: block;
        margin: 0 auto;
        padding: 5px 8px;
        border-radius: 40px;
    }
    /* 2019.07.03 수정 */
    .voice_wrap .voice_inner .btnLarge .arrow_r:after {
        right: -16px;
    }
    .voice_wrap .voice_inner .btn_link_area a {
        margin: 15px auto;
    }
    .voice_wrap .voice_inner .accordion_wrap .acc_contents img {
        width: 100%;
    }
    /* 2019.07.02 */
    .voice_wrap table {
        width: 100%
    }
    /* 2019.07.12 */
    /* 2019.07.09 s */
    .imglist_box {
        padding: 0;
        margin-top: 20px;
    }
    .imglist_box .list_col {
        width: 100%;
    }
    /* 2019.07.10 수정 */
    .imglist_box .list_col .tit {
        min-height: 0;
        padding: 0;
        font-size: 15px;
        position: static;
    }
    .imglist_box .list_col .con {
        padding: 15px 0;
    }
    .imglist_box .list_col .img {
        margin-top: 30px;
    }
    /* 2019.07.09 e */
}


/* search voice 2019.06.21   2019.06.26   */


/* 2019.12.18 voice inner table S */

.table_tab_wrap .table_wrap {
    width: 100%;
}

.table_tab_wrap .inner_table_wrap {
    padding: 0 0 20px 0;
}

.table_tab_wrap .inner_table_wrap .tab_table {
    width: 100%;
    max-width: 640px;
    margin: auto;
    list-style: none;
}

.table_tab_wrap .tab_table:after {
    display: block;
    content: "";
    clear: both;
}

.table_tab_wrap .tab_table .tab_btn {
    float: left;
    width: 50%;
}

.table_tab_wrap .tab_table .tab_btn a {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-family: "kiaB";
    background: #a2a2a2;
    color: #fff;
    border-left: 1px solid #fff
}

.table_tab_wrap .tab_table .tab_btn a:hover {
    background: #bb162b;
    color: #fff;
}

.table_tab_wrap .tab_table .tab_btn.on a {
    background: #bb162b;
    color: #fff;
}

.table_tab_wrap .table_wrap {
    padding: 0 0 0 0;
}

.table_tab_wrap .table_wrap table {
    width: 100%;
    max-width: 640px;
    border: 1px solid #ccc;
}

.table_tab_wrap .table_wrap table th,
.table_tab_wrap .table_wrap table td {
    border: 1px solid #ccc;
}

.table_tab_wrap .conTaxt {
    padding-bottom: 20px;
}

.table_tab_wrap .tab_table div:first-child a {
    border-left: 0;
}

@media(max-width:767px) {
    .table_tab_wrap .inner_table_wrap {
        margin: 0 -15px;
    }
    table tbody hr th {
        padding: 0 10px;
    }
}


/* 2019.12.18 voice inner table E */