@charset "UTF-8";
/* 웹폰트 */
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 300;
  src: url("/resources/common/fonts/notokr-light.woff2") format("woff2"), url("/resources/common/fonts/notokr-light.woff") format("woff");
}

@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/common/fonts/notokr-regular.woff2") format("woff2"), url("/resources/common/fonts/notokr-regular.woff") format("woff");
}

@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 500;
  src: url("/resources/common/fonts/notokr-medium.woff2") format("woff2"), url("/resources/common/fonts/notokr-medium.woff") format("woff");
}

@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 700;
  src: url("/resources/common/fonts/notokr-bold.woff2") format("woff2"), url("/resources/common/fonts/notokr-bold.woff") format("woff");
}

/* default */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 625%;
  overflow-y: scroll;
}

body {
  position: relative;
  min-width: 360px;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Noto Sans CJK KR", "NotoSansKR", "malgungothic", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.15rem;
  line-height: 1.6;
  color: #222;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

header,
section,
article,
aside,
footer,
nav {
  display: block;
}

fieldset {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
}

pre {
  white-space: pre-wrap;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

ul,
li,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: 500;
}

a,
select,
button,
input,
textarea {
  font-family: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input[type=submit] {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  background: transparent;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

caption.sr-only {
  position: static;
  width: auto;
  height: 0;
}

/* 간격 */
.m-0 {
  margin: 0rem !important;
}

.m-1 {
  margin: 0.05rem !important;
}

.m-2 {
  margin: 0.1rem !important;
}

.m-3 {
  margin: 0.15rem !important;
}

.m-4 {
  margin: 0.2rem !important;
}

.m-5 {
  margin: 0.25rem !important;
}

.m-6 {
  margin: 0.3rem !important;
}

.m-7 {
  margin: 0.35rem !important;
}

.m-8 {
  margin: 0.4rem !important;
}

.m-9 {
  margin: 0.45rem !important;
}

.m-10 {
  margin: 0.5rem !important;
}

.m-11 {
  margin: 0.55rem !important;
}

.m-12 {
  margin: 0.6rem !important;
}

.m-13 {
  margin: 0.65rem !important;
}

.m-14 {
  margin: 0.7rem !important;
}

.m-15 {
  margin: 0.75rem !important;
}

.m-16 {
  margin: 0.8rem !important;
}

.m-17 {
  margin: 0.85rem !important;
}

.m-18 {
  margin: 0.9rem !important;
}

.m-19 {
  margin: 0.95rem !important;
}

.m-20 {
  margin: 1rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.p-1 {
  padding: 0.05rem !important;
}

.p-2 {
  padding: 0.1rem !important;
}

.p-3 {
  padding: 0.15rem !important;
}

.p-4 {
  padding: 0.2rem !important;
}

.p-5 {
  padding: 0.25rem !important;
}

.p-6 {
  padding: 0.3rem !important;
}

.p-7 {
  padding: 0.35rem !important;
}

.p-8 {
  padding: 0.4rem !important;
}

.p-9 {
  padding: 0.45rem !important;
}

.p-10 {
  padding: 0.5rem !important;
}

.p-11 {
  padding: 0.55rem !important;
}

.p-12 {
  padding: 0.6rem !important;
}

.p-13 {
  padding: 0.65rem !important;
}

.p-14 {
  padding: 0.7rem !important;
}

.p-15 {
  padding: 0.75rem !important;
}

.p-16 {
  padding: 0.8rem !important;
}

.p-17 {
  padding: 0.85rem !important;
}

.p-18 {
  padding: 0.9rem !important;
}

.p-19 {
  padding: 0.95rem !important;
}

.p-20 {
  padding: 1rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.05rem !important;
}

.mt-2 {
  margin-top: 0.1rem !important;
}

.mt-3 {
  margin-top: 0.15rem !important;
}

.mt-4 {
  margin-top: 0.2rem !important;
}

.mt-5 {
  margin-top: 0.25rem !important;
}

.mt-6 {
  margin-top: 0.3rem !important;
}

.mt-7 {
  margin-top: 0.35rem !important;
}

.mt-8 {
  margin-top: 0.4rem !important;
}

.mt-9 {
  margin-top: 0.45rem !important;
}

.mt-10 {
  margin-top: 0.5rem !important;
}

.mt-11 {
  margin-top: 0.55rem !important;
}

.mt-12 {
  margin-top: 0.6rem !important;
}

.mt-13 {
  margin-top: 0.65rem !important;
}

.mt-14 {
  margin-top: 0.7rem !important;
}

.mt-15 {
  margin-top: 0.75rem !important;
}

.mt-16 {
  margin-top: 0.8rem !important;
}

.mt-17 {
  margin-top: 0.85rem !important;
}

.mt-18 {
  margin-top: 0.9rem !important;
}

.mt-19 {
  margin-top: 0.95rem !important;
}

.mt-20 {
  margin-top: 1rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.05rem !important;
}

.ml-2 {
  margin-left: 0.1rem !important;
}

.ml-3 {
  margin-left: 0.15rem !important;
}

.ml-4 {
  margin-left: 0.2rem !important;
}

.ml-5 {
  margin-left: 0.25rem !important;
}

.ml-6 {
  margin-left: 0.3rem !important;
}

.ml-7 {
  margin-left: 0.35rem !important;
}

.ml-8 {
  margin-left: 0.4rem !important;
}

.ml-9 {
  margin-left: 0.45rem !important;
}

.ml-10 {
  margin-left: 0.5rem !important;
}

.ml-11 {
  margin-left: 0.55rem !important;
}

.ml-12 {
  margin-left: 0.6rem !important;
}

.ml-13 {
  margin-left: 0.65rem !important;
}

.ml-14 {
  margin-left: 0.7rem !important;
}

.ml-15 {
  margin-left: 0.75rem !important;
}

.ml-16 {
  margin-left: 0.8rem !important;
}

.ml-17 {
  margin-left: 0.85rem !important;
}

.ml-18 {
  margin-left: 0.9rem !important;
}

.ml-19 {
  margin-left: 0.95rem !important;
}

.ml-20 {
  margin-left: 1rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.05rem !important;
}

.mr-2 {
  margin-right: 0.1rem !important;
}

.mr-3 {
  margin-right: 0.15rem !important;
}

.mr-4 {
  margin-right: 0.2rem !important;
}

.mr-5 {
  margin-right: 0.25rem !important;
}

.mr-6 {
  margin-right: 0.3rem !important;
}

.mr-7 {
  margin-right: 0.35rem !important;
}

.mr-8 {
  margin-right: 0.4rem !important;
}

.mr-9 {
  margin-right: 0.45rem !important;
}

.mr-10 {
  margin-right: 0.5rem !important;
}

.mr-11 {
  margin-right: 0.55rem !important;
}

.mr-12 {
  margin-right: 0.6rem !important;
}

.mr-13 {
  margin-right: 0.65rem !important;
}

.mr-14 {
  margin-right: 0.7rem !important;
}

.mr-15 {
  margin-right: 0.75rem !important;
}

.mr-16 {
  margin-right: 0.8rem !important;
}

.mr-17 {
  margin-right: 0.85rem !important;
}

.mr-18 {
  margin-right: 0.9rem !important;
}

.mr-19 {
  margin-right: 0.95rem !important;
}

.mr-20 {
  margin-right: 1rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.05rem !important;
}

.mb-2 {
  margin-bottom: 0.1rem !important;
}

.mb-3 {
  margin-bottom: 0.15rem !important;
}

.mb-4 {
  margin-bottom: 0.2rem !important;
}

.mb-5 {
  margin-bottom: 0.25rem !important;
}

.mb-6 {
  margin-bottom: 0.3rem !important;
}

.mb-7 {
  margin-bottom: 0.35rem !important;
}

.mb-8 {
  margin-bottom: 0.4rem !important;
}

.mb-9 {
  margin-bottom: 0.45rem !important;
}

.mb-10 {
  margin-bottom: 0.5rem !important;
}

.mb-11 {
  margin-bottom: 0.55rem !important;
}

.mb-12 {
  margin-bottom: 0.6rem !important;
}

.mb-13 {
  margin-bottom: 0.65rem !important;
}

.mb-14 {
  margin-bottom: 0.7rem !important;
}

.mb-15 {
  margin-bottom: 0.75rem !important;
}

.mb-16 {
  margin-bottom: 0.8rem !important;
}

.mb-17 {
  margin-bottom: 0.85rem !important;
}

.mb-18 {
  margin-bottom: 0.9rem !important;
}

.mb-19 {
  margin-bottom: 0.95rem !important;
}

.mb-20 {
  margin-bottom: 1rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.05rem !important;
}

.pt-2 {
  padding-top: 0.1rem !important;
}

.pt-3 {
  padding-top: 0.15rem !important;
}

.pt-4 {
  padding-top: 0.2rem !important;
}

.pt-5 {
  padding-top: 0.25rem !important;
}

.pt-6 {
  padding-top: 0.3rem !important;
}

.pt-7 {
  padding-top: 0.35rem !important;
}

.pt-8 {
  padding-top: 0.4rem !important;
}

.pt-9 {
  padding-top: 0.45rem !important;
}

.pt-10 {
  padding-top: 0.5rem !important;
}

.pt-11 {
  padding-top: 0.55rem !important;
}

.pt-12 {
  padding-top: 0.6rem !important;
}

.pt-13 {
  padding-top: 0.65rem !important;
}

.pt-14 {
  padding-top: 0.7rem !important;
}

.pt-15 {
  padding-top: 0.75rem !important;
}

.pt-16 {
  padding-top: 0.8rem !important;
}

.pt-17 {
  padding-top: 0.85rem !important;
}

.pt-18 {
  padding-top: 0.9rem !important;
}

.pt-19 {
  padding-top: 0.95rem !important;
}

.pt-20 {
  padding-top: 1rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.05rem !important;
}

.pl-2 {
  padding-left: 0.1rem !important;
}

.pl-3 {
  padding-left: 0.15rem !important;
}

.pl-4 {
  padding-left: 0.2rem !important;
}

.pl-5 {
  padding-left: 0.25rem !important;
}

.pl-6 {
  padding-left: 0.3rem !important;
}

.pl-7 {
  padding-left: 0.35rem !important;
}

.pl-8 {
  padding-left: 0.4rem !important;
}

.pl-9 {
  padding-left: 0.45rem !important;
}

.pl-10 {
  padding-left: 0.5rem !important;
}

.pl-11 {
  padding-left: 0.55rem !important;
}

.pl-12 {
  padding-left: 0.6rem !important;
}

.pl-13 {
  padding-left: 0.65rem !important;
}

.pl-14 {
  padding-left: 0.7rem !important;
}

.pl-15 {
  padding-left: 0.75rem !important;
}

.pl-16 {
  padding-left: 0.8rem !important;
}

.pl-17 {
  padding-left: 0.85rem !important;
}

.pl-18 {
  padding-left: 0.9rem !important;
}

.pl-19 {
  padding-left: 0.95rem !important;
}

.pl-20 {
  padding-left: 1rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.05rem !important;
}

.pr-2 {
  padding-right: 0.1rem !important;
}

.pr-3 {
  padding-right: 0.15rem !important;
}

.pr-4 {
  padding-right: 0.2rem !important;
}

.pr-5 {
  padding-right: 0.25rem !important;
}

.pr-6 {
  padding-right: 0.3rem !important;
}

.pr-7 {
  padding-right: 0.35rem !important;
}

.pr-8 {
  padding-right: 0.4rem !important;
}

.pr-9 {
  padding-right: 0.45rem !important;
}

.pr-10 {
  padding-right: 0.5rem !important;
}

.pr-11 {
  padding-right: 0.55rem !important;
}

.pr-12 {
  padding-right: 0.6rem !important;
}

.pr-13 {
  padding-right: 0.65rem !important;
}

.pr-14 {
  padding-right: 0.7rem !important;
}

.pr-15 {
  padding-right: 0.75rem !important;
}

.pr-16 {
  padding-right: 0.8rem !important;
}

.pr-17 {
  padding-right: 0.85rem !important;
}

.pr-18 {
  padding-right: 0.9rem !important;
}

.pr-19 {
  padding-right: 0.95rem !important;
}

.pr-20 {
  padding-right: 1rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.05rem !important;
}

.pb-2 {
  padding-bottom: 0.1rem !important;
}

.pb-3 {
  padding-bottom: 0.15rem !important;
}

.pb-4 {
  padding-bottom: 0.2rem !important;
}

.pb-5 {
  padding-bottom: 0.25rem !important;
}

.pb-6 {
  padding-bottom: 0.3rem !important;
}

.pb-7 {
  padding-bottom: 0.35rem !important;
}

.pb-8 {
  padding-bottom: 0.4rem !important;
}

.pb-9 {
  padding-bottom: 0.45rem !important;
}

.pb-10 {
  padding-bottom: 0.5rem !important;
}

.pb-11 {
  padding-bottom: 0.55rem !important;
}

.pb-12 {
  padding-bottom: 0.6rem !important;
}

.pb-13 {
  padding-bottom: 0.65rem !important;
}

.pb-14 {
  padding-bottom: 0.7rem !important;
}

.pb-15 {
  padding-bottom: 0.75rem !important;
}

.pb-16 {
  padding-bottom: 0.8rem !important;
}

.pb-17 {
  padding-bottom: 0.85rem !important;
}

.pb-18 {
  padding-bottom: 0.9rem !important;
}

.pb-19 {
  padding-bottom: 0.95rem !important;
}

.pb-20 {
  padding-bottom: 1rem !important;
}

/* 배치 */
.clearfix {
  position: relative;
}

.clearfix:after {
  display: block;
  clear: both;
  content: '';
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.vertical-top {
  vertical-align: top !important;
}

.vertical-middle {
  vertical-align: middle !important;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slider-control {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.slider-control .btn-slider-ctrl {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background-size: cover;
  overflow: hidden;
}

.slider-control .btn-slider-ctrl.btn-slider-play {
  display: none;
  background-image: url(/resources/dong/images/common/ico-slider-play-white.png);
}

.slider-control .btn-slider-ctrl.btn-slider-pause {
  background-image: url(/resources/dong/images/common/ico-slider-pause-white.png);
}

.slider-control .slick-dots {
  display: inline-block !important;
  vertical-align: middle;
  line-height: 1;
}

.slider-control .slick-dots li {
  display: inline-block;
  margin: 0 2px;
}

.slider-control .slick-dots li button {
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 10px;
  color: transparent;
  vertical-align: top;
}

.slider-control .slick-dots li button:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.slider-control .slick-dots li.slick-active button {
  width: 35px;
}

.slider-control .slick-dots li.slick-active button:before {
  width: 25px;
  margin-left: -12.5px;
  background-color: #ad4692;
}

.text-default {
  color: #222 !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #ad4692 !important;
}

.text-green {
  color: #54a638 !important;
}

.text-orange {
  color: #f3673d !important;
}

.text-violet {
  color: #ad4692 !important;
}

.text-red {
  color: #ee001d !important;
}

.text-blue {
  color: #2c53b0 !important;
}

.text-gray {
  color: #999 !important;
}

.text-lightgray {
  color: #ccc !important;
}

.text-darkgray {
  color: #666 !important;
}

.bg-default {
  background-color: #222 !important;
  color: #fff;
}

.bg-white {
  background-color: #fff !important;
  color: #fff;
}

.bg-primary {
  background-color: #ad4692 !important;
  color: #fff;
}

.bg-green {
  background-color: #54a638 !important;
  color: #fff;
}

.bg-orange {
  background-color: #f3673d !important;
  color: #fff;
}

.bg-violet {
  background-color: #ad4692 !important;
  color: #fff;
}

.bg-red {
  background-color: #ee001d !important;
  color: #fff;
}

.bg-blue {
  background-color: #2c53b0 !important;
  color: #fff;
}

.bg-gray {
  background-color: #999 !important;
  color: #fff;
}

.bg-lightgray {
  background-color: #ccc !important;
  color: #fff;
}

.bg-darkgray {
  background-color: #666 !important;
  color: #fff;
}

.bg-gray {
  background-color: #f2f2f2 !important;
  color: #222;
}

.bg-lightgray {
  background-color: #fbfbfb !important;
  color: #222;
}

.default {
  background-color: #222 !important;
  color: #222;
}

.white {
  background-color: #fff !important;
  color: #222;
}

.primary {
  background-color: #ad4692 !important;
  color: #222;
}

.green {
  background-color: #54a638 !important;
  color: #222;
}

.orange {
  background-color: #f3673d !important;
  color: #222;
}

.violet {
  background-color: #ad4692 !important;
  color: #222;
}

.red {
  background-color: #ee001d !important;
  color: #222;
}

.blue {
  background-color: #2c53b0 !important;
  color: #222;
}

.gray {
  background-color: #999 !important;
  color: #222;
}

.lightgray {
  background-color: #ccc !important;
  color: #222;
}

.darkgray {
  background-color: #666 !important;
  color: #222;
}

.text-light {
  font-weight: 300 !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-bold {
  font-weight: bold !important;
}

.title1 {
  position: relative;
  margin: .25rem 0 .1rem;
  padding-left: .23rem;
  font-size: .20rem;
  font-weight: normal;
}

.title1:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  top: .10rem;
  width: .13rem;
  height: .13rem;
  border: 0.03rem solid #ad4692;
  border-radius: 50%;
  content: '';
}

.title1 .btn {
  margin-top: -4px;
}

.title2 {
  position: relative;
  font-weight: normal;
  font-size: .18rem;
  margin: .20rem 0 .1rem .1rem;
  padding-left: .23rem;
}

.title2:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: .05rem;
  top: .6em;
  width: .08rem;
  height: .08rem;
  background-color: #ad4692;
  content: '';
}

.link {
  text-decoration: underline;
}

.link-hover:hover, .link-hover:active {
  text-decoration: underline;
}

.text-xs {
  font-size: 0.13rem;
}

.text-sm {
  font-size: 0.14rem;
}

.text-md {
  font-size: 0.15rem;
}

.text-lg {
  font-size: 0.16rem;
}

.text-xl {
  font-size: 0.18rem;
}

/* 불릿 및 목록 */
.list-dot > li,
.list-hyphen > li,
.list-square > li {
  position: relative;
  padding-left: .15rem;
}

.list-dot > li:after,
.list-hyphen > li:after,
.list-square > li:after {
  display: block;
  clear: both;
  content: '';
}

.list-dot > li + li,
.list-hyphen > li + li,
.list-square > li + li {
  margin-top: 0.3em;
}

.list-dot > li:before,
.list-hyphen > li:before,
.list-square > li:before {
  content: '';
  position: absolute;
  left: 0;
}

.list-dot ul,
.list-hyphen ul,
.list-square ul {
  margin: 0.5em 0;
}

.list-dot .btn,
.list-hyphen .btn,
.list-square .btn {
  margin-top: -2px;
}

.list-dot > li:before {
  top: .6em;
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  background-color: #a0a0a0;
}

.list-hyphen > li:before {
  top: .7em;
  width: .08rem;
  height: .02rem;
  background-color: #a0a0a0;
}

.list-square > li:before {
  top: .5em;
  width: .08rem;
  height: .08rem;
  background-color: #ad4692;
}

.bul-dot,
.bul-hyphen,
.bul-square {
  position: relative;
  padding-left: .15rem;
}

.bul-dot:before,
.bul-hyphen:before,
.bul-square:before {
  position: absolute;
  left: 0;
  content: '';
}

.bul-dot:before {
  top: .6em;
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  background-color: #a0a0a0;
}

.bul-hyphen:before {
  top: .7em;
  width: .08rem;
  height: .02rem;
  background-color: #a0a0a0;
}

.bul-square:before {
  top: .5em;
  width: .08rem;
  height: .08rem;
  background-color: #ad4692;
}

/* 링크 목록 */
.list-link {
  border: 1px solid #e5e5e5;
  background-color: #fbfbfb;
  line-height: 20px;
}

.list-link li {
  padding: .10rem .20rem;
}

.list-link li:after {
  display: block;
  clear: both;
  content: '';
}

.list-link li + li {
  border-top: 1px solid #e5e5e5;
}

.list-link .text {
  float: left;
  padding: .05rem 0;
  font-size: .16rem;
  font-weight: 500;
}

.list-link .btn {
  float: right;
  min-width: 1.20rem;
}

.btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
}

.btn .ico {
  margin-top: -2px;
}

.btn-area .btn + .btn {
  margin-left: 0.06rem;
}

.btn-sm {
  border: .01rem solid transparent;
  font-size: 0.13rem;
  height: .24rem;
  min-width: .50rem;
  line-height: .22rem;
  padding: 0 .10rem;
}

.btn-md {
  border: .01rem solid transparent;
  font-size: 0.15rem;
  height: .30rem;
  min-width: .85rem;
  line-height: .28rem;
  padding: 0 .15rem;
}

.btn-lg {
  border: .01rem solid transparent;
  font-size: 0.15rem;
  font-weight: 500;
  height: 0.40rem;
  min-width: 1.00rem;
  line-height: .38rem;
  padding: 0 .20rem;
}

.btn-xl {
  border: .01rem solid transparent;
  font-size: 0.18rem;
  font-weight: 500;
  height: .50rem;
  min-width: 1.50rem;
  line-height: .48rem;
  padding: 0 .25rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-primary {
  color: #fff;
  background-color: #ad4692;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #a24289;
}

.btn-outline-default {
  color: #222;
  border-color: #bfbfbf;
  background-color: #fff;
}

.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active {
  border-color: #d8d8d8;
  background-color: #fbfbfb;
}

.btn-outline-light {
  color: #ad4692;
  border-color: #e5e5e5;
  background-color: #fff;
}

.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
  border-color: #d8d8d8;
  background-color: #fbfbfb;
}

.form-control + .btn-calendar {
  margin-left: -5px;
}

.btn-calendar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  width: .40rem;
  height: .40rem;
  border: 1px solid #e5e5e5;
  background: #fff url(/resources/dong/images/common/ico-calendar-primary.png) no-repeat center center;
  background-size: .20rem .20rem;
}

.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
}

.btn .ico {
  margin-top: -2px;
}

.ico-new {
  display: inline-block;
  vertical-align: middle;
  width: .16rem;
  height: .16rem;
  line-height: .16rem;
  border-radius: .02rem;
  background-color: #ad4692;
  color: #fff;
  font-size: 10px;
  margin-top: -2px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}

.ico-allmenu {
  width: 17px;
  height: 14px;
  line-height: 14px;
  background-image: url("/resources/dong/images/common/ico-allmenu.png");
}

.ico-search-primary {
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-image: url("/resources/dong/images/common/ico-search-primary.png");
}

.ico-close-gray-sm {
  width: 10px;
  height: 10px;
  line-height: 10px;
  background-image: url("/resources/dong/images/common/ico-close-gray-sm.png");
}

.ico-close-white-sm {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url("/resources/dong/images/common/ico-close-white-sm.png");
}

.ico-play-lg-white {
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background-image: url("/resources/dong/images/common/ico-play-lg-white.png");
}

.ico-login {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-login.png");
}

.ico-join {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-join.png");
}

.ico-global {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-global.png");
}

.ico-like {
  width: 14px;
  height: 13px;
  line-height: 13px;
  background-image: url("/resources/dong/images/common/ico-like.png");
}

.ico-like-primary {
  width: 14px;
  height: 13px;
  line-height: 13px;
  background-image: url("/resources/dong/images/common/ico-like-primary.png");
}

.ico-chevron-up-primary {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background-image: url("/resources/dong/images/common/ico-chevron-up-primary.png");
}

.ico-chevron-down-primary {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background-image: url("/resources/dong/images/common/ico-chevron-down-primary.png");
}

.ico-file {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-file.png");
}

.ico-reset {
  width: 0.12rem;
  height: 0.12rem;
  line-height: 0.12rem;
  background-image: url("/resources/dong/images/common/ico-reset.png");
}

.ico-up {
  width: 0.07rem;
  height: 0.08rem;
  line-height: 0.08rem;
  background-image: url("/resources/dong/images/common/ico-up.png");
}

.ico-down {
  width: 0.07rem;
  height: 0.08rem;
  line-height: 0.08rem;
  background-image: url("/resources/dong/images/common/ico-down.png");
}

.ico-satisfy1 {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-image: url("/resources/dong/images/common/ico-satisfy1.png");
}

.ico-satisfy2 {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-image: url("/resources/dong/images/common/ico-satisfy2.png");
}

.ico-satisfy3 {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-image: url("/resources/dong/images/common/ico-satisfy3.png");
}

.ico-satisfy4 {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-image: url("/resources/dong/images/common/ico-satisfy4.png");
}

.ico-satisfy5 {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-image: url("/resources/dong/images/common/ico-satisfy5.png");
}

.ico-new-window {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background-image: url("/resources/dong/images/common/ico-new-window.png");
}

.ico-new-window-white {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  background-image: url("/resources/dong/images/common/ico-new-window-white.png");
}

.ico-new-window-blue {
  width: 0.16rem;
  height: 0.16rem;
  line-height: 0.16rem;
  background-image: url("/resources/dong/images/common/ico-new-window-blue.png");
}

.ico-lock {
  width: 14px;
  height: 18px;
  line-height: 18px;
  background-image: url("/resources/dong/images/common/ico-lock.png");
}

.ico-lock-lg {
  width: 0.17rem;
  height: 0.21rem;
  line-height: 0.21rem;
  background-image: url("/resources/dong/images/common/ico-lock-lg.png");
}

.form-control {
  height: .40rem;
  font-size: 16px;
  border: 0.01rem solid #ebebeb;
  border-radius: 0;
  padding: .05rem .14rem;
  line-height: .28rem;
  max-width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  background: #fff;
}

.form-control.full {
  width: 100%;
}

.form-control.inline {
  width: auto !important;
}

.form-control:focus {
  position: relative;
  /* outline: 0; */
  border-radius: 1px;
  border-color: #cc99bf;
  -webkit-box-shadow: 0 0 0 3px rgba(173, 70, 146, 0.2);
          box-shadow: 0 0 0 3px rgba(173, 70, 146, 0.2);
}

.form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-moz-read-only:not(select), .form-control[readonly], .form-control:disabled,
.form-control .disabled,
.form-control .readonly {
  background-color: #fbfbfb;
}

.form-control:read-only:not(select), .form-control[readonly], .form-control:disabled,
.form-control .disabled,
.form-control .readonly {
  background-color: #fbfbfb;
}

.table-write .form-control {
  height: 30px;
  padding: 5px .10rem;
  font-size: 14px;
  line-height: 20px;
}

select.form-control {
  padding: 0 .35rem 0 .12rem;
  max-width: 100%;
  line-height: normal;
  background: #fff url(/resources/dong/images/common/ico-arrow-select.png) no-repeat right 0.13rem center;
  background-size: 12px auto;
}

select.form-control::-ms-expand {
  display: none;
}

.ie9 select.form-control {
  padding-right: 0 !important;
  background: #fff;
}

input[type=checkbox], input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

input[type=checkbox] + label, input[type=radio] + label {
  position: relative;
  height: 18px;
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(173, 70, 146, 0.4);
  vertical-align: middle;
  border-radius: 2px;
  margin: -2px 5px 0 0;
  background-color: #fff;
  content: '';
}

input[type=checkbox]:focus + label:before, input[type=radio]:focus + label:before {
  border-color: #ad4692;
  -webkit-box-shadow: 0 0 0 3px rgba(173, 70, 146, 0.2);
          box-shadow: 0 0 0 3px rgba(173, 70, 146, 0.2);
}

input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {
  border-color: #ad4692;
}

input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
  position: absolute;
  content: '';
}

input[type=checkbox]:checked + label:before {
  background: #fff url(/resources/dong/images/common/ico-checkbox-checked.png) no-repeat center center;
  background-size: 11px 10px;
}

input[type=radio] + label:before {
  border-radius: 50%;
}

input[type=radio]:checked + label:before {
  background: #fff url(/resources/dong/images/common/ico-radio-checked.png) no-repeat center center;
  background-size: 8px 8px;
}

.input-group {
  position: relative;
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.input-group .form-control {
  display: table-cell;
  width: 100% !important;
}

.input-group .input-addon {
  display: table-cell;
  width: 1%;
  padding-left: 10px;
  vertical-align: middle;
}

.input-group .input-addon + .form-control {
  margin-left: 9px;
  border-right: 1px solid #e5e5e5;
}

.input-group .btn-md {
  height: 30px;
  padding: 0 15px;
  line-height: 28px;
}

.input-group-file {
  display: block;
  max-width: 500px;
}

.input-group-file label {
  display: inline-block;
}

.input-group-file .form-file {
  display: none;
}

.input-group-file .btn-md {
  min-width: auto;
  padding-left: 0.10rem;
  padding-right: 0.10rem;
}

.input-group-file .form-control {
  display: inline-block;
  margin: 0 .05rem;
  max-width: calc(100% - 1.64rem);
}

/* 기본 박스 */
.box {
  border: 1px solid #e5e5e5;
  padding: .20rem;
}

/* 상단 안내말 */
.notice-box {
  margin: .20rem 0;
  border: 1px solid #e5e5e5;
}

.notice-box > dt {
  padding: .11rem .25rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fbfbfb;
  font-weight: 500;
  font-size: .18rem;
}

.notice-box > dd {
  padding: .17rem .25rem;
  font-size: .16rem;
}

/* 처리절차 */
.process-box {
  margin-bottom: .20rem;
  overflow: hidden;
}

.process-box > ul,
.process-box ol {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  margin: -.60rem;
  width: calc(100% + 1.20rem);
  border-spacing: .60rem;
}

.process-box > ul > li,
.process-box ol > li {
  position: relative;
  display: table-cell;
  border: 1px solid #e5e5e5;
  border-top: 2px solid #ad4692;
  vertical-align: top;
}

.process-box > ul > li + li:before, .process-box > ul > li + li:after,
.process-box ol > li + li:before,
.process-box ol > li + li:after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #ad4692;
  width: .04rem;
  height: .17rem;
  left: -.32rem;
  border-radius: .01rem;
}

.process-box > ul > li + li:before,
.process-box ol > li + li:before {
  margin-top: -.15rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.process-box > ul > li + li:after,
.process-box ol > li + li:after {
  margin-top: -.05rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.process-box .inner {
  display: block;
}

.process-box .title,
.process-box .content {
  display: block;
}

.process-box .title {
  text-align: center;
  padding: .10rem .20rem;
  border-bottom: 1px solid #e5e5e5;
  font-size: .16rem;
  font-weight: 500;
}

.process-box .content {
  padding: .15rem .20rem;
}

.process-box.process-box-sm ol {
  margin: -.30rem;
  width: calc(100% + .60rem);
  border-spacing: .30rem;
}

.process-box.process-box-sm ol > li + li:before, .process-box.process-box-sm ol > li + li:after {
  left: -.17rem;
}

.process-box.process-box-sm .title {
  font-size: .14rem;
}

.process-box.process-box-sm .content {
  font-size: .13rem;
  padding: .10rem .15rem;
}

.process-box.process-box-center {
  text-align: center;
  word-break: keep-all;
}

.process-box.process-box-center ol > li {
  vertical-align: middle;
}

/* 사이트안내 박스 */
.siteinfo-box {
  border: 1px solid #e5e5e5;
  padding: .20rem;
  margin-bottom: .20rem;
}

.siteinfo-box .image-area,
.siteinfo-box .content {
  display: table-cell;
}

.siteinfo-box .image-area {
  width: 1.80rem;
  padding-right: .20rem;
  vertical-align: top;
}

.siteinfo-box .image-area img {
  width: 100%;
}

.siteinfo-box .content {
  margin-top: .10rem;
  vertical-align: middle;
}

.siteinfo-box .btn-area {
  margin-bottom: .10rem;
}

/* 캘린더 */
.calendar-header {
  margin-bottom: .20rem;
}

.calendar-header:after {
  display: block;
  clear: both;
  content: '';
}

.calendar-header .btn {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  width: .28rem;
  height: .28rem;
  border: 1px solid #ebebeb;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: .25rem auto;
  overflow: hidden;
}

.calendar-header .btn-prev {
  background-image: url(/resources/dong/images/common/ico-paging-prev.png);
}

.calendar-header .btn-next {
  background-image: url(/resources/dong/images/common/ico-paging-next.png);
}

.calendar-header .year-select {
  float: left;
}

.calendar-header .year-select .year {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 4em;
  font-size: 16px;
  font-weight: normal;
}

.calendar-header .month-select {
  float: left;
}

.calendar-header .month-select .month-list {
  margin-left: 50px;
}

.calendar-header .month-select .month-list:after {
  display: block;
  clear: both;
  content: '';
}

.calendar-header .month-select .month-list li {
  float: left;
  margin-left: 5px;
}

.calendar-header .month-select .month-list li a {
  display: block;
  height: 28px;
  min-width: 40px;
  padding: 0 10px;
  border: 1px solid transparent;
  text-align: center;
  color: #999;
}

.calendar-header .month-select .month-list li a:hover, .calendar-header .month-select .month-list li a:focus {
  color: #222;
}

.calendar-header .month-select .month-list li.on a {
  color: #ad4692;
  border-color: #ad4692;
}

.calendar-header .month-select .btn {
  display: none;
}

.calendar-header .type-select {
  float: right;
}

.calendar-header .type-select a {
  width: .28rem;
  height: .28rem;
  border: 1px solid #d7d7d7;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  background: url(/resources/dong/images/common/ico-calendar-gray.png) no-repeat center center;
  background-size: .20rem;
}

.calendar-header .type-select a.ico-calendar-table {
  background-image: url(/resources/dong/images/common/ico-calendar-gray.png);
}

.calendar-header .type-select a.ico-calendar-table.on {
  background-image: url(/resources/dong/images/common/ico-calendar-primary.png);
}

.calendar-header .type-select a.ico-calendar-list {
  margin-left: .05rem;
  background-image: url(/resources/dong/images/common/ico-list-gray.png);
}

.calendar-header .type-select a.ico-calendar-list.on {
  background-image: url(/resources/dong/images/common/ico-list-primary.png);
}

.calendar-header .type-select a.on {
  border-color: #ad4692;
}

.calendar-category {
  margin: -.03rem -.03rem .10rem;
  font-size: 0.15rem;
}

.calendar-category:after {
  display: block;
  clear: both;
  content: '';
}

.calendar-category li {
  display: table-cell;
  width: 1%;
  padding: 3px;
}

.calendar-category input[type=checkbox] + label {
  display: block;
  text-align: center;
  background-color: #fff;
  border: 0.01rem solid #ebebeb;
  height: .38rem;
  line-height: .36rem;
  cursor: pointer;
}

.calendar-category input[type=checkbox] + label:before, .calendar-category input[type=checkbox] + label:after {
  display: none;
}

.calendar-category input[type=checkbox] + label:hover,
.calendar-category input[type=checkbox]:focus + label {
  outline: 0;
  border-radius: 1px;
  border-color: #999;
}

.calendar-category input[type=checkbox]:checked + label {
  border-color: #ad4692;
  color: #ad4692;
  font-weight: 500;
}

.calendar-legend {
  margin-bottom: .15rem;
}

.calendar-legend:after {
  display: block;
  clear: both;
  content: '';
}

.calendar-legend li {
  float: left;
  margin-right: .15rem;
}

.calendar-legend .text {
  vertical-align: middle;
  font-size: 12px;
}

.legend-category {
  display: inline-block;
  vertical-align: middle;
  width: .2rem;
  height: .2rem;
  line-height: .2rem;
  margin-right: .02rem;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 10px;
}

.legend-category.legend-category1 {
  background-color: #3db166;
}

.legend-category.legend-category2 {
  background-color: #8957a1;
}

.legend-category.legend-category3 {
  background-color: #ee001d;
}

.legend-category.legend-category4 {
  background-color: #2c53b0;
}

.legend-category.legend-category5 {
  background-color: #ea68a2;
}

.legend-category.legend-category6 {
  background-color: #638c0b;
}

.legend-category.legend-category7 {
  background-color: #f39800;
}

.type-table {
  margin-top: .15rem;
}

.type-table .table {
  table-layout: fixed;
  border-collapse: collapse;
}

.type-table .table th,
.type-table .table td {
  border: 1px solid #ebebeb;
}

.type-table .table th {
  height: .40rem;
  font-size: .16rem;
  font-weight: 500;
  background-color: #fbfbfb;
}

.type-table .table th:first-child {
  color: #ee001d;
}

.type-table .table th:last-child {
  color: #2c53b0;
}

.type-table .table td {
  padding: .10rem;
  text-align: left;
  vertical-align: top;
  height: 1.20rem;
}

.type-table .table td:first-child .day {
  color: #ee001d;
}

.type-table .table td:last-child .day {
  color: #2c53b0;
}

.type-table .table td.today {
  position: relative;
  z-index: 10;
  background-color: #fbfbfb;
  border: 2px solid #ad4692;
}

.type-table .table td.today .day {
  font-weight: 500;
  color: #ad4692;
}

.type-table .day {
  display: block;
  color: #222;
}

.type-table .day span {
  display: none;
}

.type-table .schedule-item {
  display: block;
  margin-top: .04rem;
  font-size: .12rem;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1em;
  line-height: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: none;
}

.type-table .schedule-item:hover .text, .type-table .schedule-item:focus .text {
  text-decoration: underline;
}

.type-table .schedule-item .legend-category,
.type-table .schedule-item .text {
  vertical-align: middle;
}

.type-table .btn-more {
  float: right;
  margin-top: .10rem;
  font-size: .12rem;
  color: #ad4692;
  text-decoration: underline;
}

.type-list {
  margin-top: .30rem;
  display: none;
}

.type-list .legend-category {
  min-width: 4em;
  width: auto;
  height: .24rem;
  border-radius: 2px;
  padding: 0 .05rem;
  line-height: .24rem;
  font-size: 12px;
}

.type-list .table-list tbody {
  font-size: 0.14rem;
}

.type-list .table-list tbody .cell-subject {
  font-size: 0.15rem;
}

.type-list .table-list tbody .cell-location {
  text-align: left;
}

/* 캘린더 상세 */
.schedule-list {
  font-size: .18rem;
}

.schedule-list li {
  position: relative;
  line-height: .22rem;
  padding-left: .34rem;
}

.schedule-list li + li {
  margin-top: .15rem;
}

.schedule-list li .legend-category {
  position: absolute;
  top: -.01rem;
  left: 0;
  width: .28rem;
  height: .28rem;
  line-height: .28rem;
  border-radius: 50%;
  font-size: .14rem;
}

.schedule-list li .text {
  vertical-align: middle;
}

.schedule-list a:hover .text, .schedule-list a:focus .text {
  text-decoration: underline;
}

#inseq-datepicker {
  position: absolute;
  width: 250px;
  padding: 12px;
  border: 1px solid #666;
  font-size: 14px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  z-index: 1500;
}

#inseq-datepicker caption {
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

#inseq-datepicker table {
  table-layout: auto;
  margin-top: 0;
  width: 100%;
  text-align: center;
  border: 0px solid #000;
  color: #000;
  line-height: 2;
}

#inseq-datepicker table a {
  line-height: 2;
}

#inseq-datepicker table th {
  height: auto;
  background: none;
  padding: 0 0 0.5em;
  border: 0;
  margin: 0;
  color: #000;
  text-align: center;
  line-height: 20px;
}

