@charset "utf-8";

.gt_series{}
.gt_series .onM{
    display: none;
}
.gt_series .onP {
    display: block;
}
.align_cont.pc_center{text-align: center;}
.gt_series .contModule.cont_header .txt_wrap .align_cont{padding: 80px 0 80px;}
.gt_series .contModule.h4tita3 .header .txt_wrap .align_cont{padding: 80px 50px 40px;} 
.gt_series .bodyCont_wrap + .btmCont_wrap{margin-top: 120px;}


.keyMsg_wrap .model_series{margin-bottom: 80px;}

/* .topBanner_wrap */
.gt_series_banner .spec_wrapper {
    position: absolute;
    bottom: 94px;
    left: 205px;
}
.gt_series_banner .banner_spec {
    display: flex;
    flex-direction: column;
    width: 245px;
    padding: 17px 12px 22px;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.22);
    border: 2px solid #fff;
}
.gt_series_banner .banner_spec .banner_spec_title {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}
.gt_series_banner .banner_spec .banner_spec_title+.banner_spec_list {
    border-top: 1px solid #fff;
    margin-top: 16px;
}
.gt_series_banner .banner_spec .banner_spec_title .banner_spec_model {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    font-family: HyundaiSansHeadMedium;
}
.gt_series_banner .banner_spec .banner_spec_title .banner_spec_weight {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.56;
    font-family: HyundaiSansHeadRegular;
}
.gt_series_banner .banner_spec .banner_spec_list {
    display: flex;
    position: relative;
    width: 100%;
    font-weight: normal;
    font-family: HyundaiSansHeadRegular;
}
.gt_series_banner .banner_spec .banner_spec_list .banner_spec_item {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 0 0;
    text-align: center;
    line-height: 1.25;
    gap: 5px;
}
.gt_series_banner .banner_spec .banner_spec_list .banner_spec_item+.banner_spec_item {
    border-left: 1px solid #fff;
}
.gt_series_banner .banner_spec .banner_spec_list .banner_spec_item strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    font-family: HyundaiSansHeadMedium;
}
.gt_series_banner .banner_spec .banner_spec_list .banner_spec_item span {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25;
}

/* video .keyMsg_wrap */
.model_series .header {padding: 120px 0 40px;}
.layer_video {
    width: 100%;
    height: 100%;
    position: relative;
}
.layer_video .movie_wrap {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
}
.layer_video .movie_wrap video {
    display: block;
    width: 100%;
    height: 100%;
}
.gt_series .contModule.cont_engine .engine_info{padding: 40px 0 0;}
.gt_series .contModule .txt_wrap .h2_tit+.h5_tit { margin-top: 16px;}

/* .performance */
.engine_model+.engine_model {border-top: 1px solid rgba(102, 102, 102, 0.5);}
.engine_model .contModule {padding: 80px 0;}
.engine_model .contModule .module {
    max-width: 1200px;
    margin: 0 auto;
}

.engine_spec_info .spec_text {
    font-size: 36px;
    font-family: HyundaiSansHeadBold;
    line-height: 1.22;
    color: #222;
}
.engine_spec_info .spec_text .spec_model+p {margin-top: 20px;}
.engine_spec_info .spec_text .spec_power+.spec_torque {margin-top: 10px;}

.engine_spec_info .spec_text .spec_power,
.engine_spec_info .spec_text .spec_torque {
    display: flex;
    align-items: center;
}

.engine_spec_info .spec_text .spec_power i,
.engine_spec_info .spec_text .spec_torque i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 16px;
}

.engine_spec_info .spec_text .spec_power i {
    background: url(/global/en/images/product/cars/gt-series/engine-icon-1.png) no-repeat;
    background-size: 100%;
}

.engine_spec_info .spec_text .spec_torque i {
    background: url(/global/en/images/product/cars/gt-series/engine-icon-2.png) no-repeat;
    background-size: 100%;
}

.engine_model .spec_indicator {display: flex;}
.engine_model .spec_indicator li p {
    font-size: 36px;
    font-weight: bold;
    line-height: 0.75;
    text-align: center;
    color: #00aad2;;
}
.engine_model .spec_indicator li img {
    max-width: 126px;
}
.engine_model .spec_indicator li p sub {
    font-size: 16px;
    vertical-align: 0;
}

.engine_model .spec_indicator li img+p { margin-top: 10px;}

