/* 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;
}

/* 내비 항목을 감추어도 가운데를 지키게 한다.
   원본은 navbar-nav 의 float:left + padding-left:45px 라서
   항목이 줄면 왼쪽으로 쏠린다. */
.u_top_nav .nav.navbar-nav {
	text-align: center;
}
.u_top_nav .nav.navbar-nav > li {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

/* 새소식 배지를 줄 밖으로 빼서 내비 항목이 실제로 가운데 오게 한다.
   (배지가 줄 안에 있으면 글자가 배지 너비의 절반만큼 왼쪽으로 밀린다) */
.u_top_nav .nav.navbar-nav {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
/* 속페지(기사·싸이트목록)의 내비 자리.
   메인은 하늘그림이 260px 라 .u_top_menu 를 -164px 끌어올려 맞춘다.
   속페지는 하늘그림이 134px(.u_header_bg) 이므로 그만큼(126px) 덜 끌어올려야
   로고가 바에 얹히지 않는다. 둥근 끝과 가운데 정렬은 메인과 똑같이 쓴다. */
/* 속페지에서는 내비틀을 150px 끌어올리므로 그 안의 모서리 장식(135px)이
   빨간띠 자리(y 0~26)까지 올라와 파랗게 비친다. 빨간띠를 언제나 우에 두어 덮는다.
   자리값에 기대지 않으므로 나중에 끌어올리는 값이 바뀌여도 깨지지 않는다. */
.u_top_area {
	position: relative;
	z-index: 5;
}
.u_top_menu.u_sub {
	margin-top: -150px;
	/* 150px 끌어올린 탓에 이 상자의 투명한 웃부분이 표대 로고를 덮어
	   로고를 눌러도 첫페지로 못 갔다. 빈 곳은 누르기가 지나가게 하고,
	   실제 내비만 다시 받게 한다. */
	pointer-events: none;
}
.u_top_menu.u_sub > * {
	pointer-events: auto;
}

/* 절세의 위인을 우러러 — 전체보기를 덩이 오른쪽 아래에 붙박는다.
   원래는 글줄 뒤를 따라다녀 기사 수에 따라 자리가 들쭉날쭉했다. */
.u_f_revolutionblock {
	position: relative;
}
.u_f_revolutionblock .u_f_greattitleblock > .u_great_viewall.hidden-xs {
	position: absolute;
	/* 오른아래 모서리 무늬(.u_rev_border 47×47)를 피해 안쪽에 놓는다 */
	right: 64px;
	bottom: 22px;
	float: none;
	margin: 0;
	z-index: 3;
}
/* 붙박은 단추가 마지막 글줄을 덮지 않게 아래를 조금 비운다 */
.u_f_revolutionblock .u_f_greattitleblock {
	padding-bottom: 30px;
}
@media (max-width: 767px) {
	.u_f_revolutionblock .u_f_greattitleblock { padding-bottom: 0; }
}

/* 검색결과 */
.u_hit { background: #fff3b0; color: inherit; padding: 0 1px; border-radius: 2px; }
.u_hit_snip { color: #6b7684; font-size: 10.5pt; line-height: 1.6; margin: 2px 0 0 4px; }

/* 섹션 전체보기 페지 */
.u_sec_list .u_sec_block { margin-top: 6px; }
.u_sec_list .u_each_item { padding: 5px 12px; }
.u_sec_pager { margin: 6px 0 4px; }
.u_sec_pager a, .u_sec_pager span {
	display: inline-block;
	min-width: 26px;
	padding: 3px 7px;
	margin: 0 2px;
	border: 1px solid #d6dde4;
	border-radius: 4px;
	color: #2a6fb0;
	text-decoration: none;
}
.u_sec_pager span.on { background: #0564cf; border-color: #0564cf; color: #fff; }
.u_sec_pager a:hover { background: #eaf4ff; }

/* 천리마 서체를 홈페지에 실어둔다.
   site.css 는 원래부터 KP CheonRiMa 를 부르고 있었지만 보는 사람 컴퓨터에
   그 서체가 없으면 기본 글꼴로 떨어졌다 — 이제 홈페지가 직접 내려준다.
   swap 이라 서체가 늦게 실려도 글은 먼저 보인다. */
@font-face {
	font-family: 'KP CheonRiMa';
	src: url('/assets/fonts/kp/cheonrima.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* 어느 이름으로 부르든 결국 천리마로 떨어지게 한다 (기본 글꼴로 새지 않게) */
body,
.u_footer,
.u_gisa_view {
	font-family: KP CheongPong, WKLGothic, batang, 바탕체, batangche, 'KP CheonRiMa' !important;
}
/* 원본이 font-family:initial 로 박아둔 자리 — 여기가 기본 글꼴로 떨어지던 곳이다 */
.u_rights,
[style*="initial"] {
	font-family: 'KP CheonRiMa', KP CheongPong, WKLGothic, batang !important;
}

/* ── 감상글 ────────────────────────────────────────────── */
.u_reply_wrap { margin: 22px auto 46px; }
.u_reply_box {
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 6px 0 #eee;
	overflow: hidden;
}
.u_reply_title {
	background: #666;
	color: #fff;
	padding: 15px 24px;
	font: 16pt/1.3 KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	letter-spacing: 3px;
}
.u_reply_form { padding: 18px 20px 22px; }
.u_reply_row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.u_reply_col { flex: 1; min-width: 210px; }
.u_reply_f { display: flex; align-items: stretch; border: 1px solid #ccc; border-radius: 3px; }
.u_reply_ic {
	width: 46px;
	flex: 0 0 46px;
	background: #f0f0f0;
	border-right: 1px solid #ccc;
	display: flex; align-items: center; justify-content: center;
	color: #555; font-size: 15px;
}
.u_reply_f input {
	flex: 1; min-width: 0;
	border: 0; padding: 11px 13px;
	font: 12pt/1.5 KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	background: #fff; outline: none;
}
.u_reply_main { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-start; }
.u_reply_left { flex: 1 1 58%; min-width: 300px; }
.u_reply_right { flex: 1 1 30%; min-width: 260px; }
.u_reply_left textarea {
	width: 100%; min-height: 250px; resize: vertical;
	border: 1px solid #ccc; border-radius: 3px; padding: 12px 14px;
	font: 12pt/1.7 KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	outline: none;
}
.u_reply_cap { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 12px; }
.u_reply_capimg { display: block; line-height: 0; }
.u_reply_capimg svg { display: block; border-radius: 2px; }
.u_reply_refresh {
	width: 46px; height: 46px; border: 1px solid #ccc; border-radius: 3px;
	background: #fff; cursor: pointer; font-size: 16px; color: #333;
}
.u_reply_refresh:hover { background: #f2f2f2; }
.u_reply_send {
	width: 100%; margin-top: 12px; padding: 12px 0;
	border: 1px solid #ccc; border-radius: 3px; background: #efefef; cursor: pointer;
	font: 13pt/1.4 KP CheonRiMa, KP CheongPong, WKLGothic, batang; color: #222;
}
.u_reply_send:hover { background: #e2e2e2; }
.u_reply_msg { padding: 9px 13px; border-radius: 3px; margin-bottom: 13px; font-size: 11pt; }
.u_reply_msg.ok { background: #e8f5e9; color: #1b5e20; border: 1px solid #c8e6c9; }
.u_reply_msg.err { background: #fdecea; color: #b3121a; border: 1px solid #f5c6c4; }

/* 이미 실린 감상글 */
.u_reply_list { margin-bottom: 18px; }
.u_reply_item { border-bottom: 1px solid #eee; padding: 13px 4px; }
.u_reply_head { font-size: 10.5pt; color: #666; margin-bottom: 5px; }
.u_reply_name { font-weight: bold; color: #1960b1; margin-right: 8px; }
.u_reply_job, .u_reply_addr { margin-right: 8px; }
.u_reply_date { float: right; color: #999; }
.u_reply_body { font: 12pt/1.8 KP CheonRiMa, KP CheongPong, WKLGothic, batang; color: #222; }

@media (max-width: 767px) {
	.u_reply_title { font-size: 13pt; padding: 12px 16px; letter-spacing: 1px; }
	.u_reply_left textarea { min-height: 170px; }
}

/* 제목 앞에 작게 왼쪽정렬로 놓이는 분류 (례: 상식) */
.u_gisa_view .u_gisa_categ {
	text-align: left;
	margin: 0 0 6px;
	color: #333;
}

/* 기사 본문의 마크다운 */
.u_gisa_view .u_md_hr {
	border: 0;
	border-top: 2px solid #c9d2da;
	margin: 22px auto;
	width: 100%;
	max-width: 720px;
}
.u_gisa_view .u_md_h {
	font-family: KP CheonRiMa, KP CheongPong, WKLGothic, batang;
	color: #2a4a6b;
	margin: 20px 0 8px;
	font-weight: bold;
}
.u_gisa_view h3.u_md_h { font-size: 15pt; }
.u_gisa_view h4.u_md_h { font-size: 13pt; }
.u_gisa_view h5.u_md_h { font-size: 12pt; }
.u_gisa_view h6.u_md_h { font-size: 11pt; color: #4a5568; }
.u_gisa_view .u_md_list { margin: 6px 0 10px 0; padding-left: 26px; }
.u_gisa_view .u_md_list li { margin: 3px 0; line-height: 1.7; }
.u_gisa_view .u_md_quote {
	margin: 12px 0;
	padding: 6px 16px;
	border-left: 4px solid #9fb6c9;
	background: #f5f8fa;
	color: #3a4a58;
}
.u_gisa_view .u_md_quote p { margin: 4px 0; }
.u_gisa_view .u_md_code {
	background: #eef1f5;
	border: 1px solid #dde3ea;
	border-radius: 3px;
	padding: 1px 5px;
	font-family: Consolas, monospace;
	font-size: 0.94em;
}
.u_gisa_view .u_md_pre {
	background: #f7f9fb;
	border: 1px solid #dde3ea;
	border-radius: 6px;
	padding: 11px 14px;
	margin: 12px 0;
	overflow-x: auto;
	font-family: Consolas, monospace;
	font-size: 10.5pt;
	line-height: 1.55;
}
.u_gisa_view .u_md_img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 10px auto;
}
/* 기사에 붙인 사진 — 마크다운 그림과 같은 제한을 준다.
   이것이 없으면 큰 사진이 원본 화소 그대로 그려져 화면 밖으로 삐져나간다. */
.u_gisa_view p img {
	max-width: 100%;
	height: auto;
}
.u_gisa_view del { color: #8a94a3; }

/* 기사 본문의 유튜브 미리보기 — 가운데 놓이고 화면나비에 맞춰 늘되 16:9 를 지킨다 */
.u_ytwrap {
	position: relative;
	width: 100%;
	max-width: 720px;
	margin: 14px auto 18px;
	/* 백분률 padding 은 부모 폭을 기준으로 재므로 max-width 와 어긋난다.
	   제 폭을 기준으로 비례를 지키게 aspect-ratio 를 쓴다. */
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 6px 0 #ddd;
}
.u_ytwrap > .u_yt {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 0;
}
@media (max-width: 767px) {
	.u_ytwrap { margin: 10px auto 14px; }
}

/* 정해진 이름 — 굵게, 그리고 둘레 글보다 크게.
   em 을 쓰므로 제목에서는 제목 크기에 맞춰, 본문에서는 본문 크기에 맞춰 커진다.
   줄사이가 들쭉날쭉해지지 않게 줄높이는 둘레를 그대로 따른다. */
.u_name {
	font-weight: bold;
	/* 1.22em 은 목록처럼 글이 작고 빽빽한 자리에서 너무 튀고 줄바꿈까지 어지럽혔다.
	   눈에 띄되 줄을 흔들지 않을 만큼만 키운다. */
	font-size: 1.06em;
	line-height: inherit;
	vertical-align: baseline;
}

/* 한 줄에 놓인 블록의 높이를 맞춘다.
   원본은 블록마다 높이가 제각각이라 아래끝이 들쭉날쭉하다.
   격자 칸(가운데 4렬·맨아래 3렬)만 flex 로 바꿔 같은 줄끼리 키를 맞춘다.
   줄바꿈 clearfix 는 flex 안에서 한 줄을 통째로 차지하게 해 줄이 갈리게 한다. */
.u_middle_block > .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.u_middle_block > .container > .row > [class*="col-"] {
	display: flex;
	flex-direction: column;
}
.u_middle_block > .container > .row > [class*="col-"] > .row {
	display: flex;
	flex: 1;
}
.u_middle_block > .container > .row > [class*="col-"] > .row > .u_block_style {
	flex: 1;
}
.u_middle_block > .container > .row > .clearfix {
	flex: 0 0 100%;
	max-width: 100%;
	height: 0;
}

/* 배너 줄 가운데 정렬.
   원본은 배너가 다 붙어있어 줄이 꽉 찼지만, 몇개를 감추면 오른쪽이 통째로 빈다.
   그래서 남은 것을 가운데로 모은다. 원본처럼 다 있을 때에는 폭이 같아 자리가
   달라지지 않으므로 재현도에는 영향이 없다. */
/* 배너 줄을 덩어리째 가운데로 옮긴다.
   안쪽은 원본대로 float 로 두어야 한 줄에 그대로 들어간다 — inline-block 으로
   바꾸면 조각 사이에 빈칸이 생겨 마지막 배너가 다음 줄로 밀린다.
   폭을 내용에 맞춰(fit-content) 줄이고 좌우 여백을 auto 로 주면,
   배너를 몇개 감추어도 남은 것이 저절로 가운데로 모인다. */
.u_etc_block {
	width: -moz-fit-content !important;
	width: fit-content !important;
	max-width: 100%;
	height: auto !important;
	overflow: hidden;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
}
/* 4월의 봄·평양국제성악콩클·조선말대사전 줄 — 오른쪽에 붙던 것을 흐름에 되돌린다 */
.container.mt-20 .hidden-xs.row.text-center > .pull-right {
	float: none !important;
	display: inline-block;
	vertical-align: top;
	padding-right: 0 !important;
}
.container.mt-20 .hidden-xs.row.text-center > .pull-right > .pull-right {
	float: none !important;
}

/* 새소식 배지는 마지막 항목 바로 옆에 붙인다.
   배지를 줄 안에 넣으면 줄 높이가 달라져 아래가 통째로 밀리므로 줄 밖에 둔다.
   대신 목록 자체를 글 너비만큼만 차지하게(inline-block) 하고 가운데 놓은 뒤,
   배지를 그 오른쪽 끝(left:100%)에 붙인다 — 높이는 건드리지 않는다. */
.u_top_nav .nav.navbar-nav > li.u_new_btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}