#inseq-datepicker table td {
  padding: 0 !important;
  margin: 0;
  height: auto;
  text-align: center;
  border: 0;
  line-height: 1;
}

#inseq-datepicker table tbody td {
  height: 28px;
  color: #767676;
}

#inseq-datepicker table tbody td a {
  display: block;
  color: #000;
  text-decoration: none;
}

#inseq-datepicker table tbody td a.today {
  color: #fff !important;
  background-color: #ad4692;
  font-weight: 500;
}

#inseq-datepicker #tableCalendarTitle {
  margin-bottom: 5px;
}

#inseq-datepicker #tableCalendarTitle td {
  font-size: 16px;
}

#inseq-datepicker #tableCalendarTitle td a {
  font-size: inherit;
}

#inseq-datepicker #tableMonthTitle td a {
  font-size: 16px;
}

#inseq-datepicker #tableYearTitle {
  margin-bottom: 5px;
}

#inseq-datepicker #tableYearTitle td {
  font-size: 16px;
}

#inseq-datepicker #tableCalendarTitle a,
#inseq-datepicker #tableYear a,
#inseq-datepicker #tableMonthTitle a,
#inseq-datepicker #tableMonth a {
  color: #000;
}

#inseq-datepicker #tableCalendar th:first-child,
#inseq-datepicker #tableCalendar td:first-child {
  color: #cf2121;
}

