@import URL('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

* { border: 0; margin: 0; padding: 0 }
.cBoth { clear: BOTH !IMPORTANT; float: NONE !IMPORTANT }
.cAfter:after { content: ''; clear: BOTH !IMPORTANT; display: BLOCK; float: NONE !IMPORTANT }

A { color: #444; text-decoration: NONE }
A:hover { text-decoration: UNDERLINE }
HTML, BODY { margin: 0; padding: 0 }
.init, BODY, BUTTON, INPUT, SELECT, TABLE, TEXTAREA { -webkit-text-size-adjust: 100%; color: #444; font-family: 'Nanum Gothic', HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size: 10pt; font-weight: 400; letter-spacing: -.035em; line-height: 1.35em }
BODY { background-color: #222 }
UL, OL { list-style: NONE }

.inner { margin: 0 AUTO; width: 980px }
.uiIcon { background-image: URL('./image/icon.png'); background-size: AUTO 1em; color: TRANSPARENT; display: INLINE-BLOCK; font-size: 1em; height: 1em; vertical-align: MIDDLE; width: 1em }
.uiFormGroup { margin: 2em 0 }
.uiLabel { margin: .5em 0 }
.uiInput { border: 1px SOLID #DDD; box-sizing: BORDER-BOX; padding: .5em }
.uiInput INPUT { display: BLOCK; height: 2em; width: 100% }
.uiSubmit INPUT { -webkit-appearance: NONE; appearance: NONE; background-color: #444; color: #FFF; border: 0; cursor: POINTER; display: BLOCK; font-weight: 800; height: 4em; outline: 0; width: 100% }
.uiSubmit INPUT:hover { background-color: #676767 }
.uiCheckbox INPUT { vertical-align: MIDDLE }

.ui-datepicker { background-color: #FFF; border: 1px SOLID #DDD; box-shadow: 0 .3em 3em RGBA(0, 0, 0, .1); display: NONE }
.ui-datepicker-header { background-color: #F7F7F7; padding: 1em 2em; position: RELATIVE }
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next { cursor: POINTER; position: ABSOLUTE; top: 1em }
.ui-datepicker-header .ui-datepicker-prev { left: 1em }
.ui-datepicker-header .ui-datepicker-next { right: 1em }
.ui-datepicker-header .ui-datepicker-title { color: 222; font-size: 1.15em; font-weight: 700; text-align: CENTER }
.ui-datepicker-calendar { border-collapse: COLLAPSE; border-spacing: 0; width: 100% }
.ui-datepicker-calendar THEAD TR TH { background-color: #F7F7F7; border-bottom: 1px SOLID #DDD; padding-bottom: 1em }
.ui-datepicker-calendar TBODY TR TD { position: RELATIVE }
.ui-datepicker-calendar .ui-state-disabled .ui-state-default { color: #DDD }
.ui-datepicker-calendar TBODY TR TD .ui-state-default { display: BLOCK; line-height: 1em; padding: 1em; text-align: CENTER; text-decoration: NONE; position: RELATIVE }
.ui-datepicker-calendar TBODY TR TD .ui-state-default:hover { background-color: RGBA(0, 0, 0, .035) }
.ui-datepicker-today A { color: #222; font-weight: 700 }
.ui-datepicker-today:before { color: #222; content: '●'; display: BLOCK; font-size: .5em; line-height: 1em; position: ABSOLUTE; text-align: CENTER; top: .5em; width: 100% }
.ui-datepicker-current-day .ui-state-active { background-color: #222; color: #FFF }
.ui-datepicker-current-day .ui-state-active:hover { background-color: #444 !IMPORTANT }
.ui-datepicker-current-day:before { color: #FFF; z-index: 1 }