/* color */
/* hyundai blue : #002c5f */
/* active blue : #00aad2 */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background-image: url("icon/H/main_background.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

body::after {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	z-index: -1;
	content: url("icon/common/01_general.png")
	url("icon/common/04_media.png")
	url("icon/common/03_DMB.png")
	url("icon/common/02_radio.png")
	url("icon/common/05_navi.png")
	url("icon/common/06_bluetooth.png")
	url("icon/common/12_blink_H.png")
	url("icon/common/09_setting.png")
	url("icon/common/08_etc.png")
	url("icon/common/11_ref.png")
	url("icon/common/Connectivitiy_white.png")
	url("icon/common/SiriusXM_data_white.png")
	url("icon/common/SiriusXM_radio_white.png")
	url("icon/common/13_update.png")
	url("icon/common/14_car.png")
	url("icon/common/15_video.png");
}
.content {
	padding-top: 0px;
	width: 100%;
	margin: auto;
	max-width: 1120px;
}

.content #naviText{
	position: absolute;
	right: 5%;
	bottom: 9%;
	font-family: "GenesisSansTextKRRegular";
	color: #ffffff;
}

.content #naviText span {
	font-size: 30px;
	display: block;
	width: 100% !important;
	text-align: right;
}

.content #naviText img {
	width: 83% !important;
}

.content #naviText span {
	font-size: 28px;
	display: block;
	width: 100% !important;
	text-align: right;
}

.content #carName {
	font-size: 0px;
	position: absolute;
	left: 5%;
	bottom: 10%;
}

.content #carName img {
	width: 100% !important;
}

.content #mainCar {
	position: relative;
	font-size: 0px;
	width: 100%;
	padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.content #mainCar img {
	width: 100%;
}

#mainCarPhone {
	display: none;
}

.content #buttonMenu_v2 {
	width: 91%;
	margin-right: auto;
	margin-left: auto;
}

.content #buttonMenu_v2>a {
	float: left;
	width: 20%;
	height: 155px;
	text-decoration: none;
}

.content #buttonMenu_v2>a>div {
	background-color: black;
	width: 90%;
	height: 90%;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 50% 25%;
	text-align: center;
	color: white;
	font-family: "Genesis_Incl_SimplifiedChinese-Regular";
	background-size: 35%;
	border: 1px solid #ffffff;
	text-transform: capitalize;
}

.content #buttonMenu_v2>a>div:HOVER {
	background-color: #e49f81;
	color: #ffffff;
}

.content #buttonMenu_v2>a>div>span {
	position: relative;
	top: 60%;
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 20px;
}

.content #buttonMenu {
	width: 91%;
	margin-right: auto;
	margin-left: auto;
}

.content #buttonMenu>a {
	float: left;
	width: 20%;
	height: 155px;
	text-decoration: none;
}

.content #buttonMenu>a>div {
	background-color: black;
	width: 90%;
	height: 90%;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 50% 25%;
	text-align: center;
	color: white;
	font-family: "Genesis_Incl_SimplifiedChinese-Regular";
	background-size: 35%;
	border: 1px solid #ffffff;
	text-transform: capitalize;
}

.content #buttonMenu>a>div:HOVER {
	background-color: #e49f81;
	color: #ffffff;
	cursor: pointer;
}

.content #buttonMenu>a>div>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;       
    height: 190px;
    width: 182px;
}


#buttonMenu_a>div {
	background-image: url("icon/H/01_general_H.png");
}

#buttonMenu_b>div {
	background-image: url("icon/H/04_media_H.png");
}

#buttonMenu_c>div {
	background-image: url("icon/H/03_DMB_H.png");
}

#buttonMenu_d>div {
	background-image: url("icon/H/02_radio_H.png");
}

#buttonMenu_e>div {
	background-image: url("icon/H/05_navi_H.png");
}

#buttonMenu_f>div {
	background-image: url("icon/H/06_bluetooth_H.png");
}

#buttonMenu_g>div {
	background-image: url("icon/H/12_blink_H.png");
}

#buttonMenu_h>div {
	background-image: url("icon/H/09_setting_H.png");
}

#buttonMenu_i>div {
	background-image: url("icon/H/08_etc_H.png");
}

#buttonMenu_j>div {
	background-image: url("icon/H/11_ref_H.png");
}

#buttonMenu_k>div {
	background-image: url("icon/H/Connectivitiy_H.png");
}

#buttonMenu_l>div {
	background-image: url("icon/H/SiriusXM_data_H.png");
}

#buttonMenu_m>div {
	background-image: url("icon/H/SiriusXM_radio_H.png");
}

#buttonMenu_o>div {
	background-image: url("icon/H/13_update_H.png");
}

#buttonMenu_p>div {
	background-image: url("icon/H/14_car_H.png");
}

#buttonMenu_q>div {
	background-image: url("icon/H/17_Genesis_CarPay_H.png");
}

#buttonMenu_r>div {
	background-image: url("icon/H/16_DataServices_H.png");
}