#inseq-datepicker #tableCalendar th:first-child a,
#inseq-datepicker #tableCalendar td:first-child a {
  color: inherit;
}

#inseq-datepicker #tableCalendar th:last-child,
#inseq-datepicker #tableCalendar td:last-child {
  color: #0072cf;
}

#inseq-datepicker #tableCalendar th:last-child a,
#inseq-datepicker #tableCalendar td:last-child a {
  color: inherit;
}

#inseq-datepicker .prev,
#inseq-datepicker .next {
  width: 25px;
  height: 25px;
  line-height: 23px;
  border: 1px solid #e5e5e5;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
  color: transparent !important;
  white-space: nowrap;
  overflow: hidden;
}

#inseq-datepicker .prev {
  float: left;
  margin-left: 16px;
  background-image: url(/resources/dong/images/common/ico-paging-prev.png);
}

#inseq-datepicker .next {
  float: right;
  margin-right: 16px;
  background-image: url(/resources/dong/images/common/ico-paging-next.png);
}

#inseq-datepicker .btn-cal-close {
  position: absolute;
  top: -1px;
  right: -27px;
  width: 27px;
  height: 27px;
}

#inseq-datepicker .btn-cal-close a {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  border: 1px solid #666;
  background: #666 url(/resources/dong/images/common/ico-close-white.png) no-repeat center center;
  background-size: 15px 15px;
}

