@charset "utf-8";



/**********************************************************

 commnet : layout

**********************************************************/



#wrapper {overflow:hidden;position:relative;width:100%;min-width:100%;margin:0 auto;}

body.pop #wrapper {width:auto;padding:30px;min-width:230px;background:none;}








/* main notice popup ----------------------------- */

#mainpop {width:100%;min-width:100%;height:110px;background:#767676;color:#fff;}

#mainpop .section-notice {position:relative;width:950px;height:50px;margin:0 auto;padding:30px 0;}

#mainpop .section-notice p {width:710px;font-size:14px;*display:inline;*zoom:1;}

#mainpop .section-notice p strong, #mainpop .section-notice p span {vertical-align:middle;display:inline-block;color:#fff;*display:inline;*zoom:1;}

#mainpop .section-notice p strong {width:700px;}

#mainpop .section-notice p span {overflow:hidden;width:1px;height:50px;}

#mainpop .section-notice a {color:#fff;vertical-align:top;}

#mainpop .section-notice a:hover, #mainpop .section-notice a:focus {text-decoration:underline;}

#mainpop .section-notice .btn-type4 {position:absolute;right:70px;top:50%;margin-top:-8px;}

#mainpop .section-notice .btn-type4 span {color:#fff;border-color:#fff;}

#mainpop .section-notice .btn-icon18 {position:absolute;right:0;top:50%;margin-top:-25px;}


.btn-icon {
	overflow: hidden;
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
}
.btn-icon span {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border: 1px solid #d5d5d5;
	background: url(https://www.hyundaicard.com/img/com/icon_set01.gif) no-repeat;
	vertical-align: top;
}
.btn-icon18 span {
	background-position: -201px -101px;
	border-color: #585858;
}
.btn-icon18:hover span, .btn-icon18:focus span, .btn-icon18 span.focus {
	background-position: -203px -103px;
	border-color: #000;
}