/* uriminzokkiri.com assets/css.php — 주체113(2024).1.10 아카이브 원본
   변경사항: 이미지 상대경로를 루트 절대경로로 정규화한 것 외 동일 */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 100%;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: rgba(0,0,0,0.2);
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #aaa;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background: rgba(0,0,0,0.2);
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background: rgba(0,0,0,0.2);
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background: rgba(0,0,0,0.2);
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: rgba(0,0,0,0.2);
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background: rgba(0,0,0,0.2);
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background: rgba(0,0,0,0.2);
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background: rgba(0,0,0,0.2);
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background: rgba(0,0,0,0.2);
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background: rgba(0,0,0,0.2);
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background: rgba(0,0,0,0.2);
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background: rgba(0,0,0,0.2);
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background: rgba(0,0,0,0.5);
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: rgba(0,0,0,0.2);
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #444;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #444;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: rgba(0,0,0,0.2);
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1010!important;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
/* global*/
/* @font-face {
	font-family: 'batang';
	src: url('/assets/fonts/WKHAMBAK.TTF') format('truetype'); 	
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
} */
body {
	font-family: KP CheongPong, WKLGothic, batang, 바탕체, batangche !important; 
}
.u_eng, .u_eng div, .u_eng a, .u_eng p, .u_eng .u_top_nav .nav li {
	font-family: Times New Roman !important;
}
.u_rus, .u_rus div, .u_rus a, .u_rus p {
	font-family: Mincho !important;
}
.u_chn, .u_chn div, .u_chn a, .u_chn p {
	font-family: simsun !important;
}
.u_jpn, .u_jpn, .u_jpn div, .u_jpn a, .u_jpn p{
	font-family: MS Mincho !important;
}
.u_gisa_view p *{
	font-family: KP CheongPong, WKLGothic, batang, 바탕체, batangche !important; 
}
#go_home {    
	display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -433px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_twitter {
    background-position: -0px -0px;
	display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_tumblr {
	display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -384px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_flickr {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -192px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_pinterest {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -95px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_instagram {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -333px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_youku {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -285px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_weibo {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -240px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_vk {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -635px no-repeat;
    margin: 1px 0px;
    position: relative;
}
#go_rss {
   display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/uriminzokkiri_sns_icon.png) -0px -685px no-repeat;
    margin: 1px 0px;
    position: relative;
}

.back-to-top {
	position: fixed;
    display: none;
    background: #0564cf73;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
}
P {
	font-size: 12pt; 
	text-indent: 15px;
	line-height: 220%;
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-family: KP CheongPong, WKLGothic, 바탕체, batang, batangche !important; 
	text-align: justify; 
	color: #333;
}
P img {
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}
P.title { 
	font-size: 18pt; 
	text-indent: 15px; 
	margin-top: 10pt; 
	margin-bottom: 10pt; 
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
	text-align: center; 
	color: #555;
}
P.title * {
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
}
P.GreatTitle { 
	font-size: 18pt; 
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
	text-align: center; 
	color: #FF0000; 
}
P.GreatTitle * {
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
}
P.GreatTitle1  { 
	font-size: 16pt; 
	text-indent: 0; 
	line-height: 150%; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
	text-align: center; 
	color: #FF0000; 
}
P.GreatTitle1 * {
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
}
P.lefttext { 
	font-size: 12pt; 
	text-indent: 15px; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheongPong, WKLGothic, batang, 굴림체, Gulim !important;
	text-align: justify;  
}
P.righttext { 
	font-size: 12pt; 
	text-indent: 15px; 
	margin-top: 0pt;
	margin-bottom: 0pt; 
	font-family:  KP CheongPong, WKLGothic, batang, 굴림체, Gulim !important; 
	text-align: right;
}
P.righttext * {
	font-family: KP CheongPong, WKLGothic, batang, 돋움체, dotum !important; 
}
P.Class { 
	font-size: 12pt;
	text-indent: 20px; 
	line-height: 200%; 
	margin-top: 10pt; 
	margin-bottom: 10pt; 
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang, 돋움체, dotum !important; 
	text-align: left;
}
P.lefttitle { 
	font-size: 12pt; 
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang, 굴림체, Batang !important;   
	text-align: left;  
}
P.lefttitle  * {
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang, 굴림체, Batang !important; 
}
P.UpSubtitle { 
	font-size: 20pt; 
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: WKLGothic, KP CheonRiMa, 돋움체, dotum !important;   
	text-align: center;  
}
P.UpSubtitle * {
	font-family: WKLGothic, KP CheonRiMa, 돋움체, dotum !important;  
}
P.SubTitle { 
	font-size: 14pt; 
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheongPong, WKLGothic, 굴림체, Gulim !important; 
	text-align: center;  
}
P.Chukjon1 { 
	font-size: 20pt;
	letter-spacing: 10pt; 
	font-weight: bold;
	text-indent: 10pt; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheongPong, WKLGothic, 굴림체, Gulim !important; 
	text-align: center;  
}
P.Chukjon2 {
	font-size: 16pt;
	font-weight: bold;
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheongPong, WKLGothic, 굴림체, Gulim !important; 
	text-align: center;  
}
P.Chukjon3 { 
	font-size: 16pt; 
	text-indent: 0; 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	font-family: KP CheongPong, WKLGothic, 굴림체, Gulim !important; 
	text-align: center;  
}

P.SubTitle * {
	font-family: KP CheongPong, WKLGothic, 굴림체, Gulim !important; 
}
P.Middletitle  { 
	font-size: 14pt; 
	text-indent: 0; 
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
	text-align: center;  
}
P.Middletitle * {
	font-family: KP CheonRiMa, WKLGothic, 굴림체, Gulim !important; 
}  
P.name         { font-size:19pt; text-indent:0; line-height:200%; margin-top:15pt; color:#ff0000; margin-bottom:15pt; letter-spacing:20; font-family: batang; text-align:center;  }
P.Rotitle      { font-size:15pt; text-indent:0; line-height:200%; margin-top:0pt; margin-bottom:0pt; font-family: batang; text-align:center;  }
P.RoSubtitle   { font-size:11pt; text-indent:0; line-height:200%; margin-top:0pt; margin-bottom:0pt; font-family: batang; text-align:center;  }
a {
	text-decoration: none !important; 
	color: #333;
}
.u_categname {
	color: #397ecc;
}
.inline-block {
	display: inline-block !important;
}
.mt-15{
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-0 {
	margin-top: 0px !important;
}

.u_special_seperator{ 
	border-bottom: 2px dotted orange;
	margin: 5px 0 ;
}
/*header*/
.u_top_area {
	background: #991a35;
	padding-top: 2px;
	font-size: 10pt;
	height: 26px;
	color: #bababa;
	position: relative;
}
.u_top_area a {
	color: #bababa;
}
.u_top_area a.active {
	color: #fff;
}
.u_home_btn {

}
.u_top_langBlock {
	/* margin-top:15px; */
	display: inline-block;
	color: #bababa;
}
.u_top_langBlock a {
	color: #bababa !important;
	padding: 0 4px 0px 0px;
}
.u_top_srchBlock {
	/* margin-top:15px; */
}
.u_site_btn {
	margin: 0 2% 0 4%;
}
.u_top_srchBlock .btn i{
	margin-bottom: 4px;
}
.u_top_srchbtn i.fa-google{
	margin-bottom: 3px;
}
.u_top_srchBlock input {
	background: #f5e9eb;
	border-radius: 5px;
}
.u_top_srchBlock .input-group .form-control {
	width: 100%;
}
.u_top_area .btn, .u_top_srchBlock  input{
	padding: 0px 4px 0 4px;
	height: auto;
}
.u_top_srchBlock_xs .btn, .u_top_srchBlock_xs input{
	padding: 2px 5px;
	height: auto;
}
.u_header {
	width: 100%;
	position: relative;
}
.u_header_container {
	position: relative;
	padding-top: 5px;
	text-align: center;
}
.u_header_bannerblock  {
	background-image: url(/assets/images/first/first_page_top.png);
    background-repeat: no-repeat;
    background-position: 52% 0px;
}
.datepick {
	/* position: absolute;
    bottom: 0px;
    right: 3%;
    color: #0d5d9c;
    background: rgba(139, 210, 255, 0.62);
    padding: 3px 5px;
    border-radius: 10px 10px 0 0; */
}
.u_header_bg, .u_fheader_bg {
    width: 100%;
    position: absolute;
	z-index: -1;
}
.u_header_bg .u_left {
	width: 50%;
	height: 134px;
	background-image: url(/assets/images/first/repeat_left1.png);
}
.u_header_bg .u_right {
	width: 50%;
	height: 134px;
	background-image: url(/assets/images/first/repeat_right1.png);
}
.u_fheader_bg .u_left {
	width: 50%;
	height: 260px;
	background-image: url(/assets/images/first/repeat_left1.png);
}
.u_fheader_bg .u_right {
	width: 50%;
	height: 260px;
	background-image: url(/assets/images/first/repeat_right1.png);
}

#u_fix_navbar {
	width:100%;
	z-index: 1001;
	margin-bottom:15px;
}

.u_top_bar {
	background-color: #0564cf;
	height: 30px;
	box-shadow: 0 4px 4px -1px rgba(0,0,0,0.16), 0 10px 10px -3px rgba(0,0,0,0.12) !important;
}
.u_top_bar.u_fix{
	height: 26px;
	border-bottom: #3b98ff 3px solid;
}
.u_top_bar.u_fix.u_sub{
	height: 25px;
}
.u_top_nav {
    border-bottom: #3b98ff 3px solid;
    margin-top: -21px;
    background-color: #0564cf;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0px 4px 1px rgba(255, 253, 253, 0.46);
}
.u_top_nav .nav {
    padding-left: 45px;
}
.u_top_nav .nav li {
	padding: 12px 0px 6px 0px;
	color: #fff !important;
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, 바탕체, batang, batangche;
	font-size:11.7pt;
}
.u_fo_navbar {
	float: none;
    margin: 0;
    text-align: center;
    margin: auto;
    display: block;
    width: fit-content;
}
.u_top_nav .nav li :hover, .u_top_nav .nav li :focus{
	background-color: inherit;
}
.u_top_nav .nav li.active, .u_top_nav .nav li.active :hover{
	background-color: #3b98ff;
}
.u_top_nav .nav li  a{
	margin: 0px 8px 2px 8px;
	padding:0px;
	color: #fff;
}
.u_top_nav .nav li.active a {
	font-size: 12pt;
	color: #fff;
}

.u_new_btn img {
	width: 40px;
}
.u_right_nav li  a {
	margin-right: 7px !important;
	margin-left: 7px !important;
}
.u_new_btn {
	font-size:32pt;
	padding: 0px !important;
	margin-bottom: -2px;
}
/*footer*/
.u_footer {
	margin-top: 15px;
	background-color: #408dd9;
	color: #fff;
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, 굴림체;
}
.u_footer h3 {
	margin-bottom: 15px;
}
.u_footer ul {
	list-style: none;
}
.u_footer ul  li{
	padding: 3px 0px;
	/* border-bottom: 1px solid #ddd; */
}
.u_footer .container {
	padding: 5px 0px;
}
.u_footer a {
	color: #fff;
	margin-bottom: 10px;
}
.u_tail {
	margin-top: 3px;
	background-color: #f4f4f4;
	padding: 35px;
	display: -webkit-box;;
}
.u_point {
	color: #0037ff;
	font-size: 111%;
}

/*right sidebar*/
.u_sidebar {
	position: fixed;
	z-index: 1002;
	width: 48px;
	top: 8%;
	right: 1%;
	text-align: right;
}
.u_sidebar a {
    text-align: center;
    display: inline-block;	
	width: 43px;
	height: 43px;
	position: relative;
	transition: linear 0.3s;
}
.u_upicon :hover {
	margin-top: -5px;
}
.u_upicon, .u_downicon {
	color: #155a90;
}
.u_downicon :hover {
	margin-top: 5px;
}
.u_webicon {
	background: #2196f3;
	margin-bottom: 1px;
	color: #fff !important;
}
.u_sidebar .fa {
    padding: 4px;    
    font-size: 25pt;
}
.u_dicicon {
    border-radius: 50%;
    background: #03a9f4;
    font-size: 22pt;
    margin-bottom: 20%;
	color: #fff !important;
}
a.u_webicon:hover , a.u_dicicon:hover {
	margin-right: 5px !important;
}
/*responsive for mobile device*/
@media (min-width: 1200px) {
	#u_fix_navbar .container {
		width: 1200px;
	}
	.navbar-collapse {
		
	}
}
@media (max-width: 1199px){
	.container {
		width: 98%;
	}
	.u_header_banner {
		width: 100%;
	}
}
/*color*/
.u_color_white {
	color: #fff !important;
}
.u_color_black {
	color: #000 !important;
}
/*font*/
.u_font_14 {
	font-size: 14pt;
}

.padding-0{
	padding: 0 !important;
}
/*button*/
.btn.u_btn_outline {
    color: #fff;
	border: none;
}
.u_btn_outline:hover {
    color: #555555;
	background-color: #fff;
	margin-bottom: 9px;
	box-shadow: 0 5px 25px #3e5162;
}
.u_btn_outline {
	color: inherit;
	background-color: #555555;
    transition: all 0.5s;
}

/* effect */
.u_hover_effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* strong word*/
.u_skey_view{
	color: red;
}
.strong_word {
	font-weight: bold;	
	word-break: keep-all;
}
.u_strong{
	font-weight: bold;
}
.u_title_style b .strong_word, strong .strong_word, .u_strong .strong_word, .u_strong strong, strong strong{
	font-size:111%;
}
/* class for foreign font family */
.u_jpn_text{
	font-family: MS Mincho;
	word-break: break-all;
}
.u_rus_text{
	font-family: mincho;	
	word-break: break-all;
}
.u_chn_text{
	font-family: mincho;	
	word-break: break-all;
}
.u_eng_text{
	font-family: times new roman;		
	word-break: break-all;
}
.img-responsive {
	display: inline-block;
}
.mr-15 {
	margin-right: 15px;
}
.mb-15{
	margin-bottom: 15px;
}
.youku_play img{
    vertical-align: text-bottom;
}
.vk_play, .youku_play, .youtube_play {
	margin-left: 5px;
}
.vk_play i {
	font-size: 14pt;
	color: #1960b1;
}
.no-pointer {
	cursor: url(/assets/images/no-pointer.cur), pointer;
}

@media (max-width: 1300px){
	.u_sidebar, .u_header_bg {
		display: none;
	}
}
@media (max-width: 767px){
	 P {
		line-height: 180% !important;
	 }	 
	 P.title { 
		font-size: 14.5pt !important;
	 }
	 P.title  span {
		font-size: 14.5pt !important;
	 }
	P.Middletitle {
		font-size: 13.5pt !important;
	 }
	 P.GreatTitle {
		font-size: 14.5pt;
		text-indent: 0; 
		margin-top: 0pt; 
		margin-bottom: 0pt;
	 }
	P.GreatTitle1 {
		font-size: 14.5pt;
		text-indent: 0;
		margin-top: 0pt;
		margin-bottom: 0pt;
	 }
	.u_top_nav .nav {
		padding-left: 0px;
	}
	.u_top_nav .nav li a {
		padding: 0px;
		margin: 0px 5px 0px 5px;
		text-align: center;
	}
	.u_top_nav .nav li {
		border-bottom: 1px dashed #ddd;
	}
	.u_top_nav .nav.navbar-nav.u_right_nav {
		float: none !important;
	}
	.u_header .navbar-toggle {
		margin: 2px 0 0 0;
		border: 1px solid #55abff;
	}
	.u_top_srchBlock_xs {
		margin-top:10px;
	}
	.u_top_logo {
		height: 90px;
		width: auto;
	}
	.u_header_container {
		padding-top: 3px;
	}
	.u_fo_navbar {
		margin: unset;
		width: auto;
	}
}
.go_back{
	font-size: 16pt;
}
.content {
    text-align: center;
    font-weight: bold;
}
.u_each_title {
	display: table-row;
}
#qrcode img{
	width: 80px;
	height: auto;
}
.media-heading{
	color: #337ab7;
	line-height: 1.5;
}
.start_search {
    font-family: batang;
    position: relative;
    animation-name: example;
    animation-duration: 3s;
    animation-direction: reverse;
    animation-iteration-count: infinite;
}
@keyframes example {
    0%   {color:red;}
    25%  {color:white;}
    50%  {color:red;}
    75%  {color:white; }
    100% {color:red; } 
}/*glabal style*/
/* a  :hover{
	text-shadow: 1px 1px 4px #ccc;
	transition: all 0.3s;
} */
.img-responsive {
	display: inline-block;
}
.p-r {
	padding: 0 3px 0 0;
}
.p-l {
	padding: 0 0 0 3px;
}

/* each block style*/
.u_block_style {
	border-color: #cdcdcd;
	border-radius: 10px;
	padding: 0px 0px 15px 0px;
	margin: 2px 0px 5px 0;
	border-top: 1px solid #2e7356;
	box-shadow: 0px 0px 6px 0px #ddd;
	overflow: hidden;
	position: relative;
}
.u_block_style.u_special_block, .u_yongsang_block {
	border-top: 0px;
}
.u_block_seperator{
	border-bottom: 2px dotted orange;
	margin: 5px 0;
}
.u_middle_block .u_block_style {
	box-shadow: 0px 7px 0px 0px #fff, 0px 0px 6px 0px #ddd;
}
.u_middle_block .u_block_style.u_bottom {
	box-shadow: 0px 0px 6px 0px #ddd;
}
.u_multi_block .u_block_header  {
	/* border-top: 1px solid #607d8b; */
	background: #e0d4d4;
}
.u_book_block .u_block_header  {
	background: #d1d4de;
}
.u_pbook_block .u_block_header{
	background: #dadcce;
}
.u_serial_block .u_block_header {
	background: #ced8d2;
}
.u_vmusic_block .u_block_header{
	background: #d1d4de;
}
.u_music_block .u_block_header {
	background: #ced8d2;
}
.u_record_block .u_block_header{
	background: #e0d4d4;
}
.u_know_block .u_block_header{
	background: #dadcce;
}

.u_tborder_none .u_block_style {
	border-top:0px;
}
.u_middle_block  .u_block_style {
	margin: 2px 3px;
}
.u_block_header {
	padding: 4px 20px 4px 20px;
	border-radius: 10px 10px 0 0;
	background-color: #ececec; 
	transition: all 0.3s;
	/* background-image: linear-gradient(to bottom, #e7e7e7 0%, #d4d4d4 100%);*/
}
.u_f_sinboblock  .u_block_header {
    background: #d6edf7;
	padding-bottom: 12px;
}
.u_block_header:hover, .u_block_header2 .u_block_label:hover {
	background-image: linear-gradient(to bottom, #d4d4d4 0%, #e7e7e7 100%);
}
.u_block_header2, .u_block_header3  {
	margin-top: 1px;
	margin-bottom: 10px;
}
.u_block_header3 .u_block_label {
	border-radius: 7px 0 0 0;
}
.u_block_header2 .u_block_label, .u_block_header3 .u_block_label {
	display: inline-block;
	background-color: #e7e7e7;
	padding: 2px 50px;
	position: relative;
}
.u_block_header3 .u_block_label {
	padding: 2px 25px 2px 10px;
}
.u_block_header2 .u_block_label:before, .u_block_header2 .u_block_label:after , .u_block_header3 .u_block_label:before {
	width: 0;
    height: 0;
	bottom: 0px;
	content: " ";
	border-bottom: 30px solid #fff;
	border-color: #fff;
	border-bottom-width: 30px;
	position: absolute;
	border-left-style: inset;
    border-bottom-style: inset solid;
}
.u_block_header2 .u_block_label:before, .u_block_header3 .u_block_label:before {
    right: 0px;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
}
.u_block_header2 .u_block_label:after{
    right: 162px;
    border-right: 15px solid transparent;
    border-left: 0 solid transparent;
	width: 25px;
}
.u_kcna_block .u_block_header2 .u_block_label:after{
	right: 195px;
}
.u_ctv_block .u_block_header2 .u_block_label:after {
	right: 182px;
}
.u_block_label {
    display: block;
    font-family: KP CheonRiMa, WKLGothic, gulim;
    font-size: 14pt;
    font-weight: bold;
    color: #000;
    /* text-shadow: 1px 2px white, -1px 1px white, 0px 0px 0px #8e8d8d8c; */
}
.u_btn_viewall {
	padding-top: 5px;
	font-size: 10pt;
	font-weight: normal;
	color:#565555;
	text-shadow: 0px;
}
.u_block_header2 .u_btn_viewall, .u_block_header3 .u_btn_viewall{
    position: absolute;
    right: 0px;
    background: #e7e7e7;
    padding: 1px 5px;
    border-radius: 0px 10px 0 10px;
}
.u_block_header3 .u_btn_viewall {
	position: relative;
}
.u_urigisa_block .u_block_body {
	position:relative;
	margin-bottom: 5px;
}
.u_urigisa_block .u_block_body  .u_btn_viewall {
	position: absolute;
    right: 14px;
    bottom: -19px;
}
/*end*/
.u_new{
    font-style: italic;
    font-size: 0.7em;
    font-weight: bold;
	font-family: auto;
    color: #FF0000;
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.3);
}
.u_iconbtn_stlye  {
	margin: 0 3px;
}
.u_iconbtn_stlye :hover{
	font-size: 105%;
}
.u_viewall_btn {
	color: #808080;
	font-size: 10pt;
	text-align: right;
	padding:5px;
}

.u_border_block {
	padding:0;
	border-right: 1px solid #cdcdcd;
	display: inline-block;
}
.u_border_block>div{
	width: 200%;
}
.u_border_right_dash {
	border-right: 1px dashed #ccc;
}
.u_border_bottom_dash {
	border-bottom: 6px dashed #f3f3f3;
} 
/* each present title style*/
.u_each_item {
	line-height: 140%;
	padding: 5px 2px;
	color: #444;
	display: block;
	clear: both;
	font-size: 14px;
	font-family: KP CheongPong, WKLGothic, batang;
}
.u_each_item:hover, .u_each_item:hover a {
	color: #1579c9;
}
.u_foreign_block .u_each_item {
	font-size: 10pt;
}
.u_each_item img{
	max-width: 140px;
	height:auto;
	margin-right: 5px;
}
.u_rodong_block .u_each_item, .u_kcna_block .u_each_item, .u_ctv_block .u_each_item{
	line-height: 165%;
	float: none;
}
.u_summary {
    display: block;
    font-size: 10pt;
    color: #a09e9e;
    margin: 3px 0 0 5px;;
}
.u_reg_date {
	font-size: 8pt;
	font-family: auto;
    color: #999;
    border-top: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
    display: inline-block;
    padding-top: 4px;
    padding-left: 5px;
    line-height: 1.2em;
    vertical-align: top;
}
.u_detail {
	margin-top: 15px;
	font-size: 10pt;
	padding-left: 10px;
}
/* */

.u_f_body {
	position: relative;
    margin-top: -30px;
	padding-top: 30px;
    /* box-shadow: 0px 8px 3px 1px #c7c7c7; */
}
.u_top_block {
	padding : 0 10px;
}
.u_middle_block {
	margin: 20px 0 10px 0;
	padding: 0 15px;
}
/*header*/
.u_top_nav {
    margin-top: -30px;
    padding-top: 9px;
}

.u_top_nav.u_sub {
	margin-top: -21px;
	padding-top: 0px;
}
.u_top_menu {
	width: 100%;
	margin-top: -164px;
	position: relative;
}
.u_top_bar {
    height: 20px;
}
.u_top_bar_corner {
    width: 472px;
    height: 135px;
}
.u_top_bar_corner.right {
	background: url(/assets/images/first/top.png) -1045px -2px no-repeat;
	float: right;
    position: absolute;
    top: 0px;
    right: 0px;
}
.u_top_bar_corner.left {
	background: url(/assets/images/first/top.png) -535px -2px no-repeat;
}
/*revolution block*/
.u_f_revolutionblock {
	position: relative;
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	z-index: 1002;
	background-color: #fff7e5;
	border-radius: 25px;
	padding: 7px 8px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 0px 8px 0 rgba(0,0,0,0.12);
	border: 1px solid #f4d6bb;
}
.u_f_revolutionblock.u_top_special {
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, Malgun Gothic;
}
.u_spImg_block {
	margin-bottom: 10px;
}
.u_spImg_block img {
	border-radius: 5px;
}
.u_great_viewall {
	float: right;
    margin: 5px 15px 0 0;
    font-weight: bold;
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	color: #676666;
}
.u_revButton {
	position: absolute;
    top: -34px;
    right: 5%;
    background-color: #ffe3c5;
    padding: 6px 11px 4px 11px;
    border-radius: 10px 10px 0 0;
    color: #db5b39;
    font-size: 12pt;
    font-weight: bold;
    border: 1px solid #ffcc96;
    border-bottom: 0px;
}
.u_revButton:hover {
	color: #db5b39;
}
.u_rev_body {
	border: 2px solid #fcddbf;
	padding: 1px;
}
.u_rev_body>div {
	padding: 2% 2.5%;
	display: flow-root;
	border: 1px solid #fcddbf;
}
.u_rev_border {
    position: absolute;
    width: 47px;
    height: 47px;
    background: url(/assets/images/first/top.png) no-repeat;
}
.u_rev_border.u_lt {
    top: 0px;
    left: 0px;
    background-position: -5px -196px;
}
.u_rev_border.u_lb {
    bottom: 0px;
    left: 0px;
    background-position: -64px -191px;
}
.u_rev_border.u_rt {
    top: 0px;
    right: 0px;
    background-position: -128px -196px;
}
.u_rev_border.u_rb {
    bottom: 0px;
    right: 0px;
    background-position: -195px -191px;
}
	/*yongsang block style*/
	.u_f_yongsangblock {
		display: inline-block;
		float: left;
		margin-right: 30px;
	}
	.u_f_yongsang {
		width: 500px;
		border: 5px solid #fff;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 0px 8px 0 rgba(0,0,0,0.12);
	}
	.u_f_yongsangblock :hover .u_f_yongsang {
		box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.16),0 0px 8px 6px rgba(0,0,0,0.12);
	}
	/*declaretitle block style*/
	.u_f_declaretitleblock {
		margin-left: 0px;
	}
	.u_f_declaretitleblock a.u_declaretitle {
		font-size: 13pt;
		color: #035d94;
		font-weight: bold;
		line-height: 180%;
	}
	.u_f_declaretitleblock :hover a.u_declaretitle {
		color: #8e28e2;
		text-shadow: 0px 0px 2px #ccc;
		transition: all 0.1s ease-in;
	}
	.u_f_declaretitleblock div {
		margin-bottom: 1%;
	}
	.u_f_declaretitleblock .u_title_style strong {
		font-size: 120%;
	}
	
	/*greattitle block style*/
	.u_f_greattitleblock {
		margin-left:3%;
	}
	.u_f_greattitleblock a.u_greattitle {
		font-size: 13pt;
		color: #f75f45;
		line-height: 150%;
	}
	.u_f_greattitleblock :hover a.u_greattitle {
		color: #ff0000;
		text-shadow: 0px 0px 2px #ccc;
		transition: all 0.1s ease-in;
	}
	.u_f_greattitleblock div {
		margin-bottom: 1%;
	}
	.u_f_greattitleblock .u_title_style strong {
		font-size: 120%;
	}
	.u_redflag {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(/assets/images/first/top.png) -53px -140px no-repeat;
		margin-left: -20px;
	}
	
	.u_redflag.u_active {
		background: url(/assets/images/flag.gif) -2px 6px no-repeat;
	}
	
	
.u_special_block {
	position: relative;
	border: 3px double #f1e5d8;
	padding: 2px;
	margin: 5px 2px 10px 2px;
	z-index: 20;
}
.u_special_block>div {
	padding: 1% 1% 0% 1%;
    border: 1px solid #f3ebe1;
}
.u_special_block.u_small>div{
    padding: 2% 2% 0% 2%;
}
.u_special_block .u_block_label img{
	border-radius: 3px;
	width: 100%;
	z-index:1;
	position: relative;
}
.u_special_block .u_block_body{
	padding: 15px 10px 0px 10px !important;
}
.u_special_block hr{
    border-top: 4px solid #e4e4e4;
}
/*rozak block*/
.u_rozak_block {
	position: relative;
	border: 3px double #ffccd4;
	font-family:KP CheonRiMa, KP CheongPong, WKLGothic, 바탕체, batang;
	padding: 2px;
	margin: 5px 2px 10px 2px;
}
.u_rozak_block>div {
	padding: 3% 3% 0% 3%;
    border: 1px solid #ffccd4;
}
.u_rozak_block .u_block_header {
	/* background: #de3636; */
	border-radius: 4px;
	margin: 0px 10px;
	color: #ddd;
	word-break: keep-all;
	padding: 4px;
	position: relative;
}
.u_rozak_block .u_block_header a{
	color: #066c25;
	font-size: 12pt;
	padding-bottom:6px;
}
.u_rozak_block  .u_block_body {
	padding-bottom: 10px !important;
}
.u_rozak_block  .u_block_body a {
	color: #c60000;
	font-size: 12pt;
	text-align: center;
	display: inline-block;
}
/*영상 block*/

/*영상 block end*/
.u_yongsang_block {
    position: relative;
    border: 3px double #f1e5d8;
	margin: 5px 2px 10px 2px;
	padding: 2px;
	margin: 5px 2px 10px 2px;
}
.u_yongsang_block>div{
	padding: 10px 0;
	border: 1px solid #f3ebe1;
}

.u_ysang_border {
	position: absolute;
    width: 22px;
    height: 22px;
    background: url(/assets/images/first/top.png) no-repeat;
	background-color: #fff;
}
.u_ysang_border.u_lt {
	top: -5px;
    left: -5px;
    background-position: -126px -258px;
}
.u_ysang_border.u_lb {
    bottom: -5px;
    left: -5px;
    background-position: -126px -331px
}
.u_ysang_border.u_rt {
    top: -5px;
    right: -5px;
    background-position: -212px -258px;
}
.u_ysang_border.u_rb {
    bottom: -5px;
    right: -5px;
    background-position: -212px -331px;
}
.u_yongsang_block .u_block_header {
	background: none;
	text-shadow: 1px 1px 3px rgba(127, 127, 127, 0.8);
	position: relative;
}
.u_yongsang_block .u_block_body {
	position: relative;
}
.u_yongsang_block  .u_block_label {
	color: #f75f45;
}
.u_yongsang_block  .u_each_item {
    padding: 10px 2px;
}
.u_yonsang_title{
	color: #c60000;
    font-size: 12pt;
    word-break: keep-all;
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang;
}

.u_yonsang_subtitle{
	font-family:KP CheonRiMa, KP CheongPong, WKLGothic,  batang;
    color: #c60000;
	padding-top: 5px;
    font-size: 11pt;
}

/*asfaf, jpivc block*/
.u_f_imgblock {
	display: inline-block;
    width: 213px;
    height: 100px;
	padding-left:0px;
}
.u_asfaf {
	background: url(/assets/images/first/top.png) -315px 0px no-repeat;
}
.u_jpivc {
	background: url(/assets/images/first/top.png) -315px -114px no-repeat;
}
.u_f_imgblockb {
	display: inline-block;
    width: 273px;
    height: 100px;
	margin-right:3px;
}
.u_f_imgblockb.u_asfafb {
	background: url(/assets/images/first/service4.png) 2px 1px no-repeat;
}
.u_f_imgblockb.u_jpivcb {
	background: url(/assets/images/first/service4-mini.png) -554px 1px no-repeat;  
}
.u_f_imgblockb.u_tongilb {
	background: url(/assets/images/first/service4-mini.png) -275px 1px no-repeat;
} 
.u_f_imgblock.u_tongil {
	height: 61px;
    background: url(/assets/images/first/top.png) -314px -278px no-repeat;
}
.u_f_imgblock.u_heigo {
	border-radius: 5px 5px 0 0;
    height: 59px;
    background: url(/assets/images/first/top.png) -1195px -202px no-repeat;
}
.u_heigo_block {
	border: 2px solid #13550f;
    border-radius: 9px;
	margin-left: 1px;
	padding: 0 0 5px 0;
	margin-bottom: 8px;
}
.u_f_imgblock.u_heigo.eng{
	background: url(/assets/images/first/top.png) -6px -506px no-repeat;
}
.u_f_imgblock.u_heigo.rus{
	background: url(/assets/images/first/top.png) -258px -506px no-repeat;
}
.u_f_imgblock.u_heigo.jpn{
	background: url(/assets/images/first/top.png) -483px -506px no-repeat;
}
.u_f_imgblock.u_heigo.chn{
	background: url(/assets/images/first/top.png) -716px -506px no-repeat;
}
/* poster*/
#u_f_poster {
	display: inline-block;
}
#u_f_poster  .carousel-indicators {
	position: relative;
	bottom: -5px;
}
#u_f_poster  .carousel-indicators li {
	background-color: #777;
    border: 1px solid #bfbfbf;
}
#u_f_poster  .carousel-indicators .active {
    background-color: #fff;
}
/*conte*/
.u_f_contestblock {
	font-size: 10pt;
	word-break: normal;	
}
.u_f_contestblock  .u_block_body {
	border-radius: 10px !important;
}
.u_f_contestblock  .u_contest_title{
	font-size: 12pt;
	font-weight: bold;
	color: #f7954c;
	margin-bottom: 10px;
}
.u_right_block  .u_block_body  {
	padding: 10px 3px 0px 3px;
	border-radius: 0 0 10px 10px;
}
.u_right_block  .u_block_style {
	background-color: #ffffff;
	padding: 0px 0px 5px 0px;
}
.u_left_block {
	padding: 0px;
}
.u_left_block .u_block_body, .u_middle_block .u_block_body, .u_b_right_block .u_block_body {
	padding: 10px 15px 0px 15px;
}
.u_minzu_block .u_block_body  {
	padding: 0 10px 0 10px;
}