.tab-list {
  margin-bottom: .30rem;
  text-align: center;
  border-left: 1px solid #ebebeb;
  line-height: 1.2;
}

.tab-list:after {
  display: block;
  clear: both;
  content: '';
}

.tab-list li {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  border: 1px solid #ebebeb;
  border-left: 0;
}

.tab-list li a {
  display: block;
  width: 100%;
}

.tab-list li a span {
  display: table-cell;
  width: 1%;
  height: .50rem;
  vertical-align: middle;
}

.tab-list li.on a {
  font-weight: 500;
}

.tab-list-matrix {
  font-size: 0.16rem !important;
}

.tab-list-matrix li {
  display: block;
  float: left;
  width: 20%;
  margin-bottom: -1px;
}

.tab-list-matrix li a span {
  height: .45rem !important;
}

.tab-list-matrix.col-2 li {
  width: 50%;
}

.tab-list-matrix.col-3 li {
  width: 33.333%;
}

.tab-list-matrix.col-4 li {
  width: 25%;
}

.tab-list-matrix.col-5 li {
  width: 20%;
}

.tab-list-matrix.col-10 li {
  width: 10%;
}

.main-tab {
  font-size: 0.18rem;
}

.main-tab li.on {
  border-color: #ad4692;
  background-color: #ad4692;
  color: #fff;
}

@media (max-width: 767.98px) {
  .main-tab {
    font-size: 0.16rem;
  }
  .main-tab li span {
    padding: 0 .10rem;
  }
}

.sub-tab {
  font-size: 0.16rem;
}

.sub-tab li.on {
  position: relative;
  color: #ad4692;
  border-color: #ad4692;
}

.sub-tab li.on:before {
  content: '';
  position: absolute;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  background-color: #ad4692;
}

.sub-tab li.on a {
  position: relative;
}

@media (max-width: 767.98px) {
  .sub-tab {
    font-size: 0.15rem;
  }
  .sub-tab li span {
    padding: 0 .10rem;
  }
}

.category-tab {
  font-size: 0.16rem;
}

.category-tab li {
  padding-top: 1px;
}

.category-tab li.on {
  color: #ad4692;
  border-top: 0.02rem solid #ad4692;
  padding-top: 0;
}

.category-tab li.on a {
  position: relative;
}

.category-tab li.on a span {
  height: .48rem;
}

.tab-content {
  display: none;
}

.modal-open {
  overflow: hidden;
}

@media (max-width: 1024.98px) {
  .modal-open .content-share {
    z-index: 200 !important;
  }
}

@media (max-width: 767.98px) {
  .modal-open {
    height: 100vh;
  }
}

.popup-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 30px;
  line-height: 60px;
  background-color: #ad4692;
}

.popup-header .popup-title {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
}

.popup-body {
  padding: 25px 20px;
}

.popup-body.fit {
  padding: 0;
}

.btn-close-popup {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: url(/resources/dong/images/common/ico-close-white.png) no-repeat center center;
  background-size: 20px 20px;
  overflow: hidden;
}

.modal-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ie9 .modal-popup {
  display: block;
}

.modal-popup.hide {
  opacity: 0;
  visibility: hidden;
}

