@charset "utf-8";

/* 현대카드 VPN Portal 전용 스타일 (NetScaler CSS 보다 우선 적용) */
body.down {
	background:#f9f9f9 !important;
	color:#1e1e1e !important;
}

body.down,
body.down input,
body.down p,
body.down h1,
body.down h2 {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important; /* for iOS */
	font-size:14px !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	font-family: dotum, Arial, Tahoma, sans-serif !important;
	text-decoration: none !important;
	vertical-align: baseline !important;
}

body.down li {
	list-style:none !important;
}

body.down img {
	border:none !important;
}

body.down dd {
	margin:0 auto !important;
	-webkit-margin-before:0px !important;
	-webkit-magin-after:0 !important;
	-webkit-margin-start:0 !important;
	-webkit-margin-end:0 !important;
	text-align:center !important;
}

body.down a {
	text-decoration:none !important;
	color:#888 !important;
}

body.down a:hover {
	color: #1e1e1e !important;
}

body.down #wrap {
	min-width:940px !important;
	max-width:1280px !important;
	margin:auto !important;
	margin-top:30px !important;
	padding:0 30px !important;
}

body.down #contents {
	min-height:670px !important;
}

body.down #footer {
	clear:both !important;
	text-align:center !important;
	font-size:12px !important;
	margin-top:-40px !important;
}

body.down #header {
	overflow:hidden !important;
	margin:0 !important;
	padding:0 !important;
}

body.down h1 {
	float:left !important;
	margin:0 !important;
	padding:0 !important;
	font-size:inherit !important;
	font-weight:bold !important;
}

body.down .login_wrap {
	width:415px !important;
	height:460px !important;
	margin:auto !important;
	margin-top:66px !important;
	background:url(../images/login_bg.png) no-repeat left 40px !important;
}

body.down .login_wrap h2,
body.down .down_title {
	text-align:center !important;
	font-size:28px !important;
	font-weight:bold !important;
}

body.down .contents_wrap h2 {
	text-align:center !important;
	font-size:28px !important;
	font-weight:bold !important;
}

body.down .down_title {
	margin-top:23px !important;
}

body.down .login {
	margin-top:50px !important;
}

body.down .login .input-wrap {
	margin-bottom:10px !important;
	display:block !important;
	margin-left:46px !important;
	font-weight:bold !important;
}

body.down .login .input-wrap input {
	width:196px !important;
	height:24px !important;
	line-height:24px !important;
	border:1px solid #d6d6d6 !important;
	vertical-align:middle !important;
	padding:15px !important;
	background:#fff !important;
}

body.down .login .input-wrap label {
	width:82px !important;
	margin-right:15px !important;
	vertical-align:middle !important;
	display: inline-block !important;
}

body.down .login .btn_login {
	margin-top:26px !important;
	text-align:center !important;
	width:415px !important;
	height:65px !important;
	line-height:50px !important;
	font-size:18px !important;
	font-weight:bold !important;
	cursor:pointer !important;
}

body.down .login .btn_login a {
	color:#fff !important;
	margin:auto !important;
	width:415px !important;
	height:65px !important;
	text-align:center !important;
	background:url(../images/btn_login.png) no-repeat left bottom !important;
	display:block !important;
}

body.down .login .btn_login a:hover {
	background:url(../images/btn_login_ov.png) no-repeat left bottom !important;
    width:415px !important;
	height:65px !important;
}

body.down .btn_receiver {
	text-align:center !important;
	margin-top:45px !important;
}

body.down .btn_receiver a {
	background:url(../images/btn_receiver.png) no-repeat right center !important;
	padding-right:30px !important;
	font-weight:bold !important;
}

body.down .btn_receiver a:hover {
	background:url(../images/btn_receiver_ov.png) no-repeat right center !important;
}

body.down .btn_logout {
	float:right !important;
	padding:0 !important;
	margin:0 !important;
	background:url(../images/btn_logout.png) !important;
	width:84px !important;
	padding-top:12px !important;
	text-align:center !important;
	font-size:13px !important;
	font-weight:bold !important;
}

body.down #contents.main {
	padding-top:66px !important;
	position:relative !important;
}

body.down #contents.main .arrow_left {
	position:absolute !important;
	left:0 !important;
	top:246px !important;
	z-index:10 !important;
}

body.down #contents.main .arrow_right {
	position:absolute !important;
	right:0 !important;
	top:246px !important;
	z-index:10 !important;
}

body.down #contents.main .icon_allwrap {
	margin:0 auto !important;
	min-width:940px !important;
	max-width:1280px !important;
	display:block !important;
	vertical-align:middle !important;
}

body.down #contents.main .icon_wrap {
	width:561px !important;
	margin:auto !important;
	margin-top:66px !important;
	overflow:hidden !important;
}

body.down #contents.main .icon_wrap li {
	float:left !important;
	margin-bottom:25px !important;
	background:url(../images/down.png) no-repeat !important;
	width:117px !important;
	height:99px !important;
	padding:10px !important;
	display:block !important;
}

body.down #contents.main .icon_wrap li:hover {
	background:url(../images/down_ov.png) no-repeat !important;
	cursor:pointer !important;
}

body.down #contents.main .icon_wrap li {
	margin:10px 20px !important;
}

body.down #contents.main .icon_wrap li dl {
	width:117px !important;
	height:119px !important;
	margin:0 !important;
	padding:0 !important;
}

body.down #contents.main .icon_wrap li dl dt {
	width:117px !important;
	height:32px !important;
	line-height:32px !important;
	text-align:center !important;
	vertical-align:middle !important;
}

body.down #contents.main .icon_wrap li dl dd {
	width:117px !important;
	height:67px !important;
	line-height:105px !important;
	vertical-align:middle !important;
	text-align:center !important;
}

body.down #contents.main .icon_wrap li a {
	display:block !important;
	color:#fff !important;
}

body.down.down {
	background:url(../images/download_bg.png) repeat-x !important;
}

body.down #contents.down {
	text-align:center !important;
	padding-top:66px !important;
	min-height:620px !important;
}

body.down .down_program {
	margin:50px auto !important;
	background:url(../images/down.png) no-repeat !important;
	width:137px !important;
	height:119px !important;
	padding:10px !important;
	display:block !important;
}

body.down .down_program:hover {
	background:url(../images/down_ov.png) no-repeat !important;
	cursor:pointer !important;
}

body.down .down_program dt {
	width:117px !important;
	height:32px !important;
	line-height:32px !important;
	text-align:center !important;
	vertical-align:middle !important;
	font-weight: 0 !important;
}

body.down .down_program dt a {
	color:#fff !important;
	width:117px !important;
	height:32px !important;
}

body.down .down_program dd {
	width:117px !important;
	height:67px !important;
	line-height:87px !important;
	vertical-align:middle !important;
	display:block !important;
}

body.down .down_program a {
	display:block !important;
}

/* firefox only hack */
@-moz-document url-prefix() {
  body.down #contents.down {
	min-height:670px !important;
  }
}

body.down .main dd img { 
	vertical-align: top !important;
	padding-top: 10px !important;
}

body.down .down dd img {
	vertical-align: top !important;
	padding-top: 20px !important;
}

body.down .main dt {
	font-weight: normal !important;
}

body.down .down dt {
	font-weight: normal !important;
}

body.down .login a {
	text-decoration: none !important;
}

body.down .main a {
	text-decoration: none !important;
}

body.down .down a {
	text-decoration: none !important;
}

body.down .btn_logout a {
	text-decoration: none !important;
}