/**/
.u_f_sinboblock .u_block_header2 {
		margin-bottom: 0px !important;
}
.u_f_sinboblock  .label{
	font-size: 7pt;
}
.u_sinbo_num {
	/* margin-bottom: 15px; */
}
.u_sinbo_num a {
	margin-right: 3px;
	margin-left: 3px;
	display: inline-block;
}
.u_sinbo_date {
	/* display: inline-block;
    margin-top: 8px;
	margin-left: 5px;
    position: absolute; */
	font-size: 10pt;
}
/*uritv_block*/
.u_utv_block, .u_photo_block {
	margin-top: 10px;
	background-color: #edf1f5;
	position: relative;
	overflow: hidden !important;
}
.card-body-icon {
  position: absolute;
    z-index: 0;
    top: -40px;
    left: 3%;
    opacity: 0.1;
    font-size: 150pt;
    transform: rotate(10deg);
}
.u_utv_block .u_each_item img{
	margin-right: 0px;
	max-width: 210px;
	height: auto;
}
.u_utv_block .u_show-playbtn {
	margin-right: 5px;
}
.u_vmusic_block .u_show-playbtn  {
	display: inline-block;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 0px 8px 0 rgba(0,0,0,0.12);
	margin-bottom: 10px;
}
.u_vmusic_block .u_overlay-thumbnail .u_play-icon {
    padding-top: 10%;
}
.u_show-playbtn:hover .u_overlay-thumbnail .u_play-icon {
	transform: scale(1);
	opacity:0.5;   
	filter: alpha(opacity = 50);
	color: #fff;
}
.u_overlay-thumbnail {
	display: block;
	cursor: pointer;
	width: 100%;
	height: auto;
	position: relative;     
	transition: all 0.1s ease-in-out;
	z-index: 90;
}
.u_utv_block .u_overlay-thumbnail {
	border-radius: 5px;
}
.u_overlay-thumbnail .u_play-icon {
	vertical-align: middle;
	padding-top: 15%;
	font-size: 350%;
	text-align: center;
	background-color: #000;
	position: absolute;
	width: inherit;
	height: 100%;
	opacity: 0; 
	z-index: 100;
	filter: alpha(opacity = 0);
	top:0;   
	transition: all 0.5s ease-in-out;
	transform: skew(20deg, 30deg);
	-webkit-backface-visibility: hidden;
}
.u_overflow-hidden {
    overflow: hidden;
}
/*photo_block*/
.u_photo_block { 
	padding-bottom: 40px;
}
.u_photo_block  img {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 0px 8px 0 rgba(0,0,0,0.12);
	padding-bottom: 40px;
	border-radius: 3px;
}
.u_utv_block .u_block_label{
	margin-top: 15px;
	border-bottom: 2px solid #475a9c;
	height: 61px;
    background: url(/assets/images/first/top.png) -1189px -272px no-repeat;

}
.u_utv_block .u_btn_viewall{
	margin-top: 25px;
}
.u_photo_block .u_block_label {
	margin: 16px 0 15px 0;
	padding-left: 15px;
	border-bottom: 2px solid #475a9c;
}
.u_photo_block  .carousel-indicators {
    bottom: -40px !important;
	}