.modal-popup.hide .popup-inner {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.modal-popup.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.modal-popup.show .popup-inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.modal-popup.modal-sm .popup-inner {
  width: 500px;
}

.modal-popup.modal-lg .popup-inner {
  width: 900px;
}

.modal-popup.modal-xl .popup-inner {
  width: 1280px;
}

.modal-popup .dimed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal-popup .popup-inner {
  position: relative;
  z-index: 1100;
  width: 6.60rem;
  max-width: 100%;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.ie9 .modal-popup .popup-inner {
  margin: .70rem auto;
}

.modal-popup.hide .modal-popup .popup-inner {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.modal-popup.show .modal-popup .popup-inner {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.modal-popup .popup-body {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

.popup-inner,
.wrapper-popup {
  position: relative;
  padding-top: 60px;
}

.wrapper-popup {
  position: relative;
  font-size: 15px;
}

.wrapper-popup .popup-header,
.wrapper-popup .btn-close-popup {
  position: fixed;
  z-index: 100;
}

@media (max-width: 575.98px) {
  .wrapper-popup {
    font-size: .15rem;
  }
}

.table {
  width: 100%;
  border-spacing: 0;
}

.table thead {
  word-break: keep-all;
}

.table thead ~ tbody,
.table thead ~ tfoot {
  text-align: center;
}

.table-data {
  border-collapse: collapse;
  border-top: 2px solid #ad4692;
  border-left: 1px solid #e5e5e5;
}

.table-data th,
.table-data td {
  height: 39px;
  padding: 9px 15px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.table-data th {
  font-size: .16rem;
  font-weight: normal;
  background-color: #fbfbfb;
}

.table-data thead {
  text-align: center;
}

.table-data tbody tr:first-child th,
.table-data tbody tr:first-child td {
  border-top: 1px solid #bfbfbf;
}

/* 게시판 검색 */
.bbs-search {
  background-color: #fbfbfb;
  border: 1px solid #ebebeb;
  padding: .14rem;
  margin-bottom: .30rem;
  font-size: 0;
}

.bbs-search .label {
  font-size: .16rem;
  font-weight: 500;
  vertical-align: middle;
  color: #ad4692;
  margin: 0 .10rem 0 0;
}

.bbs-search .input-area,
.bbs-search .btn-area {
  display: inline-block;
  vertical-align: middle;
}

.bbs-search .input-area {
  width: calc(100% - 2.23rem);
}

.bbs-search .input-area .form-control + .form-control {
  margin-left: 9px;
}

.bbs-search .input-area select {
  width: 150px;
}

.bbs-search .input-area .form-control-keyword {
  width: calc(100% - 159px);
}

.bbs-search .btn-area {
  width: 2.23rem;
}

.bbs-search .btn-area .btn {
  margin-left: 10px;
}

.bbs-search.bbs-search-multi label {
  font-size: .16rem;
  font-weight: 500;
  vertical-align: middle;
  color: #ad4692;
  margin: 0 .10rem 0 0;
}

.bbs-search.bbs-search-multi .label-part {
  margin-left: .15rem;
}

.bbs-search.bbs-search-multi .form-control-part {
  width: calc(100% - 244px);
}

.bbs-search.bbs-search-multi .input-area {
  width: calc(100% - 110px);
}

.bbs-search.bbs-search-multi .btn-area {
  width: 110px;
}

.bbs-search.bbs-search-multi .form-control-keyword {
  width: calc(100% - 199px);
}

/* 게시판 목록 정보 */
.list-info {
  margin: .30rem 0 0.10rem;
}

.list-info:after {
  display: block;
  clear: both;
  content: '';
}

.list-info .total {
  line-height: .35rem;
}

.list-info .total strong {
  color: #ad4692;
}

/* 페이징 */
.pagination {
  margin: .3rem 0;
  clear: both;
  text-align: center;
  font-size: 0;
}

.pagination a,
.pagination strong {
  display: inline-block;
  position: relative;
  margin: 0 .025rem;
  padding: 0 .03rem;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  color: #222;
  background-color: #fff;
}

.pagination strong {
  color: #fff;
  border-color: transparent;
  background-color: #ad4692;
}

.pagination .direction {
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px auto;
  overflow: hidden;
}

.pagination .direction.first {
  background-image: url(/resources/dong/images/common/ico-paging-first.png);
}

.pagination .direction.prev {
  background-image: url(/resources/dong/images/common/ico-paging-prev.png);
}

.pagination .direction.next {
  background-image: url(/resources/dong/images/common/ico-paging-next.png);
}

.pagination .direction.last {
  background-image: url(/resources/dong/images/common/ico-paging-last.png);
}

.pagination a,
.pagination strong {
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 14px;
}

.pagination .direction {
  width: 28px;
}

/* 목록 : 표준형 */
.table-list {
  border-collapse: collapse;
  border-top: 2px solid #ad4692;
  border-left: 1px solid #e5e5e5;
}

.table-list th,
.table-list td {
  height: 39px;
  padding: 9px 10px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.table-list th {
  background-color: #fbfbfb;
  font-size: 16px;
  font-weight: 500;
}

.table-list tbody tr:first-child th,
.table-list tbody tr:first-child td {
  border-top: 1px solid #bfbfbf;
}

.table-list .cell-subject {
  text-align: left;
  font-size: .16rem;
  padding-left: 15px;
}

.table-list .cell-subject a:hover, .table-list .cell-subject a:focus {
  text-decoration: underline;
}

.table-list .cell-subject a[target=_blank]:after {
  display: inline-block;
  width: .20rem;
  height: .20rem;
  margin-left: .05rem;
  content: '';
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/resources/dong/images/common/ico-new-window.png);
}

.table-list .nodata {
  line-height: 60px;
  text-align: center;
}

.table-list .ico-new {
  margin-left: .03rem;
}

/* 목록 : 아코디언형 */
.accordion-list {
  border: 1px solid #ebebeb;
  border-top: 0;
}

.accordion-list .accordion-title {
  border-top: 1px solid #ebebeb;
}

.accordion-list .accordion-title a {
  display: block;
  position: relative;
  font-size: .18rem;
  line-height: .24rem;
  font-weight: normal;
  padding: .12rem .40rem .12rem .19rem;
}

.accordion-list .accordion-title a:before, .accordion-list .accordion-title a:after {
  content: '';
  position: absolute;
  top: .23rem;
  right: .20rem;
  width: .12rem;
  height: .02rem;
  background: #999;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.accordion-list .accordion-title.on a {
  margin: -1px;
  border: 1px solid #ad4692;
  font-weight: 500;
  color: #ad4692;
}

.accordion-list .accordion-title.on a:before, .accordion-list .accordion-title.on a:after {
  background-color: #ad4692;
}

.accordion-list .accordion-title.on a:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.accordion-list .accordion-title.on a:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.accordion-list .accordion-content {
  display: none;
  font-size: .16rem;
  padding: .19rem;
}

/* 목록 : 포토형 */
.photo-list {
  margin: -4px;
}

.photo-list:after {
  display: block;
  clear: both;
  content: '';
}

.photo-list li {
  float: left;
  width: calc(25% - 8px);
  margin: 4px;
}

.photo-list li a {
  display: block;
  border: 1px solid #ebebeb;
}

.photo-list li a:hover {
  border-color: #666;
}

.photo-list li a:hover .subject {
  text-decoration: underline;
}

.photo-list .thumb {
  position: relative;
  padding-top: 70%;
  height: 0;
  background: #eee;
}

.photo-list .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.photo-list .thumb .ico-play-lg-white {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.25rem 0 0 -.25rem;
}

.photo-list .item-info {
  padding: .16rem .20rem;
  font-size: .14rem;
  color: #999;
}

.photo-list .item-info .subject {
  display: block;
  font-weight: 500;
  height: .40rem;
  font-size: .16rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 0.4rem;
  line-height: 0.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.photo-list .item-info .info {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.18rem;
  line-height: 0.18rem;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  margin-top: .10rem;
}

.photo-list .item-info .info span {
  display: inline-block;
  vertical-align: middle;
}

.photo-list .item-info .info span + span:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 2px;
  background: #999;
  content: '';
}

.photo-list .item-info .info .part {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.18rem;
  line-height: 0.18rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 5em;
}

/* 목록 : 요약형 */
.summary-list li + li {
  margin-top: .20rem;
}

.summary-list li a {
  display: block;
  border: 1px solid #ebebeb;
  padding: .20rem;
}

.summary-list li a:after {
  display: block;
  clear: both;
  content: '';
}

.summary-list li a:hover {
  border-color: #666;
}

.summary-list li a:hover .subject {
  text-decoration: underline;
}

.summary-list .item-info {
  float: left;
  font-size: .14rem;
  width: calc(100% - 230px);
}

.summary-list .item-info .subject {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.3rem;
  line-height: 0.3rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-weight: 500;
  font-size: .17rem;
}

.summary-list .item-info .item-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 0.66rem;
  line-height: 0.22rem;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: .11rem 0;
  font-size: .15rem;
}

.summary-list .item-info .info {
  color: #999;
}

.summary-list .item-info .info span {
  display: inline-block;
  vertical-align: middle;
}

.summary-list .item-info .info span + span:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 2px;
  background: #999;
  content: '';
}

.summary-list .thumb {
  float: right;
  width: 216px;
  height: 143px;
  background: #eee;
}

.summary-list .thumb img {
  width: 100%;
  height: 100%;
}

/* 목록 : 카드형1 */
.card-list {
  margin: -4px;
}

.card-list:after {
  display: block;
  clear: both;
  content: '';
}

.card-list li {
  float: left;
  width: calc(25% - 8px);
  margin: 4px;
}

.card-list li a {
  display: block;
  padding: .21rem .19rem .25rem;
  border: 1px solid #ebebeb;
}

.card-list li a:hover, .card-list li a:focus {
  border-color: #666;
}

.card-list .no {
  display: block;
  margin-bottom: .13rem;
  font-size: .14rem;
  color: #999;
}

.card-list .subject {
  display: block;
  margin-bottom: .25rem;
  font-weight: normal;
  height: .60rem;
  font-size: .20rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 0.6rem;
  line-height: 0.3rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-list .subject .ico {
  margin: -2px 2px 0 0;
}

.card-list .label-status {
  font-size: 12px;
  min-width: .63rem;
}

.card-list .info {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.18rem;
  line-height: 0.18rem;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  margin-top: .13rem;
  color: #999;
  font-size: .14rem;
}

.card-list .info span {
  display: inline-block;
  vertical-align: middle;
}

.card-list .info span + span:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 2px;
  background: #999;
  content: '';
}

.card-list .info .name {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.18rem;
  line-height: 0.18rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 5em;
}

/* 목록 : 카드형2 (강좌) */
.class-list:after {
  display: block;
  clear: both;
  content: '';
}

.class-item {
  position: relative;
  border: 1px solid #ebebeb;
  padding: .65rem .23rem .28rem;
}

.class-item .status {
  display: inline-block;
  position: absolute;
  top: -4px;
  left: .23rem;
  min-width: 1.00rem;
  height: .48rem;
  line-height: .48rem;
  color: #fff;
  font-size: .17rem;
  text-align: center;
}

.class-item .status:after {
  position: absolute;
  right: -.05rem;
  top: 0;
  content: '';
  width: .05rem;
  height: .48rem;
  background: url(/resources/dong/images/common/img-status-shadow.png) no-repeat;
  background-size: cover;
}

.class-item .status.finished {
  background-color: #999;
}

.class-item .status.ongoing {
  background-color: #ad4692;
}

.class-item .keyword {
  margin: 0 -.03rem .15rem;
}

.class-item .keyword .keyword-item {
  display: inline-block;
  min-width: .60rem;
  margin: 0 .03rem;
  padding: 0 .07rem;
  border: 1px solid #bfbfbf;
  border-radius: .13rem;
  text-align: center;
  color: #666;
  font-size: .15rem;
  line-height: .24rem;
  vertical-align: middle;
}

.class-item .subject {
  display: block;
  font-size: .22rem;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.25rem;
  line-height: 0.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.class-item .subject:hover, .class-item .subject:focus {
  text-decoration: underline;
}

.class-item .info-list {
  font-size: .16rem;
  margin-top: .18rem;
}

.class-item .info-list li {
  max-width: 100%;
  white-space: nowrap;
  max-height: 0.2rem;
  line-height: 0.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  margin-top: .12rem;
  padding-left: 5.5em;
  color: #666;
}

.class-item .info-list .title {
  left: 0;
  top: 0;
  position: absolute;
  width: 5em;
  margin-right: 5px;
  text-align: center;
  color: #222;
  text-overflow: ellipsis;
  overflow: hidden;
}

.class-item .info-list .title:before, .class-item .info-list .title:after {
  content: '';
  position: absolute;
  top: .04rem;
  width: 1px;
  height: .14rem;
  background-color: #222;
}

.class-item .info-list .title:before {
  left: 0;
}

.class-item .info-list .title:after {
  right: 0;
}

.class-item .info-list .content {
  vertical-align: top;
}

/* 상세 */
.article-view {
  border: 1px solid #ebebeb;
  border-top: 2px solid #ad4692;
}

.article-view .article-subject {
  font-size: .17rem;
  font-weight: 500;
  padding: .12rem .19rem;
  line-height: .24rem;
  background-color: #fbfbfb;
  border-bottom: 1px solid #ebebeb;
}

.article-view .table-article {
  margin-bottom: -1px;
}

.article-view .table-article th,
.article-view .table-article td {
  border-bottom: 1px solid #ebebeb;
  padding: .09rem .19rem;
  line-height: .20rem;
  text-align: left;
}

.article-view .table-article th {
  font-weight: 500;
  background-color: #fbfbfb;
}

.article-view .table-article td {
  border-left: 1px solid #ebebeb;
}

.article-view .table-article td + th {
  border-left: 1px solid #ebebeb;
}

.article-view .table-article td.reply-content {
  padding-top: .15rem;
  padding-bottom: .15rem;
}

.article-view .file-list {
  font-size: .13rem;
}

.article-view .file-list .ico,
.article-view .file-list span {
  vertical-align: middle;
}

.article-view .file-list .file-size {
  font-size: .12rem;
  color: #999;
}

.article-view .file-list .file-size:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  margin: -1px 6px 0 2px;
  background: #999;
  content: '';
}

.article-view .file-list a span:hover, .article-view .file-list a span:focus {
  text-decoration: underline;
}

.article-view .article-body {
  padding: .30rem;
}

.article-view .article-body img {
  max-width: 100%;
  height: auto;
}

.article-view-btn {
  text-align: right;
  margin: .20rem -2px;
}

.article-view-btn .btn {
  margin: 0 2px;
}

.article-nav {
  border-top: 2px solid #ad4692;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.article-nav li {
  display: table-row;
}

.article-nav li span,
.article-nav li a {
  display: table-cell;
  border: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: .14rem .19rem;
  line-height: .20rem;
}

.article-nav li span {
  width: 1.58rem;
  font-weight: 500;
  background-color: #fbfbfb;
  vertical-align: middle;
}

.article-nav li span .ico {
  margin: -2px 0 0 -.05rem;
}

.article-nav li a:hover, .article-nav li a:focus {
  text-decoration: underline;
}

/* 접수 상태 */
.label-status {
  display: inline-block;
  min-width: .70rem;
  padding: 0 .05rem;
  line-height: .25rem;
  font-size: .13rem;
  text-align: center;
}

/* 등록 */
.table-write {
  border-collapse: collapse;
  border-top: 2px solid #ad4692;
  border-left: 1px solid #e5e5e5;
}

.table-write th,
.table-write td {
  height: 49px;
  padding: 7px .15rem;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.table-write th {
  text-align: left;
  font-size: .16rem;
  font-weight: normal;
  padding-left: 0.20rem;
  background-color: #fbfbfb;
}

.table-write thead {
  text-align: center;
}

.table-write tbody tr:first-child th,
.table-write tbody tr:first-child td {
  border-top: 1px solid #bfbfbf;
}

/* 댓글 */
.comment-input {
  margin-top: .30rem;
  padding: 0.12rem .2rem .2rem .2rem;
  border: 1px solid #e5e5e5;
  background: #fbfbfb;
}

.comment-input legend {
  font-weight: 500;
}

.comment-input .row {
  margin-top: .08rem;
  font-size: 0;
}

.comment-input textarea {
  width: 100%;
  height: 70px;
}

.comment-input .captcha-image {
  display: inline-block;
  border: 1px solid #e5e5e5;
}

.comment-input .form-control-captcha {
  width: calc(100% - 2.72rem);
  margin: 0 .10rem;
}

.comment-list {
  border: 1px solid #e5e5e5;
  margin-top: .10rem;
  padding: 0 20px;
}

.comment-list > li:last-child .comment-reply {
  margin-bottom: 0;
}

.comment-list li {
  position: relative;
  padding: .18rem 0;
}

.comment-list li + li {
  border-top: 1px solid #e5e5e5;
}

.comment-list .author {
  color: #ad4692;
  margin-right: .5em;
}

.comment-list .date {
  color: #999;
  font-size: 13px;
}

.comment-list .btn-delete,
.comment-list .btn-like {
  position: absolute;
  right: 0;
  color: #999;
  font-size: 13px;
}

.comment-list .btn-delete.on,
.comment-list .btn-like.on {
  color: #ad4692;
}

.comment-list .btn-delete .ico,
.comment-list .btn-like .ico {
  margin-top: -2px;
  margin-right: .02rem;
}

.comment-list .comment-content {
  margin-top: .05rem;
  color: #666;
  line-height: 20px;
}

.comment-reply {
  margin-top: .20rem;
  margin-bottom: -.19rem;
  padding: 0 .20rem;
  background-color: #fbfbfb;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.comment-reply .comment-reply-list li {
  padding-top: .15rem;
  padding-left: .20rem;
  border-top: 0;
  border-bottom: 1px solid #ebebeb;
  background: url(/resources/dong/images/common/ico-reply.png) no-repeat 0 0.16rem;
}

.comment-reply .comment-reply-input {
  padding: .14rem 0;
}

.comment-reply .comment-reply-input:after {
  display: block;
  clear: both;
  content: '';
}

.comment-reply .comment-reply-input .form-control {
  float: left;
  width: calc(100% - 1.10rem);
  height: .70rem;
}

.comment-reply .comment-reply-input .btn {
  float: right;
  width: 1.00rem;
  height: .70rem;
}

.wrapper {
  min-width: 1280px;
}

#skip a {
  display: block;
  position: absolute;
  top: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 1px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  overflow: hidden;
  z-index: 600;
}

#skip a:focus, #skip a:active {
  height: 45px;
  line-height: 45px;
  color: #fff;
  background: #666;
}

.container {
  width: 1280px;
  margin: auto;
}

.container:after {
  display: block;
  clear: both;
  content: '';
}

#header {
  position: relative;
  z-index: 300;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  min-height: 114px;
}

#header.detail-search-opened {
  min-height: 182px;
}

#header.detail-search-opened #detail-search-form {
  display: block !important;
}

/* 누리집 css */
.nuri-bar {
  position: relative;
  overflow: hidden;
  height: 32px;
  background-color: #edf1f5;
  z-index: 100;
}

.nuri-bar .top_link_wrap {
  padding: 8px 0;
}

.nuri-bar .inner {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.top_flag_wrap{
  align-items: center;
  color: #727272;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  max-width: 1500px;
  margin: 0 auto;
}

.top_flag_in{
  font-size: 14px;
  font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕','dotum','Helvetica';
  display: flex;
  align-items: center;
}

.top_flag_in img{
  width: 30px;
}

.top_flag_in span{
  padding-left: 5px;
}
/* 누리집 css */

.top-bar {
  overflow: hidden;
  height: 34px;
  background-color: #192e59;
}

.top-bar .container {
  position: relative;
}

.top-bar .main-site:after {
  display: block;
  clear: both;
  content: '';
}

.top-bar .main-site li {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 34px;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  border-right: 1px solid #bbb;
}

.top-bar .main-site li:nth-child(1) {
  border-bottom: 4px solid #004EBB;
}

.top-bar .main-site li:nth-child(2) {
  border-bottom: 4px solid #61D1B8;
}

.top-bar .main-site li:nth-child(3) {
  border-bottom: 4px solid #FE4C62;
}

.top-bar .main-site li:nth-child(4) {
  border-bottom: 4px solid #64A2DB;
}

.top-bar .main-site li:nth-child(5) {
  border-bottom: 4px solid #FD9474;
}

.top-bar .main-site li:nth-child(6) {
  border-bottom: 4px solid #A77EFE;
}

.top-bar .main-site li:nth-child(7) {
  border-bottom: 4px solid #F4FA58;
}

.top-bar .main-site li.on {
  font-weight: 500;
  background-color: #fff;
  border-bottom: 0;
}

.top-bar .main-site li.on:nth-child(1) {
  color: #004EBB;
  border-bottom: 4px solid #004EBB;
}

.top-bar .main-site li.on:nth-child(2) {
  color: #61D1B8;
  border-bottom: 4px solid #61D1B8;
}

.top-bar .main-site li.on:nth-child(3) {
  color: #FE4C62;
  border-bottom: 4px solid #FE4C62;
}

.top-bar .main-site li.on:nth-child(4) {
  color: #64A2DB;
  border-bottom: 4px solid #64A2DB;
}

.top-bar .main-site li.on:nth-child(5) {
  color: #FD9474;
  border-bottom: 4px solid #FD9474;
}

.top-bar .main-site li.on:nth-child(6) {
  color: #A77EFE;
  border-bottom: 4px solid #A77EFE;
}

.top-bar .main-site li.on:nth-child(7) {
  color: #F4FA58;
  border-bottom: 4px solid #F4FA58;
}

.top-bar .main-site a {
  display: block;
    width: 120px;
    height: 34px;
  line-height: 36px;
  /* padding: 0 15px; */
}

.top-bar .util-area {
  position: absolute;
  right: 0;
  top: 6px;
  color: #fff;
}

.top-bar .util-area .util-item {
  float: left;
  vertical-align: top;
  padding: 0 15px;
  line-height: 20px;
}

.top-bar .util-area .util-item + .util-item {
  border-left: 1px solid #5e6d8b;
}

.top-bar .util-area .util-item:last-child {
  padding-right: 0;
}

.top-bar .util-area .util-item > li {
  display: inline-block;
  vertical-align: top;
}

.top-bar .util-area a,
.top-bar .util-area button {
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
  font-size: 14px;
}

.top-bar .util-area .util-menu a + a {
  margin-left: 10px;
}

.top-bar .util-area .screen-control {
  padding: 0 10px;
}

.top-bar .util-area .screen-control .btn-zoom-in,
.top-bar .util-area .screen-control .btn-zoom-out {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  width: 20px;
  height: 20px;
  vertical-align: top;
  background: url(/resources/dong/images/common/ico-zoom-in.png) no-repeat center center;
  background-size: auto;
  overflow: hidden;
}

.top-bar .util-area .screen-control .btn-zoom-out {
  background-image: url(/resources/dong/images/common/ico-zoom-out.png);
}

.top-bar .util-area .language-select li + li {
  margin-left: 5px;
}

.top-bar .util-area .language-select a {
  opacity: 0.5;
  padding: 0 8px;
  border: 1px solid #fff;
  border-radius: 20px;
}

.top-bar .util-area .language-select a.on {
  opacity: 1;
  /* border-bottom: 2px solid #fff; */
}

body:after {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

body.lnb-open:after {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1024.98px) {
  body.allmenu-open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.gnb-area .btn-allmenu-open,
.gnb-area .btn-global-search {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: 24px;
  width: 48px;
  height: 48px;
  background-size: auto;
  line-height: 46px;
}

.gnb-area .btn-allmenu-open {
  right: 57px;
  border: 1px solid #d7d7d7;
  background-image: url(/resources/dong/images/common/ico-allmenu.png);
}

.gnb-area .btn-global-search {
  right: 0;
  background-image: url(/resources/dong/images/common/ico-search-white.png);
  background-color: #ad4692;
}

.gnb-area .nav-container {
  width: 1280px;
  margin: auto;
  position: relative;
}

#logo {
  position: absolute;
  top: 20px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

#logo a {
  display: block;
}

#logo .site-name {
  margin-left: 9px;
}

#logo strong {
  font-weight: bold;
}

