@charset "UTF-8";

@font-face {
  font-family:Y740;
  src:url("/audi/brand/css/font/YoonGothicPro740.eot");
  src:local(※),
  	  url('/audi/brand/css/font/YoonGothicPro740.eot?#iefix') format('embedded-opentype'),
	  url('/audi/brand/css/font/YoonGothicPro740.woff') format('woff'),
	  url('/audi/brand/css/font/YoonGothicPro740.ttf') format('truetype');
}
@font-face {
  font-family:Y760;
  src:url("/audi/brand/css/font/YoonGothicPro760.eot");
  src:local(※),
  	  url('/audi/brand/css/font/YoonGothicPro760.eot?#iefix') format('embedded-opentype'),
	  url('/audi/brand/css/font/YoonGothicPro760.woff') format('woff'),
	  url('/audi/brand/css/font/YoonGothicPro760.ttf') format('truetype');
}
@font-face {
	font-family:'Audi Type';
	src:url('/audi/brand/css/font/hinted-AudiType-Normal.eot');
	src:local('Audi Type Normal'), local('AudiType-Normal'),
		url('/audi/brand/css/font/hinted-AudiType-Normal.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-Normal.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-Normal.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-Normal.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Audi Type';
	src:url('/audi/brand/css/font/hinted-AudiType-Bold.eot');
	src:local('Audi Type Bold'), local('AudiType-Bold'),
		url('/audi/brand/css/font/hinted-AudiType-Bold.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-Bold.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-Bold.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'Audi Type Extended';
	src:url('/audi/brand/css/font/hinted-AudiType-ExtendedNormal.eot');
	src:local('Audi Type Extended Normal'), local('AudiType-ExtendedNormal'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedNormal.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedNormal.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedNormal.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedNormal.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Audi Type Extended';
	src:url('/audi/brand/css/font/hinted-AudiType-ExtendedBoldItalic.eot');
	src:local('Audi Type Extended Bold Italic'), local('AudiType-ExtendedBoldItalic'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBoldItalic.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBoldItalic.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBoldItalic.ttf') format('truetype');
	font-weight:bold;
	font-style:italic;
}

@font-face {
	font-family:'Audi Type';
	src:url('/audi/brand/css/font/hinted-AudiType-Italic.eot');
	src:local('Audi Type Italic'), local('AudiType-Italic'),
		url('/audi/brand/css/font/hinted-AudiType-Italic.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-Italic.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-Italic.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:italic;
}

@font-face {
	font-family:'Audi Type Extended';
	src:url('/audi/brand/css/font/hinted-AudiType-ExtendedBold.eot');
	src:local('Audi Type Extended Bold'), local('AudiType-ExtendedBold'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBold.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBold.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBold.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedBold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'Audi Type';
	src:url('/audi/brand/css/font/hinted-AudiType-BoldItalic.eot');
	src:local('Audi Type Bold Italic'), local('AudiType-BoldItalic'),
		url('/audi/brand/css/font/hinted-AudiType-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-BoldItalic.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-BoldItalic.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-BoldItalic.ttf') format('truetype');
	font-weight:bold;
	font-style:italic;
}

@font-face {
	font-family:'Audi Type Extended';
	src:url('/audi/brand/css/font/hinted-AudiType-ExtendedItalic.eot');
	src:local('Audi Type Extended Italic'), local('AudiType-ExtendedItalic'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedItalic.eot?#iefix') format('embedded-opentype'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedItalic.woff2') format('woff2'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedItalic.woff') format('woff'),
		url('/audi/brand/css/font/hinted-AudiType-ExtendedItalic.ttf') format('truetype');
	font-weight:normal;
	font-style:italic;
}


/* default */
body,html {height:99.99%}
html {overflow-y:scroll; }
body {font-family:'MalgunGothic',sans-serif; font-size:14px; color:#000; /* letter-spacing:-0.05em; */ -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, table, th, td, form, fieldset, legend, input, textarea, button, select, pre, code {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
input, textarea, select, button, table {font-family:'MalgunGothic',sans-serif; font-size:14px; color:#000}
input, textarea, select, button {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
a, p, span, strong, em, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div {line-height:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
img, fieldset {border:0; vertical-align:middle}
iframe, button {border:0}
ul, ol {list-style:none}
caption, hr {display:none}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
table {/* border-collapse:collapse; */ border-spacing:0}
a {text-decoration:none; font-family:'MalgunGothic',sans-serif; color:#000}
a:hover, a:active, a:focus {}

/* form element */
/* radio, checkbox */
input[type="checkbox"],
input[type="radio"] {position:absolute; left:-9999px}
input[type="checkbox"] + label,
input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; height:20px; line-height:20px; vertical-align:middle; font-size:14px; color:#000; text-align:left}
input[type="checkbox"] + label:after {content:""; position:absolute; left:0; top:0; width:16px; height:16px; border:2px solid #000}
input[type="checkbox"]:checked + label:after {border-color:#e21838; background:url(/audi/brand/images/common/bg-checkbox-checked.png) 3px 5px no-repeat}
input[type="radio"] + label:before {content:""; position:absolute; left:0; top:0; width:16px; height:16px; border:2px solid #000; border-radius:100%; background:#fff}
input[type="radio"]:checked + label:before {border-color:#e21838}
input[type="radio"]:checked + label:after {content:""; position:absolute; left:6px; top:6px; width:8px; height:8px; background:#e21838; border-radius:100%}
input[type="checkbox"] + label ~ label,
input[type="radio"] + label ~ label {margin-left:36px}
/* select, input text */
select,
input[type="text"],
input[type="password"],
.select-title {display:inline-block; height:36px; line-height:34px; padding:0 9px; border:1px solid #b2b2b2; background:#fff; vertical-align:middle; font-size:14px; box-sizing:border-box}
select {padding:6px; padding-left:10px; min-width:150px}
select.large {padding:15px; padding-left:19px}
select.large,
.select-title.large {height:50px; line-height:48px}
.select-title.large {padding:0 19px}
select:hover,
select:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {border-color:#000}
.select-title.read-only, /* 170522 */
input[type="text"].read-only,
input[type="password"].read-only,
input[type="text"]:disabled,
input[type="password"]:disabled {background:url(/audi/brand/images/common/bg-input-read.png) 0 0 repeat}
input[type="text"].large,
input[type="password"].large {height:50px; line-height:48px; padding:0 19px}
input[type="text"].large:disabled,
input[type="password"].large:disabled,
input[type="text"].large.read-only,
input[type="password"].large.read-only {background:url(/audi/brand/images/common/bg-input-read-large.png) 0 0 repeat}
input[type="text"] + input[type="text"],
input[type="password"] + input[type="password"],
input[type="text"] + input[type="password"],
input[type="password"] + input[type="text"] {margin-left:5px}
input[type="text"].large + input[type="text"].large,
input[type="password"].large + input[type="password"].large,
input[type="text"].large + input[type="password"].large,
input[type="password"].large + input[type="text"].large,
input[type="text"].large + [class*="btn-"],
input[type="password"].large + [class*="btn-"] {margin-left:11px}
textarea {display:block; width:100%; padding:6px 9px; border:1px solid #b2b2b2; background:#fff; line-height:1.517em; resize:none}
textarea.large {padding:15px 19px}
textarea:focus {border-color:#000}
::placeholder {color:#000}
::-webkit-input-placeholder {color:#000}
:-moz-placeholder {color:#000}
::-moz-placeholder {color:#000}
:-ms-input-placeholder {color:#000}
/* file */
.wrap-file input[type="file"] {display:none}