@charset 'utf-8';

/**
 * font
 */
@font-face																		{font-family: NotoSans-Thin; font-style: normal; font-weight: 100; src: local('Noto Sans Thin'), local('NotoSans-Thin'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.woff2) format('woff2'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face																		{font-family: NotoSans-Light; font-style: normal; font-weight: 300; src: local('Noto Sans Light'), local('NotoSans-Light'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.woff2) format('woff2'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Light.otf) format('opentype');}
@font-face																		{font-family: NotoSans-DemiLight; font-style: normal; font-weight: 350; src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-DemiLight.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-DemiLight.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-DemiLight.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-DemiLight.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-DemiLight.otf) format('opentype');}
@font-face																		{font-family: NotoSans-Regular; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Regular.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Regular.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Regular.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Regular.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Regular.otf) format('opentype');}
@font-face																		{font-family: NotoSans-Medium; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Medium.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Medium.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Medium.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Medium.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Medium.otf) format('opentype');}
@font-face																		{font-family: NotoSans-Bold; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Bold.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Bold.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Bold.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Bold.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Bold.otf) format('opentype');}
@font-face																		{font-family: NotoSans-Black; font-style: normal; font-weight: 900; src: local('Noto Sans Black'), local('NotoSans-Black'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Black.eot); src: url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Black.eot#iefix) format('embedded-opentype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Black.woff) format('woff'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Black.ttf) format('truetype'), url(https://www.ehyundai.com/css/mobilehome/font/NotoSansKR-Black.otf) format('opentype');}
@font-face																		{font-family: Hyundai-B1012; font-size: normal; font-weight: normal; src: url(https://www.ehyundai.com/css/mobilehome/Hyundai_B1012.eot); src: url(../mobilehome/Hyundai_B1012.woff) format('woff');}
/* 2019-10-01 추가 : S */
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 900; src: local('Noto Sans KR Black'), local('NotoSansKR-Black'), url('../../font/NotoSansKR-Black.woff') format('woff2'), url('../../font/NotoSansKR-Black.woff') format('woff'), url('../../font/NotoSansKR-Black.otf') format('opentype'), url('../../font/NotoSansKR-Black.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 700; src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url('../../font/NotoSansKR-Bold.woff') format('woff2'), url('../../font/NotoSansKR-Bold.woff') format('woff'), url('../../font/NotoSansKR-Bold.otf') format('opentype'), url('../../font/NotoSansKR-Bold.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 500; src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url('../../font/NotoSansKR-Medium.woff') format('woff2'), url('../../font/NotoSansKR-Medium.woff') format('woff'), url('../../font/NotoSansKR-Medium.otf') format('opentype'), url('../../font/NotoSansKR-Medium.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 400; src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url('../../font/NotoSansKR-Regular.woff') format('woff2'), url('../../font/NotoSansKR-Regular.woff') format('woff'), url('../../font/NotoSansKR-Regular.otf') format('opentype'), url('../../font/NotoSansKR-Regular.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 350; src: local('Noto Sans KR DemiLight'), local('NotoSansKR-DemiLight'), url('../../font/NotoSansKR-DemiLight.woff') format('woff2'), url('../../font/NotoSansKR-DemiLight.woff') format('woff'), url('../../font/NotoSansKR-DemiLight.otf') format('opentype'), url('../../font/NotoSansKR-DemiLight.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 300; src: local('Noto Sans KR Light'), local('NotoSansKR-Light'), url('../../font/NotoSansKR-Light.woff') format('woff2'), url('../../font/NotoSansKR-Light.woff') format('woff'), url('../../font/NotoSansKR-Light.otf') format('opentype'), url('../../font/NotoSansKR-Light.ttf') format('truetype');}
@font-face																		{font-family: 'Noto Sans KR'; font-weight: 100; src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'), url('../../font/NotoSansKR-Thin.woff') format('woff2'), url('../../font/NotoSansKR-Thin.woff') format('woff'), url('../../font/NotoSansKR-Thin.otf') format('opentype'), url('../../font/NotoSansKR-Thin.ttf') format('truetype');}
/* 2019-10-01 추가 : E */
/**
 * image-replace
 */
@-webkit-keyframes image-replace {
	0%		{opacity: 0;}
	90%		{opacity: 0;}
	100%	{opacity: 1;}
}

@keyframes image-replace {
	0%		{opacity: 0;}
	90%		{opacity: 0;}
	100%	{opacity: 1;}
}

/**
 * typography
 */

/* paragraph */
.para																			{margin: 1rem 0; line-height: 1.5rem; font-size: 1rem; color: #666666;}

/**
 * mark
 */
.mark.theme-a																	{display: inline-block;}
.mark.theme-a .text																{display: block; font-weight: normal; font-family: Hyundai-B1012, sans-serif; letter-spacing: -0.05em; text-align: center; white-space: nowrap; border-width: 1px; border-style: solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* em  */
.em																				{white-space: nowrap;}
.em.fall-01																		{color: #666666;}
.em.rise-01																		{color: #000000;}
.em.rise-02																		{color: #2f5387;}

/* mark theme-a outline */
.mark.theme-a.x-small .text														{padding: .1em 1.25em 0 1.25em; height: 1.5rem; font-size: .75rem;}
.mark.theme-a.small .text														{padding: .1em 1.50em 0 1.25em; height: 2rem; font-size: .75rem;}
.mark.theme-a.medium .text														{padding: .1em 1.50em 0 1.25em; height: 3rem; font-size: 1rem;}
.mark.theme-a.large .text														{padding: .1em 1.50em 0 1.25em; height: 3.5rem; font-size: 1rem;}

/* em theme-a state */
.mark.theme-a.fall-02 .text														{color: #000000; border-color: #b6b6b6; background-color: #cccccc;}
.mark.theme-a.fall-01 .text														{color: #ffffff; border-color: #000000; background-color: #666666;}
.mark.theme-a.rise-01 .text														{color: #000000; border-color: #000000; background-color: #ffffff;}
.mark.theme-a.rise-02 .text														{color: #ffffff; border-color: #000000; background-color: #000000;}
.mark.theme-a.rise-03 .text														{color: #ffffff; border-color: #2f5387; background-color: #2f5387;}

/* note */
em.note.theme-a																	{font-style: normal;}
.note.theme-a:not(p)															{display: inline-block;}
.note.theme-a																	{position: relative; padding-left: 1.5rem; line-height: 1.5em; font-size: .875rem; color: #888888;}
.note.theme-a:before															{content: ''; display: block; position: absolute; top: -.125em; left: 0; width: 1.5rem; height: 1.5rem; background-color: #666666; -webkit-mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); -webkit-mask-position: 0 -16.5rem;; mask-position: 0 -16.5rem; -webkit-mask-size: 100% auto; mask-image: 100% auto;}

/**
 * data-list
 */

/* data-list theme-a */
.data-list.theme-a																{margin: 0; padding: 0; list-style: none;}
.data-list.theme-a>li															{position: relative; padding-left: 1rem; line-height: 1.5em; font-size: .875rem;; color: #888888;}
.data-list.theme-a>li:before													{content: ''; display: block; position: absolute; top: .75em; left: 0; width: .4rem; height: 1px; background-color: #666666;}

/**
 * ordered-list
 */

/* ordered-list theme-a */
.ordered-list.theme-a															{margin: 0; padding: 0; padding-left: 1.5rem;}
.ordered-list.theme-a>li														{position: relative; line-height: 1.5rem; font-size: 1rem;; color: #666666;}
.ordered-list.theme-a>li>.ordered-list.theme-b									{margin-bottom: 1rem;}

/* ordered-list theme-b */
.ordered-list.theme-b															{margin: 0; padding: 0; padding-left: 2rem; list-style-type: decimal-leading-zero;}
.ordered-list.theme-b>li														{position: relative; line-height: 1.5rem; font-size: 1rem;; color: #666666;}


/**
 * button
 */
input.btn, button.btn															{overflow: visible; margin: 0; padding: 0; border: 0 none; cursor: pointer; background-color: transparent; -webkit-appearance: none;}
a.btn																			{display: inline-block; text-decoration: none;}
em.btn																			{display: inline-block; font-style: normal;}
.btn .text																		{display: block; text-align: center; white-space: nowrap;}

/* button theme-a */
.btn.theme-a .text																{font-weight: normal; font-family: Hyundai-B1012, sans-serif; letter-spacing: -0.05em; border-width: 1px; border-style: solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* button theme-a outline */
.btn.theme-a.x-small .text														{padding: .1em 1.25em 0 1.25em; height: 1.5rem; font-size: .75rem;}
.btn.theme-a.small .text														{padding: .1em 1.50em 0 1.25em; height: 2rem; font-size: .75rem;}
.btn.theme-a.medium .text														{padding: .1em 1.50em 0 1.25em; height: 3rem; font-size: 1rem;}
.btn.theme-a.large .text														{padding: .1em 1.50em 0 1.25em; height: 3.5rem; font-size: 1rem;}

/* button theme-a state */
.btn.theme-a.fall-02 .text														{color: #000000; border-color: #cccccc; background-color: #cccccc;}
.btn.theme-a.fall-02 .text:before												{background-color: #000000;}
.btn.theme-a.fall-02 .text:after												{background-color: #000000;}
.btn.theme-a.fall-01 .text														{color: #ffffff; border-color: #666666; background-color: #666666;}
.btn.theme-a.fall-01 .text:before												{background-color: #ffffff;}
.btn.theme-a.fall-01 .text:after												{background-color: #ffffff;}
.btn.theme-a.rise-01 .text														{color: #000000; border-color: #000000; background-color: #ffffff;}
.btn.theme-a.rise-01 .text:before												{background-color: #000000;}
.btn.theme-a.rise-01 .text:after												{background-color: #000000;}
.btn.theme-a.rise-02 .text														{color: #ffffff; border-color: #000000; background-color: #000000;}
.btn.theme-a.rise-02 .text:before												{background-color: #ffffff;}
.btn.theme-a.rise-02 .text:after												{background-color: #ffffff;}
.btn.theme-a.rise-03 .text														{color: #ffffff; border-color: #2f5387; background-color: #2f5387;}
.btn.theme-a.rise-03 .text:before												{background-color: #ffffff;}
.btn.theme-a.rise-03 .text:after												{background-color: #ffffff;}

/* button theme-a symbols */
.btn.theme-a[class*='before-'] .text:before										{content: ''; display: block; margin: 0 .15em 0 -.25em; width: 1.5rem; height: 1.5rem; -webkit-mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); -webkit-mask-size: 100% auto; mask-image: 100% auto;}
/* .btn.theme-a[class$='before-'] .text:before										{content: ''; display: block; margin: 0 .15em 0 -.25em; width: 1.5rem; height: 1.5rem; -webkit-mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); -webkit-mask-size: 100% auto; mask-image: 100% auto;} */
.btn.theme-a.before-menu .text:before											{-webkit-mask-position: 0 -3rem;}
.btn.theme-a.before-handshake .text:before										{-webkit-mask-position: 0 -4.5rem;}
.btn.theme-a.before-send .text:before											{-webkit-mask-position: 0 -6rem;}
.btn.theme-a.before-moredata .text:before										{-webkit-mask-position: 0 -7.5rem;}
.btn.theme-a.before-next .text:before											{-webkit-mask-position: 0 -13.5rem;}

.btn.theme-a[class*='after-'] .text:after										{content: ''; display: block; margin: 0 -.25em 0 .15em; width: 1.5rem; height: 1.5rem; -webkit-mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); mask-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png); -webkit-mask-size: 100% auto; mask-image: 100% auto;}
.btn.theme-a.after-home .text:after												{-webkit-mask-position: 0 -1.5rem;}
.btn.theme-a.after-menu .text:after												{-webkit-mask-position: 0 -3rem;}
.btn.theme-a.after-handshake .text:after										{-webkit-mask-position: 0 -4.5rem;}
.btn.theme-a.after-send .text:after												{-webkit-mask-position: 0 -6rem;}
.btn.theme-a.after-moredata .text:after											{-webkit-mask-position: -7.5rem;}
.btn.theme-a.after-next .text:after												{-webkit-mask-position: 0 -13.5rem;}

/* .btn.theme-a.after-send .text:after												{-webkit-mask-position: 0 -9rem;} */

/**
 * button-area
 */

/* button-area type-a */
.button-area.type-a																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-a .button-item												{width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-a .button-item .btn											{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.button-area.type-a .btn+.btn													{margin-left: .5rem;}

/* button-area type-b */
.button-area.type-b																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-b .button-item												{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-b .button-item .btn											{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.button-area.type-b .btn+.btn													{margin-left: .5rem;}

/* button-area type-b */
.button-area.type-c																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-c .button-item												{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.button-area.type-c .button-item .btn											{display: block;}
.button-area.type-c .btn+.btn													{margin-left: .5rem;}

/* button-area type-d */
.button-area.type-b																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.button-area.type-b .btn+.btn													{margin-left: .5rem;}


/**
 * data-table
 */

/* data-table theme-a */


/* table */
.data-table.theme-a table														{table-layout: fixed; width: 100%; border-spacing: 0; border: 0 none transparent; border-collapse: collapse;}
.data-table.theme-a caption														{overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.data-table.theme-a table th													{padding: .5em; height: 2em; font-size: 1em; line-height: 1.5; color: #303233; word-break: break-all; font-weight: normal; border: 1px solid #dfe0e0; background-color: #f6f6f6}
.data-table.theme-a table td													{padding: .5em; height: 2em; font-size: 1em; line-height: 1.5; color: #616466; word-break: break-all; border: 1px solid #dfe0e0;}
.android4 .data-table.theme-a table												{table-layout: auto;}

/* data-table theme-b */
.data-table.theme-b																{border-top: 2px solid #000000;}
.data-table.theme-b table														{table-layout: fixed; width: 100%; border-spacing: 0; border: 0 none transparent; border-collapse: collapse;}
.data-table.theme-b caption														{overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.data-table.theme-b th															{width: 5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1rem;}
.data-table.theme-b td															{height: 1.5rem; line-height: 1.5rem; font-size: 1rem; color: #666666;}
.data-table.theme-b table tbody th												{padding: 1rem 0; text-align: left; border-bottom: 1px solid #e3e3e3;}
.data-table.theme-b table tbody td												{padding: 1rem; border-bottom: 1px solid #e3e3e3;}

/* .android4 .data-table.theme-b table												{table-layout: auto;} */
/* .android4 .data-table.theme-b th												{width: 5rem;} */

/**
 * form
 */
.form																			{display: inline-block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* form element */
.form																			{vertical-align: middle;}
.form span.elem																	{display: iline-block;}
.form .elem																		{margin: 0; padding: 0; overflow: visible; border-width: 0; border-style: none; border-color: transparent; vertical-align: top; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form input[type=number]::-webkit-outer-spin-button,
.form input[type=number]::-webkit-inner-spin-button								{margin-left: 0;}
.form input[type=number]														{-moz-appearance: textfield;}

/* form theme-a */
.form.theme-a																	{position: relative; background-color: rgba(189, 189, 189, 0.12);}
.form.theme-a .elem																{position: relative; z-index: 2;}
.form.theme-a .outline															{display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* form theme-a textfield */
.form.theme-a.textfield .elem													{padding: 0 1rem; height: 3rem; font-size: 1rem; font-family: NotoSans-Regular, sans-serif;}
.form.theme-a.textfield .outline												{border: 1px solid #b4b4b4;}
.form.theme-a.textfield .elem:focus												{color: #000000;}
.form.theme-a.textfield .elem:focus+.outline									{border-color: #000000;}
.form.theme-a.textfield .elem:disabled											{color: #bdbdbd;}
.form.theme-a.textfield .elem:disabled+.outline									{border-color: #bdbdbd; background-color: #efefef;}
.form.theme-a.textfield.error .elem												{color: #ef001c;}
.form.theme-a.textfield.error .elem+.outline									{border-color: #ef001c;}

/* form theme-a radio */
.form.theme-a.radio .elem														{width: 1.5rem; height: 1.5rem; -webkit-appearance: radio}
.form.theme-a.radio .elem+.outline												{display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_form_theme_a.png); background-repeat: no-repeat; background-size: 9rem auto;}

.form.theme-a.radio .elem+.outline												{background-position: 0 0;}
.form.theme-a.radio .elem:focus+.outline										{background-position: 0 -1.5rem;}
.form.theme-a.radio .elem:disabled+.outline										{background-position: 0 -3rem;}

.form.theme-a.radio .elem:checked+.outline										{background-position: -1.5rem 0;}
.form.theme-a.radio .elem:checked:focus+.outline								{background-position: -1.5rem -1.5rem;}
.form.theme-a.radio .elem:checked:disabled+.outline								{background-position: -1.5rem -3rem;}

.form.theme-a.radio.error+.label												{color: #ef001c;}
.form.theme-a.radio.error .elem+.outline										{background-position: 0 -4.5rem;}
.form.theme-a.radio.error .elem:checked+.outline								{background-position: -1.5rem -4.5rem;}

/* form theme-a checkbox */
.form.theme-a.checkbox .elem													{width: 1.5rem; height: 1.5rem;}
.form.theme-a.checkbox .elem+.outline											{display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_form_theme_a.png); background-repeat: no-repeat; background-size: 9rem auto;}
.form.theme-a.checkbox .elem+.outline											{background-position: -3rem 0;}
.form.theme-a.checkbox .elem:focus+.outline										{background-position: -3rem -1.5rem;}
.form.theme-a.checkbox .elem:disabled+.outline									{background-position: -3rem -3rem;}

.form.theme-a.checkbox .elem:checked+.outline									{background-position: -4.5rem 0;}
.form.theme-a.checkbox .elem:checked:focus+.outline								{background-position: -4.5rem -1.5rem;}
.form.theme-a.checkbox .elem:checked:disabled+.outline							{background-position: -4.5rem -3rem;}

.form.theme-a.checkbox.error+.label												{color: #ef001c;}
.form.theme-a.checkbox.error .elem+.outline										{background-position: -3rem -4.5rem;}
.form.theme-a.checkbox.error .elem:checked+.outline								{background-position: -4.5rem -4.5rem;}

/* form theme-a select */
.form.theme-a.select .elem														{padding: 0 3rem 0 1rem; height: 3rem; font-size: 1rem; font-family: NotoSans-Regular, sans-serif; overflow: hidden; text-overflow: ellipsis;}
.form.theme-a.select .outline													{border: 1px solid #b4b4b4;}
.form.theme-a.select .outline:after												{content: ''; display: block; position: absolute; margin-top: -.75rem; top: 50%; right: .5rem; width: 1.5rem; height: 1.5rem; background-image: url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_form_theme_a.png); background-repeat: no-repeat; background-size: 9rem auto;}
.form.theme-a.select .elem+.outline:after										{background-position: -6rem 0;}
.form.theme-a.select .elem:focus+.outline										{border-color: #000000;}
.form.theme-a.select .elem:focus+.outline:after									{background-position: -6rem -1.5rem;}
.form.theme-a.select .elem:disabled+.outline									{border-color: #bdbdbd; background-color: #efefef;}
.form.theme-a.select .elem:disabled+.outline:after								{background-position: -6rem -3rem;}
.form.theme-a.select.error .elem												{color: #ef001c;}
.form.theme-a.select.error .elem+.outline										{border-color: #ef001c;}
.form.theme-a.select.error .elem+.outline:after									{background-position: -6rem -4.5rem;}

/* form theme-a textarea */
.form.theme-a.textarea .elem													{padding: 1rem; height: 8.5rem; font-size: 1rem; font-family: NotoSans-Regular, sans-serif;}
.form.theme-a.textarea .outline													{border: 1px solid #b4b4b4;}
.form.theme-a.textarea .elem:focus												{color: #000000;}
.form.theme-a.textarea .elem:focus+.outline										{border-color: #000000;}
.form.theme-a.textarea .elem:disabled											{color: #bdbdbd;}
.form.theme-a.textarea .elem:disabled+.outline									{border-color: #bdbdbd; background-color: #efefef;}
.form.theme-a.textarea.error .elem												{color: #ef001c;}
.form.theme-a.textarea.error .elem+.outline										{border-color: #ef001c;}

/**
 * form-area
 */
.form-area																		{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.form-area>.form+.form,
.form-area>.btn+.btn,
.form-area>.form+.btn,
.form-area>.btn+.form															{margin-left: .5rem;}
.form-area>.code																{display: block; font-size: 1rem; width: 1.5rem; text-align: center;}
.form-area>.form																{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.form-area>.form>.elem															{width: 100%;}
.form-area>.option-list															{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

/**
 * option-list
 */
.option-list.theme-a															{display: inline-block;}
.option-list.theme-a:after														{content: ''; display: block; clear: both;}
.option-list.theme-a .option-item												{float: left; margin-right: 1rem; padding: .25rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex;}
.option-list.theme-a .option-item .form											{}
.option-list.theme-a .option-item .label										{display: block; line-height: 1.5rem;}

/**
 submit-form
 **/
/* submit-form theme-a */
.submit-form.theme-a															{margin: 0; padding: 0; border-width: 0; border-style: none; border-color: transparent;}
.submit-form.theme-a legend														{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.submit-form.theme-a .form-list .form-item										{position: relative;}
.submit-form.theme-a .form-list .form-item+.form-item							{margin-top: 1.5rem;}
.submit-form.theme-a .form-list .form-item .form-head							{margin-bottom: .5rem;}
.submit-form.theme-a .form-list .form-item .form-head:after						{content: ''; display: block; clear: both;}
.submit-form.theme-a .form-list .form-item .form-head .label					{float: left; line-height: 1.5rem; font-size: 1.25rem; font-family: Hyundai-B1012, sans-serif;}
.submit-form.theme-a .form-list .form-item .form-head .required-item			{float: left;}
.submit-form.theme-a .form-list .form-item .form-body>*+*						{margin-top: .5rem;}

.submit-notice										{margin: 1rem 0; padding: 0.5rem 0; line-height: 1.5rem; font-size: .875rem; text-align: right; color: #888888; border-bottom: 1px solid #e3e3e3;}
.required-item																	{display: inline-block; overflow: hidden; vertical-align: top; position: relative; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: .75rem;}
.required-item:after															{content: ''; display: block; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; background: #ffffff url(https://www.ehyundai.com/images/mobilehome/ir/cyber/module_symbols.png) no-repeat 0 -15rem; background-size: 100% auto;}

/**
 post
 **/
/* post-search */
.post-search.theme-a															{margin: 0; padding: 0; border-width: 0; border-style: none; border-color: transparent;}
.post-search.theme-a legend														{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.post-search.theme-a .form-list .form-item										{position: relative;}
.post-search.theme-a .form-list .form-item+.form-item							{margin-top: 1.5rem;}
.post-search.theme-a .form-list .form-item .form-head							{margin-bottom: .5rem;}
.post-search.theme-a .form-list .form-item .form-head .label					{display: inline-block; vertical-align: top; line-height: 1.5rem; font-size: 1em; color: #666666;}
.post-search.theme-a .form-list .form-item .form-body							{}
.post-search.theme-a .form-list .form-item .form-body .form-area+.form-area		{margin-top: .5rem;}

.post-list.theme-a																{margin: 0; padding: 0; list-style: none;}
.post-list.theme-a .post-item													{border-top: 1px solid #e3e3e3;}
.post-list.theme-a .post-item .item-frame										{position: relative; padding: 1rem 6rem 1rem 0;}
.post-list.theme-a .post-item a.item-frame										{display: block; text-decoration: none; color: inherit;}
.post-list.theme-a .post-item .item-frame .item-head							{display: block;}
.post-list.theme-a .post-item .item-frame .item-head .item-name					{margin: 0;}
.post-list.theme-a .post-item .item-frame .item-head .item-name .text			{display: block; line-height: 1.5rem; font-size: 1rem; font-weight: normal; font-family: NotoSans-Medium, sans-serif;}
.post-list.theme-a .post-item .item-frame .item-foot							{display: block;}
.post-list.theme-a .post-item .item-frame .item-foot .posted					{display: block; line-height: 1.5rem; font-size: 1em; color: #666666;}
.post-list.theme-a .post-item .item-frame .item-foot .progress					{position: absolute; top: 50%; right: 0; margin-top: -.75rem; width: 5rem;}
.post-list.theme-a .post-item .item-frame .item-foot .progress .mark			{width: 100%;}
.post-display .post-search														{margin-bottom: 2rem;}

/* innostick.feel */
/* layer-popup */
.layer-popup.theme-c																		{display: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column;z-index:0}
.layer-popup.theme-c.active																	{display:block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; width:100%; height:100%;position:absolute; top:0;left:0;z-index:30}
.layer-popup.theme-c .popup-container														{background-color: #ffffff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column;}
.layer-popup.theme-c .popup-container .popup-content .popup-content-header					{padding: 0 10px; height: 42px; border-bottom: 1px solid #4c4c4c; background-color: #ffffff;}
.layer-popup.theme-c .popup-container .popup-content .popup-content-header h1				{margin: 0; height: 42px; line-height: 42px; font-size: 20px; text-align: center; font-family: NotoSans-Bold, sans-serif;}
.layer-popup.theme-c .popup-container .popup-content .popup-content-header .btn.close		{display: block; position: absolute; top: 0; right: 0; width: 42px; height: 42px; line-height: 42px; font-size: 9px;}
.layer-popup.theme-c .popup-container .popup-content .popup-content-header .btn.close:after	{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://www.ehyundai.com/images/mobilehome/common/bg_panel.png); background-repeat: no-repeat; -webkit-background-size: auto 50px; background-size: auto 50px; background-position: -654px 50%;}

/* 휴대폰 SMS 수신 확인 2017-04-19 추가 */
.layer-popup.theme-c .popup-container .popup-content .content-primary																{padding: 20px 15px 40px;}
.layer-popup.theme-c .popup-container .popup-content .smsDiv {padding:25px 3% 35px; border:1px solid #dadada; background:#f2f2f2}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .label {margin:0; padding:0; border:0;}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .label label {font-size:12px; color:#333; font-weight:300}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .phoneNum {margin:10px 0 0; padding:0; border:0; font-size:12px; color:#444}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .btn {margin:5px 0 0; padding:0; border:0;}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .btn a {display:block; height:34px; line-height:34px; font-size:15px; color:#fff; background:#6a6a6a; text-align:center; text-decoration:none}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .redTxt {margin:10px 0 0; font-size:12px; color:#fa4156}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .timeD {margin:20px 0 0; padding:0; position:relative; width:100%; overflow:hidden;}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .timeD input {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:3px 10px; border:1px solid #d6d6d6; width:100%; height:34px; box-sizing:border-box; font-size:12px; color:#555}
.layer-popup.theme-c .popup-container .popup-content .smsDiv .timeD .time {position:absolute; top:0; right:0; margin:0; width:51px; height:34px; line-height:34px; font-weight:500; font-size:14px; color:#333}

.layer-popup.theme-c .popup-container .popup-content .smsBtns {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; margin:20px auto 0; padding:0; max-width:480px; border:0}
.layer-popup.theme-c .popup-container .popup-content .smsBtns a {display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float:left; height:45px; line-height:45px; margin-left:2px; text-align:center; text-decoration:none; font-size:16px; color:#fff; background:#000}
.layer-popup.theme-c .popup-container .popup-content .smsBtns a:first-child {margin-left:0}
.layer-popup.theme-c .popup-container .popup-content .smsBtns a.blk {background:#000}
.layer-popup.theme-c .popup-container .popup-content .smsBtns a.gray {background:#6a6a6a}