HTML {
	width  : 100%;
	height : 100%;
}

HTML, BODY {
	line-height : normal;
	margin      : 0;
	padding     : 0;
}

BODY {
	font-family      : 'nanum gothic', 'sans-serif';
	color            : #777676;
	background-color : #efeeee;
	margin           : 0;
	padding          : 0;
	min-width        : 320px;
	width            : 100%;
	min-height       : 100%;
}

BODY * {
	border-width  : 0;
	border-style  : solid;
	border-color  : #efeeee;
	outline: #ff00ff solid 0;
}

BODY, HEADER, MAIN, SECTION, FOOTER {
	display    : block;
	box-sizing : border-box;
}

HEADER *,
FOOTER * {
	box-sizing : border-box;
}

*:invalid {
	border-color : #ef7e7e;
}

*[hidden] {
	display : none !important;
}

*[unvisible] {
	visibility : hidden !important;
}

*:disabled,
TEXTAREA:read-only,
INPUT:read-only {
	cursor : default !important;
}

INPUT {
	line-height : 1;
}
INPUT[type='checkbox'],
INPUT[type='radio'] {
	margin : 0;
}

INPUT[type='number']::-webkit-inner-spin-button {
	display: none;
}
INPUT[type='date'],
INPUT[type='date-time'],
INPUT[type='time'],
INPUT[type='year'],
INPUT[type='month'] {
	text-align: center;
}

INPUT[type='date']::-webkit-calendar-picker-indicator,
INPUT[type='date-time']::-webkit-calendar-picker-indicator,
INPUT[type='time']::-webkit-calendar-picker-indicator,
INPUT[type='year']::-webkit-calendar-picker-indicator,
INPUT[type='month']::-webkit-calendar-picker-indicator {
	height : 1.2em;
	width  : 1.2em;
	margin : 0;
}

.io:disabled {
	background-color : #f7f7f7;
	color            : #555555;
	border-color     : #cccccc;
}
.io:disabled::placeholder {
	color : #cccccc;
}

ADDRESS, VAR {
	font-weight : normal;
	font-style  : normal;
}

FORM {
	margin  : 0;
	padding : 0;
}

BUTTON, TEXTAREA, INPUT, OUTPUT, UL {
	box-sizing : border-box;
}

INPUT, OUTPUT, SELECT, BUTTON {
	line-height : 100%;
	font-size   : 1em;
}

UL {
	list-style : none;
}

IFRAME {
	border  : 0;
	margin  : 0;
	padding : 0;
	width   : 100%;
	height  : inherit;
}

TEXTAREA {
	resize      : none;
	line-height : 1.6;
}

FIELDSET, IMG, UL {
	border  : 0;
	margin  : 0;
	padding : 0;
}

BUTTON, LABEL, H1, H2, H3, H4, H5, H6 {
	letter-spacing : 0.1em;
}

H1, H2, H3, H4, H5, H6 {
	margin    : 0.8em 0 0.5em 0;
	font-size : 1em;
}

A {
	text-decoration : none !important;
	color           : inherit !important;
}

.unSelectable {
	user-select                 : none;
	-ms-user-select             : none;
	-moz-user-select            : none;
	-webkit-user-select         : none;
	-webkit-touch-callout       : none;
	-webkit-tap-highlight-color : transparent;
}

.fltLeft { float : left; }

.fltRight { float : right; }

.clrBoth::before,
.clrBoth::after,
.clrBefore::before,
.clrAfter::after {
	content : '';
	display : block;
	clear   : both;
}

.btns, .io {
	min-height    : 2.5em;
	line-height   : 1.3em;
	border-radius : 0.2em;
	box-shadow    : 1px 1px 0.5ex rgba(0, 0, 0, 0.1), inset 1px 1px rgba(255, 255, 255, 0.5);
	border        : thin solid rgba(0, 0, 0, 0.33);
	box-sizing    : border-box;
}

.io {
	border           : thin solid rgba(0, 0, 0, 0.5);
	box-shadow       : inset 1px 1px 3px rgba(0, 0, 0, 0.1);
	background-color : rgba(255, 255, 255, 0.7);
	padding          : 0 0.5em;
}

.io:focus {
	background-color : #ffffff;
}

TEXTAREA.io {
	padding     : 1ex;
	width       : 100%;
	height      : 100%;
	line-height : 1.6;
}

.btns {
	cursor           : pointer;
	padding          : 0 1em;
	font-weight: 100;
	background-color : #dddddd;
}

.icons {
	min-width  : 2.5em;
	min-height : 2.5em;
}

.btns.icons:before,
.btns.with_icon:before {
	display             : inline-block;
	vertical-align      : bottom;
	content             : ' ';
	width               : 1.4em;
	height              : 1.4em;
	background-size     : contain;
	background-repeat   : no-repeat;
	background-position : center;
}

.btns.with_icon:before {
	margin-left : -0.3em;
}

.tb {
	display        : table;
	border-spacing : 0.5em;
	table-layout   : fixed;
	margin         : 0;
}

.tr {
	display : table-row;
}

.th, .td {
	display        : table-cell;
	text-align     : center;
	vertical-align : middle;
}

.th {
	font-weight : bold;
}

.btns.red, .btns.delete { background-color : #fff; color : #f95000; border-color: #f95000; }
.btns.orange, .btns.more { background-color : #cc8318; }
.btns.green, .btns.submit, .btns.save, .btns.edit { box-shadow: none; background-color : #89bd05; color : #fff; border-color: #89bd05;}
.btns.blue, .btns.add { background-color : #1680d9; }
.btns.dim, .btns.cancel { background-color : #fff; color : #797979; border-color: #797979; }