@charset "utf-8";
@import url("master.css");

/* skip */
.skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;}
.skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #3376AD; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:1000;}

/* button */
.btn_sel_w {width:23px; height:24px; background:url(../../../images/ir/cn/btn_sel_w.png) no-repeat 0 0;}
.btn_sel_g {width:27px; height:29px; background:url(../../../images/ir/cn/btn_sel_g.png) no-repeat 0 0;}

/* layout */
.bg {background:url(../../../images/ir/cn/bg_body.png) repeat-x 0 0;}
.wrapper {width:960px; margin:0 auto -100px auto; min-height:100%; height:auto !important; height:100%;}
.container {width:100%; position:relative; z-index:99; padding-bottom:170px;}

/* header */
.header {width:100%; height:96px; background:#fff; position:relative; z-index:100;}
.header h1 {float:left; margin-top:30px; margin-right:50px; position:relative;}
.header h1 a {display:block; width:103px; height:37px; text-indent:-5000%; background:url(../../../images/ir/logo.png) no-repeat 0 0;}
.header h1 a span {visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden;}
/* .svg .header h1 a {background:url(http://www.ehyundai.com/css/images/ir/logo.svg) no-repeat 0 0;} */
.header .gnb {float:left; padding-top:39px;} /* 2019-08-21 변경 */
.header .gnb ul .depth1 {float:left; margin-right:25px; position:relative;} /* 2019-08-21 변경 */
.header .gnb ul li .dep1 {display:block; height:16px; overflow:hidden;}
.header .sub_menu {position:absolute; top:16px; background-color:#fff; padding:40px 0 7px 0;} /* 2013-12-02 modified by Kim Min */
.header .sub_menu li {font-size:0; line-height:0; margin-bottom:13px;}
.header .sub_menu li a {display:inline-block; height:13px; overflow:hidden;}
.header .sub_menu.sub1 {width:122px; padding-left:33px; left:-33px;}
.header .sub_menu.sub2 {width:131px; padding-left:33px; left:-33px;}
.header .sub_menu.sub3 {width:78px; padding-left:33px; left:-28px;}
.header .sub_menu.sub4 {width:105px; padding-left:33px; left:-33px;}
.header .sub_menu.sub5 {width:180px; padding-left:33px; left:-33px;}
.header .area_top {float:right; padding-top:36px;}
.header .top_menu {float:left;}
.header .top_menu li {float:left; padding-top:6px;}
.header .top_menu li a {display:block; height:13px; overflow:hidden;}
.header .top_menu1 {margin-right:24px;}
.header .top_menu2 {margin-right:20px;}
.header .box_lang {float:left; position:relative;}
.header .box_lang a {color:#555;}
.header .box_lang .btn_sel_w {position:absolute; top:0; right:0;}
.header .tit_lang {display:block; width:81px; height:22px; line-height:22px; padding-left:12px; border:1px solid #d6d6d6;}
.header .lang {position:absolute; top:22px; left:0; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff;}
.header .lang li {width:81px; height:22px; line-height:22px; padding-left:12px;}
 /* 2013-11-22 : li.chinese / li.japanese added */
.lang li.chinese a {font-family:"Simsun" !important; font-size:12px !important;}
.lang li.japanese a {font-family:"MS PGothic" !important; font-size:12px !important;}
.lang li.korean a {font-family:Dotum !important; font-size:12px !important;}
.lang li.english a {font-family:Arial !important; font-size:12px !important;}
 /* //2013-11-22 : li.chinese / li.japanese added */

/* footer */
.footer {width:100%; position:relative; z-index:100; background-color:#f7f7f7; height:99px; border-top:1px solid #ccc;}
.footer .wrap_footer {width:960px; margin:0 auto; padding-top:21px;}
.footer .address {float:left;}
.footer .addr {height:12px; margin-bottom:12px;}
.footer .copyright {height:11px;}
.footer .copyright1 {margin-top:13px;}/*2013-11-25 added */
.footer .family {float:right; position:relative; margin-top:4px;}
.footer .family h4 {font-size:10px; color:#666; background-color:#eaeaea; border:1px solid #dbdbdb; font-family:Verdana; width:103px; height:27px; padding-left:11px; line-height:27px;}
.footer .family .btn_sel_g {position:absolute; top:0; right:0;}
.footer .layer_family {position:absolute; bottom:28px; left:0px; background-color:#eaeaea; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.footer .layer_family li {white-space:nowrap; height:27px; padding:0 11px 0 11px; line-height:27px;}
.footer .layer_family li a {color:#666; font-size:11px;}

/* main_list */
.main_list {width:100%; margin-top:60px;}
.main_list ul {width:100%;}
.main_list ul li {float:left; position:relative; width:240px; height:289px;}
.main_list ul li a {display:block; cursor:pointer; width:240px; height:289px;}
.main_list ul li h3 img {width:240px; height:289px;}
.main_list ul li .link {cursor:pointer; display:none; position:absolute; top:0; left:0px; width:240px; height:289px; background-repeat:no-repeat; background-position:0 0;} /* 2013-11-22 : left modify*/
.main_list ul li .bg_link1 {background-image:url(../../../images/ir/cn/bg_link1.png);}
.main_list ul li .bg_link2 {background-image:url(../../../images/ir/cn/bg_link2.png);}
.main_list ul li .bg_link3 {background-image:url(../../../images/ir/cn/bg_link3.png);}
.main_list ul li .bg_link4 {background-image:url(../../../images/ir/cn/bg_link4.png);}
.main_list ul li .bg_link5 {background-image:url(../../../images/ir/cn/bg_link5.png);}
.main_list ul li .bg_link6 {background-image:url(../../../images/ir/cn/bg_link6.png);}
.main_list ul li .bg_link7 {background-image:url(../../../images/ir/cn/bg_link7.png);}
.main_list ul li .bg_link8 {background-image:url(../../../images/ir/cn/bg_link8.png);}

/* main_view */
.main_view {width:100%; height:357px; position:relative; border-top:3px solid #60a984; z-index:49;}
/* 2013-12-02 modified by Kim Min */
.main_view .slideshow_btnset {position:absolute; left:28px; top:314px; z-index:50;}
.main_view .slideshow_btnset .playbtn {float:left;}
.main_view .slideshow_btnset .playbtn .btns {float:left; position:static !important; text-indent:0; font-size:0; line-height:500px;}
.main_view .slideshow_btnset .playbtn #play {display:none;}
.main_view .slideshow_btnset #pager {float:left; position:static !important; margin:2px 7px 0 0;}
.main_view .bg_mainView {position:absolute; top:0px; left:0; z-index:49;}
/* //2013-12-02 modified by Kim Min */

/* plug-in */
#slider-code {
	width:100%;
	height:357px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}
#slider-code .btns {
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	z-index:50;
}
#stop {
	width:17px;
	height:17px;
	left:85px;
	top:311px;
	background-image:url(../../../images/ir/cn/btn_stop.png);
}
/* 2013-11-23 Added by Kim Min */
#play {
	width:17px;
	height:17px;
	left:85px;
	top:311px;
	background-image:url(../../../images/ir/cn/btn_play02.png);
}
#prev {
	width:71px;
	height:64px;
	right:75px;
	top:146px;
	background-image:url(../../../images/ir/cn/btn_prev.png);
}
/* //2013-11-23 Added by Kim Min */
#next {
	width:71px;
	height:64px;
	right:0px;
	top:146px;
	background-image:url(../../../images/ir/cn/btn_next.png);
}
#carousel img {
	display:block;
	float:left;
}
#pager {
	position:absolute;
	left:30px;
	top:313px;
	z-index:50;
}
#pager a {
	display:inline-block;
	width:13px;
	height:14px;
	margin:0 2px 0 2px;
	overflow:hidden;
	background:url(../../../images/ir/cn/btn_pager_off.png) no-repeat 0 0;
}
#pager a:hover {
	background:url(../../../images/ir/cn/btn_pager_on.png) no-repeat 0 0;
	text-decoration:none;
}
#pager a:focus {
	text-decoration:none;
	background:url(../../../images/ir/cn/btn_pager_on.png) no-repeat 0 0;
}
#pager a span {
	visibility:hidden;
}
#pager a.selected {
	background:url(../../../images/ir/cn/btn_pager_on.png) no-repeat 0 0;
}