@charset "UTF-8";

@import url("../../../../../css/font-sansheadoffice.css");
@import url("../../../../../css/sideBar.css");
.desc_title {
    font-size: 35px;
    font-family: 'HyundaiSansHeadOfficeMedium';
}

#cubebox, .cubebox .cubelist, .cubebox .cubelist , .cubebox .cubelist  .item, .cubebox .cubelist  .item.bg {
    height: 645px !important;
}

.colorBloc {
    float: left;
    width: 38px;
    height: 38px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin-left: 5px;
    margin-bottom: 5px;
}
.colorBlocShadow {
    position: absolute;
    z-index: 50;
    width: 38px;
    height: 38px;
    background-image: url(/assets/images/model/colorBlocShadow.png);
    cursor: pointer;
}
html {font-size: 62.5%;}
* {text-size-adjust: none;-moz-text-size-adjust: none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
.hidden {position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;visibility: hidden;overflow: hidden;}
.light .header,
.dark .header {height: 80px;}
/*#floating_top {z-index: 60;}*/
#floating_top a {background: url("/assets/templates/pip/common/wcm/images/icon/icon_top_dark.png") no-repeat 0 0;}
/* Mixin */
.title-white {font-size: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;}
.para-gray {font-size: 14px;font-size: 1.4rem;color: #888;line-height: 20px;}
.ie7-block-hack {*display: inline;*zoom: 1;}
.mobile_topbtn {position: relative;margin-top: -75px;z-index: 100;}
.contents_specification .mobile_topbtn,
.contents_accessories .mobile_topbtn,
.contents_review .mobile_topbtn {margin-top: 0;}
/* mobile tab */
.mobile_tab {display: none;}
.mobile .slider_bg,
.mobile .slider,
.mobile .slider_text {display: none;}
.mobile .mobile_tab {display: block;position: absolute;left: 514px;bottom: 60px;z-index: 5;}
.mobile .mobile_tab ul {width: 100%;text-align: center;}
.mobile .mobile_tab ul li {display: inline-block;width: 200px;height: 40px;overflow: hidden;*display: inline;*zoom: 1;margin-left: -1px;}
.mobile .mobile_tab ul li a {position: relative;display: block;width: 198px;height: 38px;line-height: 38px;border: 1px solid #404040;text-align: center;color: #888;font-size: 13px;font-size: 1.3rem;z-index: 1;text-decoration: none;}
.mobile .mobile_tab ul li a.on {border: 1px solid #5184b3;color: #fff;z-index: 2;}
.mobile .mobile_tab ul li:hover a {border: 1px solid #5184b3;color: #fff;z-index: 2;}
/* Cube */
.visualKV.container {
	top: -65px;
}
#nline{
    height: 200px;
    background-color: #fff !important;
}
.cubebox {width: 100%;max-width: 1920px;min-height: 465px;overflow: hidden;height:auto;}
.cubebox .cubelist {width: 100%;height: 465px;padding-bottom: 88px;}
.cubebox .cubelist  {width: 100%;height: 465px;}
.cubebox .cubelist  .item {width: 100%;height: 465px;padding-top: 80px;}
.cubebox .cubelist  .item.bg {
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_cube.jpg") no-repeat 50% 0;
}
.cubebox .cubelist  .item.bg-nline {
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_cube_nline.jpg") no-repeat 50% 0;
    padding-top: 54px;
}
.cubebox .cubelist  .item.bg-nline .nline-link{
    display: inline-block;
    box-shadow: 0 0 14.7px 1.3px rgba(0,0,0,0.54) ;
    background-color: #e62e14;
    padding: 3px 15px;
    color: #fff !important;
    font-size: 18px !important;
    text-decoration: none !important;
    margin-top: 13px;
    font-family: 'HyundaiSansHeadOfficeRegular'
}
.punt-nline{
    position: relative;
    left: -20px;
}

.bg-nline .punt-nline {
    position: relative;
    left: -11px;
}
.n-line-button{
    background: url(/assets/templates/pip/new-i30/wcm/images/petitRond.png) no-repeat scroll 0 2px !important;
    background-position-x: 17px !important;
}
.cubebox .cubelist  .item.bg-nline .subtitle{
    display: inline-block;
    font-size: 32px !important;
    background: #000;
    font-family: 'HyundaiSansHeadOfficeBold';
    padding: 7px 15px;
    position: relative;
    bottom: 37px;
}
.cubebox .cubelist  .item.bg-nline .title strong{
    font-family: 'HyundaiSansHeadOfficeBold';
    font-size: 54px !important;
    color: #fff !important;
    text-shadow: 0 0 14.7px rgba(0,0,0,0.83) ;
    line-height: initial !important;
}
.cubebox .cubelist  .item.bg-nline .title strong span {
    color: #e63312;
    margin-top: 20px;
}
.cubebox .cubelist  .item .item_wrap {position: relative;width: 960px;height: 435px;margin: 0 auto;}
.cubebox .cubelist  .item .item_wrap .main {position: absolute;left: 30px;top: 30px;z-index:1;}
.cubebox .cubelist  .item .item_wrap .main .title {font-size: 28px;font-size: 2.8rem;line-height: 32px;font-family: "HyundaiSansHeadOfficeMedium";color: #fff;}
.cubebox .cubelist  .item .item_wrap .main .title strong {display: block;font-weight: normal;color: #fff;font-size: 43px;font-size: 4.3rem;padding: 12px 0 12px 0;font-family: "HyundaiSansHeadOfficeBold";}
.cubebox .cubelist  .item .item_wrap .main ul {padding: 25px 0 15px 0;}
.cubebox .cubelist  .item .item_wrap .main ul li {color: #fff;font-size: 14px;font-size: 1.4rem;padding: 0 0 2px 10px;font-family: "HyundaiSansHeadOfficeMedium";}
.cubebox .cubelist  .item .item_wrap .main .btns {display: inline-block;background: #a99281;padding: 0 9px 0 0;margin-left: 1px;margin-top:18px;margin-bottom:7px;}
.cubebox .cubelist  .item .item_wrap .main .btns a {display: inline-block;padding: 6px 21px 5px 11px;font-family: "HyundaiSansHeadOfficeMedium";color: #fff;font-size: 13px;font-size: 1.3rem;background: url("/assets/templates/pip/common/wcm/images/bg_btn_white.png") no-repeat right 10px;}
.cubebox .cubelist  .item .item_wrap .main .award {overflow: hidden;}
.cubebox .cubelist  .item .item_wrap .main .award a {display:block;overflow: hidden;}
.cubebox .cubelist  .item .item_wrap .main .award img {float: left;margin: 0 8px 0 0;}
.cubebox .cubelist  .item .item_wrap .main .award span {float: left;width: 155px;margin:31px 0 0;padding: 0;font-size: 11px;color: #888;line-height: 14px;}

.cubebox .cubelist  .item .item_wrap .main .award.idea { margin-left: -5px; margin-top: 12px;}
.cubebox .cubelist  .item .item_wrap .main .award.idea span {
	margin-top: 14px;
	width: 235px;
}

.cubebox .cubelist  .item .item_wrap img.car {left: 242px;top: 77px;}
.cubebox .cubelist .facebook_like {bottom: 0;right: 0;}
.cubebox .cubelist .mostlike_option span {color: #999;}
.cubebox .cubelist .mostlike_option .carname {color: #333;}
.cubebox .cubelist .talkntalk_list ul li .comment {color: #333;}
.cubebox .cubelist .talkntalk_list ul li .comment a {color: #333;}
.cubebox .cubelist .talkntalk_list ul li.comment4 .comment,
.cubebox .cubelist .talkntalk_list ul li.comment5 .comment,
.cubebox .cubelist .talkntalk_list ul li.comment6 .comment {color: #666;}
.cubebox .cubelist .talkntalk_list ul li.comment4 .comment a,
.cubebox .cubelist .talkntalk_list ul li.comment5 .comment a,
.cubebox .cubelist .talkntalk_list ul li.comment6 .comment a {color: #666;}
.cubebox .cubelist .gallery_category ul li.on,
.cubebox .cubelist .experience_category ul li a.on {background: url("/assets/templates/pip/common/wcm/images/bg_cube_gallery_category_on.png") no-repeat 0 0 !important;}
.cubebox .cubelist .mostlike_best3 ul li.best1 a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat -330px 0;}
.cubebox .cubelist .mostlike_best3 ul li.best1 a:hover {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 0;}
.cubebox .cubelist .mostlike_best3 ul li.best1.on a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 0;}
.cubebox .cubelist .mostlike_best3 ul li.best2 a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat -330px -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best2 a:hover {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best2.on a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best3 a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat -330px -130px;}
.cubebox .cubelist .mostlike_best3 ul li.best3 a:hover {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 -130px;}
.cubebox .cubelist .mostlike_best3 ul li.best3.on a {background: url("/assets/templates/pip/common/wcm/images/bg_cube_mostlike_best3_long.png") no-repeat 0 -130px;}
.cubebox .cubelist .mostlike_option .carname {color: #999;}
.cubebox .cubelist .mostlike_option .carname strong {color: #555;}
.cubebox .prevbtn {display: none;width: 37px;height: 72px;padding: 0;background: url("/assets/templates/pip/common/wcm/images/bg_btn_cube2.png") no-repeat 0 0;}
.cubebox .prevbtn a {display: block;width: 100%;height: 100%;}
.cubebox .prevbtn a img {display: none;}
.cubebox .nextbtn {width: 37px;height: 72px;padding: 0;background: url("/assets/templates/pip/common/wcm/images/bg_btn_cube2.png") no-repeat -50px 0;}
.cubebox .nextbtn a {display: block;width: 100%;height: 100%;}
.cubebox .nextbtn a img {display: none;}
.cubebox .cube * {display: none;}
body#main .header {height: 60px !important;}
body#main .cubebox {width: 940px;height: 410px;overflow: visible;}
body#main .cubebox .cubelist .item {width: 940px;height: 410px;}
body#main .cubebox .cubelist .item .item_wrap {height: 410px;}
body#main .cubebox .cubelist .item .item_wrap .main {top: 51px;left: 33px;}
body#main .cubebox .cubelist .item .item_wrap .main .price {padding: 32px 0 27px 5px;color: #888;font-size: 12px;font-size: 1.2rem;}
body#main .cubebox .cubelist .item .item_wrap .main .price span.from {display: inline-block;vertical-align: top;}
body#main .cubebox .cubelist .item .item_wrap .main .price strong {font-family: "Georgia";font-size: 24px;font-size: 2.4rem;font-style: italic;font-weight: normal;padding-left: 2px;}
body#main .cubebox .cubelist .item .item_wrap .main .btns {margin-left: 4px;}
body#main .cubebox .cubelist .item .item_wrap .main .btns a {width: 91px;}
body#main .cubebox .cubelist .item .item_wrap .main .award {padding: 23px 0 0 4px;}
body#main .cubebox .cubelist .item .item_wrap img.car {left: 188px;top: 63px;}
body#main .cubebox .cubelist  .item .item_wrap .main .title {padding-top: 9px;}
body#main .cubebox .cubelist .facebook_like {bottom: 30px;right: 30px;}
body#main .cubebox .nextbtn {display: block;width: auto;height: auto;background: none;}
body#main .cubebox .nextbtn a {display: inline;}
body#main .cubebox .nextbtn a img {display: inline;}
body#main .cubebox .prevbtn {display: block;width: auto;height: auto;background: none;}
body#main .cubebox .prevbtn a {display: inline;}
body#main .cubebox .prevbtn a img {display: inline;}
body#main .cube {top: 374px;}
body#main .cube * {display: inline;}
/* T Navi */
.tnavi {position: relative;width: 100%;height: 95px;z-index: 50; padding-top: 25px;}
.tnavi .tnavi_car {width: 940px;margin: 0 auto;text-align: center;}
.tnavi .tnavi_car .information {position: relative;width: 100%;height: 60px;text-align: left;}
.tnavi .tnavi_car .information .home {padding: 21px 0 0 17px;height: 34px;}
.tnavi .tnavi_car .information .home .price span.from {display: block;float: left;padding: 2px 5px 0 0;color: #999;font-size: 9px;font-size: 0.9rem;}
.tnavi .tnavi_car .information .home .price strong {display: block;padding: 2px 0 0 0;color: #888;font-weight: bold;font-family: 'georgia';font-style: italic;}
.tnavi .tnavi_car .information .home .price strong .unit {font-weight: normal;}
.tnavi .tnavi_car .information .cubeitem {text-align: center;margin: -80px auto 0;width: 600px;}
.tnavi .tnavi_car .information .cubeitem ul {display: inline-block;width: 600px;height: 80px;margin: 0 auto;*display: inline;*zoom: 1;}
.tnavi .tnavi_car .information .cubeitem ul li {display: inline-block;width: 81px;height: 80px;*display: inline;*zoom: 1;}
.tnavi .tnavi_car .information .cubeitem ul li a {display: block;width: 81px;height: 80px;color: #999;background: url("/assets/templates/pip/common/wcm/images/bg_tnavi_cubemenu2_brown.png") no-repeat 0 2px;}
.tnavi .tnavi_car .information .cubeitem ul li a strong {display: block;padding: 54px 0 0 0;font-size: 13px;font-size: 1.3rem;}
.tnavi .tnavi_car .information .cubeitem ul li a.cover {background-position: 0 2px;}
.tnavi .tnavi_car .information .cubeitem ul li a.experience {background-position: -81px 2px;}
.tnavi .tnavi_car .information .cubeitem ul li a.gallery {background-position: -162px 2px;}
.tnavi .tnavi_car .information .cubeitem ul li a.mostlike {background-position: -243px 2px;}
.tnavi .tnavi_car .information .cubeitem ul li a.talkntalk {background-position: -324px 2px;}
.tnavi .tnavi_car .information .cubeitem ul li.on a {color: #666;}
.tnavi .tnavi_car .information .cubeitem ul li.on a.cover {background-position: 0 -78px;}
.tnavi .tnavi_car .information .cubeitem ul li.on a.experience {background-position: -81px -78px;}
.tnavi .tnavi_car .information .cubeitem ul li.on a.gallery {background-position: -162px -78px;}
.tnavi .tnavi_car .information .cubeitem ul li.on a.mostlike {background-position: -243px -78px;}
.tnavi .tnavi_car .information .cubeitem ul li.on a.talkntalk {background-position: -324px -78px;}
.tnavi .tnavi_car .information .sns {position: absolute;right: 0;top: 16px;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent1_ffffff.png") repeat 0 0;}
.tnavi .tnavi_car .information .sns a {display: inline-block;width: 28px;height: 28px;margin-left: 3px;background: url("/assets/templates/pip/common/wcm/images/bg_tnavi_sns2.png") no-repeat 0 0;overflow: hidden;vertical-align: middle;*display: inline;*zoom: 1;}
.tnavi .tnavi_car .information .sns a.print {background-position: 0 0;}
.tnavi .tnavi_car .information .sns a.download {background-position: -33px 0;}
.tnavi .tnavi_car .information .sns a.share {background-position: -112px 0;background-color: #ffffff;}
.tnavi .tnavi_car .information .sns a.facebook {background-position: -143px 0;}
.tnavi .tnavi_car .information .sns a.twitter {background-position: -174px 0;}
.tnavi .tnavi_car .information .sns a.googleplus {background-position: -205px 0;}
.tnavi .tnavi_car .information .sns a span {display: none;}
.tnavi .tnavi_car .information .sns span {padding: 0 0 0 13px;font-size: 12px;font-size: 1.2rem;color: #999;font-weight: bold;}
.tnavi .tnavi_car .information .sns span.hide {padding: 0 0 0 10px;display: none;}
.tnavi .tnavi_car .information .sns span.show {padding: 0;display: inline;}
.tnavi .tnavi_submenu {position: relative;width: 940px;height: 34px;margin: 0 auto;border-top: 1px solid #ccc;overflow: hidden;}
.tnavi .tnavi_submenu .submenu ul {line-height: 34px;}
.tnavi .tnavi_submenu .submenu ul li {float: left;padding: 0 10px;}
.tnavi .tnavi_submenu .submenu ul li a {font-size: 12px;font-size: 1.2rem;font-family: 'HyundaiSansHeadOfficeBold';text-transform: uppercase;color: #666;}
.tnavi .tnavi_submenu .submenu ul li a:hover {color: #333;}
.tnavi .tnavi_submenu .submenu ul li a.on {color:#b98866;}
.tnavi .tnavi_submenu .submenu ul li:first-child {padding: 0 10px 0 17px;}
.tnavi .tnavi_submenu .shoppingtool {position: absolute;top: 0;right: 0;background: #fff;}
.tnavi .tnavi_submenu .shoppingtool a.tools {float: left;display: inline-block;height: 34px;line-height: 34px;padding: 0 13px 0 27px;font-size: 12px;font-size: 1.2rem;font-family: 'HyundaiSansHeadOfficeBold';text-transform: uppercase;color: #fff;background: url("/assets/templates/pip/common/wcm/images/bg_btn_white2.png") no-repeat 10px 10px #a99281;}
.tnavi .tnavi_submenu .shoppingtool ul {display: none;height: 34px;background: #fff;}
.tnavi .tnavi_submenu .shoppingtool ul li {float: left;height: 34px;line-height: 34px;padding: 0 10px;}
.tnavi .tnavi_submenu .shoppingtool ul li a {font-size: 12px;font-size: 1.2rem;font-family: 'HyundaiSansHeadOfficeBold';text-transform: uppercase;color: #666;}
.tnavi .tnavi_submenu .shoppingtool ul li a:hover {color: #333;}
.tnavi .tnavi_submenu .shoppingtool ul li:first-child {padding: 0 10px 0 30px;}
.tnavi .tnavi_submenu .shoppingtool.on a.tools {background-position: 10px -40px;}
.pip.contents_highlights,
.pip.contents_exterior,
.pip.contents_interior,
.pip.contents_performance,
.pip.contents_safety,
.pip.contents_convenience,
.parallax {width: 100%;padding: 0;background: #ffffff;}
/* Parallax Image */
.parallax {position: relative;max-width: 1920px;width:100%;height: 520px;margin: 0 auto;overflow: hidden;}
.parallax div {display: none;position: absolute;left: 0;top: 210px;width: 100%;height: 100px;text-align: center;font-size: 50px;font-size: 5.0rem;line-height: 120%;color: #ffffff;font-family: 'HyundaiSansHeadOfficeLight';text-transform: uppercase;text-shadow: 0.5px 0.5px 0.7px #000000;background: url("/assets/templates/pip/common/wcm/images/bg_pip_title_underline.gif") no-repeat 50% 80px;}
.parallax.parallax0 div {display: block;background: url("/assets/templates/pip/common/wcm/images/DH/bg_parallax_0.gif") no-repeat center top;}
.parallax.parallax0 div .para_wrap {display: block;width: 680px;margin: 0 auto;}
.parallax.parallax0 div .para_wrap img {float: left;margin: 0 0 0 90px;}
.parallax.parallax0 div .para_wrap .txt {float: left;display: block;padding: 6px 0 0 95px;font-size: 16px;font-size: 1.6rem;color: #b7b7b7;line-height: 30px;text-transform: none;font-family: arial;font-style: italic;text-indent: -60px;text-align: left;}
/* PIP  common */
.pip .lazyaddbg {background: transparent;}
.pip .morelist {padding: 0;border-top: 0;padding-bottom: 95px;}
.pip .morelist ul {clear: both;width: 951px;margin-left: -11px;padding-top: 56px; text-align:center; }
.pip .morelist ul li {width: 306px;padding: 0 0 0 11px;overflow: hidden; display:inline-block; float:none;}
.pip .morelist ul li .img {position: relative;display: block;width: 306px;height: 133px;overflow: hidden;}
.pip .morelist ul li .img .line {opacity: 0;}
.pip .morelist ul li .img img {-o-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.pip .morelist ul li .description {color: #656565;font-size: 15px;font-size: 1.5rem;padding: 15px 0 25px 10px;width: auto;line-height: 20px;font-family: "HyundaiSansHeadOfficeRegular"; text-align:left;}
.pip .morelist ul li .description strong {display: inline-block;padding: 0 0 10px 0;color: #000;font-weight: normal;font-family: "HyundaiSansHeadOfficeMedium"; text-align:left;}
.pip .morelist ul li .caution {font-size:12px;font-size:1.2rem; text-align:left;}
/*.pip .morelist ul li:hover .img img {-o-transform: scale(1.09);-moz-transform: scale(1.09);-webkit-transform: scale(1.09);-ms-transform: scale(1.09);transform: scale(1.09);}*/
.pip .morelist ul:first-child {padding-top: 0;}
.pip .pip_cont .superlogo { margin:0 auto; width: 940px; padding-top: 16px; }
.pip .pip_cont .superlogo .logo_wrap { text-align: center; }
.pip .pip_cont .text_play {position: relative;width: 940px;height: 350px;overflow: hidden;margin: 0 auto;text-align: center;}
.pip .pip_cont .text_play .text1 {position: absolute;left: 0;top: 93px;width: 100%;color: #222;font-size: 54px;font-size: 5.4rem;font-family: "HyundaiSansHeadOfficeBold";line-height: 125%;}
.pip .pip_cont .text_play .text2 {position: absolute;left: 0;top: 210px;width: 100%;color: #000;font-size: 17px;font-size: 1.7rem;line-height: 24px;font-family: "HyundaiSansHeadOfficeRegular";}
/* PIP - Highlights */

.text_play {}
.text_play .text2{}
.subject h3 {padding: 0 0 16px;margin: 0 0 23px;font-family: 'HyundaiSansHeadOfficeLight';color: #333;font-size: 30px;line-height:130%;text-align:left;background: url("/assets/templates/pip/common/wcm/images/line_orange_80.gif") no-repeat left bottom;}
.subject p {font-size:14px;line-height:22px;color:#888;}
.main_wrap {position: relative;width: 940px;padding-top:0px;margin: 0 auto;}

.highlight_bg { position:relative; width:1920px; height:960px; left:50%; margin-left:-960px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_design_bg.jpg') no-repeat; }
.highlight_bg .highlight_title { position:absolute; z-index:2; width:100%; top:410px; text-align:center; }
.highlight_bg .highlight_title h2 { font-size: 72px;line-height:1;font-family: "HyundaiSansHeadOfficeBold";color:#fff; text-align:center; }
.highlight_bg .highlight_title p { font-size: 17px;line-height:24px;color:#fff;font-family: "HyundaiSansHeadOfficeRegular";margin-top:10px; }
.sub_title { margin-top:156px; padding-bottom:156px;}
.sub_title h3 { color:#aaaaaa; font-size:25px; line-height:25px; font-family: "HyundaiSansHeadOfficeMedium"; text-align:center;}
.sub_title p { color:#ab8e6e; font-size:30px; line-height:36px;font-family: "HyundaiSansHeadOfficeMedium"; text-align:center; margin-top:36px; }

.highlight_slide_wrap { position:relative; width:1920px; height:1080px; left:50%; margin-left:-960px; overflow:hidden; }
.highlight_slide_wrap .slide_box { overflow:hidden; }
.highlight_slide_wrap .slide_box img { display:block; }
.highlight_slide_wrap .slide_box .left { float:left; width:960px; }
.highlight_slide_wrap .slide_box .right { float:right; width:960px; }
.highlight_slide_wrap .slide_box .right div { margin-top:-1080px;}
.highlight_slide_wrap .center_bar { position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-75px; height:1px; width:150px; background:#fff;}
.highlight_slide_wrap .slide_nav { position:absolute; width:940px; left:50%; margin-left:-450px; top:390px; z-index:2; }
.highlight_slide_wrap .slide_nav ul { overflow:hidden; }
.highlight_slide_wrap .slide_nav ul li { float:left; cursor:pointer; position:relative; width:53px; height:53px; margin-right:20px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_itr_bg_default.png') no-repeat; }
.highlight_slide_wrap .slide_nav ul li.on { background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_itr_bg.png') no-repeat; }
.highlight_slide_wrap .slide_nav ul li a { display:block; text-decoration:none; line-height:53px;font-family: "HyundaiSansHeadOfficeMedium";color:#fff;font-size:17px; text-align:center; }
.highlight_slide_wrap .slide_nav ul li.on a { color:#ab8e6e; }
.highlight_slide_wrap .slide_nav ul li .bg { display:block; position:absolute; left:0; top:0; width:0px; height:53px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_itr_bg_on.png') no-repeat; }

.highlight_slide_wrap .text_block {  }
.highlight_slide_wrap .text_block h3 { font-size:54px; line-height:54px;font-family: "HyundaiSansHeadOfficeBold";color:#fff; }
.highlight_slide_wrap .text_block p { font-size:20px; line-height:25px;color:#fff;font-family: "HyundaiSansHeadOfficeMedium";}
.highlight_slide_wrap .text_block div { position:relative; width:100%; }
.highlight_slide_wrap .text_block .text_left { position:absolute; width:940px; left:50%; margin-left:-450px; top:456px; z-index:2; height:162px; overflow:hidden; }
.highlight_slide_wrap .text_block .text_right { position:absolute; width:350px; left:50%; margin-left:100px; top:500px; z-index:2; height:105px; overflow:hidden; }
.highlight_slide_wrap .text_block .text_left h3 { height:162px; position:absolute; top:0; display:none;} 
.highlight_slide_wrap .text_block .text_right p { height:105px; text-align:right; position:absolute; top:0; display:none; right:0;}
.highlight_slide_wrap .text_block .text_left .line_2 { padding-top:34px; display:block;}
.highlight_slide_wrap .text_block .text_right .line_2 { padding-top:18px; display:block;}


.highlight_twin {position:relative;width:940px;height:650px;margin:153px 0 108px; }
.highlight_twin > div { position:absolute;width:640px; }
.highlight_twin .left {left:-170px;top:0;}
.highlight_twin .right {right:-170px;top:0;}
.highlight_twin .left .subject {position:absolute;left:190px;top:0px;width:400px;}
.highlight_twin .right .subject {position:absolute;left:80px;top:0px;width:390px;}
.highlight_twin p { font-size:15px;line-height:20px;color:#888888;font-family: "HyundaiSansHeadOfficeRegular"; }
.highlight_twin .subject h3 {background:none; font-family: "HyundaiSansHeadOfficeBold"; margin:0; }
.highlight_desc { position:relative; width:1280px; height:680px; margin:160px 0 160px -170px; }
.highlight_desc .list { position:absolute; left:170px; bottom:30px; z-index:1; }
.highlight_desc .list li { position:relative; float:left; margin:0 0 0 -1px; padding:6px 0 0; }
.highlight_desc .list li a { display:flex; width:236px; height:48px; border:1px solid #ccc; color:#333; font-family:"HyundaiSansHeadOfficeMedium"; font-size:15px; line-height:17px; background:#fff; text-align:center; }
.highlight_desc .list li a span { margin: auto; display:block;}
.highlight_desc .list li a span.line_2 { /*padding-top:8px;*/ }
.highlight_desc .list li.on { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/bul_highlight_tab1.gif") no-repeat 50% 0; z-index:1; }
.highlight_desc .list li.on a { color:#fff; background:#ab8e6e; border-color:#ab8e6e; }
.highlight_desc .view li {display:none;position:relative;}
.highlight_desc .view li.on {display:block;}
.highlight_desc .view li .text {position:absolute;color:#888888;font-size:15px;line-height:20px;font-family: "HyundaiSansHeadOfficeRegular";}
.highlight_desc .view li .text sup { line-height:1; font-size:13px; vertical-align:0;} 
.highlight_desc .view li .text strong {display:block;margin:0 0 3px;padding:0 0 15px;color:#fff;font-family:"HyundaiSansHeadOfficeBold";font-size:30px;font-weight:normal;line-height:36px;}
.highlight_desc .view li.tab1 .text {left:190px;top:291px;width:370px;}
.highlight_desc .view li.tab2 .text {left:730px;top:264px;width:350px;}
.highlight_desc .view li.tab3 .text {left:190px;top:80px;width:550px;}
.highlight_desc .view li.tab4 .text {left:190px;top:80px;width:620px;}
.highlight_desc .view li .text .caution {margin:0px 0 3px;font-size:13px;font-family:'arial';color:#998675;}
.highlight_desc .view li .text .caution.first { margin-top:14px;}
.highlight_desc .view li .btn_toggle { position:absolute; top:0;}

.highlight_desc .view li .btn_toggle {position: absolute;left: 410px;top: 150px;display: block;width: 41px;height: 41px;margin: 0;overflow: hidden;cursor: pointer;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_plus_brown.png") no-repeat 0 0; z-index:3;}
.highlight_desc .view li .btn_toggle.on {background-position: -43px 0;}
.highlight_desc .view li .toggle_img { position:absolute; left:253px; top:170px;z-index:2; display:none;}

.slider_contents_wrap {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_highlights_slider.jpg") no-repeat 50% 0; }
.slider_contents_bg_wrap {width:940px;margin:0 auto;}
.slider_contents {width:1280px;margin-left:-170px;height:890px;overflow:hidden;position:relative;}
.slider_contents .subject {padding-top:37px;}
.slider_contents .subject h3 {padding:0 0 18px 0;margin:0;font-family: "HyundaiSansHeadOfficeBold";color:#000000;font-size:30px;line-height:36px; background:none;}
.slider_contents .subject p {font-size:15px;font-size:1.5rem;line-height:20px;color:#888888;font-family: "HyundaiSansHeadOfficeRegular";}

.slider_contents .visual { position:relative; margin-top:33px; left:87px;}
.slider_contents .view .subject {position:absolute;z-index:2;padding-left:190px;}
.slider_contents .view .subject sup { font-size:30px; line-height:10px; vertical-align:-8px;} 
.slider_contents .view > ul > li {left:0;width:100%;height:100%;position:absolute;top:0;opacity:0;}
.slider_contents .view > ul > li:first-child {left:0;opacity:1}
.slider_contents .control > div {display:none;}
.slider_contents .control > div.on {display:block;}
.slider_contents .control .prev,
.slider_contents .control .next {position:absolute;top:312px;z-index:3;}
.slider_contents .control .prev a,
.slider_contents .control .next a {text-indent:-9999px;}
.slider_contents .control .prev {display:none;width:37px;height:72px;padding:0;background:url("/assets/templates/pip/new-i30-fastback/wcm/images/btn_highlight_slider.png") no-repeat 0 0;left:132px;}
.slider_contents .control .prev a {display:block;width:100%;height:100%;}
.slider_contents .control .next {width:37px;height:72px;padding:0;background:url("/assets/templates/pip/new-i30-fastback/wcm/images/btn_highlight_slider.png") no-repeat -50px 0;right:132px;}
.slider_contents .control .next a {display:block;width:100%;height:100%;}
.slider_contents .ids {position:absolute;left: 625px;top: 573px;z-index:10;}
.slider_contents .ids li {width:10px;height:10px;background:url("/assets/templates/pip/new-i30-fastback/wcm/images/id_bullets_grey_brown.png") no-repeat -20px 0;float:left;margin-right:10px;}
.slider_contents .ids li a{display:block;width:10px;height:10px;text-indent:-9999px;overflow:hidden;}
.slider_contents .ids li.on {background-position:0 0;}
.slider_contents .caution {display:block;margin:11px 0 0;font-size:12px;font-size:1.2rem;}
.slider_contents .red { color:#e63312; }
.slider_contents .wheel { width:940px; margin:-119px auto 0; position:relative; z-index:2; }
.slider_contents .wheel:after { clear:both; content:''; display:block; }
.slider_contents .wheel .wheel_img { width:233px; float:left; position:relative; padding-left:87px;}
.slider_contents .wheel .wheel_img h4 { position:absolute; left:20px; top:21px; font-size:20px; line-height:1; font-family: "HyundaiSansHeadOfficeBold";color:#000000;}
.slider_contents .wheel .wheel_img img { display:block; margin-top:22px; margin-left:15px; }
.slider_contents .wheel .wheel_img ul { position:absolute; bottom:-10px; left:20px;}
.slider_contents .wheel .wheel_img ul li {font-size:13px;font-family: "HyundaiSansHeadOfficeRegular";color:#888888;}
.slider_contents .wheel .wheel_img ul li span { font-family: "HyundaiSansHeadOfficeBold";color:#000000; }
.slider_contents .wheel .spec {float:left; width:600px; margin-top:0px; margin-left:0px; }
.slider_contents .wheel .spec ul { border-top:2px solid #000; padding-top:17px; margin-bottom:40px; }
.slider_contents .wheel .spec ul:after { clear:both; content:''; display:block; }
.slider_contents .wheel .spec ul li { float:left; width:286px; position:static; padding-left:14px; margin-bottom:7px; font-family: "HyundaiSansHeadOfficeMedium"; font-size:15px; color:#000; background: url("/assets/templates/pip/new-i30-fastback/wcm/images/highlight_wheel_black_dot.png") no-repeat left center ;}


.highlight_nline {width:100%;background: white;}
.nline_visual {position:relative;width:100%;height:1568px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_visual_bg.jpg") no-repeat 50% 161px;}
.nline_visual .title_block strong,
.nline_visual .title_block > span {position:absolute;z-index:2;font-family: "HyundaiSansHeadOfficeBold";color:#fff;line-height:1.5;}
.nline_visual .title_block strong {font-size:100px;}
.nline_visual .title_block strong:nth-child(1) {left:398px;top:55px;}
.nline_visual .title_block strong:nth-child(2) {left:685px;top:169px;}
.nline_visual .title_block:before {content:'';position:absolute;z-index:1;left:320px;top:0;width:640px;height:330px;background:#e63312;}
.nline_visual .txt {position:absolute;top:384px;left:490px;width:940px;}
.nline_visual .txt p {font-family: "HyundaiSansHeadOfficeMedium";font-size:18px;line-height:26px;color:#fff;}
.nline_video {position:relative;width:100%;height:940px;background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_video_bg.jpg') no-repeat 50% 0;}
.nline_video .text_block {padding:208px 0 0;text-align:center;}
.nline_video .text_block strong {font-family: "HyundaiSansHeadOfficeBold";font-size:72px;line-height:1.5;color:#000;}
.nline_video .text_block p {margin:-6px 0 94px;font-family: "HyundaiSansHeadOfficeMedium";font-size:18px;line-height:22px;color:#222;}
.nline_video .text_block .play {display:block;overflow:hidden;text-indent:200%;white-space:nowrap;margin:0 auto;width:140px;height:140px;background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_video_btn.png') no-repeat 0 0;}
.nline_video .video_layer {display:none;position:absolute;left:0;top:0;width:100%;height:940px;background-color:rgba(0, 0, 0, 0.9);}
.nline_video .video_layer .close {position: absolute;right:490px;top:140px;display: block;width: 60px;height: 60px;z-index: 15;background-color:#aacae6;}
.nline_video .video_layer .close a {display: block;width: 60px;height: 60px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_video_close.png") no-repeat 0 0;overflow: hidden;text-indent: 200%;white-space:nowrap;}
.nline_video .video_layer .close a:hover {background-position: 0 0;animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.nline_video .video_layer .box {overflow:hidden;position: absolute;left:490px;top:200px;width:940px;height:529px;background:#000;}
.nline_experience_title {text-align:center;width:820px;margin:93px auto 0;}
.nline_experience_title strong {font-family: "HyundaiSansHeadOfficeBold";font-size:54px;line-height:56px;color:#222;}
.nline_experience_title p {margin:13px 0 0;font-size:17px;line-height:24px;color:#666;font-family: "HyundaiSansHeadOfficeRegular";}
.nline_experience { position:relative; width:1280px; height:680px; margin:93px auto 150px; overflow:hidden; }
.nline_experience .scene1,
.nline_experience .scene2,
.nline_experience .scene3 {position:absolute;left:0;top:0;width:1280px;height:680px;}
.nline_experience .scene1,
.nline_experience .scene2 {opacity:0;z-index:1;}
.nline_experience .scene1 {opacity:1;z-index:2;}
.nline_experience .experience_exterior,
.nline_experience .experience_interior {position:relative;opacity:0;z-index:3;}
.nline_experience .experience_exterior {opacity:1;z-index:4;}
.nline_experience .control {position:absolute;left:0;top:0;z-index:5;}
.nline_experience .control:after {display:block;clear:both;content:'';}
.nline_experience .control a {float:left;padding:0 0 7px;text-decoration:none;}
.nline_experience .control a.on {background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_experience_arrow.png') no-repeat 50% 100%;}
.nline_experience .control a span {display:block;width:640px;height:55px;text-align:center;font-family: "HyundaiSansHeadOfficeMedium";font-size:17px;line-height:55px;color:#000;background:#aacae6;}
.nline_experience .control a.on span {color:#fff;background:#e63312;}
.nline_experience .control_experience {position:absolute;left:510px;top:610px;z-index:3;}
.nline_experience .control_experience:after {display:block;clear:both;content:'';}
.nline_experience .control_experience a {float:left;display:block;width:126px;height:36px;text-align:center;font-family: "HyundaiSansHeadOfficeMedium";font-size:13px;line-height:36px;color:#fff;border:2px solid #222;background:#222;text-decoration:none;}
.nline_experience .control_experience a.on {color:#222;background:#fff;}
.nline_experience .point { overflow:hidden; position:absolute; top:0; z-index:3; width:43px; height:43px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_experience_plus.png') 0 0 no-repeat; white-space:nowrap;text-indent:200%; }
.nline_experience .point:hover,
.nline_experience .point.on { background-position:0 100%; }
.nline_experience .scene1 .point1 {left: 596px;top: 301px;}
.nline_experience .scene1 .point2 {left: 792px;top: 314px;}
.nline_experience .scene1 .point3 {left: 701px;top: 372px;}
.nline_experience .scene1 .point4 {left: 474px;top: 432px;}
.nline_experience .scene1 .point5 {left: 497px;top: 266px;}
.nline_experience .scene2 .point1 {left: 503px;top: 414px;}
.nline_experience .scene2 .point2 {left: 808px;top: 244px;}
.nline_experience .scene3 .point1 {left: 491px;top: 266px;}
.nline_experience .scene3 .point2 {left: 654px;top: 599px;}
.nline_experience .scene3 .point3 {left: 1019px;top: 556px;}
.nline_experience .nline_experience_layer {display:none;position:absolute;left:0;top:100%;z-index:10;width:1280px;height:680px;background:#222;}
.nline_experience .nline_experience_layer > ul {position:relative;overflow:hidden;width:1280px;height:680px;}
.nline_experience .nline_experience_layer > ul > li {position:absolute;left:0;top:100%;width:100%;height:100%;}
.nline_experience .nline_experience_layer > ul > li:first-child {top:0;}
.nline_experience .nline_experience_layer .control_slide {position:absolute;bottom:0;right:170px;}
.nline_experience .nline_experience_layer .control_slide a {float:left;padding:24px 18px 22px 17px;background-color:#000;}
.nline_experience .nline_experience_layer .control_slide a span {overflow:hidden;display:block;width:25px;height:14px;background-image:url("/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_experience_slide.png");background-repeat:no-repeat;text-indent:200%;}
.nline_experience .nline_experience_layer .control_slide a.next span {background-position:100% 0;}
.nline_experience .nline_experience_layer .control_slide a.prev span {background-position:0 0;}
.nline_experience .nline_experience_layer .control_slide a.next:hover span {background-position:100% 100%;}
.nline_experience .nline_experience_layer .control_slide a.prev:hover span {background-position:0 100%;}
.nline_experience .nline_experience_layer .paging {position:absolute;right:40px;top:0;width:10px;height:100%;}
.nline_experience .nline_experience_layer .paging .inner {display:table;height:100%;}
.nline_experience .nline_experience_layer .paging .inner ol {display:table-cell;vertical-align:middle;}
.nline_experience .nline_experience_layer .paging li {margin-top:10px;}
.nline_experience .nline_experience_layer .paging li:first-child {margin:0;}
.nline_experience .nline_experience_layer .paging li a {overflow:hidden;display:block;width:10px;height:10px;background-color:rgba(204, 204, 204, 0.3);border-radius:100%;text-indent:200%;}
.nline_experience .nline_experience_layer .paging li.on a {background-color:#e63312;}
.nline_experience .nline_experience_layer .close {position: absolute;right: 170px;top: 0;display: block;width: 60px;height: 60px;z-index: 15;background-color:#aacae6;}
.nline_experience .nline_experience_layer .close a {display: block;width: 60px;height: 60px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/highlight_nline_video_close.png") no-repeat 0 0;overflow: hidden;text-indent: 200%;white-space:nowrap;}
.nline_experience .nline_experience_layer .close a:hover {background-position: 0 0;animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.nline_experience .nline_experience_layer ul li .text_block { position:absolute; left:190px; width:710px;}
.nline_experience .nline_experience_layer ul li .text_block strong {
    display:block;padding: 0 0 18px;font-size: 30px;font-size: 3.0rem;font-family: "HyundaiSansHeadOfficeMedium";font-weight:normal;color: #ffffff;line-height: 36px;
}
.nline_experience .nline_experience_layer ul li .text_block p {font-size: 15px;font-size: 1.5rem;line-height:20px;font-family: "HyundaiSansHeadOfficeRegular";color: #aaa;}
.nline_experience .nline_experience_layer ul li .caution {margin-top:12px;font-family:"HyundaiSansHeadOfficeRegular";font-size:13px;line-height:15px;color:#998675;background:url("/wcm/images/common/icon/ico_caution.png") no-repeat 0 1px;}
.nline_experience .nline_experience_layer ul li .caution + .caution {margin-top:6px;}
.nline_experience .nline_experience_layer ul li.list1 .text_block{top:230px;width:380px;}
.nline_experience .nline_experience_layer ul li.list2 .text_block{bottom:80px;width:590px;}
.nline_experience .nline_experience_layer ul li.list3 .text_block{top:230px;width:385px;}
.nline_experience .nline_experience_layer ul li.list4 .text_block{bottom:80px;width:410px;}
.nline_experience .nline_experience_layer ul li.list5 .text_block{top:80px;width:710px;}
.nline_experience .nline_experience_layer ul li.list5 .text_block strong {color:#222;}
.nline_experience .nline_experience_layer ul li.list5 .text_block p {color:#666;}
.nline_experience .nline_experience_layer ul li.list6 .text_block{bottom:80px;width:730px;}
.nline_experience .nline_experience_layer ul li.list7 .text_block{top:230px;width:405px;}
.nline_experience .nline_experience_layer ul li.list8 .text_block{top:240px;width:260px;}
.nline_experience .nline_experience_layer ul li.list9 .text_block{bottom:80px;width:600px;}
.nline_experience .nline_experience_layer ul li.list10 .text_block{top:280px;width:310px;}
.nline_experience .nline_experience_layer .toggleTab {padding:55px 0 0 1px;}
.nline_experience .nline_experience_layer .toggleTab:after {display:block;content:'';clear:both;}
.nline_experience .nline_experience_layer .toggleTab li {float:left;position:relative;margin-left:-1px;border:1px solid #444;width:128px;background:#222;}
.nline_experience .nline_experience_layer .toggleTab li.on {z-index:15;border-color:#fff;}
.nline_experience .nline_experience_layer .toggleTab a {display:block;font-family:"HyundaiSansHeadOfficeRegular";font-size:15px;line-height:38px;color:#aaa;text-align:center;text-decoration: none;}
.nline_experience .nline_experience_layer .toggleTab li.on a {color:#fff;}

/* PIP - exterior  */
.pip.contents_exterior .morelist {padding: 100px 0 95px 0;}
.pip.contents_exterior .pip_cont {max-width: 1920px;margin: 0 auto;padding: 0;background: #fff;}
.pip.contents_exterior .pip_cont .text_play { margin-top:-40px; }
.pip.contents_exterior .pip_cont .text_play .text1 {color: #000000; margin-top:-25px;}
.pip.contents_exterior .pip_cont .text_play .text2 {color: #000000;}
.pip.contents_exterior .pip_cont .parallax {margin-bottom: 140px;}
.pip.contents_exterior .pip_cont .list_wrap {width: 100%;height: 146px;}
.pip.contents_exterior .pip_cont .list_wrap .list {position: relative;width: 487px;height: 59px;margin: 0px auto 6px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_dot.png") no-repeat 58px 29px;}
.pip.contents_exterior .pip_cont .list_wrap .list li {position: absolute;top: 0;width: 59px;height: 59px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_list.png") no-repeat 0 0;overflow: hidden;}
.pip.contents_exterior .pip_cont .list_wrap .list li a {display: block;width: 100%;height: 100%;text-decoration: none;}
.pip.contents_exterior .pip_cont .list_wrap .list li a span.txt {display: block;text-indent: 1000%;}
.pip.contents_exterior .pip_cont .list_wrap .list li a span.progress {display: block;overflow: hidden;width: 0;height: 100%;}
.pip.contents_exterior .pip_cont .list_wrap .list li.front {left: 54px;background-position: 0 0;}
.pip.contents_exterior .pip_cont .list_wrap .list li.front.on {background-position: 0 -60px;}
.pip.contents_exterior .pip_cont .list_wrap .list li.front.on a span.progress {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_list.png") no-repeat 0 -120px;}
.pip.contents_exterior .pip_cont .list_wrap .list li.side {left: 213px;background-position: -60px 0;}
.pip.contents_exterior .pip_cont .list_wrap .list li.side.on {background-position: -60px -60px;}
.pip.contents_exterior .pip_cont .list_wrap .list li.side.on a span.progress {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_list.png") no-repeat -60px -120px;}
.pip.contents_exterior .pip_cont .list_wrap .list li.rear {left: 373px;background-position: -120px 0;}
.pip.contents_exterior .pip_cont .list_wrap .list li.rear.on {background-position: -120px -60px;}
.pip.contents_exterior .pip_cont .list_wrap .list li.rear.on a span.progress {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_list.png") no-repeat -120px -120px;}
.pip.contents_exterior .pip_cont .view_wrap {position: relative;width: 100%;height: 830px;overflow: hidden;}
.pip.contents_exterior .pip_cont .view_wrap .pos {position: absolute;left: 50%;top: 0;width: 1920px;height: 100%;margin-left: -960px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view {position: relative;width: 100%;height: 100%;overflow: hidden;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene {position: relative;width: 940px;height: 100%;margin: 0 auto;overflow: visible;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .subject {position: absolute;bottom: 93px;font-size: 14px;font-size: 1.4rem;color: #aaaaaa;line-height: 20px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .subject h3 {padding: 0 0 3px 0;margin: 0 0 15px 0;font-family: 'HyundaiSansHeadOfficeLight';color: #222222;text-transform: uppercase;font-size: 50px;font-size: 5.0rem;background: url("/assets/templates/pip/common/wcm/images/line_blue_80_1.gif") no-repeat left bottom;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb {position: absolute;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb ul li {position: absolute;width: 160px;height: 120px;overflow: hidden;background: #000;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb ul li a {text-decoration: none;display: inline-block;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb ul li a .dim {position: relative;z-index: 2;display: block;margin-top: -120px;width: 160px;height: 120px;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent25_111111.png") repeat 0 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb ul li a .cover {position: relative;z-index: 3;display: block;margin-top: -120px;width: 160px;height: 120px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_thumb_cover.png") no-repeat 0 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .thumb ul li:first-child {z-index: 5;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car {position: relative;width: 100%;height: 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus {position: absolute;left: 0;top: 64px;width: 41px;height: 41px;overflow: visible;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus a {position: absolute;left: 0;bottom: 0;display: block;width: 41px;height: 41px;margin: 0;overflow: hidden;cursor: pointer;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_exterior_plus_brown.png") no-repeat 0 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus a span {display: block;text-indent: 1000px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus > span.txt {display: none;position: absolute;left: 0;bottom: 36px;width: 41px;height: 100%;color: #444;white-space: nowrap;font-size: 14px;font-size: 1.4rem;font-weight: bold;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_ab8e6e.png") repeat-y 20px 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus > span.txt > span {position: absolute;top: -3px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus.left > span.txt span {left: 28px;text-align: left;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus.right > span.txt span {right: 28px;text-align: right;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus.on a {background-position: -41px 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus.on > span.txt {display: block;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap {position: absolute;top: 0;z-index: 10;width: 540px;height: 600px;overflow: hidden;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul {position: relative;width: 100%;height: 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li {position: absolute;left: 0;top: 0;width: 540px;height: 600px;background: #000;z-index: 11;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .close {position: absolute;right: 0;top: 0;display: block;width: 60px;height: 60px;z-index: 15;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent30_000000.png") repeat 0 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .close a {display: block;width: 60px;height: 60px;background: url("/assets/templates/pip/common/wcm/images/btn_close_x_white.png") no-repeat 0 0;overflow: hidden;text-indent: 200%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .close a:hover {background-position: 0 0;animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt {position: absolute;left: 40px;top: 36px;width: 430px;font-size: 14px;font-size: 1.4rem;line-height: 20px;color: #888888;z-index: 14;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt strong {display: block;padding: 0 0 15px 0;margin: 0 0 20px 0;font-size: 16px;font-size: 1.6rem;line-height: 24px;color: #fff;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/line_brown_80.gif") no-repeat 0 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle {margin: 33px 0 0 0;width: 99px;height: 60px;font-size: 10px;font-size: 1.0rem;text-align: center;font-weight: bold;text-transform: uppercase;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/toggle_lights_brown.png") no-repeat 0 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle a {display: inline-block;width: 40px;height: 19px;padding: 41px 0 0 0;margin: 0 9px 0 0;text-decoration: none;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle a.toggle_on {color: #666;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle a.toggle_off {color: #fff;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.on {background-position: -99px 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.on a.toggle_on {color: #fff;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.on a.toggle_off {color: #666;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle_off { display:none; }
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle_on { display:none; }
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt p.on { display:block; }
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt strong { display:; }
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt strong.on { display:block;}

.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front {left: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .subject {left: 20px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb {right: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb1 {right: 0;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb2 {right: 160px;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb3 {right: 0;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car {padding: 151px 0 0 0;/* plus center - h-45 / l-20 */}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car > img {margin-left: -84px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus1 {left: 497px;height: 299px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus2 {left: 604px;height: 347px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus3 {left: 439px;height: 389px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus4 {left: 572px;height: 455px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .sub_wrap {right: -1100px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side {left: 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .subject {right: 20px;text-align: right;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .subject h3 {text-align: right;background-position: right bottom;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb {left: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb1 {left: 0;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb2 {left: 160px;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb3 {left: 0;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb4 {left: 160px;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car {padding: 195px 0 0 0;/* plus center - h-45 / l-20 */}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car img {margin-left:-113px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus1 {left: 533px;height: 148px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus2 {left: 508px;height: 245px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus3 {left: 289px;height: 356px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .sub_wrap {left: -1100px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear {left: 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .subject {left: 20px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .thumb {left: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .thumb ul li.thumb1 {left: 0;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .thumb ul li.thumb2 {left: 160px;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .thumb ul li.thumb3 {left: 0;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .thumb ul li.thumb4 {left: 160px;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car {padding: 153px 0 0 0;/* plus center - h-45 / l-20 */}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car img {margin-left:-81px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car .plus1 {left: 441px;height: 239px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car .plus2 {left: 401px;height: 357px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .sub_wrap {right: -1100px;}

/* PIP - interior */
.pip.contents_interior .pip_cont {}
.pip.contents_interior .pip_cont .text_play {height:307px;overflow: visible;z-index: 2;}
.pip.contents_interior .pip_cont .text_play .text2 { margin-top:-40px; }
.pip.contents_interior .main_bg_wrap .main_list ul.list li {height: 550px;}
.pip.contents_interior .main_bg_wrap .main_list .list.list1 .list_left .img { top:52px;}
.pip.contents_interior .main_bg_wrap .main_list ul.list li .list_wrap .layer {background-color:transparent;}
.pip.contents_interior .section1 {position: relative;width: 100%;height: 740px;overflow: hidden;padding: 0;}
.pip.contents_interior .section1 .features {clear: both;width: 100%;padding: 580px 0 0 0;text-align: center;}
.pip.contents_interior .section1 .features strong {display: block;padding: 0 0 14px 0;font-family: "HyundaiSansHeadOfficeMedium";font-weight:normal;font-size: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;color: #222;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_pip_title_underline.gif") no-repeat center bottom;}
.pip.contents_interior .section1 .features p {padding: 15px 0 0 0;font-size: 15px;font-size: 1.5rem;line-height: 20px;color: #888;font-family:"HyundaiSansHeadOfficeRegular"}
.pip.contents_interior .section1 .car {position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
.pip.contents_interior .section1 .car img {display: none; padding-left:20px;}
.pip.contents_interior .section1 .car img:first-child {display: inline;}
.pip.contents_interior .section1 .color {position: absolute;left: 0;top: 433px;width: 100%;height: auto;min-height: 1px;max-height: 999999px;}
.pip.contents_interior .section1 .color .txt {font-size: 15px;font-size: 1.5rem;color: #000;text-align: center;font-family: "HyundaiSansHeadOfficeBold";}
.pip.contents_interior .section1 .color ul.chip {width: 100%;padding: 5px 0 0 0;text-align: center;}
.pip.contents_interior .section1 .color ul.chip li {display: inline-block;width: 30px;height: 30px;overflow: hidden;margin: 0 2px 0 3px;text-align: left;*display: inline;*zoom: 1;}
.pip.contents_interior .section1 .color ul.chip li a {display: block;width: 24px;height: 24px;padding: 3px;text-align: center;}
.pip.contents_interior .section1 .color ul.chip li.on a {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_interior_color_cover.png") no-repeat center top;}
.pip.contents_interior .section1 .color ul.chip li span.text {position: absolute;top: -6px;width: 200px;height: 20px;margin-left: -86px;line-height: 20px;color: #fefefe;font-size: 12px;font-size: 1.2rem;text-align: center;}
.pip.contents_interior .section1 .color ul.chip li span.text span {display: inline-block;height: 20px;padding: 0 9px 0 8px;background: #464646;*display: inline;*zoom: 1;}
.pip.contents_interior .section1 .color ul.chip li span.text i {display: inline-block;top: 20px;width: 100%;height: 6px;background: url("/assets/templates/pip/common/wcm/images/bg_arrow_white_down.png") no-repeat center top;*display: inline;*zoom: 1;}
.pip.contents_interior .section1 .color .details {width: 100%;padding: 11px 0 0 0;text-align: center;}
.pip.contents_interior .section1 .color .details .detail {display: none;width: 300px;height: 30px;margin: 0 auto 3px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/interior_color_detail.png") no-repeat 0 0;}
.pip.contents_interior .section1 .color .details .detail.detail1 {display: block;background-position: 0 0;}
.pip.contents_interior .section1 .color .details .detail.detail1 {background-position: 0 -30px;}
.pip.contents_interior .section1 .color .details .detail.detail3 {background-position: 0 -60px;}
.pip.contents_interior .section1 .color .details ul.detail_txt {width: 300px;margin: 0 auto;}
.pip.contents_interior .section1 .color .details ul.detail_txt li {float: left;width: 300px;text-align: center;color: #888888;font-family: "HyundaiSansHeadOfficeRegular";font-size:13px;display:none; }
.pip.contents_interior .section1 .color .details ul.detail_txt li:first-child { display:block; }
.pip.contents_interior .section1 .color .details ul.detail_txt li span { width:101px; white-space:nowrap; display:inline-block; }
.pip.contents_interior .section1 .color .details ul.detail_txt li span.long { margin-left:-4px; }
.pip.contents_interior .section1 .color .details ul.detail_txt li.first span { width:85px; margin:0 5px; }

.pip.contents_interior .interior_section2 { margin:0 auto; width: 940px; }
.pip.contents_interior .interior_section2 .section_wrap { position:relative; width:1280px; height:680px; margin-left:-170px; margin-top:0; margin-bottom:160px; overflow:hidden; }

.pip.contents_interior .interior_section2 .section_wrap .point { position:absolute; top:0; z-index:2; width:45px; height:45px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/interior_icon.png') left top no-repeat; }
.pip.contents_interior .interior_section2 .section_wrap .point:hover { background-position:left bottom; }
.pip.contents_interior .interior_section2 .section_wrap .point.on { background-position:left bottom; }

.pip.contents_interior .interior_section2 .section_wrap .point_1 {left: 389px;top: 468px;} 
.pip.contents_interior .interior_section2 .section_wrap .point_2 {left: 828px;top: 76px;} 
.pip.contents_interior .interior_section2 .section_wrap .point_3 {left: 768px;top: 306px;}
.pip.contents_interior .interior_section2 .section_wrap .point_4 {left: 704px;top: 471px;}
.pip.contents_interior .interior_section2 .section_wrap .point_5 {left: 517px;top: 555px;}
.pip.contents_interior .interior_section2 .section_wrap .point_6 {left: 498px;top: 261px;}
.pip.contents_interior .interior_section2 .section_wrap .point_7 {left: 925px;top: 206px;}
.pip.contents_interior .interior_detail {position:relative;  width:1280px; height:680px; overflow:hidden; z-index:3;}
.pip.contents_interior .interior_detail ul li { position:absolute; left:0; top:0; display:none;  }
.pip.contents_interior .interior_detail ul li .detail_wrap { position:relative; }
.pip.contents_interior .interior_detail ul li .text_block { position:absolute; top:0; z-index:2; }
.pip.contents_interior .interior_detail ul li .text_block h3 {
	padding: 0 0 20px 0;margin: 0 0 27px 0;font-size: 30px;font-size: 3.0rem;font-family: "HyundaiSansHeadOfficeBold";font-weight:normal;color: #ffffff;line-height: 36px;
	background: url("/assets/templates/pip/new-i30-fastback/wcm/images/interior_head_bg.gif") no-repeat left bottom;
}
.pip.contents_interior .interior_detail ul li .text_block p {font-size: 15px;font-size: 1.5rem;line-height:20px;font-family: "HyundaiSansHeadOfficeRegular";color: #c0c0c0;}
.pip.contents_interior .interior_detail ul li .caution {color:#998675;font-family: "HyundaiSansHeadOfficeRegular";font-size:13px;line-height:18px;background:url('/assets/templates/pip/new-i30-fastback/wcm/images/interior_cation_icon.png') no-repeat 0 2px;}
.pip.contents_interior .interior_detail ul li .caution.first { margin-top:22px; } 

.pip.contents_interior .interior_detail ul li.list_1 .text_block{left: 702px;top: 222px;    max-width: 500px;}
.pip.contents_interior .interior_detail ul li.list_2 .text_block{left:190px;top:465px;}
.pip.contents_interior .interior_detail ul li.list_3 .text_block{left:190px;top:80px;}
.pip.contents_interior .interior_detail ul li.list_4 .text_block{left:190px;top:72px;}
.pip.contents_interior .interior_detail ul li.list_5 .text_block{left:190px;top:252px;}
.pip.contents_interior .interior_detail ul li.list_6 .text_block{left:190px;top:492px;}
.pip.contents_interior .interior_detail ul li.list_7 .text_block{left:190px;top:302px;}

.pip.contents_interior .interior_detail .close {
    position: absolute;
    left: 1050px;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    z-index: 15;
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/interior_utility_bg.png") repeat 0 0;
}
.pip.contents_interior .interior_detail .close a {
    display: block;
    width: 60px;
    height: 60px;
    background: url("/assets/templates/pip/common/wcm/images/btn_close_x_white.png") no-repeat 0 0;
    overflow: hidden;
    text-indent: 200%;
}
.pip.contents_interior .interior_detail .close:hover a {
    background-position: 0 0;
    animation: spin180 0.4s;
    -webkit-animation: spin180 0.4s;
}

.pip.contents_interior .interior_detail .nav_dot {
    position: absolute;
    right: 40px;
    width: 8px;
    height: 100%;
	top:0;
    z-index: 10;
}
.pip.contents_interior .interior_detail .vertical_box {
    display: table;
    width: 100%;
    height: 100%;
}
.pip.contents_interior .interior_detail .vertical_box .box {
    display: table-cell;
    vertical-align: middle;
    width: 8px;
    height: 8px;
}
.pip.contents_interior .interior_detail .nav_dot a {
    display: block;
    margin-bottom: 10px;
    cursor: default;
}
.pip.contents_interior .interior_detail .nav_dot a span {
    display: block;
    width: 8px;
    height: 8px;
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/interior_paging_dot.png") no-repeat left top;
}
.pip.contents_interior .interior_detail .nav_dot a.active span {
    background-position: left bottom;
}
.pip.contents_interior .interior_detail .nav_dot a.last {
    margin-bottom: 0;
}
.pip.contents_interior .interior_detail .layer_utility {
    position: absolute;
    left: 988px;
    bottom: 0;
    font-size: 0;
    z-index: 10;
}
.pip.contents_interior .interior_detail .layer_utility a {
    display: inline-block;
    padding: 22px 20px;
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/interior_utility_bg.png");
    margin-left: 1px;
	margin-bottom:0;
}
.pip.contents_interior .interior_detail .layer_utility a span {
    display: block;
    width: 22px;
    height: 17px;
    overflow: hidden;
}
.pip.contents_interior .interior_detail .layer_utility .to_prev span {
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/tleu_utility_prev.png") left bottom no-repeat;
}
.pip.contents_interior .interior_detail .layer_utility .to_next span {
    background: url("/assets/templates/pip/new-i30-fastback/wcm/images/tleu_utility_next.png") left bottom no-repeat;
}
.pip.contents_interior .interior_detail .layer_utility a:hover span {
    background-position: left top;
}

.pip.contents_interior .interior_detail .list_ordered {
	margin-top:54px;
}

.pip.contents_interior .interior_detail .list_ordered ol {
    width: 720px;
    height: 83px;
}
.pip.contents_interior .interior_detail .list_ordered ol li {
    float: left;
    width: 100px;
    height: 83px;
    margin-right: 10px;
    background: #fff;
	position:static;
	display:block;
}
.pip.contents_interior .interior_detail .list_ordered ol li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}
.pip.contents_interior .interior_detail .list_ordered ol li a span {
    float: left;
}
.pip.contents_interior .interior_detail .list_ordered ol li a span.img {
    position: relative;
    width: 100px;
    height: 83px;
    overflow: hidden;
}
.pip.contents_interior .interior_detail .list_ordered ol li a span.txt {
    display: none;
    width: 70px;
    height: 83px;
    padding: 33px 12px 0;
    vertical-align: middle;
    font-size: 13px;
    font-size: 1.3rem;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
	font-family: "HyundaiSansHeadOfficeRegular";
}
.pip.contents_interior .interior_detail .list_ordered ol li.line_2 a span.txt {
    padding-top: 25px;
}
.pip.contents_interior .interior_detail .list_ordered ol li.line_3 a span.txt {
    padding-top: 18px;
}

.pip.contents_interior .interior_detail .list_ordered ol li.on {
    width: 190px;
}
.pip.contents_interior .interior_detail .list_ordered ol li.on a span.img {
    width: 92px;
    height: 75px;
    border: 4px solid #fff;
    border-right: 0;
}
.pip.contents_interior .interior_detail .list_ordered ol li.on a span.img img {
    margin-left: -4px;
    margin-top: -4px;
}
.pip.contents_interior .interior_detail .list_ordered ol li.on a span.txt {
    display: block;
    float: left;
}


/* PIP - Performance */
.pip.contents_performance .pip_cont {padding-top: 50px;}
.pip.contents_performance .pip_cont .text_play { height:283px; margin-top: -40px;  }
.pip.contents_performance .pip_cont .text_play .text1 { color:#222222; }
.pip.contents_performance .pip_cont .text_play .text2 {margin-top:-40px;color:#666666;}
.pip.contents_performance .menu ul {width: 100%;text-align: center;}
.pip.contents_performance .menu ul li {display: inline-block;width: 140px;height: 40px;overflow: hidden;*display: inline;*zoom: 1;margin-left: -1px;font-weight: bold;}
.pip.contents_performance .menu ul li a {position: relative;display: block;width: 138px;height: 38px;font-family: "HyundaiSansHeadOfficeRegular";line-height: 38px;border: 1px solid #dcdcdc;text-align: center;color: #666666;font-size: 13px;font-size: 1.3rem;z-index: 1;text-decoration: none;}
.pip.contents_performance .menu ul li:hover a,
.pip.contents_performance .menu ul li.on a {border: 1px solid #ab8e6e;color: #ab8e6e;z-index: 2;}
.pip.contents_performance .engine_list {width: 940px;height: 656px;margin: 0 auto;}
.pip.contents_performance .engine_list ul li {display: none;position: relative;width: 940px;height: 656px;}
.pip.contents_performance .engine_list ul li:first-child {display: block;}
.pip.contents_performance .engine_list ul li .graph,
.pip.contents_performance .engine_list ul li .image {position: absolute;width: 455px;height: 656px;left: 485px;top: 0;}
.pip.contents_performance .engine_list ul li .graph .pos {position: relative;}
.pip.contents_performance .engine_list ul li .graph .pos .text {position: absolute;left: 0;top: 0;}
.pip.contents_performance .engine_list ul li .engine1 {width: 410px;padding: 80px 0 22px 60px;font-size: 30px;font-size: 3.0rem;color: #222222;line-height: 33px;font-family: "HyundaiSansHeadOfficeBold";background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_pip_title_underline.gif") no-repeat 60px 100%}
.pip.contents_performance .engine_list ul li .engine1 span {display: block;font-size: 24px;font-size: 2.4rem;font-weight: normal;font-family: "HyundaiSansHeadOfficeRegular";}
.pip.contents_performance .engine_list ul li p {width: 425px;padding: 25px 0 0 60px;font-size: 15px;font-size: 1.5rem;line-height: 20px;color: #666666;font-family: "HyundaiSansHeadOfficeRegular";}
.pip.contents_performance .engine_list ul li p .caution {display: block;margin-top: 7px;color: #998675;font-size: 12px;}
.pip.contents_performance .engine_list ul li .max {position: absolute;left: 60px;bottom: 100px;}
.pip.contents_performance .engine_list ul li .max dl {width: 350px;height: 110px;    margin-bottom: 17px;}
.pip.contents_performance .engine_list ul li .max dl dt {float: left;display: block;font-size: 13px;font-size: 1.3rem;width: 87px;padding: 53px 10px 0 0;margin-top: 20px;text-align: center;border-right: 1px dashed #bebebe;}
.pip.contents_performance .engine_list ul li .max dl dd {float: left;display: block;padding: 21px 0 0 15px;}
.pip.contents_performance .engine_list ul li .max dl dd strong {font-size: 80px;font-size: 8.0rem;color: #666;line-height: 80px;font-family: "HyundaiSansHeadOfficeMedium";font-weight:normal;letter-spacing:-2px;}
.pip.contents_performance .engine_list ul li .max dl dd span.unit {font-size: 14px;font-size: 1.4rem;color: #666;}
.pip.contents_performance .engine_list ul li .max dl:first-child {border-bottom: 1px solid #d2d2d2;}
.pip.contents_performance .engine_list ul li .max dl.max_power dt {color: #f58d0a;background: url("/assets/templates/pip/common/wcm/images/bg_performance_max_title2.png") no-repeat 10px 7px;}
.pip.contents_performance .engine_list ul li .max dl.max_toque dt {color: #3f86c6;background: url("/assets/templates/pip/common/wcm/images/bg_performance_max_title2.png") no-repeat 10px -104px;}
.pip.contents_performance .morelist {padding:100px 0;}




/* PIP - Safety */
.pip.contents_safety {  margin:0 auto; background:#fff; }
.pip.contents_safety .text_play .text2 {font-family: "HyundaiSansHeadOfficeRegular";margin-top:30px;}
.pip.contents_safety .morelist {padding: 100px 0 95px 0;}
.pip.contents_safety .caution {font-size:12px;}
.pip.contents_safety .pip_cont { max-width:1920px; margin:0 auto; padding-top: 0px;  background:#e4dcd3;}
.pip.contents_safety .pip_cont .text_play {height: 110px;overflow: visible;margin-top: -60px;}
/*.pip.contents_safety .pip_cont .text_play .text2 {margin-top:-50px;}*/
.pip.contents_safety .scene_wrap {position: relative;width: 940px;margin: 0 auto;height: 1180px;}
.pip.contents_safety .scene_wrap .slider_wrap {position: absolute;z-index: 4;left: -10px;top: 286px;width: 960px;height: 30px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_slider_brown.png") no-repeat 50% 9px;}
.pip.contents_safety .scene_wrap .slider_wrap .slider {position: relative;width: 800px;margin: 0 auto;}
.pip.contents_safety .scene_wrap .slider_wrap .slider .ui-slider-range {height: 30px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_slider_brown.png") no-repeat -5px -21px;}
.pip.contents_safety .scene_wrap .slider_wrap .slider a.ui-slider-handle {position: absolute;top: 0;display: block;width: 26px;height: 26px;margin-left: -13px;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_slider_handle.png") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text {width: 900px;margin: 0 auto;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li {float: left;width: 99px;margin-left: 60px;padding: 0 0 0 0;text-align: center;color: #404040;font-size: 14px;font-size: 1.4rem;font-weight: bold;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li.on {color: #ab8e6e;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li:first-child {margin-left: 5px;}
.pip.contents_safety .scene_wrap .text_wrap {position: absolute;z-index: 2;left: 65px;top: 377px;height: auto;min-height: 1px;max-height: 999999px;}
.pip.contents_safety .scene_wrap .text_wrap ul li {display: none;}
.pip.contents_safety .scene_wrap .text_wrap ul li:first-child {display: block;}
.pip.contents_safety .scene_wrap .text_wrap ul li strong {display: block;padding: 0 0 9px 0;font-size: 18px;color: #000000;line-height: 24px;color: #333;font-family: "HyundaiSansHeadOfficeBold"; font-weight:normal;}
.pip.contents_safety .scene_wrap .text_wrap ul li p {font-size: 14px;line-height: 20px;width: 600px;color: #666666;font-family: "HyundaiSansHeadOfficeRegular";}
.pip.contents_safety .scene_wrap .text_wrap ul li span.notice_wrap {display: block;padding: 3px 0 0 0;background: #fff;}
.pip.contents_safety .scene_wrap .text_wrap ul li span.notice_wrap span.notice {display: block;padding: 7px 0 0 15px;font-size: 12px;font-size: 1.2rem;line-height: 15px;color: #736357;background: url("/assets/templates/pip/common/wcm/images/icon_notice.png") no-repeat 0 9px;}

.pip.contents_safety .scene_wrap .text_wrap .caution { margin-top:10px; }
.pip.contents_safety .scene_wrap .controls {position: absolute;z-index: 3;left: 720px;top: 405px;}
.pip.contents_safety .scene_wrap .controls a {float: left;display: block;width: 65px;height: 22px;padding: 48px 0 0 0;background: url("/assets/templates/pip/new-i30-fastback/wcm/images/bg_slider_control_brown.png") no-repeat 10px 0;color: #666666;font-size: 12px;font-size: 1.2rem;text-align: center;}
.pip.contents_safety .scene_wrap .controls a.replay {background-position: 10px 0;}
.pip.contents_safety .scene_wrap .controls a.replay:hover {background-position: 10px -90px;color: #888;text-decoration: none;}
.pip.contents_safety .scene_wrap .controls a.play {background-position: -55px 0;}
.pip.contents_safety .scene_wrap .controls a.play:hover {background-position: -55px -90px;color: #888;text-decoration: none;}
.pip.contents_safety .scene_wrap .controls a.stop {display: none;background-position: -120px 0;}
.pip.contents_safety .scene_wrap .controls a.stop:hover {background-position: -120px -90px;color: #888;text-decoration: none;}
.pip.contents_safety .scene_wrap .controls a.next {background-position: -185px 0;}
.pip.contents_safety .scene_wrap .controls a.next:hover {background-position: -185px -90px;color: #888;text-decoration: none;}
.pip.contents_safety .scene_wrap .scene {position: absolute;z-index: 1;left: -170px;top: 260px;width: 1280px;height: 830px;display: none;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg {position: absolute;width:100%;height:100%;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg1 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg1.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg2 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg2.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg3 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg3.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg4 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg4.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg5 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg5.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg6 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg6.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg7 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg7.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg8 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg8.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg9 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg9.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg10 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg10.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg11 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg11.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg12 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg12.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg13 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg13.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg14 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg14.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg15 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg15.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg16 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene1_bg16.jpg") no-repeat left bottom;}

.pip.contents_safety .scene_wrap .scene.scene2 .bg {position: absolute;width:100%;height:100%;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg1 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg1.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg2 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg2.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg3 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg3.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg4 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg4.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg5 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg5.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg6 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg6.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg7 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg7.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg8 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg8.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg9 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg9.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg10 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg10.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg11 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg11.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg12 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg12.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg13 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg13.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg14 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg14.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg15 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg15.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg16 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene2_bg16.jpg") no-repeat left bottom;}

.pip.contents_safety .scene_wrap .scene.scene3 .bg {position: absolute;width:100%;height:100%;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg1 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg1.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg2 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg2.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg3 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg3.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg4 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg4.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg5 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg5.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg6 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg6.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg7 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg7.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg8 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg8.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg9 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg9.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg10 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg10.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg11 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg11.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg12 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg12.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg13 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg13.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg14 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg14.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg15 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg15.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg16 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene3_bg16.jpg") no-repeat left bottom;}

.pip.contents_safety .scene_wrap .scene.scene4 .bg {position: absolute;width:100%;height:100%;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg1 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg1.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg2 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg2.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg3 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg3.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg4 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg4.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg5 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg5.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg6 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg6.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg7 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg7.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg8 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg8.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg9 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg9.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg10 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg10.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg11 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg11.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg12 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg12.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg13 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg13.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg14 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg14.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg15 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg15.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg16 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene4_bg16.jpg") no-repeat left bottom;}

.pip.contents_safety .scene_wrap .scene.scene5 .bg {position: absolute;width:100%;height:100%;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg1 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg1.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg2 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg2.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg3 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg3.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg4 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg4.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg5 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg5.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg6 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg6.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg7 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg7.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg8 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg8.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg9 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg9.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg10 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg10.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg11 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg11.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg12 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg12.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg13 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg13.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg14 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg14.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg15 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg15.jpg") no-repeat left bottom;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg16 {background: url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_scene5_bg16.jpg") no-repeat left bottom;}

.pip.contents_safety .main_wrap {position: relative;width: 940px;padding-top:0px;margin: 0 auto;}
.pip.contents_safety .highlight_desc { position:relative; width:1280px; height:620px; padding:0 0 125px; margin-left:-170px; }
.pip.contents_safety .highlight_desc .list { position:absolute; left:170px; bottom:180px; z-index:1; }
.pip.contents_safety .highlight_desc .list li { position:relative; float:left; margin:0 0 0 -1px; padding:6px 0 0; }
.pip.contents_safety .highlight_desc .list li a { display:block; width:470px; height:48px; border:1px solid #ccc; color:#333; font-family:"HyundaiSansHeadOfficeRegular"; font-size:15px; line-height:48px; background:#fff; text-align:center; }
.pip.contents_safety .highlight_desc .list li.long a {width: 291px;}
.pip.contents_safety .highlight_desc .list li.on { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/bul_highlight_tab2.gif") no-repeat 50% 0; z-index:1; }
.pip.contents_safety .highlight_desc .list li.on a { color:#fff; background:#666; border-color:#666; }
.pip.contents_safety .highlight_desc .view li {display:none;position:relative;}
.pip.contents_safety .highlight_desc .view li.on {display:block;}
.pip.contents_safety .highlight_desc .view li .text {position:absolute;color:#888;font-size:15px;line-height:20px;font-family:"HyundaiSansHeadOfficeRegular";}
.pip.contents_safety .highlight_desc .view li.light .text {color:#888888;}
.pip.contents_safety .highlight_desc .view li .text strong {display:block;margin:0 0 15px;padding:0 0 15px;color:#000;font-family:"HyundaiSansHeadOfficeBold";font-size:26px;font-weight:normal;line-height:30px;background:url("/assets/templates/pip/new-i30-fastback/wcm/images/safety_tab_bg.gif") no-repeat 0 100%;}
.pip.contents_safety .highlight_desc .view li.tab1 .text {left:805px;top:175px;width:270px;}
.pip.contents_safety .highlight_desc .view li.tab2 .text {left:190px;top:180px;width:275px;}
.pip.contents_safety .highlight_desc .view li.tab2 .text strong { color:#fff; }
.pip.contents_safety .highlight_desc .view li .text .caution {margin:14px 0 0;font-size:12px;color:#998675;}

/* PIP - Convenience */
.pip.contents_convenience .morelist {padding: 100px 0 95px 0;}
.pip.contents_convenience .pip_cont .text_play {height: 360px; margin:-50px auto 0;}
.pip.contents_convenience .pip_cont .text_play .text1 { margin-top:-30px; }
.pip.contents_convenience .pip_cont .main_wrap {position: relative;width: 940px;height: 620px;margin: 0 auto 150px;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap {position: relative;z-index: 1;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li {position: absolute;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li.list_title {width: 310px;height: 310px;background: #71a5de;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li.list_title h3 {padding: 35px 0 0 30px;color: #fff;font-family: 'HyundaiSansHeadOfficeLight';font-size: 28px;font-size: 2.8rem;line-height: 33px;text-transform: uppercase;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li.list_title span.txt {display: block;padding: 21px 0 0 30px;font-size: 15px;font-size: 1.5rem;line-height: 17px;color: #45678d;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li.list a {display: block;width: 100%;height: 100%;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap > li.list a strong {position: absolute;left: 40px;top: 40px;color: #444;font-size: 14px;font-size: 1.4rem;font-family: "HyundaiSansHeadOfficeBold";font-weight:normal;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list1 {left: 0;top: 0;width: 490px;height: 310px;border-bottom: 1px solid #e1e1e1;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list2 {left: 490px;top: 0;width: 449px;height: 310px;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list3 {left: 0;top: 310px;width: 320px;height: 310px;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list4 {left: 320px;top: 310px;width: 309px;height: 310px;border-left: 1px solid #e1e1e1;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list5 {left: 629px;top: 310px;width: 309px;height: 310px;border-left: 1px solid #e1e1e1;}

.pip.contents_convenience .pip_cont .main_wrap .new_view_box { position:absolute; top:0; left:0; width:1280px; height:620px; margin-left:-170px; opacity:0; display:none; z-index:15; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap { position:relative;height: 620px; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .image_box { overflow:hidden; width:710px; height:530px; position:relative; top:45px; z-index:3; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .image_box li { position:absolute; display:none;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .image_box li:first-child { display:block; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box { width:710px; height:620px; position:absolute; right:0; top:0; z-index:2; overflow:hidden; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box > div { position:absolute; padding-left:200px; padding-top:90px; padding-right:170px; display:none; width:380px; height:530px; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box > div:first-child { display:block; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box h3 { font-size:30px; line-height:1; font-family: "HyundaiSansHeadOfficeBold"; padding-bottom:17px; margin-bottom:26px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/convenience_title_bg.gif') left bottom no-repeat; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box p { font-size:15px; line-height:20px; font-family:"HyundaiSansHeadOfficeRegular"; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .black h3 {color:#ffffff;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .black p {color:#c0c0c0;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .caution { font-family:'arial'; font-size:13px; line-height:17px; margin-bottom:3px; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .caution.first { margin-top:25px; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .text_1 { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_01_bg.jpg") no-repeat; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .text_2 { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_02_bg.jpg") no-repeat; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .text_3 { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_03_bg.jpg") no-repeat; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .text_4 { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_04_bg.jpg") no-repeat; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .text_box .text_5 { background:url("/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_05_bg.jpg") no-repeat; }

.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .list_dot {}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .btn_next { position:absolute; top:515px; left:770px; width:60px; height:60px; z-index:4; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .btn_prev { position:absolute; top:453px; left:770px; width:60px; height:60px; z-index:4; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap > a img { display:none; position:absolute;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap > a img:first-child { display:block; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close {position: absolute;z-index: 10;display: block;width: 60px;height: 60px;right: 160px;top: 0;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close > div {display: block;width: 60px;height: 60px;text-indent: 200%;overflow: hidden;position:absolute;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close .white { background:#fff; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close .black { background:#000; display:none; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close .white a { display: block;width: 60px;height: 60px;text-indent: 200%;overflow: hidden; background: url("/assets/templates/pip/new-i30-fastback/wcm/images/btn_close_x_black.png") no-repeat 0 0; } 
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close .black a { display: block;width: 60px;height: 60px;text-indent: 200%;overflow: hidden; background: url("/assets/templates/pip/common/wcm/images/btn_close_x_white.png") no-repeat 0 0; } 
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .close a:hover {animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .list_dot { position:absolute; z-index:5; right:60px; top:50%; height:80px; margin-top:-40px; }
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .list_dot span { display:block; width:8px; height:8px; margin-bottom:10px; background:url('/assets/templates/pip/new-i30-fastback/wcm/images/convenience_view_dot.png') left bottom no-repeat;}
.pip.contents_convenience .pip_cont .main_wrap .new_view_box .view_wrap .list_dot span.on { background-position:left top; }
.pip.contents_convenience .pip_cont .main_wrap .dim {position: absolute;z-index: 2;display: none;left: 0;top: 0;width: 100%;height: 100%;background:#fff;}
/* Keyframes */
@keyframes spin180 {
	from {transform: rotate(0deg);}
	to {transform: rotate(180deg);}
}
@-moz-keyframes spin180 {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(180deg);}
}
@-webkit-keyframes spin180 {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(180deg);}
}
@-o-keyframes spin180 {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(180deg);}
}
@-ms-keyframes spin180 {
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(180deg);}
}
/* mobile */
.mobile .tnavi .tnavi_car .information .sns span.show {display: none;}
.mobile .tnavi .tnavi_car .information .sns span.hide {display: inline;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li .list_wrap > a span.img {left: auto; right:0;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right .list_wrap > a span.img { right:auto; left:0; }
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_left .list_wrap span.plus,
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_left .list_wrap span.line {display:none;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right .list_wrap span.plus,
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right .list_wrap span.line {display:none;}
body.mobile .slider_contents .control .prev {left:182px;}
body.mobile .slider_contents .control .next {right:182px;}
/*
body.mobile .main_wrap .main_bg_wrap .main_list ul.list {width:960px; margin:0 auto;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li {width:490px;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_left { left:-20px;}
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right {right:0px;}
*/
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_left .layer span.txt,
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right .layer span.txt {background:none;}

body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_left .list_wrap .layer span.img {position:relative; left:150px; }
body.mobile .main_wrap .main_bg_wrap .main_list ul.list li.list_right .layer span.close {left:430px;}
body.mobile .pip.contents_performance .slider_contents .control .prev {left:490px;}
body.mobile .pip.contents_performance .slider_contents .control .next {right:490px;}
body.mobile .pip.contents_interior .interior_detail .nav_dot {right:190px;}

body.mobile .vod_box video { transform:scale(0.85); }
/* modify tnavi */
	.tnavi .tnavi_car .information .cubeitem ul li a {background:url("/assets/templates/pip/common/wcm/images/bg_tnavi_cubemenu_new_brown.png") no-repeat scroll 0 2px}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child a.cover {background-position:0 -238px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child a.experience {background-position:-81px -238px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child a.gallery {background-position:-162px -238px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child a.mostlike {background-position:-243px -238px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child a.talkntalk {background-position:-324px -238px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child.on a.cover {background-position:0 -318px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child.on a.experience {background-position:-81px -318px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child.on a.gallery {background-position:-162px -318px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child.on a.mostlike {background-position:-243px -318px;}
	.tnavi .tnavi_car .information .cubeitem ul li.first-child.on a.talkntalk {background-position:-324px -318px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child a.cover {background-position:0 -398px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child a.experience {background-position:-81px -398px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child a.gallery {background-position:-162px -398px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child a.mostlike {background-position:-243px -398px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child a.talkntalk {background-position:-324px -398px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child.on a.cover {background-position:0 -478px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child.on a.experience {background-position:-81px -478px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child.on a.gallery {background-position:-162px -478px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child.on a.mostlike {background-position:-243px -478px;}
	.tnavi .tnavi_car .information .cubeitem ul li.last-child.on a.talkntalk {background-position:-324px -478px;}

.nline_visual .txt {
    width:49.395% !important;
}
@media only screen and (max-width:1500px){
    .nline_visual .title_block strong {
        font-size: 75px;
    }
    .nline_visual .title_block strong:nth-child(1) {
        left: 33%;
        top: 55px;
    }
    .nline_visual .title_block strong:nth-child(2) {
        left: 50%;
        top: 169px;
    }
}
@media only screen and (max-width: 1200px){
    .nline_visual .title_block strong:nth-child(2) {
        left: 33%;
        top: 169px;
    }
    .nline_visual .txt {
        position: absolute;
        top: 384px;
        left: 389px;
        width: 940px;
    }
}