/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nanum-gothic-v14-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('./fonts/nanum-gothic-v14-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/nanum-gothic-v14-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/nanum-gothic-v14-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/nanum-gothic-v14-korean-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('./fonts/nanum-gothic-v14-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/nanum-gothic-v14-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/nanum-gothic-v14-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/nanum-gothic-v14-korean-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('./fonts/nanum-gothic-v14-korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/nanum-gothic-v14-korean-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-800.woff') format('woff'), /* Modern Browsers */
       url('./fonts/nanum-gothic-v14-korean-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/nanum-gothic-v14-korean-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

* { border: 0; box-sizing: BORDER-BOX; margin: 0; padding: 0 }
.cBoth { clear: BOTH !IMPORTANT; float: NONE !IMPORTANT }
.cAfter:after { content: ''; clear: BOTH !IMPORTANT; display: BLOCK; float: NONE !IMPORTANT }
.css.tac { text-align: CENTER }
.css.tal { text-align: LEFT }
.css.tar { text-align: RIGHT }
.css.pl1 { padding-left: 1em }
.css.pl2 { padding-left: 2em }
.css.pl3 { padding-left: 3em }

A { color: #444; text-decoration: NONE }
HTML, BODY { min-height: 100%; margin: 0; padding: 0; min-width: 100% }
.init, BODY, BUTTON, INPUT, SELECT, TABLE, TEXTAREA { color: #444; font-family: 'Nanum Gothic', HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif; font-size: 11pt; font-weight: 400; letter-spacing: -.035em; line-height: 1.5em }
H1, H2, H3, H4, H5, H6 { font-weight: 800; line-height: 1.65em; margin: 0 }
H1 { font-size: 2em; letter-spacing: -.075em }
H2 { font-size: 1.5em; letter-spacing: -.075em }
H3 { font-size: 1.2em }
H4 { font-size: 1.15em }
H5 { font-size: 1.1em }
H6 { font-size: 1em }

UL, OL { list-style: NONE }

.inner { margin: 0 AUTO; width: 1200px }
.w10 { width: 10% }
.w15 { width: 15% }
.w20 { width: 20% }
.w25 { width: 25% }
.w30 { width: 30% }
.w33 { width: 33.3% }
.w35 { width: 35% }
.w40 { width: 40% }
.w45 { width: 45% }
.w50 { width: 50% }
.w55 { width: 55% }
.w60 { width: 60% }
.w65 { width: 65% }
.w70 { width: 70% }
.w75 { width: 75% }
.w80 { width: 80% }
.w85 { width: 85% }
.w90 { width: 90% }
.w95 { width: 95% }
.w100 { width: 100% }

.fn { cursor: POINTER }

.ui.icon { background-image: URL('./image/icon.png?rev=8'); background-repeat: NO-REPEAT; background-size: AUTO 2em; color: TRANSPARENT; display: INLINE-BLOCK; font-size: 1em; height: 1em; overflow: HIDDEN; text-decoration: NONE; vertical-align: MIDDLE; width: 1em }
.ui.icon.symbol { background-position: 0 0 }
.ui.icon.symbol-white { background-position: -1em 0 }
.ui.icon.invitation { background-position: -2em 0 }
.ui.icon.wedding { background-position: -3em 0 }
.ui.icon.discount { background-position: -4em 0 }
.ui.icon.notification { background-position: -5em 0 }
.ui.icon.menu { background-position: -6em 0 }
.ui.icon.invitation.selected { background-position: -2em -1em }
.ui.icon.wedding.selected { background-position: -3em -1em }
.ui.icon.discount.selected { background-position: -4em -1em }
.ui.icon.notification.selected { background-position: -5em -1em }
.ui.icon.menu.selected { background-position: -6em -1em }
.ui.icon.email { background-position: -7em 0 }
.ui.icon.naver { background-position: -8em 0 }
.ui.icon.facebook { background-position: -9em 0 }
.ui.icon.kakaotalk { background-position: -10em 0 }
.ui.icon.default { background-color: #FFF; border: 1px SOLID #EEE; border-radius: 50%; }
.ui.icon.default.user { background-position: -11em 0 }
.ui.icon.default.business { background-position: -12em 0 }
.ui.icon.default.hasPhoto { background-position: CENTER; background-size: COVER }
.ui.icon.menu-invitation { background-position: -13em 0 }
.ui.icon.menu-wedding { background-position: -14em 0 }
.ui.icon.menu-discount { background-position: -15em 0 }
.ui.icon.menu-notification { background-position: -16em 0 }
.ui.icon.menu-logout { background-position: -17em 0 }
.ui.icon.menu-business { background-position: -18em 0 }
.ui.icon.close { background-position: -7em -1em }

.ui.colgroup { display: TABLE; table-layout: FIXED; width: 100% }
.ui.colgroup.top > .ui.col { vertical-align: TOP }
.ui.colgroup.bottom > .ui.col { vertical-align: BOTTOM }
.ui.colgroup > .ui.col { display: TABLE-CELL; vertical-align: MIDDLE }
.ui.colgroup.p01 > .ui.col { padding: 0 .1em }
.ui.colgroup.p02 > .ui.col { padding: 0 .2em }
.ui.colgroup.p025 > .ui.col { padding: 0 .25em }
.ui.colgroup.p035 > .ui.col { padding: 0 .35em }
.ui.colgroup.p05 > .ui.col { padding: 0 .5em }
.ui.colgroup.p1 > .ui.col { padding: 0 1em }
.ui.colgroup.p2 > .ui.col { padding: 0 2em }
.ui.colgroup.p3 > .ui.col { padding: 0 3em }
.ui.colgroup.p4 > .ui.col { padding: 0 4em }
.ui.colgroup.p5 > .ui.col { padding: 0 5em }
.ui.colgroup > .ui.col:first-child { padding-left: 0 }
.ui.colgroup > .ui.col:last-child { padding-right: 0 }

.ui.button { -moz-appearance: NONE; -webkit-appearance: NONE; appearance: NONE; background: NONE; background-color: #FFF; border: 1px SOLID #DDD; border-radius: .25em; box-sizing: BORDER-BOX; cursor: POINTER; display: INLINE-BLOCK; font-weight: 700; line-height: 1em; margin: .2em 0; outline: 0; padding: .75em 1em; text-align: CENTER; text-decoration: NONE; vertical-align: MIDDLE }
.ui.button:hover { background-color: #FCFCFC }
.ui.button.single { line-height: 1em; padding: 0 !IMPORTANT }
.ui.button.single .ui.icon { font-size: 2em }
.ui.button.wide { display: BLOCK; width: 100% }
.ui.button.filled { background-color: #0C4DA2; border-color: #0C4DA2; color: #FFF }
.ui.button.filled:hover { background-color: #444; border-color: #444; color: #FFF }
.ui.button.unavailable { border-color: #DDD; color: #AAA }
.ui.button.positive { background-color: #655D48; border-bottom-color: #484847 }
.ui.button.positive:hover { background-color: #484847 }
.ui.button .ui.icon { font-size: 1.4em; margin: -1em 0 }

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

.ui.help { background-color: #FF7376; 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-align: CENTER; text-decoration: NONE; vertical-align: MIDDLE; width: 1.2em }
.ui.help:hover { background-color: #222; text-decoration: NONE }

.ui-datepicker { background-color: #FFF; -box-shadow: 0 .3em 1em 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; padding: .5em; 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: #FF7376; font-weight: 700 }
.ui-datepicker-today:before { color: #FF7376; 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: #FF7376; color: #FFF }
.ui-datepicker-current-day .ui-state-active:hover { background-color: #444 !IMPORTANT }
.ui-datepicker-current-day:before { color: #FFF; z-index: 1 }

.ui.grid { background-color: #FFF; margin-bottom: 1em }
.ui.grid:after { clear: BOTH; content: ''; display: BLOCK; font: 0/0 a }
.ui.grid A { border: 1px SOLID #DDD; box-sizing: BORDER-BOX; color: #888; cursor: POINTER; display: BLOCK; float: LEFT; margin: AUTO -1px -1px AUTO; overflow: HIDDEN; padding: .5em 0; text-align: CENTER; text-decoration: NONE; white-space: NOWRAP; width: 20% }
-.ui.grid A:nth-child(n+5) { }
.ui.grid A:hover { background-color: #FCFCFC }
.ui.grid A.selected { background-color: #FFF; border: 1px SOLID #FF7376; color: #FF7376; font-weight: 800; position: RELATIVE }

.ui.box { background-color: #FFF; border: 1px SOLID #DDD; box-shadow: 0 0 .5em RGBA(0, 0, 0, .1); margin-bottom: 2em; padding: 1em }

.ui.helper { display: NONE }

.ui.file { background-color: #655D48; border-bottom: .35em SOLID #484847; border-radius: .5em; color: #FFF; cursor: POINTER; display: INLINE-BLOCK; font-weight: 400; margin: .25em; padding: .25em .75em .25em 2em; position: RELATIVE; text-decoration: NONE; vertical-align: MIDDLE }
.ui.file:before { background-image: URL('./image/icon.png'); background-position: -12em -1em; background-size: AUTO 2em; color: TRANSPARENT; content: ''; display: INLINE-BLOCK; font-size: 1.2em; height: 1em; left: .35em; line-height: 1em; margin-right: .25em; margin-top: -.5em; overflow: HIDDEN; position: ABSOLUTE; top: 50%; vertical-align: MIDDLE; width: 1em }
.ui.file:hover { background-color: #7A7257 }

.ui.info { background-color: #FFFFF3; border: 1px SOLID #DECAA4; margin-bottom: 2em; padding: .5em 1em }

.ui.link { background-color: #FF7376; border-radius: .5em; color: #FFF; cursor: POINTER; display: INLINE-BLOCK; font-size: .8em; line-height: 1em; overflow: HIDDEN; padding: .25em .5em; text-decoration: NONE; vertical-align: MIDDLE }

.ui.scrolling { -webkit-overflow-scrolling: touch }
.ui.animation { -moz-transition: all .3s EASE-OUT; -ms-transition: all .3s EASE-OUT; -o-transition: all .3s EASE-OUT; -webkit-transition: all .3s EASE-OUT; transition: all .3s EASE-OUT }

.uja.ui.indicator.circle { display: BLOCK; font-size: 4em; height: 1em; left: 50%; margin-left: -.5em; margin-top: -.5em; position: FIXED; top: 50%;  transform: TRANSLATEZ(1px); width: 1em }
.uja.ui.indicator.circle > DIV { animation: indicator-circle 2.4s CUBIC-BEZIER(0, 0.2, 0.8, 1) INFINITE; background: #034EA2; background-image: URL('./../layout/image/indicator.png'); background-position: CENTER; background-size: COVER; border-radius: 50%; display: INLINE-BLOCK; height: 1em; width: 1em }
.uja.ui.indicator.circle > SPAN { color: #034EA2; display: BLOCK; font-size: .25em; font-weight: 800; left: 50%; margin-left: -10em; position: ABSOLUTE; text-align: CENTER; top: 4.5em; width: 20em }
@keyframes indicator-circle { 0%, 100% { animation-timing-function: CUBIC-BEZIER(0.5, 0, 1, 0.5) } 0% { transform: ROTATEY(0deg) } 50% { transform: ROTATEY(1800deg); animation-timing-function: CUBIC-BEZIER(0, 0.5, 0.5, 1) } 100% { transform: ROTATEY(3600deg) } }

.ui.chart { margin-bottom: 3em }
.ui.chart IMG { width: 100% }

DL.ui { display: BLOCK; margin-bottom: 1em; text-align: LEFT }
DL.ui DD,
DL.ui DT { display: BLOCK }
DL.ui DT { font-size: 1.25em; font-weight: 700; margin-bottom: .5em; padding-left: 1.5em; position: RELATIVE }
DL.ui DT:before { border: .25em SOLID; border-radius: 50%; box-sizing: BORDER-BOX; content: ''; display: BLOCK; height: 1em; left: 0; margin-top: -.5em; overflow: HIDDEN; position: ABSOLUTE; top: 50%; width: 1em }
DL.ui DD > .ui:first-child { margin-top: 0 }
DL.ui DL.ui DT { padding-left: 1em }
DL.ui DL.ui DT:before { border-radius: 0; height: .5em; margin-top: -.25em; width: .5em }
DL.ui UL.ui { margin-top: .5em }

OL.ui,
UL.ui { border: 1px SOLID; border-bottom: 0; border-color: #EEE; border-color: RGBA(0, 0, 0, .05); border-top: 1px SOLID #034EA2; text-align: LEFT }
OL.ui > LI,
UL.ui > LI { border-bottom: 1px SOLID; border-color: #EEE; border-color: RGBA(0, 0, 0, .05); list-style-position: INSIDE; margin: 0; padding: .5em 1em; position: RELATIVE }
OL.ui > LI:nth-child(odd),
UL.ui > LI:nth-child(odd) { background-color: #FAFAFA; background-color: RGBA(0, 0, 0, .015) }
OL.ui > LI > SPAN,
UL.ui > LI > SPAN { display: INLINE-BLOCK; font-weight: 700; margin-right: 1em }
UL.ui { list-style: DISC }
OL.ui { list-style: DECIMAL }
UL.ui UL,
OL.ui UL { list-style: SQUARE; list-style-position: INSIDE; margin-top: 1em }
UL.ui LI { line-height: 1.75em; padding: .5em 1em .5em 3em; text-indent: -1.33em }
OL.ui LI { padding: .5em 1em }

OL.ui.focus,
UL.ui.focus { background-color: #F3F7FF }
OL.ui.focus LI,
UL.ui.focus LI { color: #034EA2; font-weight: 700 }
OL.ui.focus > LI:nth-child(odd),
UL.ui.focus > LI:nth-child(odd) { background-color: #FFF; background-color: RGBA(255, 255, 255, .5) }
OL.ui.focus STRONG,
UL.ui.focus STRONG { background-color: #034EA2; color: #FFF; display: INLINE-BLOCK; font-weight: 800; line-height: 1em; padding: .25em .5em; text-indent: 0 }

TABLE.ui { border-collapse: COLLAPSE; border-spacing: 0; border-top: 1px SOLID #034EA2; margin-bottom: 3em; table-layout: FIXED; width: 100% }
TABLE.ui.auto { table-layout: AUTO }
TABLE.ui > THEAD > TR > TD,
TABLE.ui > THEAD > TR > TH,
TABLE.ui > TBODY > TR > TD,
TABLE.ui > TBODY > TR > TH,
TABLE.ui > TFOOT > TR > TD,
TABLE.ui > TFOOT > TR > TH { line-height: 1.65em; padding: .3em .5em; text-align: CENTER }
TABLE.ui > TBODY > TR > TD,
TABLE.ui > TBODY > TR > TH { border-bottom: 1px SOLID #EAEAEA; }
TABLE.ui > THEAD > TR > TH,
TABLE.ui > TFOOT > TR > TH { background-color: #EFEFEF; background-color: RGBA(0, 0, 0, .05) }
TABLE.ui > THEAD > TR > TD,
TABLE.ui > TFOOT > TR > TD,
TABLE.ui > TBODY > TR > TH { background-color: #F7F7F7; background-color: RGBA(0, 0, 0, .015); font-weight: 700 }
TABLE.ui > TFOOT > TR > TD { color: #034EA2; font-weight: 800 }
TABLE.ui > THEAD > TR > TD:first-child,
TABLE.ui > THEAD > TR > TH:first-child,
TABLE.ui > TBODY > TR > TD:first-child,
TABLE.ui > TBODY > TR > TH:first-child,
TABLE.ui > TFOOT > TR > TD:first-child,
TABLE.ui > TFOOT > TR > TH:first-child { border-left: 0 }
TABLE.ui > THEAD > TR > TD:last-child,
TABLE.ui > THEAD > TR > TH:last-child,
TABLE.ui > TBODY > TR > TD:last-child,
TABLE.ui > TBODY > TR > TH:last-child,
TABLE.ui > TFOOT > TR > TD:last-child,
TABLE.ui > TFOOT > TR > TH:last-child { border-right: 0 }
TABLE.ui.l > THEAD > TR > TD,
TABLE.ui.l > TFOOT > TR > TD,
TABLE.ui.l > TBODY > TR > TD { text-align: LEFT }
TABLE.ui.r > THEAD > TR > TD,
TABLE.ui.r > TFOOT > TR > TD,
TABLE.ui.r > TBODY > TR > TD { text-align: RIGHT }
TABLE.ui.l > THEAD > TR > TD > .ui:first-child,
TABLE.ui.l > TFOOT > TR > TD > .ui:first-child,
TABLE.ui.l > TBODY > TR > TD > .ui:first-child { margin-top: 0 }
TABLE.ui TD.c,
TABLE.ui TH.c { text-align: CENTER !IMPORTANT }
TABLE.ui TD.l,
TABLE.ui TH.l { text-align: LEFT !IMPORTANT }
TABLE.ui TD.r,
TABLE.ui TH.r { text-align: RIGHT !IMPORTANT }
TABLE.ui .ui.table-row-focus { font-weight: 800 }
TABLE.ui .ui.button { padding: .25em 1em }
TABLE.ui > CAPTION { color: #888; margin-bottom: .5em; text-align: RIGHT }
TABLE.ui .focus TD,
TABLE.ui .focus TH { background-color: #F8FCFF; background-color: RGBA(0, 80, 160, .05); color: #034EA2 }

LABEL.ui { color: #FF7376; cursor: POINTER; display: BLOCK; padding: .3em 0 }
LABEL.ui INPUT,
LABEL.ui SELECT,
LABEL.ui DIV { -webkit-appearance: NONE; background-color: #FFF; border: 1px SOLID #DDD; border-radius: 0; box-sizing: BORDER-BOX; color: #444; display: BLOCK; font-weight: 700; margin: .2em 0; padding: .5em 1em; width: 100% }
LABEL.ui INPUT,
LABEL.ui SELECT { cursor: POINTER }
LABEL.ui:hover INPUT,
LABEL.ui:hover SELECT { border-color: #FF7376 }
LABEL.ui:hover DIV { border-color: #BBB }
LABEL.ui.checkbox,
LABEL.ui DIV { background-color: #FCFCFC; color: #444; font-weight: 300 }
LABEL.ui.checkbox { background: NONE }
LABEL.ui.checkbox INPUT { border: 0; display: INLINE; margin: 0; padding: 0; vertical-align: MIDDLE; width: AUTO }
LABEL.ui EM { color: #676767; display: BLOCK; font-size: .9em; font-style: NORMAL }

HR.ui { background-color: #EEE; border: 0; display: BLOCK; height: 1px; margin: 2em 0; outline: 0 }

BODY#bdNavigation { background-color: #F7F7F7; font-size: .66em; padding: 2em 0; text-align: LEFT }
BODY#bdNavigation H1 { font-weight: 700; line-height: 1em; margin-bottom: 2em }
BODY#bdNavigation H1 A { display: BLOCK; padding: 0 1em }
BODY#bdNavigation H1 A IMG { max-width: 4em }
BODY#bdNavigation H1 A SPAN { font-size: .9em; display: BLOCK; margin-top: .5em }
BODY#bdNavigation H1 A STRONG { font-size: .9em; display: BLOCK; font-weight: 800 }
BODY#bdNavigation H2 { color: #034EA2; margin: .5em 1.5em }
BODY#bdNavigation H3 { font-weight: 300 }
BODY#bdNavigation H3 A { color: #888; cursor: POINTER; display: BLOCK; padding: .5em 2em }
BODY#bdNavigation H3 A:hover,
BODY#bdNavigation H3 A.selected { background-color: #FFF; color: #034EA2; font-weight: 700 }
BODY#bdNavigation UL { margin-bottom: 3em }

BODY#bdHeader { padding: 1em }
BODY#bdHeader H1#h1Title { left: 1em; line-height: 1em; margin-top: -.5em; position: ABSOLUTE; top: 50% }
BODY#bdHeader DIV.dvDescription { font-size: .9em; margin-top: -1.5em; position: ABSOLUTE; right: 2em; top: 50%; width: 33em }
BODY#bdHeader DIV.dvDescription STRONG { color: #034EA2; font-size: 800 }
BODY#bdHeader HR { background-color: #0C4DA2; background-image: URL('./../layout/image/main-top-background.png'); background-position: LEFT TOP; background-repeat: NO-REPEAT; height: 3px; left: 0; position: ABSOLUTE; top: 0; width: 100% }

BODY#bdContent { background-attachment: FIXED; background-image: URL('./../pages/image/content-background.jpg'); background-position: RIGHT BOTTOM; background-repeat: NO-REPEAT; background-size: 30% AUTO; padding: 4em }
BODY#bdContent H4, 
BODY#bdContent H5,
BODY#bdContent H6 { margin-bottom: 1em }
BODY#bdContent H5,
BODY#bdContent H6 { font-weight: 300 }
BODY#bdContent > UL,
BODY#bdContent > OL { margin-bottom: 3em }
BODY#bdContent > STRONG { color: #0C4DA2; display: BLOCK; font-weight: 700; line-height: 1.75em; margin-bottom: 1em }

BODY#bdContent.main { background-attachment: FIXED; background-image: URL('./../pages/image/main-background.jpg'); background-size: 60% AUTO }
BODY#bdContent.main DIV#dvIndex UL { margin-bottom: 3em }
BODY#bdContent.main DIV#dvIndex UL LI H5 { display: INLINE; font-weight: 300 }

BODY#bdContent.about { background-image: URL('./../pages/image/about-background.jpg'); background-position: CENTER BOTTOM; background-size: 100% AUTO }

BODY#bdContent DIV#dvChart { display: NONE }
BODY#bdContent DIV#dvWideTable { display: TABLE; table-layout: FIXED; width: 100% }
BODY#bdContent DIV#dvWideTable DIV#dvSubject,
BODY#bdContent DIV#dvWideTable DIV#dvData { display: TABLE-CELL; overflow: HIDDEN; vertical-align: TOP }
BODY#bdContent DIV#dvWideTable DIV#dvSubject { border-right: 1px SOLID #DDD; min-width: 38em; width: 38em }
BODY#bdContent DIV#dvWideTable DIV#dvData { overflow-x: AUTO }
BODY#bdContent DIV#dvWideTable TH,
BODY#bdContent DIV#dvWideTable TD { overflow: HIDDEN; white-space: NOWRAP }
BODY#bdContent DIV#dvWideTable DIV#dvData TH,
BODY#bdContent DIV#dvWideTable DIV#dvData TD { min-width: 10em }
BODY#bdContent DIV#dvWideTable DIV#dvData DIV#dvScrollBack { background-color: #F8FCFF; background-color: RGBA(0, 80, 160, .05); cursor: POINTER; height: 2em; position: FIXED }
BODY#bdContent DIV#dvWideTable DIV#dvData DIV#dvScrollBack A#aScroller { background-color: #0C4DA2; background-color: RGBA(0, 80, 160, .5); cursor: POINTER; display: BLOCK; height: 2em; position: ABSOLUTE; top: 0 }
BODY#bdContent DIV#dvWideTable DIV#dvData DIV#dvScrollBack A#aScroller:hover { background-color: RGBA(0, 80, 160, 1); }
BODY#bdContent DIV#dvWideTable TABLE.ui { margin-bottom: 1em }

BODY#bdContent P.pCaption { color: #888; margin-bottom: .5em; text-align: RIGHT }
BODY#bdContent P.pCaption .ui.button { margin-left: 1em }