@charset "UTF-8";

@import url("../../../../../css/font-sansheadoffice.css");

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 .pip.contents_highlights .slider_bg,
.mobile .pip.contents_highlights .slider,
.mobile .pip.contents_highlights .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;
}
.cubebox {width: 100%;max-width: 1920px;min-height: 465px;overflow: hidden;height:auto;}

.cubebox .cubelist  {width: 100%;height: 465px;}
.cubebox .cubelist  .item {width: 100%;height: 465px;padding-top: 80px;}
.cubebox .cubelist  .item.bg-nline {
    background: url("/assets/templates/pip/new-i30/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;
}
.isStuck .n-line-button{
	background: none !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: 510px;
	margin: 0 auto;
}
.cubebox .cubelist  .item .item_wrap .main {position: absolute;left: 25px;top: 35px;z-index:1;}
.cubebox .cubelist  .item .item_wrap .main .title {font-size: 22px;font-size: 2.2rem;line-height: 30px;text-transform: initial;font-family: 'HyundaiSansHeadOfficeLight';color: #fff;}
.cubebox .cubelist  .item .item_wrap .main .title strong {display: block;font-weight: normal;color: #fff;font-size: 40px;font-size: 4.0rem;padding: 0 0 12px 0;}
.cubebox .cubelist  .item .item_wrap .main ul {padding: 23px 0 20px 0;}
.cubebox .cubelist  .item .item_wrap .main ul li {color: #fff;font-size: 14px;font-size: 1.4rem;padding: 0 0 2px 10px;/*background: url("/wcm/images/flat/dot_white.png") no-repeat 0 8px;*/}
.cubebox .cubelist  .item .item_wrap .main .btns {display: inline-block;background: #a99281;padding: 0 9px 0 0;margin-left: 1px;}
.cubebox .cubelist  .item .item_wrap .main .btns a {display: inline-block;padding: 6px 39px 5px 11px;font-family: 'HyundaiSansHeadOfficeBold';color: #fff;font-size: 13px;font-size: 1.3rem;background: url("/wcm/images/flat/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("/wcm/images/flat/bg_cube_gallery_category_on.png") no-repeat 0 0 !important;}
.cubebox .cubelist .mostlike_best3 ul li.best1 a {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat -330px 0;}
.cubebox .cubelist .mostlike_best3 ul li.best1 a:hover {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat 0 0;}
.cubebox .cubelist .mostlike_best3 ul li.best1.on a {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat 0 0;}
.cubebox .cubelist .mostlike_best3 ul li.best2 a {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat -330px -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best2 a:hover {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat 0 -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best2.on a {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat 0 -65px;}
.cubebox .cubelist .mostlike_best3 ul li.best3 a {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat -330px -130px;}
.cubebox .cubelist .mostlike_best3 ul li.best3 a:hover {background: url("/wcm/images/flat/bg_cube_mostlike_best3_long.png") no-repeat 0 -130px;}
.cubebox .cubelist .mostlike_best3 ul li.best3.on a {background: url("/wcm/images/flat/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: 105px;z-index: 50;padding-top:30px;}
.tnavi .tnavi_car {width: 940px;margin: 0 auto;text-align: center;}
.tnavi .tnavi_car .information {position: relative;width: 100%;height: 60px;text-align: left;margin-top: -10px;}
.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: -116px 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("/wcm/images/flat/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;margin-top: 10px;}
.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;}
.tnavi.isStuck {position: fixed;left: 0;top: 0;background: #fff;height: 95px;border-bottom: 1px solid #f1f1f1;}
.tnavi.isStuck .tnavi_car {height: 60px;}
.tnavi.isStuck .tnavi_car .information .cubeitem {margin-top: -55px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul {height: 60px;margin: 0;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li {height: 60px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a {height: 60px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a strong {padding: 21px 0 0 0;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a.cover {background-position: 0 -154px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a.experience {background-position: -81px -154px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a.gallery {background-position: -162px -154px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a.mostlike {background-position: -243px -154px;}
.tnavi.isStuck .tnavi_car .information .cubeitem ul li a.talkntalk {background-position: -324px -154px;}
.tnavi.isStuck .tnavi_car .information .sns a.share {background-color: #fff;}
.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("/wcm/images/flat/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;}
.pip .morelist ul li {width: 306px;padding: 0 0 0 11px;overflow: hidden;}
.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: 14px;font-size: 1.4rem;padding: 15px 0 25px 10px;width: auto;line-height: 20px;}
.pip .morelist ul li .description strong {display: inline-block;padding: 0 0 10px 0;color: #000;font-weight: normal;}
.pip .morelist ul li .caution {font-size:12px;font-size:1.2rem;}
.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: 344px;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: 40px;font-size: 4.0rem;font-family: 'HyundaiSansHeadOfficeLight';line-height: 125%;text-transform: uppercase;}
.pip .pip_cont .text_play .text2 {position: absolute;left: 0;top: 210px;width: 100%;color: #666;font-size: 16px;font-size: 1.6rem;line-height: 24px;}
/* PIP - Highlights */
.pip.contents_highlights.isStuck .pip_cont {padding-top: 95px;background-position: center 95px;}

.pip.contents_highlights .text_play {height:230px;padding:75px 0 15px 0;margin-bottom:90px;background:url("/assets/templates/pip/new-i30/wcm/images/bg_highlight_title.png") no-repeat 50% 100%;}
.pip.contents_highlights .text_play .text2{font-size:15px;line-height:24px;}
.pip.contents_highlights .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;}
.pip.contents_highlights .subject p {font-size:14px;line-height:22px;color:#888;}
.pip.contents_highlights .main_wrap {background: #fff !important;
	position: relative;
	height: auto !important;
	width: 100% !important;
	padding-top: 0;
	margin: 0 auto;}
.pip.contents_highlights .robust_on_style {width:1280px;margin-left:-170px;height:980px;position:relative;}
.pip.contents_highlights .robust_on_style .subject {width:285px;margin:0 auto;text-align:center;padding-top:90px;}
.pip.contents_highlights .robust_on_style .subject h3 {background-position:center bottom;text-align:center;text-transform: uppercase;}
.pip.contents_highlights .robust_on_style .car {position:absolute;left:660px;top:715px;z-index:3;}
.pip.contents_highlights .robust_on_style .list > ul > li{background:#fff;position:absolute;width:410px;height:360px;z-index:1;}
.pip.contents_highlights .robust_on_style .list > ul > li a,
.pip.contents_highlights .robust_on_style .list > ul > li a span {display:block;width:100%;height:100%;}
.pip.contents_highlights .robust_on_style .list > ul > li a span {position:absolute;}
.pip.contents_highlights .robust_on_style .list > ul > li .img_wrap,
.pip.contents_highlights .robust_on_style .list > ul > li img{display:block;position:absolute;overflow:hidden;left:50%;top:50%;margin:-180px 0 0 -205px;}
.pip.contents_highlights .robust_on_style .list > ul > li .dimd {background:url("/assets/templates/pip/common/wcm/images/bg_transparent_percent10_000000.png") repeat;width:410px;height:360px;display:none;}
.pip.contents_highlights .robust_on_style .list > ul > li.on .dimd {display:block;}
.pip.contents_highlights .robust_on_style .list > ul > li .cover {background:url("/assets/templates/pip/common/wcm/images/bg_highlight_thumb_cover.png") no-repeat 0 0;width:410px;height:360px;display:none;}
.pip.contents_highlights .robust_on_style .list .thumb1{left:0;top:390px;}
.pip.contents_highlights .robust_on_style .list .thumb2{left:470px;top:0;}
.pip.contents_highlights .robust_on_style .view > ul > li {position:absolute;top:0;z-index:2;width:0;overflow:hidden;}
.pip.contents_highlights .robust_on_style .view .thumb1 {left:0;}
.pip.contents_highlights .robust_on_style .view .thumb2 {right:0;}
.pip.contents_highlights .robust_on_style .view .txt {position:absolute;min-width:395px;top:146px;color:#fff;font-family:'HyundaiSansHeadOfficeLight';font-size:20px;line-height:30px;}
.pip.contents_highlights .robust_on_style .view .txt strong{display:block;font-family:'HyundaiSansHeadOfficeLight';font-weight:normal;font-size:33px;line-height:36px;margin-bottom:18px;}
.pip.contents_highlights .robust_on_style .view .thumb1 .txt {left:45px;}
.pip.contents_highlights .robust_on_style .view .thumb2 .txt {right:165px;}
.pip.contents_highlights .robust_on_style .view .thumb2 .img {float:right;}
.pip.contents_highlights .robust_on_style .view .thumb1 .close {left:190px;}
.pip.contents_highlights .robust_on_style .view .thumb2 .close {right:170px;}
.pip.contents_highlights .robust_on_style .view > ul > li .close {position: absolute;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_highlights .robust_on_style .view > 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_highlights .robust_on_style .view > ul > li .close a:hover {background-position: 0 0;animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}


.pip.contents_highlights .highlight_robust .robust_on_style {
	margin: 0 auto;
}
.pip.contents_highlights .highlight_desc .view li.tab2 .text {
	width: 730px !important;
}

.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list a strong,
.engine_list ul li span,
.engine_list ul li .engine1,
.pip.contents_interior .section1 .color .txt,
.pip.contents_interior .section1 .features strong,
.pip.contents_performance .menu ul li {
	font-family: 'HyundaiSansHeadOfficeMedium';
}
.pip.contents_safety .scene_wrap p,
.pip .pip_cont .text2,
.engine_list ul li p,
.engine_list ul li dt,
.pip.contents_highlights .highlight_desc .view li .text,
.pip.contents_interior .section1 .color .details ul.detail_txt,
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .car .plus > span.txt span,
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt,
.pip.contents_interior .section1 .features p,
.pip.contents_highlights .subject p,
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div strong,
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div p {
	font-family: 'HyundaiSansHeadOfficeLight';
}
.pip.contents_highlights .highlight_desc { position:relative; width:1280px; height:620px; margin: 110px auto 0 auto;}
.pip.contents_highlights .highlight_desc .list { position:absolute; left:170px; bottom:20px; z-index:1; }
.pip.contents_highlights .highlight_desc .list li { position:relative; float:left; margin:0 0 0 -1px; padding:6px 0 0; }
.pip.contents_highlights .highlight_desc .list li a { display:block; width:215px; height:48px; border:1px solid #ccc; color:#333; font-family:"HyundaiSansHeadOfficeMedium"; font-size:15px; line-height:48px; background:#fff; text-align:center; }
.pip.contents_highlights .highlight_desc .list li.long a {width: 291px;}
.pip.contents_highlights .highlight_desc .list li.on { background:url("/assets/templates/pip/new-i30/wcm/images/bul_highlight_tab1.gif") no-repeat 50% 0; z-index:1; }
.pip.contents_highlights .highlight_desc .list li.on a { color:#fff; background:#666; border-color:#666; }
.pip.contents_highlights .highlight_desc .view li {display:none;position:relative;}
.pip.contents_highlights .highlight_desc .view li.on {display:block;}
.pip.contents_highlights .highlight_desc .view li .text {position:absolute;color:#888;font-size:14px;line-height:22px;}
.pip.contents_highlights .highlight_desc .view li.light .text {color:#cccccc;}
.pip.contents_highlights .highlight_desc .view li .text strong {display:block;margin:0 0 15px;padding:0 0 15px;color:#222;font-family:"HyundaiSansHeadOfficeMedium";font-size:26px;font-weight:normal;line-height:30px;background:url("/assets/templates/pip/new-i30/wcm/images/bul_highlight_tab2.gif") no-repeat 0 100%;}
.pip.contents_highlights .highlight_desc .view li.tab1 .text {left:830px;top:170px;width:280px;}
.pip.contents_highlights .highlight_desc .view li.tab2 .text {left:170px;top:380px;width:530px;}
.pip.contents_highlights .highlight_desc .view li.tab3 .text {left:840px;top:240px;width:275px;}
.pip.contents_highlights .highlight_desc .view li.tab4 .text {left:170px;top:25px;width:880px;}
.pip.contents_highlights .highlight_desc .view li.tab2 .text strong,
.pip.contents_highlights .highlight_desc .view li.tab3 .text strong {color:#fff;}
.pip.contents_highlights .highlight_desc .view li .text .caution {margin:14px 0 0;font-size:12px;color:#998675;/*background:url("/wcm/images/common/icon/ico_caution.png") no-repeat 0 2px;*/}

.pip.contents_highlights .highlight_function {position:relative;width:940px;margin:0 auto;}
.pip.contents_highlights .highlight_function .visual {width:1280px;margin:0 0 0 -170px;}
.pip.contents_highlights .highlight_function .desc_icon_wrap > a {position:absolute;display: block;text-indent:9999px;width:37px;height:37px;background: url("/wcm/images/flat/AEEV/bg_highlights_plus.png") no-repeat 0 0;z-index:5;overflow:hidden;}
.pip.contents_highlights .highlight_function .desc_icon_wrap > a.on,
.pip.contents_highlights .highlight_function .desc_icon_wrap > a:hover {background-position:0 -37px;}
.pip.contents_highlights .highlight_function .desc_icon_wrap a.desc_01{left:288px;top:59px;}
.pip.contents_highlights .highlight_function .desc_icon_wrap a.desc_02{left:623px;top:72px;}
.pip.contents_highlights .highlight_function .desc_icon_wrap strong {display:block;color:#656565;font-size:13px;line-height:20px;text-align:center;}
.pip.contents_highlights .highlight_function .desc_wrap > div {position:absolute;display:none;}
.pip.contents_highlights .highlight_function .desc_wrap .desc_1 {left:120px;top:65px;}
.pip.contents_highlights .highlight_function .desc_wrap .desc_2 {left:563px;top:45px;}
#nline{
	height: 200px;
	background-color: #fff !important;
}
.pip.contents_highlights .highlight_design { width:100%; height:800px; background:url("/assets/templates/pip/new-i30/wcm/images/highlight_design_1.jpg") no-repeat 50% 0; }
.pip.contents_highlights .highlight_design .subject { padding:95px 0 0 510px; }
.pip.contents_highlights .highlight_twin {position:relative;width:940px;height:950px;margin: 150px auto 50px auto; }
.pip.contents_highlights .highlight_twin > div { position:absolute;width:640px; }
.pip.contents_highlights .highlight_twin .left {left:-170px;top:0;}
.pip.contents_highlights .highlight_twin .right {right:-170px;top:0;}
.pip.contents_highlights .highlight_twin .left .subject {position:absolute;left:190px;top:140px;width:400px;}
.pip.contents_highlights .highlight_twin .right .subject {position:absolute;left:80px;top:140px;width:390px;}
.pip.contents_highlights .highlight_twin p { font-size:14px;line-height:22px;}


.highlight_nline {width:100%;background-color: #fff;}
.nline_visual {position:relative;width:100%;height:1561px;background: url("/assets/templates/pip/new-i30/wcm/images/highlight_nline_visual_bg.jpg") no-repeat 50% 161px;}
.nline_visual .title_block {}
.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 span {color:#e63312;}
.nline_visual .title_block > span {font-size:46px;left:688px;top:349px;}
.nline_visual .title_block > span.fr,.nline_visual .title_block > span.it {font-size: 46px;left: 669px;top: 348px;}
.nline_visual .title_block strong:nth-child(1) {left:488px;top:60px;}
.nline_visual .title_block strong:nth-child(2) {left:685px;top:174px;}
.nline_visual .title_block:before,
.nline_visual .title_block:after {content:'';position:absolute;z-index:1;}
.nline_visual .title_block:before {left:320px;top:0;width:640px;height:390px;background:#e63312;}
.nline_visual .title_block:after {left:651px;top:342px;width:560px;height:80px;background:#000;}
.nline_visual .txt {position:absolute;bottom:122px;left:490px;width:940px;}
.nline_visual .txt p {font-family: "HyundaiSansHeadOfficeMedium";font-size:18px;line-height:26px;color:#fff;}
.nline_visual .txt p:nth-child(1):after {content:'';display:block;margin:22px 0 25px;width:50px;height:5px;background:#e63312;}
.nline_video {position:relative;width:100%;height:940px;background:url('/assets/templates/pip/new-i30/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 strong span {color:#e63312;}
.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/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/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 { position:relative; width:1280px; height:680px; margin:100px auto; 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:340px;bottom:30px;z-index:5;}
.nline_experience .control:after {display:block;clear:both;content:'';}
.nline_experience .control a {float:left;padding:7px 0 0;text-decoration:none;}
.nline_experience .control a.on {background:url('/assets/templates/pip/new-i30/wcm/images/highlight_nline_experience_arrow.png') no-repeat 50% 0;}
.nline_experience .control a span {display:block;width:300px;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:30px;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/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: 768px;top: 306px;}
.nline_experience .scene1 .point2 {left: 454px;top: 430px;}
.nline_experience .scene1 .point3 {left: 488px;top: 255px;}
.nline_experience .scene2 .point1 {left: 476px;top: 228px;}
.nline_experience .scene2 .point2 {left: 799px;top: 457px;}
.nline_experience .scene2 .point3 {left: 504px;top: 418px;}
.nline_experience .scene3 .point1 {left: 517px;top: 174px;}
.nline_experience .scene3 .point2 {left: 313px;top: 439px;}
.nline_experience .scene3 .point3 {left: 538px;top: 366px;}
.nline_experience .scene3 .point4 {left: 737px;top: 425px;}
.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/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/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; bottom:80px; width:720px;}
.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.list2 .text_block{width:380px;}
.nline_experience .nline_experience_layer ul li.list3 .text_block{bottom:auto;top:73px;}
.nline_experience .nline_experience_layer ul li.list4 .text_block{bottom:auto;top:242px;width:400px;}
.nline_experience .nline_experience_layer ul li.list7 .text_block{bottom:auto;top:242px;width:250px;}
.nline_experience .nline_experience_layer ul li.list8 .text_block{width:600px;}
.nline_experience .nline_experience_layer ul li.list9 .text_block{bottom:auto;top:73px;width:600px;}
.nline_experience .nline_experience_layer ul li.list10 .text_block{bottom:auto;top:73px;width:400px;}

.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:"Head-Regular";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;}
.pip.contents_exterior .pip_cont {max-width: 100%;margin: 0 auto;padding: 50px 0 0 0;}
.pip.contents_exterior .pip_cont .text_play {height: 324px; margin-top: -40px;}
.pip.contents_exterior .pip_cont .text_play .text2 { margin-top:-50px; }
.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: -6px auto 6px;background: url("/assets/templates/pip/new-i30/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/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/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/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/wcm/images/bg_exterior_list.png") no-repeat -120px -120px;}
.pip.contents_exterior .pip_cont .view_wrap {position: relative;width: 100%;height: 840px;overflow: hidden;  }
.pip.contents_exterior .pip_cont .view_wrap .pos {position: absolute;left: 50%;top: 0;width: 100%;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: 88px;font-size: 14px;font-size: 1.4rem;color: #888;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: #fff;text-transform: uppercase;font-size: 50px;font-size: 5.0rem;background: url("/wcm/images/flat/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/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/wcm/images/bg_exterior_plus.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/common/wcm/images/bg_orange.jpg") 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/common/wcm/images/line_orange_80.gif") no-repeat 0 100%;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle {margin:40px 0 0 0;width: 100px;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/wcm/images/toggle_lights.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: 41px;height: 19px;padding: 41px 0 0 0;margin: 0 7px 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: -100px 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 .thumb {visibility:hidden;width:0;height:0;overflow:hidden;}
.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 {left: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb1 {left: 0;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb2 {left: 160px;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .thumb ul li.thumb3 {left: 0;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car {position: absolute;right: -78px;top: 146px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car > img {margin-left: -163px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus1 {left: 430px;height: 280px;top: -79px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus2 {left: 569px;height: 333px;top: -79px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus3 {left: 360px;height: 378px;top:-79px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.front .car .plus4 {left: 595px;height: 450px;top:-79px;}
.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 {right: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb1 {right: 0;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb2 {right: 160px;top: 0;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb3 {right: 0;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .thumb ul li.thumb4 {right: 160px;top: 120px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car {left:-158px;top:183px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus1 {left: 472px;height: 379px;top: -105px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus2 {left: 690px;height: 233px;top: -105px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus3 {left: 739px;height: 120px;top: -105px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.side .car .plus4 {left: 476px;height: 362px;top: -105px;}
.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 {right: 20px;text-align: right;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .subject h3 {text-align: right;background-position: right bottom;}
.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 {right:82px;top:143px;position:absolute;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car > img {margin-left:-122px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car .plus1 {left: 374px;height: 134px;top: -76px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car .plus2 {left: 447px;height: 268px;top: -76px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .car .plus3 {left: 115px;height: 328px;top: -76px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li.rear .sub_wrap {right: -1100px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.tabs {background:none;width:320px;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.tabs a{padding-top:0;color:#888888;border:1px solid #404040;text-transform:none;font-weight:bold;font-size:13px;font-size:1.3rem;width:158px;height:28px;line-height:28px;margin:0 0 0 -1px;position:relative;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.tabs.on a.toggle_off {color:#888888;border-color:#404040;}
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.tabs.on a.toggle_on,
.pip.contents_exterior .pip_cont .view_wrap .pos .view > li .scene .sub_wrap ul li .txt .toggle.tabs a.toggle_off {color:#fff;border-color:#ea8525;z-index:1;}

/* PIP - interior */
.pip.contents_interior .pip_cont .text_play {height:290px;overflow: visible;z-index: 2;}
.pip.contents_interior .pip_cont .text_play .text2 { margin-top:-50px; }
.pip.contents_interior .section1 {position: relative;width: 100%;height: 740px;overflow: hidden;padding: 0;background: #f0f4f7}
.pip.contents_interior .section1 .features {clear: both;width: 100%;padding: 560px 0 0 0;text-align: center;}
.pip.contents_interior .section1 .features strong {display: block;padding: 0 0 14px 0;font-size: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;color: #222;/*background: url("/wcm/images/flat/bg_pip_title_orange_underline.gif") no-repeat center bottom;*/}
.pip.contents_interior .section1 .features p {padding: 15px 0 0 0;font-size: 14px;font-size: 1.4rem;line-height: 20px;color: #888;}
.pip.contents_interior .section1 .car {position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
.pip.contents_interior .section1 .car img {display: none;}
.pip.contents_interior .section1 .car img:first-child {display: inline;}
.pip.contents_interior .section1 .color {position: absolute;left: 0;top: 408px;width: 100%;height: auto;min-height: 1px;max-height: 999999px;}
.pip.contents_interior .section1 .color .txt {font-size: 12px;font-size: 1.2rem;text-transform: uppercase;color: #333;text-align: center;font-weight: bold;}
.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: 29px;height: 29px;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: 23px;height: 23px;padding: 3px;text-align: center;}
.pip.contents_interior .section1 .color ul.chip li.on a {/*background: url("/wcm/images/flat/bg_interior_color_cover_orange.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("/wcm/images/flat/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 ul.detail {display: none;width: 300px;height: 30px;margin: 0 auto;background: url("/assets/templates/pip/new-i30/wcm/images/interior_color_detail.png") no-repeat 0 0;}
.pip.contents_interior .section1 .color .details ul.detail li {float: left;position: relative;height: 30px;}
.pip.contents_interior .section1 .color .details ul.detail li span {display: none;}
.pip.contents_interior .section1 .color .details ul.detail li span.text {position: absolute;display: block;top: -32px;width: 150px;height: 20px;line-height: 20px;color: #fefefe;font-size: 12px;font-size: 1.2rem;text-align: center;}
.pip.contents_interior .section1 .color .details ul.detail 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 .details ul.detail li span.text i {display: inline-block;top: 20px;width: 100%;height: 6px;background: url("/wcm/images/flat/bg_arrow_white_down.png") no-repeat center top;*display: inline;*zoom: 1;}
.pip.contents_interior .section1 .color .details ul.detail li.color_detail1 {width: 150px;}
.pip.contents_interior .section1 .color .details ul.detail li.color_detail2 {width: 150px;}
.pip.contents_interior .section1 .color .details ul.detail.detail1 {display: block;background-position: 0 0;}
.pip.contents_interior .section1 .color .details ul.detail.detail2 {background-position: 0 -30px;}
.pip.contents_interior .section1 .color .details ul.detail.detail3 {background-position: 0 -60px;}
.pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail1 {width:300px;}
.pip.contents_interior .section1 .color .details ul.detail.detail3 li span.text {}
.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: #707070;}
.pip.contents_interior .section2 {width: 100%;height: 600px;overflow: hidden;padding:100px 0;margin: 0 0 95px;}
.pip.contents_interior .section2 .scene_wrap {position: relative;width: 940px;height: 600px;margin: 0 auto;}
.pip.contents_interior .section2 .scene_wrap .scene_offset {position: relative;left: 0;top: 0;width: 1280px;height: 600px;margin-left: -170px;overflow: hidden;background: #000;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 {position: relative;width: 620px;height: 600px;margin: 0 0 0 490px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut {position: relative;left: -320px;width: 940px;height: 600px;z-index: 1;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .plus {position: absolute;display: block;width: 45px;height: 45px;margin: -22.5px 0 0 -22.5px;overflow: hidden;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .plus a {display: block;width: 45px;height: 45px;background: url("/assets/templates/pip/common/wcm/images/bg_pip_interior_plus_orange.png") no-repeat -45px 0;text-indent: 200%;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .plus a:hover {background-position: 0 0;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .plus.on a {background-position: 0 0;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1,
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene2 {position: absolute;top: 0;width: 1280px;height: 500px;margin-left: -170px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .img,
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene2 .img {position: relative;width: 1280px;height: 600px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus1 {left: 378px;top: 147px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus2 {left: 710px;top: 101px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus3 {left: 687px;top: 307px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus4 {left: 574px;top: 370px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus5 {left: 590px;top: 465px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .offset2 .scene_cut .scene1 .plus6 {left: 703px;top: 529px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control {position: absolute;right: 170px;bottom: 0;z-index: 2;width: 140px;height: 150px;background: url("/wcm/images/flat/interior_menu.png") no-repeat 0 0;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control a {display: block;width: 140px;height: 75px;overflow: hidden;text-decoration: none;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control a span {display: block;text-align: center;font-size: 12px;font-size: 1.2rem;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control a.up span {padding: 14px 0 0 0;color: #d7d7d7;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control a.dn span {padding: 44px 0 0 0;color: #a1a1a1;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control.ov_1 {background-position: -140px 0;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control.ov_1 a.up span {color: #a1a1a1;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .control.ov_1 a.dn span {color: #d7d7d7;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div {position: absolute;left: -570px;top: 0;background:#111;width: 570px;height: 600px;z-index: 3;overflow:hidden;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div .details_txt {position:absolute;left:160px;top:65px;width:365px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div strong {display:block;padding:0 0 17px;font-size: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;/*background: url("/wcm/images/flat/bg_pip_title_orange_underline.gif") no-repeat 0 100%;*/}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div p,
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div span.desc {padding: 25px 0;font-size: 14px;font-size: 1.4rem;color: #888;line-height: 20px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div p span.notice,
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div span.desc span.notice {display: block;padding: 10px 0 0 15px;font-size: 12px;font-size: 1.2rem;line-height: 20px;color: #736357;background: url("/wcm/images/flat/icon_notice.png") no-repeat 0 14px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details > div img {}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details span.close {position: absolute;right: 0;top: 0;display: block;width: 60px;height: 60px;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent60_313335.png") repeat 0 0;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details span.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 .section2 .scene_wrap .scene_offset .details span.close a:hover {background-position: 0 0;animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details .pop_12 .visuals > p {position:absolute;font-size:12px;line-height:16px;padding:0;text-align:center;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details .pop_12 .visuals .desc1 {left:208px; top:240px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details .pop_12 .visuals .desc2 {left:391px; top:534px;}
.pip.contents_interior .section2 .scene_wrap .scene_offset .details .caution {color:#736357;font-size:12px;font-size:1.2rem;margin-top:11px;line-height:20px;/*background:url('/wcm/images/common/icon/caution_534741.png') no-repeat 0 4px;*/}

/* PIP - Performance */
.pip.contents_performance .pip_cont {padding-top: 50px;}
.pip.contents_performance .pip_cont .text_play { height:270px; margin-top: -40px; }
.pip.contents_performance .pip_cont .text_play .text2 {margin-top:-50px;}
.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;line-height: 38px;border: 1px solid #dcdcdc;text-align: center;color: #666;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 #a99281;color: #c97e34;z-index: 2;}
.pip.contents_performance .engine_list {width: 940px;height: 666px;margin: 0 auto;}
.pip.contents_performance .engine_list ul li {display: none;position: relative;width: 940px;height: 666px;}
.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: 666px;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: #222;line-height: 33px;font-weight: bold;/*background: url("/wcm/images/flat/bg_pip_title_orange_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;}
.pip.contents_performance .engine_list ul li p {width: 335px;padding: 25px 0 0 60px;font-size: 14px;font-size: 1.4rem;color: #888;line-height: 20px;color: #666;}
.pip.contents_performance .engine_list ul li p .caution {display: block;margin-top: 7px;color: #998675;font-size: 12px;/*background: url("/wcm/images/common/icon/ico_caution.png") no-repeat 0 2px;*/}
.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;}
.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;}
.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("/wcm/images/flat/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("/wcm/images/flat/bg_performance_max_title2.png") no-repeat 10px -104px;*/}
.pip.contents_performance .morelist {padding:100px 0;}

.pip.contents_performance .ride_and_handling {position: relative;width: 940px;height: 750px;margin: 0 auto;background: #fff;}
.pip.contents_performance .ride_and_handling .bluebox {width: 1280px;height: 750px;margin-left: -170px;position:relative;}
.pip.contents_performance .ride_and_handling .bluebox > .txt {display: block;width: 100%;height: 100px;font-size: 16px;font-size: 1.6rem;line-height: 24px;padding: 70px 0 0 0;color: #000;font-family: 'HyundaiSansHeadOfficeLight';font-size: 40px;font-size: 4.0rem;line-height: 48px;text-align: center;}
.pip.contents_performance .ride_and_handling .bluebox > .txt,
.pip.contents_performance .ride_and_handling .bluebox .list {position:relative;z-index:3;}
.pip.contents_performance .ride_and_handling .bluebox .list {width: 820px;height: 100px;margin: 0 auto;}
.pip.contents_performance .ride_and_handling .bluebox .list ul {width: 720px;height: 100px;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li {float: left;width: 120px;height: 100px;margin-right: 10px;background: #474950;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a {position:relative;display:block;height:100px;text-decoration:none;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a span {display: block;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a span.img {position: relative;width: 120px;height: 100px;overflow: hidden;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a span.img span.dim {display: block;width: 120px;height: 100px;position: absolute;left: 0;top: 0;z-index: 2;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent30_000000.png") repeat 0 0;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a span.txt {display: none;width: 176px;height: 100px;vertical-align: middle;font-size: 13px;font-size: 1.3rem;color: #fff;font-weight: bold;line-height: 20px;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li a:hover span.img span.dim {display: none;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li.on {width: 320px;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li.on a span.img {width: 116px;height: 92px;border: 4px solid #474950;border-right: 0;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li.on a span.img img {margin-left: -4px;margin-top: -4px;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li.on a span.txt {display: block;position:absolute;left:132px;top:30px;height:auto;}
.pip.contents_performance .ride_and_handling .bluebox .list ul li.on a span.dim {display: none !important;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li {display: none;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li.on {display: block;position:absolute;width:100%;height:100%;left:0;top:0;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li .text {position:absolute;display: block;line-height: 20px;z-index: 2;width: 820px;color: #666;font-size: 14px;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li .text strong {display: block;padding: 0 0 15px 0;margin: 0 0 17px 0;font-size: 16px;font-size: 1.6rem;line-height: 24px;color: #000;/*background: url("/assets/templates/pip/common/wcm/images/line_orange_80.gif") no-repeat left bottom;*/}
.pip.contents_performance .ride_and_handling .bluebox .view ul li.tab1 .text {left:730px;top:350px;width:335px;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li.tab2 .text {left:250px;top:350px;width:340px;}
.pip.contents_performance .ride_and_handling .bluebox .view ul li.tab3 .text {left:730px;top:350px;width:350px;}

/* PIP - Safety */
.pip.contents_safety .morelist {padding: 100px 0 95px;}
.pip.contents_safety .caution {font-size:12px;}
.pip.contents_safety .pip_cont .text_play {height: 95px;overflow: visible;}
.pip.contents_safety .scene_wrap {position: relative;width: 940px;margin: 0 auto;height: 1036px;}
.pip.contents_safety .scene_wrap .slider_wrap {position: absolute;z-index: 4;left: -10px;top: 252px;width: 960px;height: 30px;background: url("/assets/templates/pip/common/wcm/images/bg_slider6.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/common/wcm/images/bg_slider6.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/common/wcm/images/bg_slider_handle4.png") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text {width: 900px;margin: 0 auto;margin-top: 20px;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li {float: left;width: 100px;margin-left: 60px;padding: 0px 0 0 0;text-align: center;color: #666;font-size: 14px;font-size: 1.4rem;font-weight: bold;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li.on {color: #ea8525;}
.pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li:first-child {margin-left: 0;}
.pip.contents_safety .scene_wrap .text_wrap {position: absolute;z-index: 2;left: 65px;top: 343px;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: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;color: #333;}
.pip.contents_safety .scene_wrap .text_wrap ul li p {font-size: 14px;font-size: 1.4rem;line-height: 20px;width: 660px;background: #fff;color: #888;margin-bottom:1em;}
.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("/wcm/images/flat/icon_notice.png") no-repeat 0 9px;}
.pip.contents_safety .scene_wrap .controls {position: absolute;z-index: 3;left: 720px;top: 371px;}
.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/common/wcm/images/bg_slider_control3.png") no-repeat 10px 0;color: #555;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 {display: none;}
.pip.contents_safety .scene_wrap .scene {position: absolute;z-index: 1;left: -170px;top: 227px;width: 1280px;height: 809px;}
.pip.contents_safety .scene_wrap .curtain {position: absolute;z-index: 1;left:0px;top: 267px;width: 1280px;height: 510px;}
.pip.contents_safety .scene_wrap .curtain {background:#fff;}

.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/wcm/images/safety_scene1_bg1.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg2 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg2.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg3 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg3.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg4 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg4.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg5 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg5.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg6 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg6.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg7 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg7.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg8 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg8.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg9 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg9.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg10 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg10.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg11 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg11.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg12 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg12.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg13 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg13.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg14 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg14.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg15 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg15.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene1 .bg16 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene1_bg16.jpg") no-repeat 0 0;}

.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/wcm/images/safety_scene2_bg1.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg2 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg2.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg3 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg3.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg4 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg4.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg5 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg5.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg6 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg6.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg7 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg7.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg8 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg8.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg9 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg9.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg10 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg10.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg11 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg11.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg12 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg12.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg13 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg13.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg14 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg14.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg15 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg15.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene2 .bg16 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene2_bg16.jpg") no-repeat 0 0;}

.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/wcm/images/safety_scene3_bg1.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg2 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg2.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg3 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg3.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg4 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg4.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg5 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg5.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg6 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg6.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg7 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg7.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg8 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg8.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg9 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg9.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg10 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg10.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg11 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg11.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg12 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg12.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg13 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg13.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg14 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg14.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg15 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg15.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene3 .bg16 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene3_bg16.jpg") no-repeat 0 0;}

.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/wcm/images/safety_scene4_bg1.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg2 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg2.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg3 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg3.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg4 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg4.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg5 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg5.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg6 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg6.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg7 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg7.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg8 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg8.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg9 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg9.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg10 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg10.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg11 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg11.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg12 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg12.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg13 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg13.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg14 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg14.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg15 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg15.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene4 .bg16 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene4_bg16.jpg") no-repeat 0 0;}

.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/wcm/images/safety_scene5_bg1.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg2 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg2.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg3 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg3.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg4 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg4.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg5 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg5.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg6 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg6.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg7 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg7.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg8 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg8.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg9 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg9.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg10 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg10.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg11 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg11.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg12 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg12.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg13 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg13.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg14 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg14.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg15 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg15.jpg") no-repeat 0 0;}
.pip.contents_safety .scene_wrap .scene.scene5 .bg16 {background: url("/assets/templates/pip/new-i30/wcm/images/safety_scene5_bg16.jpg") no-repeat 0 0;}


.pip.contents_safety .scene_wrap.black .slider_wrap {background: url("/assets/templates/pip/common/wcm/images/bg_slider4.png") no-repeat 50% 9px;}
.pip.contents_safety .scene_wrap.black .slider_wrap .slider .ui-slider-range {background: url("/assets/templates/pip/common/wcm/images/bg_slider4.png") no-repeat -5px -21px;}
.pip.contents_safety .scene_wrap.black .text_wrap ul li strong {color: #ebebeb;}
.pip.contents_safety .ride_and_handling {position: relative;width: 940px;height: 750px;margin: 0 auto;}
.pip.contents_safety .ride_and_handling .bluebox {width: 1280px;height: 750px;margin-left: -170px;position:relative;background:#f0f1f2;}
.pip.contents_safety .ride_and_handling .bluebox > .txt {display: block;width: 100%;height: 100px;font-size: 16px;font-size: 1.6rem;line-height: 24px;padding: 70px 0 0 0;color: #222;font-family: 'HyundaiSansHeadOfficeLight';font-size: 40px;font-size: 4.0rem;line-height: 48px;text-align: center;}
.pip.contents_safety .ride_and_handling .bluebox > .txt,
.pip.contents_safety .ride_and_handling .bluebox .list {position:relative;z-index:3;}
.pip.contents_safety .ride_and_handling .bluebox .list {width: 820px;height: 100px;margin: 0 auto;}
.pip.contents_safety .ride_and_handling .bluebox .list ul {width: 720px;height: 100px;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li {float: left;width: 120px;height: 100px;margin-right: 10px;background: #474950;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li a {display: block; text-decoration:none; overflow:hidden; }
.pip.contents_safety .ride_and_handling .bluebox .list ul li a span {float:left;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li a span.img {position: relative;width: 120px;height: 100px;overflow: hidden;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li a span.img span.dim {display: block;width: 120px;height: 100px;position: absolute;left: 0;top: 0;z-index: 2;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent30_000000.png") repeat 0 0;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li a span.txt {display: none;width: 176px;height: 100px;padding: 28px 12px 0;vertical-align: middle;font-size: 13px;font-size: 1.3rem;color: #fff;font-weight: bold;line-height: 20px;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li a:hover span.img span.dim {display: none;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.on {width: 320px;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.on a span.img {width: 116px;height: 92px;border: 4px solid #474950;border-right: 0;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.on a span.img img {margin-left: -4px;margin-top: -4px;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.on a span.txt {display:block;float:left;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.on a span.dim {display: none !important;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li {display: none;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li.on {display: block;position:absolute;width:100%;height:100%;left:0;top:0;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li .text {position:absolute;display: block;line-height: 20px;z-index: 2;color: #666;font-size: 14px;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li .text strong {display: block;padding: 0 0 15px 0;margin: 0 0 17px 0;font-size: 16px;font-size: 1.6rem;line-height: 24px;color: #222;background: url("/assets/templates/pip/common/wcm/images/line_orange_80.gif") no-repeat left bottom;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li.tab1 .text {left:744px;top:310px;width:310px;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li.tab2 .text {left:230px;top:310px;width:350px;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li.tab3 .text {left:230px;top:310px;width:350px;}
.pip.contents_safety .ride_and_handling .bluebox .view ul li.tab3 .caution { font-size:12px; margin-top:15px; }
.pip.contents_safety .ride_and_handling .bluebox .view ul li.tab4 .text {left:230px;top:310px;width:340px;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.tab1 a span.img span.dim {background: url("/assets/templates/pip/new-i30/wcm/images/safety_ride_list_1_bg.jpg") no-repeat 0 0;}
.pip.contents_safety .ride_and_handling .bluebox .list ul li.tab4 a span.img span.dim {background: url("/assets/templates/pip/new-i30/wcm/images/safety_ride_list_4_bg.jpg") no-repeat 0 0;}

/* PIP - Convenience */
.pip.contents_convenience .morelist {padding: 100px 0 95px 0;}
.pip.contents_convenience .pip_cont .text_play {height: 330px;}
.pip.contents_convenience .pip_cont .text_play .text2 {margin-top:-50px;}
.pip.contents_convenience .pip_cont .main_wrap {position: relative;width: 940px;height: 620px;margin: 0 auto 150px auto;}
.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 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;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list1 {left: 0;top: 0;width: 509px;height: 307px;border-bottom: 1px solid #e1e1e1;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list2 {right: 0;top: 0;width: 430px;height: 307px;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: 308px;width: 452px;height: 314px;}
.pip.contents_convenience .pip_cont .main_wrap ul.list_wrap li.list.list4 {right: 0;top: 308px;width: 487px;height: 314px;border-left: 1px solid #e1e1e1;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap {position: relative;z-index: 3;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li {position: absolute;width: 630px;height: 620px;top: 0;background: #666;display: none;overflow: hidden;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li .close {position: absolute;z-index: 10;display: block;width: 60px;height: 60px;right: 0;top: 0;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent30_000000.png") repeat 0 0;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li .close 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 ul.view_wrap li .close a:hover {animation: spin180 0.4s;-webkit-animation: spin180 0.4s;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li .text {position: absolute;left: 50px;top: 45px;font-size: 14px;font-size: 1.4rem;line-height: 20px;color: #ccc;width:480px;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li .text strong {display: block;padding: 0 0 15px 0;margin: 0 0 17px 0;font-size: 16px;font-size: 1.6rem;color: #e1e1e1;line-height: 24px;color: #fff;background: url("/assets/templates/pip/common/wcm/images/line_orange_80.gif") no-repeat left bottom;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li .text .caution {display: block;margin-top: 7px;color: #998675;font-size: 12px;/*background: url("/wcm/images/common/icon/ico_caution.png") no-repeat 0 2px;*/}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view1 {left: 0;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view2 {right: 0;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view3 {left: 0;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view4 {right: 0;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view3 .text {width:465px;}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view2 .text {
	color: #6f6f6f;
}
.pip.contents_convenience .pip_cont .main_wrap ul.view_wrap li.view2 .text strong {
	color: #333;
}
.pip.contents_convenience .pip_cont .main_wrap .dim {position: absolute;z-index: 2;display: none;left: 0;top: 0;width: 100%;height: 100%;background: url("/assets/templates/pip/common/wcm/images/bg_transparent_percent90_ffffff.png") repeat 0 0;}

/* 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 .pip.contents_highlights .robust_on_style {height:800px;}
body.mobile .pip.contents_highlights .robust_on_style .list > ul > li {position:absolute;width:310px;height:300px;top:0px;}
body.mobile .pip.contents_highlights .robust_on_style .list > ul > li span.cover {display:block;width:100%;height:100%;} /* highlight mobile */
body.mobile .pip.contents_highlights .robust_on_style .list ul li.thumb1 {margin-left: 50px;left: 120px;}
body.mobile .pip.contents_highlights .robust_on_style .list ul li.thumb2 {margin-left: -50px;left: 850px;}
body.mobile .pip.contents_highlights .robust_on_style .list ul li.thumb1 span.cover {background:url("/assets/templates/pip/new-i30/wcm/images/bg_highlight_thumb_plus.png") no-repeat 50% 50%;}
body.mobile .pip.contents_highlights .robust_on_style .list ul li.thumb2 span.cover {background:url("/assets/templates/pip/new-i30/wcm/images/bg_highlight_thumb_plus.png") no-repeat 50% 50%;}
body.mobile .pip.contents_highlights .robust_on_style .list > ul > li .img_wrap,
body.mobile .pip.contents_highlights .robust_on_style .list > ul > li img{margin:-150px 0 0 -155px;}
body.mobile .pip.contents_highlights .robust_on_style .subject { width:275px; padding-top:50px; }
body.mobile .pip.contents_highlights .robust_on_style .car {left:190px; top:305px;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb1 {margin-left:170px;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb1 .close {left:0;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb2 {margin-right:170px;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb2 .close {right:0;}
body.mobile .pip.contents_highlights .robust_on_style .view .txt {top:95px;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb1 .txt {left:36px;}
body.mobile .pip.contents_highlights .robust_on_style .view .thumb2 .txt {right:35px;}
body.mobile .pip.contents_highlights .highlight_design { width:980px; height:580px; margin-left:-20px; background:url("/assets/templates/pip/new-i30/wcm/images/highlight_design_1_mobile.jpg") no-repeat 50% 0; }
body.mobile .pip.contents_highlights .highlight_design .subject { padding:95px 0 0 40px; }

/* 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.isStuck .tnavi_car .information .cubeitem.newdot ul li {display:inline;padding:0 0 0 12px;/*background:url("/wcm/images/flat/bg_tnavi_cubemenu_floating_white.png") no-repeat 1px 5px !important;*/width:auto;height:auto;*zoom:0;}
	.tnavi.isStuck .tnavi_car .information .cubeitem.newdot ul li.first-child {background:none !important;}
	.tnavi.isStuck .tnavi_car .information .cubeitem.newdot ul li a {display:inline;padding:0 12px 0 0;/*background:url("/wcm/images/flat/bg_tnavi_cubemenu_floating_white.png") no-repeat 100% 5px !important;*/}
	.tnavi.isStuck .tnavi_car .information .cubeitem.newdot ul li.last-child a {background:none !important;}
	.tnavi.isStuck .tnavi_car .information .cubeitem.newdot ul li a strong {display:inline;line-height:60px;padding:0;}
	.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;
	}
}