#logo.emblem {
  top: 15px;
}

/* GNB */
#gnb {
  margin-left: 300px;
  margin-right: 150px;
}

#gnb:after {
  display: block;
  clear: both;
  content: '';
}

#gnb a {
  display: block;
}

#gnb a[target=_blank]:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -4px 0 -2px 4px;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/resources/dong/images/common/ico-new-window.png);
}

#gnb .gnb-list {
  display: table;
  table-layout: auto;
  width: 100%;
}

#gnb .gnb-list > li {
  display: table-cell;
}

#gnb .gnb-list > li.on > a, #gnb .gnb-list > li.active > a {
  color: #ad4692;
}

#gnb .gnb-list > li > a {
  font-size: 20px;
  line-height: 92px;
  text-align: center;
  padding: 0 20px;
}

.lnb-area {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f7fa;
  z-index: 100;
}

.gnb-list > li.active .lnb-area {
  display: block;
}

.lnb-area .container {
  background: #fff;
  min-height: 180px;
}

.lnb-area .lnb-title {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 226px;
  padding: 108px 0 40px;
  background: #ad4692 url(/resources/dong/images/common/ico-lnb1.png) no-repeat center 40px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.gnb-list > li:nth-child(1) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb1.png);
}

.gnb-list > li:nth-child(2) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb2.png);
}

.gnb-list > li:nth-child(3) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb3.png);
}

.gnb-list > li:nth-child(4) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb4.png);
}

.gnb-list > li:nth-child(5) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb5.png);
}

.gnb-list > li:nth-child(6) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb6.png);
}

.gnb-list > li:nth-child(7) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb7.png);
}

.gnb-list > li:nth-child(8) .lnb-area .lnb-title {
  background-image: url(/resources/dong/images/common/ico-lnb8.png);
}

.lnb-area .lnb-list {
  margin-left: 226px;
  padding: 30px 20px 10px;
}

.lnb-area .lnb-list:after {
  display: block;
  clear: both;
  content: '';
}

.lnb-area .lnb-list > li {
  float: left;
  width: 25%;
  padding: 0 10px 20px;
}

.lnb-area .lnb-list > li:nth-child(4n+1) {
  clear: both;
}

.lnb-area .lnb-list > li > a {
  display: block;
  border: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 20px;
}

.lnb-area .lnb-list > li > a:focus, .lnb-area .lnb-list > li > a:hover {
  border-color: #ad4692;
}

.lnb-area .lnb-list > li.on > a, .lnb-area .lnb-list > li:hover > a {
  border-color: #ad4692;
  color: #ad4692;
}

.lnb-area .lnb-list ul {
  padding: 15px 20px 0;
}

.lnb-area .lnb-list ul li {
  font-size: 14px;
  line-height: 18px;
  padding: 3px 0;
}

.lnb-area .lnb-list ul li.on a {
  color: #ad4692;
  font-weight: 500;
}

.lnb-area .lnb-list ul li a {
  position: relative;
  padding-left: 12px;
  color: #999;
}

.lnb-area .lnb-list ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #a0a0a0;
}

.lnb-area .lnb-list ul li a:focus, .lnb-area .lnb-list ul li a:hover {
  color: #ad4692;
  font-weight: 500;
}

/* 통합검색 */
#global-search {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 127px;
  background-color: #ad4692;
  z-index: 500;
}

#global-search .global-search-form {
  width: 1280px;
  margin: auto;
  position: relative;
  text-align: center;
  font-size: 0;
  padding: 30px 0;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .form-control,
#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .form-control-keyword {
  vertical-align: middle;
  border: 0;
  height: 60px;
  font-size: 20px;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) select {
  width: 160px;
  color: #ad4692;
  padding: 0 30px 0;
  border-radius: 2px 0 0 2px;
  background-position: right 20px center;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .form-control-keyword {
  width: 600px;
  margin-left: -1px;
  line-height: 30px;
  padding: 15px 30px;
  border-radius: 0;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .form-control-keyword::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .form-control-keyword:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

#global-search .global-search-form fieldset:not(.detail-search):not(.keyword-input) .btn-search-submit {
  border-radius: 0 2px 2px 0;
  vertical-align: middle;
  color: transparent;
  width: 70px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3) url(/resources/dong/images/common/ico-search-lg-white.png) no-repeat center center;
}

#global-search .global-search-form .btn-search-close {
  position: absolute;
  top: 30px;
  right: 0;
  width: 48px;
  height: 60px;
  vertical-align: middle;
  color: transparent;
  background: url(/resources/dong/images/common/ico-close-white.png) no-repeat center center;
  background-size: 22px 22px;
}

#global-search .keyword-input .btn-auto-complete {
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border: 1px solid #ad4692;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background: #fff url(/resources/dong/images/common/ico-arrow-select.png) no-repeat center center;
  background-size: 12px auto;
}

#global-search .keyword-input .btn-auto-complete.close {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 11px;
  top: -33px;
  margin-top: 0;
}

#global-search .keyword-input .keyword-list-container {
  display: none;
  position: absolute;
  left: 120px;
  right: 48px;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  z-index: 300;
  font-size: 15px;
}

#global-search .keyword-input .keyword-list {
  height: 195px;
  overflow-y: auto;
  padding: 5px 20px;
}

#global-search .keyword-input .keyword-list li {
  line-height: 30px;
}

#global-search .keyword-input .keyword-list li a:hover, #global-search .keyword-input .keyword-list li a:focus {
  text-decoration: underline;
}

#global-search.global-search-top {
  display: block !important;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 26px;
  right: auto;
  background-color: transparent;
}

#global-search.global-search-top .global-search-form {
  position: static;
  padding: 0;
  padding-left: 293px;
  text-align: left;
}

#global-search.global-search-top .keyword-input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #ad4692;
  width: 426px;
  height: 48px;
}

#global-search.global-search-top .keyword-input .form-control,
#global-search.global-search-top .keyword-input .form-control-keyword {
  border: 0;
  height: 100%;
  vertical-align: middle;
  font-size: 16px;
  padding-left: 20px;
}

#global-search.global-search-top .keyword-input .form-control {
  width: 120px;
}

#global-search.global-search-top .keyword-input .form-control-keyword {
  padding-left: 10px;
  width: calc(100% - 168px);
}

#global-search.global-search-top .keyword-input .btn-search-submit {
  vertical-align: middle;
  color: transparent;
  width: 48px;
  height: 100%;
  background: #ad4692 url(/resources/dong/images/common/ico-search-lg-white.png) no-repeat center center;
  background-size: 17px 17px;
}

#global-search.global-search-top .detail-search {
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  font-size: 0.15rem;
}

#global-search.global-search-top .detail-search .search-within {
  margin-left: 10px;
}

#global-search.global-search-top .detail-search .detail-search-utils {
  display: inline-block;
  vertical-align: middle;
  line-height: 42px;
}

#global-search.global-search-top .detail-search .detail-search-utils > * {
  vertical-align: middle;
  margin-left: 20px;
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-detail-search {
  position: relative;
  display: inline-block;
  text-align: center;
  border: 1px solid #ad4692;
  color: #ad4692;
  font-size: 16px;
  font-weight: 500;
  width: 116px;
  height: 42px;
  line-height: 40px;
  padding-right: 20px;
  background: url(/resources/dong/images/common/ico-chevron-down-primary.png) no-repeat right 10px center;
  background-size: 20px 20px;
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-detail-search.on {
  background-image: url(/resources/dong/images/common/ico-chevron-up-primary.png);
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-detail-search.on:after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-bottom: 10px solid #ad4692;
  border-right: 6px solid transparent;
  content: '';
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-search-help span {
  vertical-align: middle;
  margin-right: 5px;
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-search-help .ico-question {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("/resources/dong/images/common/ico-question.png");
}

#global-search.global-search-top .detail-search .detail-search-utils .btn-search-help img {
  vertical-align: top;
}

#global-search.global-search-top #detail-search-form {
  display: none;
  position: absolute;
  top: 91px;
  left: 0;
  right: 0;
  padding: 14px 0;
  background-color: #fff;
  border-top: 1px solid #ad4692;
  border-bottom: 1px solid #ebebeb;
}

#global-search.global-search-top #detail-search-form:after {
  display: block;
  clear: both;
  content: '';
}

#global-search.global-search-top #detail-search-form .input-item {
  display: inline-block;
}

#global-search.global-search-top #detail-search-form .input-item + .input-item {
  margin-left: 25px;
}

#global-search.global-search-top #detail-search-form .input-item .title {
  margin-right: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #ad4692;
  vertical-align: middle;
}

#global-search.global-search-top #detail-search-form .input-item select {
  width: 145px;
}

#global-search.global-search-top #detail-search-form .term-setting {
  margin-left: -10px;
  vertical-align: middle;
}

#global-search.global-search-top #detail-search-form .term-setting label {
  margin-left: 10px;
}

#global-search.global-search-top #detail-search-form .term-datepicker {
  float: right;
}

#global-search.global-search-top .btn-search-close {
  display: none;
}

/* 전체메뉴 */
#allmenu .popup-inner {
  margin-top: 0 !important;
  max-width: none;
  height: 100vh;
}

#allmenu .popup-body {
  position: relative;
  height: 100%;
  padding: 0;
  max-height: none;
  overflow: hidden;
}

#allmenu .allmenu-list {
  height: 80px;
  margin: 0 -2px;
  padding: 32px 20px 0;
  border-bottom: 2px solid #999;
}

#allmenu .allmenu-list li {
  display: table-cell;
  width: 1%;
  padding: 0 2px;
}

#allmenu .allmenu-list li a {
  display: block;
  height: 46px;
  color: #555;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  line-height: 46px;
  text-decoration: none;
  background: #f1f1f1;
}

#allmenu .allmenu-list li.on a {
  color: #fff;
  background-color: #ad4692;
}

#allmenu .allmenu-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
}

.allmenu-util {
  display: none;
}

.allmenu-lnb {
  padding: 28px 20px 20px;
}

.allmenu-lnb:last-child {
  min-height: 100%;
}

.allmenu-lnb .lnb-title {
  height: 38px;
  margin-bottom: 12px;
  padding-left: 10px;
  line-height: 38px;
  background-repeat: no-repeat;
  background-position: 11px 0;
}

.allmenu-lnb .lnb-title h3,
.allmenu-lnb .lnb-title p {
  display: inline-block;
  vertical-align: top;
}

.allmenu-lnb .lnb-title h3 {
  font-size: 28px;
  color: #222;
}

.allmenu-lnb .lnb-title p {
  margin-left: 8px;
  padding-top: 7px;
  font-size: 15px;
  color: #999;
  line-height: 35px;
}

.allmenu-lnb .lnb-list {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.allmenu-lnb .lnb-list > li {
  position: relative;
}

.allmenu-lnb .lnb-list > li + li {
  border-top: 1px solid #ddd;
}

.allmenu-lnb .lnb-list > li > a,
.allmenu-lnb .lnb-list > li > ul {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
}

.allmenu-lnb .lnb-list > li > a {
  width: 180px;
  padding: 0 15px 0 20px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  background-color: #f1f1f1;
}

.allmenu-lnb .lnb-list > li > ul {
  padding: 8px 0 8px 20px;
  font-size: 15px;
}

.allmenu-lnb .lnb-list > li > ul > li {
  float: left;
  line-height: 30px;
  margin-right: 15px;
}

.allmenu-lnb .lnb-list > li > ul > li > a {
  display: inline-block;
}

.allmenu-lnb .lnb-list > li > ul > li > a:hover, .allmenu-lnb .lnb-list > li > ul > li > a:focus {
  color: #ad4692;
}

.allmenu-lnb .lnb-list > li > ul > li > a:before {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: -2px 6px 0 0;
  vertical-align: middle;
  background-color: #ad4692;
  content: '';
}

#gnb {
  margin-left: 360px;
  margin-right: 180px;
}

