@charset "utf-8";

@import url(./module.font.css);
@import url(./module.form.css);
@import url(./module.button.css);
@import url(./module.global.css);

html																								{height: 100%;}
body																								{margin: 0; min-width: 20rem; min-height: 100%; -webkit-box-flex: 1; -webkit-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;}

/**
 * global
 */


/**
 * layout
 */
/* #frame																								{min-width: 20rem; overflow: hidden; min-height: 100%; -webkit-box-flex: 1; -webkit-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;} */
#frame																								{}
#frame .frame-head																					{text-align: center;}

#frame .frame-body .page-body .local-head															{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);}
#frame .frame-body .page-body .local-body															{padding: 4rem 0;}

.ie9 body																							{display: table; table-layout: fixed; width: 100%;}
.ie9 #frame																							{display: table-cell; vertical-align: middle; width: 100%;}

/**
 * content
 */
.browser h3																							{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);}
.browser-list																						{margin: 2rem 0 3rem 0; padding: 0; list-style: none; text-align: center;}
.browser-list .browser-item																			{display: inline-block; width: 4rem; height: 4rem;}
.browser-list .browser-item+.browser-item															{margin-left: 1rem;}
.browser-list .browser-item a																		{display: block; position: relative; width: 4rem; height: 4rem; font-size: 0.875rem; line-height: 4rem; color: #2d231e;}
.browser-list .browser-item a:before																{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 4rem; height: 4rem; line-height: 4rem; background-image: url(./../../img/error/browser_icon.jpg); background-repeat: no-repeat; background-size: 4rem auto;}
.browser-list .browser-item.firefox a:before														{background-position: 0 0;}
.browser-list .browser-item.chrome a:before															{background-position: 0 -4rem;}
.browser-list .browser-item.safari a:before															{background-position: 0 -8rem;}
.browser-list .browser-item.opera a:before															{background-position: 0 -12rem;}
.browser-list .browser-item.explorer a:before														{background-position: 0 -16rem;}


/* 이메일 수신거부 */
body.unsubscribe-email .frame-head .page-head .page-name											{margin: 4rem 0 0 0;}
body.unsubscribe-email .frame-head .page-head .page-name .text										{display: inline-block;}
body.unsubscribe-email .frame-head .page-head .page-name .text svg									{width: 11.75rem; height: 3rem; vertical-align: top;}
/*html:lang(ko) body.unsubscribe-email .frame-head .page-head .page-name .text svg					{width: 18.75rem;}*/

body.unsubscribe-email .frame-body .page-body .local-body											{max-width: 40rem;}

/* 시스템 에러 */
body.system-error .frame-head																		{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);}

/* 하위 브라우저 */
body.not-supported .frame-head																		{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);}

/* 서비스 점검 */
.system-maintenance .frame-head																		{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);}