.carousel-indicators .active {
    width: 13px;
    height: 13px;
    margin: 0;
    background-color: #3798e4 !important;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	border: 1px solid #78bbf0;
}
.u_utv_block_body, .u_photo_block_body {
	padding: 0 1.5% 2.5% 1.5%;
	border-top: 5pt dashed #f3f3f3;
}
.u_utv_block .u_each_item {	
	padding: 1.5% 0.5% 1% 0;
	clear: none;
}
.u_utv_block .clearfix{
	margin: 0 -1.5%;
}
/*photo block*/
/*Effect style*/
.u_photo_overlay {
	overflow: hidden;
}
.u_thumbnail{
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 8px #ddd;
    text-align: center;
	overflow: hidden;
}
.u_overlay_title {
    display: block;
	padding-bottom:0px;
    cursor: pointer;
    width: 100%;
    height: anto;
    position: relative;     
    z-index: 90;
}
.u_photo_overlay:hover .u_overlay_title .u_img_title{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:0.9;   
    filter: alpha(opacity = 90);
}
.u_overlay_title .u_img_title {
	width: 100%;
	text-align:center;
    font-size: 9.5pt;
    background: rgba(5,10,10,0.8);
    color: #fff;
	position: absolute;
	padding: 5px;
    opacity: 0; 
    z-index: 100;
    filter: alpha(opacity = 0);
    bottom:0px;   
    transition: all 0.6s ease;
	transform: translate(0,200px);
    -webkit-backface-visibility: hidden;
}
 .u_img_title .u_reg_date {
	color: #e2e2e2;
 }
