@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 }
BODY {  }
UL, OL { list-style: NONE }

.UIIcon { background-image: URL('./image/icon.png?rev=5'); background-size: AUTO 10em; color: TRANSPARENT; display: INLINE-BLOCK; font-size: 1em; height: 1em; vertical-align: MIDDLE; width: 1em }
.UIIcon.cs { background-position: -1em 0 }
.UIIcon.mail { background-position: -2em 0 }
.UIIcon.menu { background-position: -3em 0 }
.UIIcon.subway { background-position: -4em 0 }
.UIIcon.bus { background-position: -5em 0 }
.UIIcon.location { background-position: -6em 0 }
.UIIcon.dv0 { background-position: -7em 0 }
.UIIcon.dv1 { background-position: -8em 0 }
.UIIcon.dv2 { background-position: -9em 0 }
.UIIcon.medical-support-0 { background-position: 0 -1em }
.UIIcon.medical-support-1 { background-position: -1em -1em }
.UIIcon.medical-support-2 { background-position: -2em -1em }
.UIIcon.medical-support-3 { background-position: -3em -1em }
.UIIcon.medical-support-4 { background-position: -4em -1em }
.UIIcon.medical-support-5 { background-position: -5em -1em }
.UIIcon.medical-support-6 { background-position: -6em -1em }
.UIIcon.medical-support-7 { background-position: -7em -1em }
.UIIcon.training-0 { background-position: -8em -1em }
.UIIcon.training-1 { background-position: -9em -1em }
.UIIcon.training-2 { background-position: 0 -2em }
.UIIcon.training-3 { background-position: -1em -2em }
.UIIcon.training-4 { background-position: -2em -2em }
.UIIcon.quick-0 { background-position: -3em -2em }
.UIIcon.quick-1 { background-position: -4em -2em }
.UIIcon.quick-2 { background-position: -5em -2em }
.UIIcon.quick-3 { background-position: -6em -2em }
.UIIcon.quick-4 { background-position: -7em -2em }

.UIColGroup { display: TABLE; width: 100% }
.UIColGroup > .UICol { display: TABLE-CELL; vertical-align: MIDDLE }
.UIColGroup.top > .UICol { vertical-align: TOP }
.UIColGroup.x2 > .UICol { width: 50% }
.UIColGroup.x3 > .UICol { width: 33.3% }
.UIColGroup.x4 > .UICol { width: 25% }
.UIColGroup.x5 > .UICol { width: 20% }
.UIColGroup > .UICol.w50 { width: 50% }
.UIColGroup > .UICol.w40 { width: 40% }
.UIColGroup > .UICol.w33 { width: 33% }
.UIColGroup > .UICol.w30 { width: 30% }
.UIColGroup > .UICol.w25 { width: 25% }
.UIColGroup > .UICol.w20 { width: 20% }
.UIColGroup > .UICol.w10 { width: 10% }
.UIColGroup > .UICol.top { vertical-align: TOP }
.UIColGroup > .UICol.middle { vertical-align: MIDDLE }
.UIColGroup > .UICol.bottom { vertical-align: BOTTOM }
.UIColGroup > .UICol:first-child { padding-left: 0 }
.UIColGroup > .UICol:last-child { padding-right: 0 }
.UIColGroup.p1 > .UICol { padding: 0 1em }