#gnb .gnb-list > li > a {
  font-size: 22px;
}

#sidebar {
  float: left;
  min-height: calc(100vh - 382px);
  width: 281px;
  margin-right: -1px;
  border-right: 1px solid #e5e5e5;
}

#sidebar .sidebar-title span {
  display: table-cell;
  height: 80px;
  width: 1%;
  background-color: #ad4692;
  padding-left: 27px;
  font-size: 24px;
  font-weight: 500;
  vertical-align: middle;
  font-weight: normal;
  color: #fff;
}

#snb a {
  display: block;
  position: relative;
}

#snb a:hover {
  background-color: rgba(173, 70, 146, 0.03);
}

#snb a:after {
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
}

#snb a[target=_blank] {
  padding-right: 55px !important;
}

#snb a[target=_blank]:after {
  background-image: url(/resources/dong/images/common/ico-new-window.png);
}

#snb > li > a {
  display: block;
  padding: 17px 20px 17px 28px;
  font-size: 20px;
  line-height: 26px;
  border-bottom: 1px solid #e5e5e5;
}

#snb > li.collapse > a {
  padding-right: 55px !important;
}

#snb > li.collapse > a:before, #snb > li.collapse > a:after {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -1px;
  content: '';
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  width: 15px;
  height: 2px;
  background-color: #ad4692;
}

#snb > li.on > a {
  color: #ad4692;
  font-weight: 500;
  background-color: rgba(173, 70, 146, 0.03);
}

#snb > li > a:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#snb > li.on > a:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#snb ul {
  display: none;
  border-bottom: 1px solid #e5e5e5;
}

#snb ul:before, #snb ul:after {
  display: block;
  height: 10px;
  content: '';
}

#snb ul li a {
  padding: 7px 0 7px 40px;
  font-size: 18px;
  line-height: 24px;
}

#snb ul li a:before {
  position: absolute;
  left: 28px;
  top: 16.5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #a0a0a0;
  content: '';
}

#snb ul li.on a {
  color: #ad4692;
  font-weight: 500;
}

#snb ul li.on a:before {
  background-color: #ad4692;
}

#container {
  width: 1280px;
  margin: auto;
  border-left: 1px solid #e5e5e5;
}

#container:after {
  display: block;
  clear: both;
  content: '';
}

#content {
  min-height: calc(100vh - 382px);
}

#container #content {
  float: right;
  width: calc(100% - 280px);
  border-left: 1px solid #e5e5e5;
  padding: 0 0 30px 30px;
}

.content-header {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  height: 65px;
  line-height: 65px;
  top: -15px;
}

.sub-home {
  position: relative;
  margin-top: 15px;
}

.sub-home .homeImg {
  position: absolute;
  display: block;
  width: 14px;
  height: 13px;
  background: url(/resources/www/images/common/breadcrumbs.svg#home) no-repeat;
  background-size: 13px 12px;
  margin-top: 5px;
}

.sub-home .menucours {
  margin-left: 17px;
  margin-bottom: 10px;
}

.content-header .btn-page-back {
  display: none;
}

.content-header .content-title {
  font-size: 24px;
  font-weight: 500;
}

.content-header .content-title > .title1:first-child {
  margin-top: 0;
}

.content-header .content-share {
  position: absolute;
  top: 0;
  right: 0;
}

.content-header .content-share .btn {
  width: 37px;
  height: 37px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  background-size: 30px 30px;
}

.content-header .content-share .btn-share {
  background-image: url(/resources/dong/images/common/ico-share.png);
}

.content-header .content-share .btn-print {
  background-image: url(/resources/dong/images/common/ico-print.png);
}

.content-header .content-share .sns-share {
  display: none;
  position: absolute;
  z-index: 500;
  top: 23px;
  right: 40px;
  width: 245px;
  line-height: 1;
  background-color: #fff;
}

.content-header .content-share .sns-share .sns-list {
  float: left;
}

.content-header .content-share .sns-share .sns-list li {
  float: left;
  margin-left: 8px;
}

.content-header .content-share .sns-share .sns-list a {
  display: block;
}

.content-header .content-share .sns-share .sns-list a img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.content-header .content-share .sns-share .btn-close-share {
  float: left;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  width: 25px;
  height: 25px;
  margin: 5px 0 0 5px;
  background-image: url(/resources/dong/images/common/ico-close-sm-gray.png);
}

.content-body {
  margin: .20rem 0;
}

.content-ad-banner {
  margin: .20rem 0;
  text-align: center;
}

.content-ad-banner a {
  display: block;
}

.content-ad-banner img {
  max-width: 100%;
  height: 80px;
  min-height: 40px;
  vertical-align: top;
}

.content-footer {
  margin-top: .50rem;
}

.last-update {
  margin-top: .20rem;
  text-align: right;
}

.content-info {
  margin: .20rem 0;
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.content-info:after {
  display: block;
  clear: both;
  content: '';
}

.content-info dt,
.content-info dd {
  display: table-cell;
  height: .48rem;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
}

.content-info dt {
  text-align: center;
  width: 1.58rem;
  font-size: .18rem;
  background-color: #fbfbfb;
}

.content-info dd {
  width: calc(50% - 1.58rem);
  font-size: .16rem;
  padding-left: .19rem;
}

.content-info .part-name {
  margin-right: .05rem;
}

.content-satisfy {
  margin: .20rem 0;
  padding: .18rem .20rem;
  border: 1px solid #e5e5e5;
}

.content-satisfy .satisfy-score {
  margin: .20rem 0 .15rem;
}

.content-satisfy .satisfy-score:after {
  display: block;
  clear: both;
  content: '';
}

.content-satisfy .satisfy-score li {
  float: left;
  margin-right: .25rem;
}

.content-satisfy .satisfy-score .ico {
  opacity: 0.5;
  margin: 0 .03rem;
}

.content-satisfy .satisfy-score input:checked + label .ico {
  opacity: 1;
}

.content-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .20rem 0;
  border: 1px solid #e5e5e5;
  padding: .18rem .20rem;
}

.content-copyright p {
  display: inline;
  margin-left: .20rem;
}

/* .content-header .content-share {
   right: 245px;
} */

.content-header .dong-shortcut {
  position: absolute;
  right: 0;
  top: -2px;
}

.content-header .dong-shortcut .form-control {
  width: 155px;
}

.content-header .dong-shortcut .btn {
  min-width: auto;
  margin-left: 6px;
}

#footer {
  position: relative;
  color: #fff;
  background-color: #212121;
  z-index: 100;
  min-height: 250px;
  padding: 20px 0;
}

#footer:after {
  display: block;
  clear: both;
  content: '';
}

#footer .container {
  position: relative;
}

#footer .related-site {
  margin-bottom: 20px;
}

#footer .related-site:after {
  display: block;
  clear: both;
  content: '';
}

#footer .related-site .site-group {
  position: relative;
  width: calc(33.333% - 16px);
  float: left;
}

#footer .related-site .site-group + .site-group {
  margin-left: 24px;
}

#footer .related-site .site-group.active .site-group-title a:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#footer .related-site .site-group.active .site-list {
  display: block;
}

#footer .related-site .site-group-title a {
  position: relative;
  display: block;
  padding-left: 24px;
  background-color: #313131;
  font-size: 17px;
  line-height: 50px;
  font-weight: normal;
}

#footer .related-site .site-group-title a:after {
  position: absolute;
  content: '';
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 13px;
  height: 8px;
  background: url(/resources/dong/images/common/ico-chevron-up-white.png) no-repeat right center;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  will-change: transform;
}

#footer .related-site .site-list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #222;
  z-index: 100;
  overflow-y: auto;
  height: 200px;
}

#footer .related-site .site-list li:nth-child(odd) {
  background-color: #292929;
}

#footer .related-site .site-list li a {
  display: block;
  padding: 13px 24px;
}

#footer .related-site .site-list li a:hover, #footer .related-site .site-list li a:focus {
  font-weight: 500;
  background-color: #111;
}

#footer .logo-bottom {
  position: absolute;
  top: 95px;
  left: 30px;
}

#footer .logo-bottom ~ .footer-menu,
#footer .logo-bottom ~ .address {
  margin-left: 155px;
}

#footer .footer-menu {
  position: relative;
  line-height: 34px;
}

#footer .footer-menu:after {
  display: block;
  clear: both;
  content: '';
}

#footer .footer-menu .policy-list {
  font-size: 15px;
  float: left;
}

#footer .footer-menu .policy-list:after {
  display: block;
  clear: both;
  content: '';
}

#footer .footer-menu .policy-list li {
  float: left;
  margin-right: 25px;
}

#footer .footer-menu .sns-links {
  float: right;
  opacity: 0.7;
}

#footer .footer-menu .sns-links:after {
  display: block;
  clear: both;
  content: '';
}

#footer .footer-menu .sns-links li {
  float: left;
  margin-left: 10px;
}

#footer .footer-menu .wah-mark {
  position: absolute;
  right: 0;
  top: 54px;
}

#footer .address {
  font-style: normal;
  font-size: 15px;
  margin-top: 13px;
  line-height: 24px;
  opacity: .6;
}

#footer .address .address-item {
  margin-left: 20px;
}

#footer .address .copyright {
  margin-top: 19px;
  font-size: 13px;
}

/* 화면명1 */
/* UI 컴포넌트 가이드 */
code,
.code {
  border: 1px solid rgba(255, 0, 0, 0.2);
  padding: 0.04rem .08rem;
  border-radius: 2px;
  background-color: antiquewhite;
  font-family: 'Courier New', Courier, monospace, "Noto Sans KR", "Noto Sans CJK KR", "NotoSansKR";
  font-size: .14rem;
}

.code {
  display: block;
  margin: .15rem 0;
  padding: .10rem .15rem;
}

.title-guide {
  font-size: .36rem;
  letter-spacing: -0.03em;
  font-weight: 300;
  color: #555655;
  margin: .30rem 0 0.20rem;
  padding-bottom: .07rem;
  border-bottom: 1px dotted rgba(85, 86, 85, 0.3);
}

.row .col {
  display: table-cell;
  width: 1%;
}

.row .col:after {
  display: block;
  clear: both;
  content: '';
}

.row.row-auto {
  display: table;
  width: 100%;
}

.row.row-auto .col {
  width: auto;
}

.gutter-1 {
  margin-left: -0.025rem;
  margin-right: -0.025rem;
}

.gutter-1 .col {
  padding: 0 0.025rem;
}

.gutter-1.row-auto {
  width: calc(100% + 0.1rem);
}

.gutter-2 {
  margin-left: -0.05rem;
  margin-right: -0.05rem;
}

.gutter-2 .col {
  padding: 0 0.05rem;
}

.gutter-2.row-auto {
  width: calc(100% + 0.2rem);
}

.gutter-3 {
  margin-left: -0.075rem;
  margin-right: -0.075rem;
}

.gutter-3 .col {
  padding: 0 0.075rem;
}

.gutter-3.row-auto {
  width: calc(100% + 0.3rem);
}

.gutter-4 {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}

.gutter-4 .col {
  padding: 0 0.1rem;
}

.gutter-4.row-auto {
  width: calc(100% + 0.4rem);
}

.gutter-5 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.gutter-5 .col {
  padding: 0 0.125rem;
}

.gutter-5.row-auto {
  width: calc(100% + 0.5rem);
}

.gutter-6 {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}

.gutter-6 .col {
  padding: 0 0.15rem;
}

.gutter-6.row-auto {
  width: calc(100% + 0.6rem);
}

.gutter-7 {
  margin-left: -0.175rem;
  margin-right: -0.175rem;
}

.gutter-7 .col {
  padding: 0 0.175rem;
}

.gutter-7.row-auto {
  width: calc(100% + 0.7rem);
}

.gutter-8 {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}

.gutter-8 .col {
  padding: 0 0.2rem;
}

.gutter-8.row-auto {
  width: calc(100% + 0.8rem);
}

.gutter-9 {
  margin-left: -0.225rem;
  margin-right: -0.225rem;
}

.gutter-9 .col {
  padding: 0 0.225rem;
}

.gutter-9.row-auto {
  width: calc(100% + 0.9rem);
}

.gutter-10 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.gutter-10 .col {
  padding: 0 0.25rem;
}

.gutter-10.row-auto {
  width: calc(100% + 1rem);
}

/* hall : 주민자치위원 */
.person-list {
  margin: -10px;
}

.person-list:after {
  display: block;
  clear: both;
  content: '';
}

.person-list li {
  float: left;
  width: calc(20% - 20px);
  margin: 10px;
}

.person-list li .inner {
  display: block;
  border: 1px solid #ebebeb;
}

.person-list .thumb {
  position: relative;
  text-align: center;
  padding: 10px;
  height: 173px;
  border-bottom: 1px solid #ebebeb;
}

.person-list .thumb img {
  width: 100%;
  height: 100%;
}

.person-list .item-info {
  padding: .08rem .10rem;
  font-size: .15rem;
  color: #999;
}

.person-list .item-info .ico {
  margin: -.02rem .05rem 0 0;
}

.person-list .item-info .name {
  font-weight: 500;
  color: #222;
}