.u_photo_block img {
	padding: 5px;
	background-color:#fff;
	
}
/*photo block end*/
/*multi block*/
.u_multi_block img , .u_vmusic_block img, .u_rphoto_block img{
	width: 200px;
	height: auto;
	padding: 5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 0px 8px 0 rgba(0,0,0,0.12);
}

.u_rphoto_block img {
	max-width: 167px;
	height: auto;
	padding: 5px;
	background-color:#fff;
}
.u_multi_block img, .u_rphoto_block img{
	margin-bottom: 10px;
}

/*rodong*/
.u_middle_dash {
    width: 50%;
    position: absolute;
    height: 85%;
}

/*minzu*/
.u_minzu_block{
	margin-top: 12px;
}
/*etc block*/
.u_etc_block {
	width: 650px;
    height: 90px;
    margin-top: 10px;
}	
.u_etc_block div {
	float: left;
	display: inline-block;
}

.bbc_service {
	display:block;
	background:url('/assets/images/first/etc.png') no-repeat;
}
.bbc_trans_block {
	width:143px;height:43px;background:none
}
.bcc_dic{
	background-position: -8px -8px;
	width:156px;
	height:86px
}
.bcc_soc{
	background-position: -169px -8px;
	width:138px;
	height:44px
}
.bcc_art{
	background-position: -169px -50px;
	width:135px;
	height:44px
}
.bcc_phone{
	background-position: -310px -8px;
	width:143px;
	height:86px
}
.bcc_intro{
	background-position: -459px -8px;
	width:143px;
	height:82px
}.bcc_game{
	background-position: -459px -51px;
	width:143px;
	height:43px
}
.bcc_app{
	background-position: -606px -8px;
	width:132px;
	height:86px
}
.bcc_puzzle {
    background-position: -744px -8px;
    width: 77px;
    height: 86px;
}
.bcc_faq{
	background-position: -742px -8px;
	width:80px;
	height:86px
}