/* .engine_model.hmc_engine */
.engine_model.hmc_engine .img_wrap+.txt_wrap {padding: 80px 195px 60px;}
.engine_model.hmc_engine .txt_wrap {font-family: HyundaiSansHeadBold;}
.engine_model.hmc_engine .txt_wrap .h2_tit+.txt {
    margin-top: 30px;
    padding-top: 0;
}
.engine_model.hmc_engine .txt_wrap+.engine_model_spec {border-top: 1px solid rgba(53, 113, 158, 0.3);}
.engine_model.hmc_engine .engine_model_spec {
    display: flex;
    justify-content: center;
    gap: 9.6%;
    padding-top: 60px;
}
.engine_model.hmc_engine .engine_spec_info .spec_text+.spec_indicator {margin-top: 40px;}
.engine_model.hmc_engine .engine_spec_info .spec_indicator{gap: 16%;}

/* .engine_model .engine_model_top */
.engine_model .engine_model_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.engine_model .engine_model_top .h2_tit+dl {margin-top: 40px;}
.engine_model .engine_model_top dl {
    font-size: 18px;
    line-height: 1.56;
    color: #222;
}
.engine_model .engine_model_top dl dt{font-family: HyundaiSansHeadBold;}
.engine_model .engine_model_top dl+dl {margin-top: 20px;}
.engine_model .engine_model_top .img_wrap {text-align: center;}

/* .engine_model .tab_wrap */
.engine_model .engine_model_top+.tab_wrap {margin-top: 80px;}
.engine_model .tab_wrap .engine_tab_box {
    display: flex;
    margin-top: 80px;
    gap: 3.8%;
}
.engine_model .tab_wrap .engine_tab_box > li{flex: 1;}
.engine_model .tab_wrap .engine_tab_box li .engine_spec_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.engine_model .tab_wrap .engine_tab_box li .spec_indicator {
    padding: 0 30px;
    justify-content: space-between;
}

.engine_model .tab_wrap .engine_tab_box li .engine_spec_info+.spec_indicator {
    border-top: 1px solid #35719e;
    margin-top: 40px;
    padding-top: 40px;
}
.engine_model .tab_wrap .engine_tab_box li .engine_spec_info .spec_img img {max-width: 158px;}
.engine_model.chassis_cont .header{padding-bottom: 40px;}

.gt_series .contModule.h4tita3 .txt_wrap .align_cont .txt{ margin-left: 0;}
.gt_series .contModule.h4tita3 .txt_wrap .align_cont .h4_tit + .txt{margin-left: 34.0659%;}

/* .cont-flex-group */
.gt_series .contModule.cont-flex-group .module{display: flex;}
.gt_series .contModule.cont-flex-group .module_item{flex: 1;}
.gt_series .contModule.cont-flex-group .module .txt_wrap {
    width: auto;
    padding: 24px 50px 80px;
}

/* line-up */
.gt_series .contModule.lineup2 .img_wrap + .tab_wrap{margin-top: 80px;}
.ui_tab .ui_tab_title{text-align: center; padding: 80px 0 40px;}

.gt_series .ui_tab .lineup_cont{max-width: 100%;}