.person-list .item-info .position {
  color: #ad4692;
}

.person-list .item-info .position:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 2px;
  background: #999;
  content: '';
}

.person-list .ico-femeil {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-femeil.png");
}

.person-list .ico-meil {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-image: url("/resources/dong/images/common/ico-meil.png");
}

.box-tbd {
  background-color: #ee001d;
  text-align: center;
  font-size: .30rem;
  color: #fff;
  line-height: 1.00rem;
}

.box-tbd:after {
  content: '디자인 수급예정';
}

/* 메인 */
.main-content .container:after {
  content: "";
  display: block;
  clear: both;
}

.main-content .top-area {
  background: #fbfbfb;
  /* 20241010 개편 관련 주석처리 */
  /* padding: 30px 0; */
}

.main-content .top-area .container .left-info {
  width: 430px;
  float: left;
  padding-top: 20px;
}

.main-content .top-area .container .left-info > strong {
  font-size: 20px;
  display: block;
  line-height: 24px;
  margin: 30px 0 10px;
  font-weight: 500;
}

.main-content .top-area .container .right-rolling {
  width: 790px;
  height: 4.3rem;
  float: right;
  position: relative;
  border: 1px solid #e5e5e5;
}

.main-content .top-area .container .right-rolling .rolling-area .slick-track .slick-slide a {
  display: block;
}

.main-content .top-area .container .right-rolling .rolling-area .slick-track .slick-slide a img {
  width: 788px;
  height: 427px;
}

.main-content .top-area .container .right-rolling .slick-arrow {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  text-indent: -9999px;
  z-index: 5;
}

.main-content .top-area .container .right-rolling .slick-arrow.slick-prev {
  left: 0;
  background: url(/resources/dong/images/home/btn-main-rolling-left.png) 0 0 no-repeat;
}

.main-content .top-area .container .right-rolling .slick-arrow.slick-next {
  right: 0;
  background: url(/resources/dong/images/home/btn-main-rolling-right.png) 0 0 no-repeat;
}

.main-content .top-area .container .right-rolling .rolling-info {
  width: 210px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  right: 0;
  bottom: 0;
  height: 60px;
}

.main-content .top-area .container .right-rolling .rolling-info .nums {
  color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.main-content .top-area .container .right-rolling .rolling-info .nums strong {
  font-size: 24px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
}

.main-content .top-area .container .right-rolling .rolling-info .nums span {
  font-size: 16px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
}

.main-content .top-area .container .right-rolling .rolling-info .btn-ctrl {
  position: absolute;
  right: 100px;
  top: 50%;
  margin-top: -7px;
}

.main-content .top-area .container .right-rolling .rolling-info .btn-ctrl button {
  width: 14px;
  height: 14px;
  vertical-align: top;
  text-indent: -9999px;
}

.main-content .top-area .container .right-rolling .rolling-info .btn-ctrl button.btn-pause {
  background: url(/resources/dong/images/home/ico-pause.png) 0 0 no-repeat;
}

.main-content .top-area .container .right-rolling .rolling-info .btn-ctrl button.btn-play {
  background: url(/resources/dong/images/home/ico-play.png) 0 0 no-repeat;
}

.main-content .top-area .container .right-rolling .rolling-info .all-banner {
  color: #fff;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  width: 67px;
  font-weight: 300;
  height: 25px;
  line-height: 23px;
  position: absolute;
  font-size: 14px;
  right: 23px;
  top: 50%;
  margin-top: -11px;
}

.main-content .info-btn-box {
  font-size: 0;
  margin-left: -9px;
  margin-top: 30px;
}

.main-content .info-btn-box a {
  display: inline-block;
  margin-left: 9px;
  height: 67px;
  line-height: 67px;
  padding: 0 25px 0 88px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
}

.main-content .info-btn-box a.btn-member-info {
  background: #fff url(/resources/dong/images/home/ico-work-info.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-location {
  background: #fff url(/resources/dong/images/home/ico-location.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-info {
  background: #fff url(/resources/dong/images/home/ico-compl-info.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-consulting {
  background: #fff url(/resources/dong/images/home/ico-compl-consulting.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-format {
  background: #fff url(/resources/dong/images/home/ico-compl-format.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-faq {
  background: #fff url(/resources/dong/images/home/ico-compl-faq.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-reser {
  background: #fff url(/resources/dong/images/home/ico-compl-reser.png) left 20px center no-repeat;
}

.main-content .info-btn-box a.btn-compl-e-application {
  background: #fff url(/resources/dong/images/home/ico-compl-e-application.png) left 20px center no-repeat;
}

.main-content .info-btn-box a:focus, .main-content .info-btn-box a:hover {
  border-color: #222;
}

.main-content .board-area {
  width: 628px;
  float: left;
  position: relative;
}

.main-content .board-area .sub-tab {
  width: 574px;
}

.main-content .board-area .sub-tab .tab-list li {
  width: 191px;
  border-bottom-color: #222;
}

.main-content .board-area .sub-tab .tab-list li a {
  display: block;
  height: 50px;
  line-height: 50px;
}

.main-content .board-area .sub-tab .tab-list li.on {
  border-color: #222;
  border-bottom-color: #fff;
}

.main-content .board-area .sub-tab .tab-list li.on a {
  color: #222;
}

.main-content .board-area .tab-content .more {
  width: 55px;
  -webkit-height: 52.5px;
  height: 52px;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
  text-indent: -9999px;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-bottom-color: #222;
}

.main-content .board-area .tab-content .more:before {
  content: "";
  display: block;
  border-left: 2px solid #e5e5e5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  margin-left: -1px;
}

.main-content .board-area .tab-content .more:after {
  content: "";
  display: block;
  border-top: 2px solid #e5e5e5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  width: 14px;
  margin-top: -1px;
}

.main-content .board-area .tab-content .list-square li {
  position: relative;
}

.main-content .board-area .tab-content .list-square li:before {
  background: #2c53b0;
}

.main-content .board-area .tab-content .list-square li.event:before {
  background: #54a638;
}

.main-content .board-area .tab-content .list-square li.event a em {
  color: #54a638;
}

.main-content .board-area .tab-content .list-square li a {
  display: block;
}

.main-content .board-area .tab-content .list-square li a em {
  font-style: normal;
  color: #2c53b0;
  display: inline-block;
  vertical-align: top;
  width: 70px;
}

.main-content .board-area .tab-content .list-square li a strong {
  display: inline-block;
  vertical-align: top;
  width: 440px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main-content .board-area .tab-content .list-square li a .day {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 15px;
  color: #696969;
}

.main-content .board-area .tab-content .list-square li a:focus strong, .main-content .board-area .tab-content .list-square li a:hover strong {
  text-decoration: underline;
}

.main-content .nowon-info-list {
  width: 623px;
  float: right;
}

.main-content .nowon-info-list .info-btn-box {
  margin-left: -9px;
  margin-top: -9px;
}

.main-content .nowon-info-list .info-btn-box a {
  width: calc(50% - 9px);
  margin-left: 9px;
  margin-top: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
}

.main-content .icon-list {
  border: 1px solid #e5e5e5;
  border-right: 0;
  border-bottom: 0;
  width: 307px;
  float: left;
}

.main-content .icon-list:after {
  content: "";
  display: block;
  clear: both;
}

.main-content .icon-list li {
  width: 50%;
  float: left;
}

.main-content .icon-list li a {
  display: block;
  height: 159px;
  padding: 20px 0;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-top: 0;
  padding-top: 103px;
  position: relative;
}

.main-content .icon-list li a:before {
  content: "";
  display: none;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  right: 0;
  bottom: 0;
}

.main-content .icon-list li a:focus, .main-content .icon-list li a:hover {
  z-index: 2;
  border-color: #222;
  text-decoration: underline;
}

.main-content .icon-list li a:focus:before, .main-content .icon-list li a:hover:before {
  border-color: #222;
  display: block;
}

.main-content .icon-list li:nth-child(1) a {
  background: url(/resources/dong/images/home/ico-main-bottom1.png) center 20px no-repeat;
}

.main-content .icon-list li:nth-child(2) a {
  background: url(/resources/dong/images/home/ico-main-bottom2.png) center 20px no-repeat;
}

.main-content .icon-list li:nth-child(3) a {
  background: url(/resources/dong/images/home/ico-main-bottom3.png) center 20px no-repeat;
}

.main-content .icon-list li:nth-child(4) a {
  background: url(/resources/dong/images/home/ico-main-bottom4.png) center 20px no-repeat;
}

.main-content div[class^='work-'] {
  border: 1px solid #e5e5e5;
  padding: 26px 30px 27px;
  float: left;
}

.main-content div[class^='work-'] h4 {
  font-size: 20px;
  margin-bottom: 28px;
  line-height: 22px;
}

.main-content .work-number {
  width: 570px;
  margin: 0 29px;
}

.main-content .work-number ul li {
  margin-top: 17px;
  font-size: 0;
  line-height: 16px;
}

.main-content .work-number ul li:first-child {
  margin-top: 0;
}

.main-content .work-number ul li > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.25px;
}

.main-content .work-number ul li strong {
  margin-right: 10px;
}

.main-content .work-number ul li span {
  color: #6b727f;
}

.main-content .work-center {
  width: 345px;
}

.main-content .work-center ul {
  margin: -8px 0 0 -5px;
  overflow: hidden;
}

.main-content .work-center ul li {
  float: left;
  margin: 5px 0 0 5px;
}

.main-content .work-center ul li a {
  width: 91px;
  background: #6b727f;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 15px;
}

.main-content .work-center ul li a:focus, .main-content .work-center ul li a:hover {
  background: #ad4692;
}

.main-content .bottom-banner-area {
  margin-top: 30px;
  float: left;
  width: 100%;
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 17px 18px;
}

.main-content .bottom-banner-area .all-bottom-banner {
  background: #6b727f;
  color: #fff;
  font-size: 14px;
  width: 67px;
  height: 25px;
  display: block;
  line-height: 23px;
  text-align: center;
  position: absolute;
  left: 18px;
  top: 17px;
  z-index: 2;
}

.main-content .bottom-banner-area .btn-ctrl {
  position: absolute;
  left: 43px;
  top: 47px;
  z-index: 2;
}

.main-content .bottom-banner-area .btn-ctrl button {
  width: 14px;
  height: 14px;
  vertical-align: top;
  text-indent: -9999px;
}

.main-content .bottom-banner-area .btn-ctrl button.btn-pause {
  background: url(/resources/dong/images/home/ico-pause-black.png) center center no-repeat;
  background-size: 10px 10px;
}

.main-content .bottom-banner-area .btn-ctrl button.btn-play {
  background: url(/resources/dong/images/home/ico-play-black.png) center center no-repeat;
  background-size: 10px 10px;
}

.main-content .bottom-banner-area .rolling-area {
  position: relative;
  z-index: 1;
  padding-left: 90px;
}

.main-content .bottom-banner-area .rolling-area .slick-slide {
  margin-right: 12px;
}

.main-content .bottom-banner-area .rolling-area .slick-slide a {
  display: block;
}

.main-content .bottom-banner-area .rolling-area .slick-slide a img {
  border: 1px solid #e5e5e5;
}

.main-content .bottom-banner-area .rolling-area .slick-slide a:focus img, .main-content .bottom-banner-area .rolling-area .slick-slide a:hover img {
  border-color: #222;
}

.main-content .bottom-banner-area .rolling-area > button {
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 30px;
}

.main-content .bottom-banner-area .rolling-area > button.slick-prev {
  background: url(/resources/dong/images/home/btn-banner-left.png) 0 0 no-repeat;
  left: 5px;
}

.main-content .bottom-banner-area .rolling-area > button.slick-next {
  background: url(/resources/dong/images/home/btn-banner-right.png) 0 0 no-repeat;
  left: 45px;
}

#all-banner .popup-body a {
  display: block;
  margin-top: 10px;
}

#all-banner .popup-body a:first-child {
  margin-top: 0;
}

#all-bottom-banner .popup-body {
  text-align: center;
  font-size: 0;
}

#all-bottom-banner .popup-body a {
  display: inline-block;
  margin: 10px 5px 0;
  border: 1px solid #e5e5e5;
}
/* 첨부파일 모바일 버전 */
@media (max-width: 575.98px) {
	.table-write .mob-addfile{
		width: 52% !important;
	}
}
/*# sourceMappingURL=style.css.map */

/*자동 numbering*/
.rowNumberReset{counter-reset: rowNumber;}
.autoNumber tr {counter-increment: rowNumber;}
.autoNumber tr td:first-child::before,.autoNumber tr th:first-child::before  {content: counter(rowNumber);min-width: 1em;margin-right: 0.5em; display: block;}

/* 20240711 */
.ten-page-list ul{margin-right:-8px;display:flex;}
.ten-page-list ul li{margin-right:8px;}
.ten-page-list ul li a{display:block;width:30px;height:30px;border:1px solid #e1e1e1;border-radius:50%;font-size:15px;color:#ad4692;font-family:"Noto Sans CJK KR";text-align:center;line-height:27px;}
.ten-page-list ul li a:hover, .ten-page-list ul li a:focus, .ten-page-list ul li a:active,.ten-page-list ul li a.on{background:#ad4692;color:#fff;}

/*20250519*/
.btn-close-popup2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 0;
  width: 60px;
  height: 60px;
  background: url(/resources/www/images/common/ico-close-white.png) no-repeat center center;
  background-size: 20px 20px;
  overflow: hidden;
  font-size:0;
}
#all-banner .popup-body > a.on:focus{outline:2px solid black;border-radius:2px;}
/*20250519*/