.u_sites_block {
	margin-bottom: -10px;
	padding: 10px 0;
}
.u_site_each {
	display:inline-block;
	background:url('/assets/images/first/etc.png') no-repeat;	
}
.sce_nanara{background-position: -567px -92px}
.sce_today{background-position: -400px -128px}
.sce_meari{background-position: -570px -164px}
.sce_uritv{background-position: -231px -128px}
.sce_school{background-position: -231px -91px}
.sce_kcna{background-position: -62px -92px}
.sce_ryomyong{background-position: -62px -128px}
.sce_ryugyong{background-position: -62px -164px}
.sce_tongilvoice{background-position: -231px -164px}
.sce_kumgang{background-position: -400px -91px}
.sce_koreavoice{background-position: -400px -164px}
.sce_ASFAF{background-position: -570px -202px}
.sce_jpivc{background-position: -231px -202px}
.sce_paekdu{background-position: -400px -202px}

.u_sites_block ul li a:after {
	color: #8c8c8c;
    content: " | ";
    margin-right: 3px;
}
.u_disp_inline {
	display: inline !important;
	line-height: 199%;
}
.u_disp_inline .u_reg_date {
	padding-top: 7px;
}
.u_icon_vk i {
	font-size: 14pt;
	color: #213ABD;
}
/*site list-bottom*/
.u_sites_body {
	padding-top: 15px;
	box-shadow: 0px 0px 3px 0px #ddd;
	border-radius: 10px;
}
.u_sites_body .u_btn_viewall{
    position: relative;
    right: 0px;
    background: #e7e7e7;
    padding: 1px 5px;
    border-radius: 10px 0px 10px 0;
	font-size: 9pt;
}
.site_item {
	display: inline-block;
	background: url(/assets/images/first/top.png) no-repeat;
	width: 160px;
    height: 50px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.site_item span {
	-webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.58);
    opacity: 0;
    border-radius: 3px;
	font-size: 14pt;
}
.site_item:hover span {
	opacity: 1;
}
.sce_rodong {
	background-position: -8px -428px;
}
.sce_kcna {
	background-position: -190px -428px;
}
.sce_meari {
	background-position: -362px -428px;
}
.sce_tongilvoice {
	background-position: -528px -428px;
}
.sce_ryugyong {
	background-position: -877px -428px;
}
.sce_ryomyong {
	background-position: -1055px -428px;
}
.sce_dprktoday {
	background-position: -697px -428px;
}
.kumgangsan {
	background-position: -8px -428px;
}