#buttonMenu_s>div {
	background-image: url("icon/H/genesis_live_H.png");
}

#buttonMenu_t>div {
	background-image: url("icon/H/Quick_Guide_H.png");
}

#buttonMenu_u>div {
	background-image: url("icon/H/Phone projection_H.png");
}

#buttonMenu_v>div {
	background-image: url("icon/H/15_video_H.png");
}

#banner>div {
	background-image: url("icon/H/15_video_H.png");
}



#buttonMenu_u>div {
	background-image: url("icon/H/Phone projection_H.png");
}

#buttonMenu_a>div:HOVER {
	background-image: url("icon/common/01_general.png");
}

#buttonMenu_b>div:HOVER {
	background-image: url("icon/common/04_media.png");
}

#buttonMenu_c>div:HOVER {
	background-image: url("icon/common/03_DMB.png");
}

#buttonMenu_d>div:HOVER {
	background-image: url("icon/common/02_radio.png");
}

#buttonMenu_e>div:HOVER {
	background-image: url("icon/common/05_navi.png");
}

#buttonMenu_f>div:HOVER {
	background-image: url("icon/common/06_bluetooth.png");
}

#buttonMenu_g>div:HOVER {
	background-image: url("icon/common/12_blink_H.png");
}

#buttonMenu_h>div:HOVER {
	background-image: url("icon/common/09_setting.png");
}

#buttonMenu_i>div:HOVER {
	background-image: url("icon/common/08_etc.png");
}

#buttonMenu_j>div:HOVER {
	background-image: url("icon/common/11_ref.png");
}

#buttonMenu_k>div:HOVER {
	background-image: url("icon/common/Connectivitiy_white.png");
}

#buttonMenu_l>div:HOVER {
	background-image: url("icon/common/SiriusXM_data_white.png");
}

#buttonMenu_m>div:HOVER {
	background-image: url("icon/common/SiriusXM_radio_white.png");
}

#buttonMenu_o>div:Hover {
	background-image: url("icon/common/13_update.png");
}

#buttonMenu_p>div:Hover {
	background-image: url("icon/common/14_car.png");
}

#buttonMenu_q>div:Hover {
	background-image: url("icon/common/17_Genesis_CarPay.png");
}

#buttonMenu_r>div:Hover {
	background-image: url("icon/common/16_DataServices.png");
}

#buttonMenu_s>div:Hover {
	background-image: url("icon/common/genesis_live.png");
}

#buttonMenu_t>div:Hover {
	background-image: url("icon/common/Quick_Guide.png");
}

#buttonMenu_u>div:Hover {
	background-image: url("icon/common/Phone projection.png");
}

#buttonMenu_v>div:Hover {
	background-image: url("icon/common/15_video.png");
}

#banner>div:Hover {
	background-image: url("icon/common/15_video.png");
}

.fontChangeDiv {
	position: absolute;
	top: -35px;
	left: 5%;
	display: none;
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
}

@media screen and (max-width: 800px) {
	.content #naviText {
		bottom: 11%;
		width: 40%;
	}
	
	.content #naviText span {
		font-size: 17px;	
	}

	.content #naviText img {
		width: 80% !important;
	}

	.content #carName {
		right: 0%;
		bottom: 12%;
	}
	
	.content #carName img {
		width: 40% !important;
	}

	.content #buttonMenu_v2>a {
		width: 33%;
	}

	.content #buttonMenu>a {
		width: 33%;
	}

	.content #buttonMenu>a>div>span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;       
		height: 190px;
		width: 212px;
		font-size: 17px;
	}

	#mainCarPhone {
		display: block;
	}
	#mainCarPc {
		display: none;
	}

	.content #buttonMenu_v2 {
		width: 92%;
	}

	.content #buttonMenu {
		width: 92%;
	}
}

@media screen and (max-width: 480px) {
	.content {
		padding-top: 0px;
	}
	.content #naviText {
		/* right: 2%; */
		bottom: 14%;
		width: 45%;
	}

	.content #naviText span {
		font-size: 11px;		
	}

	.content #naviText img{
		width: 88% !important;
	}
	.content #carName {
		right: 5%;
		bottom: 15%;
	}
	.content #carName img {
		width: 120px !important;
	}
	.content #buttonMenu_v2 {
		position: relative;
	}
	.content #buttonMenu_v2>a>div {
		background-color: black;
		background-size: 40%;
		background-position: 50% 20%;
		height: 85%;
	}
	.content #buttonMenu_v2>a {
		height: 120px;
	}
	.content #buttonMenu_v2>a>div>span {
		font-size: 15px;
		top: 63%;
		line-height: 12px;
	}
	.content #buttonMenu {
		position: relative;		
	}
	.content #buttonMenu>a>div {
		background-color: black;
		background-size: 40%;
		background-position: 50% 20%;
		height: 85%;
	}
	.content #buttonMenu>a {
		height: 120px;
	}
	.content #buttonMenu>a>div>span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;       
		height: 140px;
		width: 140px;
		font-size: 12px;
	}
}