.ui_tab .lineup_cont .lineup_table{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #222;
}
.ui_tab .lineup_cont .lineup_table td{padding: 12px 0;}
.ui_tab .lineup_cont .lineup_table thead{color: #fff; background-color: #222; font-family: HyundaiSansHeadBold;}
.ui_tab .lineup_cont .lineup_table thead td{width: 50%;}
.ui_tab .lineup_cont .lineup_table tbody tr+tr{border-top: 1px solid #222;}
.ui_tab .lineup_cont .lineup_table tbody tr td strong{font-family: HyundaiSansHeadBold;}
.ui_tab .lineup_cont .lineup_table + .lineuplist_wrap{margin-top: 80px;}

.gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap{
    display: flex;
    justify-content: center;
    padding-bottom: 0;
    margin-left: 0;
}
.gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .item{
    display: flex;
    align-items: center;
}
.gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap{width: auto;}
.gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap{padding-top: 0;}
.gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dd{padding-top: 0;}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .gt_series_banner .spec_wrapper {
        bottom: 64px;
        left: 80px;
    }
}
/* s: 250902 add */
@media(min-width: 768px){
    .exterior_slide.ui_carousel_track{
        display: flex;
        gap: 15px;
    }
    .exterior_slide.ui_carousel_track .item{float: none !important;}
}
/* e: 250902 modify */
@media only screen and (min-width:768px) and (max-width: 1279px) {
    .gt_series .contModule.cont_h2 .txt_wrap .align_cont * {max-width: 430px;}

    /* .topBanner_wrap */
    .gt_series_banner .spec_wrapper {
        bottom: 40px;
        left: 48px;
    }
    .gt_series_banner .banner_spec {
        width: 220px;
        padding: 10px 8px 12px;
    }
    .gt_series_banner .banner_spec .banner_spec_title+.banner_spec_list {margin-top: 8px;}
    .gt_series_banner .banner_spec .banner_spec_title .banner_spec_model {font-size: 18px;}
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item {padding: 8px 0 0;}
    .gt_series_banner .banner_spec .banner_spec_title .banner_spec_weight {font-size: 16px;}
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item strong {font-size: 16px;}
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item span {font-size: 14px;}

    /* performance */
    .engine_model .contModule .module {
        width: auto;
        margin: 0 24px;
    }

    .engine_spec_info .spec_text {font-size: 21px;}
    .engine_model .spec_indicator li p {font-size: 21px;}
    .engine_model .spec_indicator li p sub {font-size: 11px;}
    .engine_model .engine_model_top dl {font-size: 14px;}

    .engine_model .tab_wrap .engine_tab_box li .spec_indicator{padding: 0 15px;}

    /* line-up */
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap{max-width: 316px;}
}

@media(max-width: 1024px){
    .engine_model .tab_wrap .engine_tab_box .spec_indicator li img {max-width: 100%;}
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info .spec_img img{max-width: 100%;}
}

@media only screen and (max-width: 767px) {
    .gt_series .onP {display: none;}
    .align_cont.pc_center{text-align: left;}
    .gt_series .contModule.cont_header .txt_wrap .align_cont{padding: 60px 10px 60px;}
    .gt_series .contModule.cont_header .txt_wrap .align_cont.pc_center{padding: 60px 20px 28px;}
    .gt_series .contModule.h4tita3 .header .txt_wrap .align_cont{padding: 60px 20px 28px;} 
    .keyMsg_wrap .model_series{margin-bottom: 60px;}
    .gt_series .contModule .txt_wrap .h2_tit+.h5_tit { margin-top: 8px;}

    /* .topBanner_wrap */
    .gt_series_banner .spec_wrapper {
        width: 100%;
        padding: 25px 20px;
        left: 0;
        bottom: 0;
    }
    .gt_series_banner .banner_spec {
        width: 100%;
        flex-direction: row;
        padding: 0;
    }
    .gt_series_banner .banner_spec .banner_spec_title {width: 25%;}
    .gt_series_banner .banner_spec .banner_spec_list {flex-direction: column;}
    .gt_series_banner .banner_spec .banner_spec_title+.banner_spec_list {
        border-top: none;
        border-left: 1px solid #fff;
    }
    .gt_series_banner .banner_spec .banner_spec_title+.banner_spec_list {
        border-top: none;
        margin-top: 0;
    }
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item {
        padding: 8px 0;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item+.banner_spec_item {
        border-left: 0;
        border-top: 1px solid #fff;
    }
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item strong+span {
        padding-left: 20px;
        border-left: 1px solid #fff;
    }
    .gt_series_banner .banner_spec .banner_spec_title .banner_spec_model {font-size: 16px;}
    .gt_series_banner .banner_spec .banner_spec_title .banner_spec_weight {
        display: none;
    }
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item strong {
        width: 25%;
        font-size: 13px;
    }
    .gt_series_banner .banner_spec .banner_spec_list .banner_spec_item span {
        font-size: 13px;
    }

    /* performance */
    .model_series .header {padding: 60px 0 28px;}
    .gt_series .contModule.cont_engine .engine_info{padding: 28px 0 0;}

    .engine_model .tab_wrap .engine_tab_box {margin-top: 60px;}
    .gt_series .onM{display: block;}
    .gt_series .onP {display: none;}

    .engine_model .contModule {padding: 60px 0;}

    .engine_spec_info .spec_text {font-size: 28px;}
    .engine_spec_info .spec_text .spec_power i,
    .engine_spec_info .spec_text .spec_torque i {
        margin-right: 10px;
    }
    .engine_model .spec_indicator li p {font-size: 28px;}
    .engine_model .spec_indicator li p sub {font-size: 16px;}
    .engine_model .engine_model_top .h2_tit+dl {margin-top: 25px;}
    .engine_model .engine_model_top dl {font-size: 16px;}
    .engine_model .engine_model_top dl+dl {margin-top: 15px;}
    .engine_model .engine_model_top dl:nth-of-type(2) dt + dt {margin-top: 15px;}
    .engine_model .spec_indicator li img {max-width: 100%;}
    
    .engine_spec_info .spec_img img, .engine_spec_info .spec_text img{max-width: 100%;}

    .engine_model .engine_spec_info .spec_text p{width: 145px;}

    .engine_model.hmc_engine .contModule {padding: 0 0 60px;}
    .engine_model.hmc_engine .img_wrap+.txt_wrap {padding: 28px 20px 40px;}
    .engine_model.hmc_engine .engine_spec_info .spec_indicator{
        padding: 0 20px;
        gap: 0;
    }
    .engine_model.hmc_engine .txt_wrap+.engine_model_spec {border-top: none;}
    .engine_model.hmc_engine .txt_wrap .h2_tit+.txt{margin-top: 25px;}
    .engine_model.hmc_engine .engine_model_spec {
        padding: 0 25px;
    }
    .engine_model.hmc_engine .engine_spec_info{width: 100%;}
    .engine_model.hmc_engine .engine_spec_info .spec_text{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .engine_model.hmc_engine .engine_spec_info .spec_text > div{
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }
    .engine_model.hmc_engine .engine_spec_info .spec_text+.spec_indicator {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #35719e;
    }
    .engine_model.hmc_engine .engine_spec_info .spec_indicator > li{
        flex: 1;
        text-align: center;
    }

    .engine_model .engine_model_top {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }
    .engine_model .engine_model_top+.tab_wrap{margin-top: 60px;}
    .engine_model .engine_model_top .txt_wrap + .img_wrap{margin-top: 40px;}
    .engine_model .tab_wrap {padding: 0 25px;}
    .engine_model .tab_wrap .engine_tab_box {
        flex-direction: column;
        gap: 0;
    }
    .engine_model .tab_wrap .engine_tab_box>li+li {
        border-top: 1px solid #35719e;
        margin-top: 60px;
        padding-top: 60px;
    }
    .engine_model .tab_wrap .engine_tab_btn {padding: 0 25px;}
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info {
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse;
        padding: 0 30px;
    }
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info > div{flex: 1;}
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info .spec_text{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info .spec_img img{max-width: 100%;}
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info+.spec_indicator {
        border-top: none;
        padding-top: 0;
        margin-top: 25px;
    }
    .engine_model .tab_wrap .engine_tab_box li .spec_indicator {
        justify-content: center;
        /* padding: 0 30px; */
        padding: 0 0 0 30px;
        text-align: center;
    }
    .engine_model .tab_wrap .engine_tab_box li .spec_indicator > li{flex: 1;}

    .engine_model.chassis_cont .header{padding-bottom: 28px;}

    .gt_series .contModule.h4tita3 .txt_wrap .align_cont .h4_tit + .txt{margin-left: 0;}
    .gt_series .contModule.cont-flex-group .module{flex-direction: column;}
    .gt_series .contModule.cont-flex-group .module .txt_wrap {
        width: auto;
        padding: 28px 20px 60px;
    }

    /* .column_reverse */
    .gt_series .column_reverse .contModule .module{
        display: flex;
        flex-direction: column-reverse;
    }
    .gt_series .column_reverse .contModule .module .txt_wrap .align_cont {
        padding: 28px 20px 60px;
        text-align: left;
    }
    .exterior-cont .contModule{background-color: #f8f8f8;}

    /* line-up */
    .gt_series .contModule.lineup2 .img_wrap + .tab_wrap{margin-top: 24px;}
    .ui_tab .ui_tab_title{text-align: center; padding: 40px 0 28px;}
    .ui_tab .lineup_cont .lineup_table + .lineuplist_wrap{margin-top: 40px;}
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .item{flex-direction: column;}
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap{width: 100%;}
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dl{
        font-size: 20px;
        line-height: 1.25;
    }
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dt, 
    .gt_series .contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dd{text-align: center;}
}

@media(max-width: 620px) {
    /* .engine_model.hmc_engine .engine_spec_info .spec_indicator {padding: 0;} */
    .engine_model .tab_wrap .engine_tab_box li .engine_spec_info{padding: 0;}
    .engine_model .tab_wrap .engine_tab_box li .spec_indicator {/* padding: 0 20px; */  padding: 0 0 0 15px;}
}

@media(max-width: 420px) {
    /* .engine_spec_info .spec_text {font-size: 24px;}
    .engine_model .spec_indicator li p {font-size: 24px;} */
    .engine_model .tab_wrap .engine_tab_box>li {padding: 0;}
}