/*site list-bottom*/
/*foreign*/
.u_f_greattitleblock a.u_fogreattitle {
	font-size: 13pt;
	color: #f75f45;
	font-weight: bold;
	line-height: 180%;
}
/*foreign end*/
/*design for mobile device*/
/*not mobile*/
@media (min-width: 768px){
	.u_right_block {
		padding-left: 2.5%;
	}
}

@media (min-width: 1060px){
	.u_left_block {
		width:78%;
	}
	.u_right_block {
		width:22%;
	}

}
@media (min-width: 1180px){
	.u_left_block {
		width:80%;
	}
	.u_right_block {
		width:20%;
	}
}
@media (max-width: 1180px){
.u_right_block_xs {
		border-right: 1px solid #cdcdcd;
	}
}
@media (max-width: 1200px){
	.u_top_bar_corner {
		display:none;
	}
	.u_fheader_bg {
		display: none;
	}
	.u_top_menu {
		margin-top: -32px;
		
	}
}
@media (max-width: 992px) {
	.u_float_sm {
		float:left;
	}
}
@media (max-width: 767px) {
	.u_top_nav {
		margin-top: -24px;
		padding-top: 0px;
	}
	.u_f_revolutionblock {	
		margin-top: 52px;
		position: relative;
	}
	.u_top_block {
		padding: 5px 10px;
	}
	.u_top_menu {
		position: absolute;
		z-index: 1002;
		top: 151px;
		margin-top: -60px;
	}
	.navbar-collapse.in {
		overflow-y: scroll;
		max-height: 80vh;
		border-radius: 0 0 20px 20px;
	}
	.u_f_greattitleblock {
		margin: 8px 0 5px 20px;
	}
	.u_each_item {
		border-bottom: 1px dashed #ccc;
		display: flex;
		
	}
	.u_utv_block .u_each_item, .u_photo_block .u_each_item {
		border: 0px;
	}
	.u_each_item ::last-child {
		border-bottom: 0px;
	}
	.u_utv_block .u_each_item img {
		max-width: 170px;
	}
	.u_sinbo_num a {
		margin-right: 2%;
		margin-left: 2%;
	}
	.u_f_sinboblock  .label{
		font-size: 9pt;
	}
	#u_header_navbar {
		top: -40px;
	}
	.u_border_block>div{
		width: 100%;
	}
	.u_border_block {
		border: 0px;
	}
	.u_border_right {
		border-right: 0px;
	}
	.u_border_right_dash {
		border-right: 0px;
	}
	.u_right_block_xs {
		border-right: 1px solid #cdcdcd;
	}
	td {
		float:left !important;
		border:0px;
	}
	.u_middle_block td{
		float: left !important;
	} 
}