.UIButton { -moz-appearance: NONE; -webkit-appearance: NONE; appearance: NONE; background: NONE; border: 1px SOLID; border-radius: 1em; box-sizing: BORDER-BOX; color: #222; cursor: POINTER; display: BLOCK; font-size: 1em; font-weight: 300; line-height: 1em; outline: 0; padding: .5em 2em; text-align: CENTER }
.UIButton:hover { text-decoration: NONE }
.UIButton.simple { display: INLINE-BLOCK }
.UIButton.filled { background-color: #3B8EDE; color: #FFF }
.UIButton.filled:hover { background-color: #444; color: #FFF }
.UIButton.black { color: #FFF; font-weight: 700 }
.UIButton.black:hover { background-color: #FFF; color: #222 }
.UIButton.black.filled { background-color: #FFF; border: 0; color: #3B8EDE }
.UIButton.black.filled:hover { background-color: #F7F7F7 }

.UITable { border-collapse: COLLAPSE; border-spacing: 0; border-top: 2px SOLID #3B8EDE; margin: 2em 0; width: 100% }
.UITable TD,
.UITable TH { border: 1px SOLID #DDD; line-height: 1.65em; padding: .75em 1em; text-align: CENTER }
.UITable TR {  }
.UITable TD {  }
.UITable TH {  }
.UITable THEAD TH { background-color: #F7F7F7; color: #3B8EDE }
.UITable TBODY TH { background-color: #FCFCFC }
.UITable TD:first-child,
.UITable TH:first-child { border-left: 0 }
.UITable TD:last-child,
.UITable TH:last-child { border-right: 0 }
.UITable.l TD { text-align: LEFT }
.UITable UL { list-style: SQUARE; padding-left: 2em; text-align: LEFT }

.UITab { margin: 2em 0 0 0 }
.UITab > UL { border-bottom: 1px SOLID #DDD }
.UITab > UL:after { clear: BOTH; content: ''; display: BLOCK; font: 0/0 a; }
.UITab > UL > LI { float: LEFT; margin-bottom: -1px; margin-right: -1px; position: RELATIVE }
.UITab > UL > LI > A { background-color: #FCFCFC; border: 1px SOLID #DDD; color: #3B8EDE; cursor: POINTER; display: BLOCK; padding: 1em; text-decoration: NONE }
.UITab > UL > LI > A:hover { background-color: #FFF }
.UITab > UL > LI:first-child > A { border-radius: 1em 0 0 0 }
.UITab > UL > LI:last-child > A { border-radius: 0 1em 0 0 }
.UITab > UL > LI.selected > A { background-color: #FFF; border-bottom-color: #FFF; color: #222 }

.UIList { border-top: 2px SOLID #3B8EDE; font-size: 1.1em; line-height: 1.65em; margin: 2em 0; text-align: LEFT }
.UIList LI { margin: 0; padding: .5em 1em }
.UIList LI UL LI:before { display: NONE }
.UIList > LI { border-bottom: 1px SOLID RGBA(0, 0, 0, .1) }
.UIList > LI:nth-child(even) { background-color: RGBA(0, 0, 0, .03) }
.UIList LI SPAN { display: BLOCK; font-weight: 800 }
.UIList.dash LI:before { content: '-'; display: BLOCK; float: LEFT; margin-left: -1em }
.UIList.black { border-top-color: #FFF }
.UIList.black > LI { border-bottom: 1px SOLID RGBA(255, 255, 255, .1) }
.UIList.black > LI:nth-child(even) { background-color: RGBA(255, 255, 255, .03) }

.UIHelp { background-color: #3B8EDE; border-radius: 50%; color: #FFF; cursor: HELP; display: INLINE-BLOCK; font-size: .9em; font-weight: 800; line-height: 1em; overflow: HIDDEN; padding: .1em 0; text-decoration: NONE; vertical-align: MIDDLE; width: 1.2em }
.UIHelp:hover { background-color: #222; text-decoration: NONE }

.w100 { width: 100% }

.ui-datepicker { background-color: #FFF; -box-shadow: 0 .3em 1em RGBA(0, 0, 0, .1); display: NONE }
.ui-datepicker-header { background-color: #F7F7F7; padding: .35em 2em; position: RELATIVE }
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next { color: #3B8EDE; cursor: POINTER; font-weight: 700; position: ABSOLUTE; top: .5em }
.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: .35em 0 }
.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; padding: .5em 0; text-align: CENTER; position: RELATIVE }
.ui-datepicker-calendar TBODY TR TD .ui-state-default:hover { background-color: RGBA(0, 0, 0, .035) }
.ui-datepicker-today A { color: #3B8EDE; font-weight: 700 }
.ui-datepicker-calendar .hasSchedule:before,
.ui-datepicker-today:before { color: #3B8EDE; content: '●'; display: BLOCK; font-size: .5em; line-height: 1em; position: ABSOLUTE; text-align: CENTER; top: .5em; width: 100% }
.ui-datepicker-calendar .hasSchedule:before { color: #444 }
.ui-datepicker-current-day .ui-state-active { background-color: #3B8EDE; border-radius: .5em; color: #FFF !IMPORTANT }
.ui-datepicker-current-day .ui-state-active:hover { background-color: #444 !IMPORTANT }
.ui-datepicker-current-day:before { color: #FFF !IMPORTANT; z-index: 1 }

@media only screen and (max-width: 1200px) {
	.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: 9pt; font-weight: 400; letter-spacing: -.035em; line-height: 1.35em }
}

@media only screen and (max-width: 800px) {
	.UIColGroup { display: BLOCK }
	.UIColGroup .UICol { display: BLOCK; width: AUTO !IMPORTANT }
}