.u_tail{
	padding-bottom: 20pt;
	display: -webkit-box;
}
.uribrand{
	width: 183px;
    height: 46px;
    background: url(/assets/images/first/top.png) -1196px -320px no-repeat;

}
#qrcode{
	height: 105px;
    width: 200px;
    background: url(/assets/images/first/top.png) -1217px -408px no-repeat;
}
.u_ten_body {
	margin-left:1px;
	margin-right:2px;
	border-left: 1px solid #ffeebc;
	border-right: 1px solid #ffeebc;
	border-bottom: 1px solid #ffeebc; 
}
.u_ten_body>div {
	margin-left:1px;
	margin-right:1px; 
	margin-bottom:1px;
	border-left: 1px solid #ffeebc;
	border-right: 1px solid #ffeebc;
	border-bottom: 1px solid #ffeebc; 
	padding-bottom: 20px;
}
.u_ten_border {
    position: absolute;
    width: 23px;
    height: 25px;
}
.u_ten_border.u_lb {
	border : 0px;
	position: relative;
	bottom: 23px;
    left: -4px;
    background: url(/assets/images/ten_lb.png) no-repeat;
	float: left;
}

.u_ten_border.u_rb {
	border : 0px;
	position: relative;
	right: -1px;
	bottom: 25px;
    background: url(/assets/images/ten_rb.png) no-repeat;
	float: right;
}
/*jcarousel css*/
.jcarousel-container-horizontal {width: 825px;padding-top: 10px}
.jcarousel-clip-horizontal {width:825px;height: auto;}
.jcarousel-item {width: 120px;height: auto;}
.jcarousel-item a img{border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;border-radius: 3px;padding: 5px;-webkit-box-shadow: 3px 3px 3px rgba(127, 127, 127, 0.2);-moz-box-shadow: 3px 3px 3px rgba(127, 127, 127, 0.2);box-shadow: 3px 3px 3px rgba(127, 127, 127, 0.2);}
.jcarousel-item a img:hover{opacity:0.8}	
.jcarousel-item-horizontal {margin-left:20px;margin-right:25px;}
.jcarousel-item-placeholder {background: #fff;color: #000;}	

/* ── 이 아래는 아카이브 원본에 없는 의도적 수정 ────────────────────
   붉은기: 원본은 첫 항목(.u_active)만 움직이는 flag.gif 를 쓰고
   나머지는 top.png 의 점박이 무늬 고정 그림을 썼다.
   절세의 위인을 우러러 항목은 전부 움직이는 기로 통일한다. */
.u_redflag,
.u_redflag.u_active {
	background: url(/assets/images/flag.gif) -2px 6px no-repeat;
}