@charset "utf-8"; /* CSS Document */
/* Mobile Device */
/* 768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다. */
@import url("font-noto.css"); /* animation */
@keyframes icon_ani {
  0% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  20% {
    transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
  }

  40% {
    transform: translateY(15%);
    -webkit-transform: translateY(15%);
  }

  60% {
    transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
  }

  80% {
    transform: translateY(5%);
    -webkit-transform: translateY(5%);
  }

  100% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
}

* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html,
body {
  font-family: "noto", "Nanum Gothic", "Helvetica", sans-serif;
  font-weight: 400;
  color: #333;
  padding: 0;
  font-size: 14px;
  min-width: 320px;
  /* letter-spacing: -0.03rem; */
  top: 0 !important;
}

a {
  color: #444;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

ul {
  list-style: none;
}

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: -1px;
}

.container {
  max-width: 540px;
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1000px;
  }
}

body.Main {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  min-width: 320px;
  font-weight: 400;
  font-size: 14px;
}

.Wrap {
  margin: 0;
  padding: 0;
  position: relative;
  /* 확대축소 기능 사용시 기준이 되므로 반드시 적용 */
}

.Main .Wrap {
  background-color: #f4f4f4;
  background-image: url(/Common_new_2019/Images/bg-logo.png);
  background-repeat: no-repeat;
  overflow-x: hidden;
  background-position: top 10% right 15%;
}

.Main .Wrap {
  background: #f4f4f4;
}

.Header {
  margin: 0;
  padding: 0.8rem;
  width: auto;
  height: auto;
  position: relative;
  z-index: 11;
  background: #fff;
}

.Header h1 {
  margin: 0;
  padding: 5px;
}

.Header h1 a {
  display: block;
  margin-right: 15px;
}
.Header h1 a:first-child {
  margin-bottom: 15px;
}

@media (min-width: 400px) {
  .container {
    letter-spacing: unset;
  }
}

.HeaderWrap .gnb {
  margin: 0;
  padding: 0 !important;
  background: #8d093e;
  width: auto !important;
}

.gnb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
}

.gnb li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.gnb li a {
  text-decoration: none;
  display: block;
  font-size: 0.9286rem;
  padding-right: 1rem;
  padding: 0.48rem 0.5rem;
  color: #fff;
  cursor: pointer;
  position: relative;
}

.gnb li a:hover,
.gnb li a:focus {
  color: #ff72ab;
}

.gnb li a:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  position: absolute;
  top: 14px;
  left: 0;
  background: #ae7089;
}

.gnb li:first-child a:after {
  display: none;
}

.gnb li span {
  margin: 0;
  padding: 0 12px;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  line-height: 11px;
  border-right: none;
}

.gnb li.last span {
  border-right: none;
}

.gnb li.outer_st span,
.gnb li.outer_ct span,
.gnb li.outer_ed span {
  margin: 0;
  padding: 0 25px 0 10px;
  background: url(/Common_new_2019/Images/bullet.png) no-repeat right 0;
  border-right: #ddd solid 1px;
  line-height: 24px;
}

.Header .MainMenu {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  width: 100%;
}

.Header .nav-bg-fostrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0px;
  padding: 0 10px;
}

.Header .nav-bg-fostrap .navbar-fostrap {
  display: inline-block;
  vertical-align: middle;
  /* height: 45px; */
  cursor: pointer;
  margin: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 12px;
  background-color: #8d093e;
  transition: 0.3s;
}

.Header .nav-bg-fostrap .navbar-fostrap:hover,
.Header .nav-bg-fostrap .navbar-fostrap:focus {
  background-color: #490923;
}

.Header .nav-bg-fostrap .navbar-fostrap span {
  height: 3px;
  background: #ffffff;
  display: block;
  width: 23px;
}

.Header .nav-bg-fostrap .navbar-fostrap span:nth-child(2) {
  margin: 6px 0;
}

.Header .nav-bg-fostrap .navbar-fostrap:hover span,
.Header .nav-bg-fostrap .navbar-fostrap:focus span {
  background-color: #fdf2ff;
}

.header-bg {
  display: none;
}

.Header .MainMenu.visible {
  right: 0;
}

.Header .MainMenu {
  display: block;
  position: fixed;
  background: #3a3e47;
  width: 220px;
  height: 100%;
  display: block;
  float: none;
  right: -220px;
  top: 0;
  -webkit-transition: right 0.25s ease;
  -moz-transition: right 0.25s ease;
  -ms-transition: right 0.25s ease;
  -o-transition: right 0.25s ease;
  transition: right 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 22;
}

.MainMenu .sdi-btn {
  display: block;
  width: 100%;
  padding: 1rem;
  font-size: 1.2rem;
  transition: 0.3s;
  color: #fff;
  background-color: #8d093e;
}

.Header .MainMenu .sdi-btn:hover,
.Header .MainMenu .sdi-btn:focus {
  background: #650b2f;
}

.MainMenu .navbar-title {
  position: relative;
  padding: 1.2rem 1.3rem;
  background-color: #333;
}

.MainMenu .navbar-title h3 {
  color: #fff;
  font-weight: normal;
  font-size: 1.45rem;
}

.MainMenu .navbar-title .navbar-close {
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  display: inline-block;
  width: 25px;
  background-image: url(/Common_new_2019/Images/close.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  height: 25px;
}

.MainMenu .navbar-title .navbar-close:hover,
.MainMenu .navbar-title .navbar-close:focus {
  background-color: #20242c;
}

.MainMenu ul.Lnb .navbar-nav {
  float: none;
  margin: 0;
}

.MainMenu ul.Lnb .depth2 {
  display: none;
}

.MainMenu ul.Lnb > li {
  display: block;
  border-bottom: 1px solid #2f2f2f;
}

.MainMenu ul.Lnb > li > a {
  padding: 1rem;
  font-size: 1.2rem;
  display: block;
  color: #aeb5be;
}

.MainMenu ul.Lnb > li > a:hover,
.MainMenu ul.Lnb > li > a:focus {
  background-color: #2b2e36;
  color: #fff;
}

/* main */
.Main #Content {
  margin: 0;
  margin: 45px 10px;
  position: relative;
  width: auto;
  /* overflow: hidden; */
}

.Main .QuickLink {
  /* width: auto; */
  z-index: 990;
  margin-bottom: 20px;
  background: #2d354b;
  border: #dcdcdc solid 1px;
}

.scroll-fixed {
  position: fixed;
  top: 0px;
}

.Main .QuickLink.scroll-fixed {
  /* margin: 0px 10px; */
  width: 96%;
  /*min-width: 290px;*/
  left: 2%;
  right: 2%;
}

.Main .QuickLink .tit {
  display: block;
  margin: 0;
  padding: 10px 0;
  background: #8d093e;
  text-align: center;
}

.Main .QuickLink .tit h2 {
  font-weight: normal;
  letter-spacing: -0.08rem;
  font-size: 1.25rem;
  color: #fff;
}

.Main .QuickLink ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.Main .QuickLink ul li {
  float: left;
  width: 33.3333%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* border-bottom: #dcdcdc solid 1px; */
}

.Main .QuickLink ul li a {
  display: block;
  background: #2d354b;
  text-align: center;
  cursor: pointer;
  padding: 13px;
  border-bottom: #101c2d solid 1px;
  border-right: #101c2d solid 1px;
  color: #b1b3b9;
  font-size: 1rem;
  letter-spacing: -0.08em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

.Main .QuickLink ul li a:hover,
.Main .QuickLink ul li a:focus {
  color: #ffffff;
  background-color: #222839;
}

.Main .QuickLink a.top {
  display: block;
  margin: 0;
  padding: 8px 0 15px 0;
  color: #3a3a3a;
  /* font-family: 'Nanum Square'; */
  font-style: bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  background: #ffffff;
  text-decoration: none;
}

@media (min-width: 581px) {
  .Header h1 a {
    display: inline-block;
  }
  .Header h1 a:first-child {
    margin-bottom: 0;
  }
  .Header h1 img {
    max-height: 100%;
  }
  .Main .QuickLink ul li a {
    font-size: 1.125rem;
  }
}

.Main .PhotoGallery a.slidesjs-next,
.Main .PhotoGallery a.slidesjs-previous,
.Main .PhotoGallery a.slidesjs-play,
.Main .PhotoGallery a.slidesjs-stop {
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: -50px;
  left: 50%;
  bottom: 15px;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 10;
}

.Main .PhotoGallery a.slidesjs-next,
.Main .PhotoGallery a.slidesjs-previous,
.Main .BannerZone a.slidesjs-play,
.Main .BannerZone a.slidesjs-stop {
  background-image: url(/Common_new_2019/Images/btns-next-prev_s.png);
  background-repeat: no-repeat;
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin-right: 5px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
}

.Main .PhotoGallery a.slidesjs-play {
  width: 21px;
  height: 21px;
  background-image: url(/Common_new_2019/Images/play-btn.png);
}

.Main .PhotoGallery a.slidesjs-stop {
  width: 21px;
  height: 21px;
  background-image: url(/Common_new_2019/Images/pause-btn.png);
}

.Main .PhotoGallery a.slidesjs-stop:hover {
  background-image: url(/Common_new_2019/Images/play-btn.png);
}

.Main .PhotoGallery a.slidesjs-play:hover,
.Main .PhotoGallery a.slidesjs-play:focus {
  background-image: url(/Common_new_2019/Images/pause-btn.png);
}

.Main .PhotoGallery .slidesjs-container {
  margin-bottom: 30px;
}

.Main .PhotoGallery .slidesjs-pagination {
  padding: 0;
  list-style: none;
  position: absolute;
  float: right;
  left: 50%;
  height: 30px;
  margin-left: -21px;
  bottom: 8px;
  z-index: 10;
  display: block;
  min-width: 50%;
}

.Main .PhotoGallery .slidesjs-pagination li {
  float: left;
  margin: 5px 3px;
}

.Main .PhotoGallery .slidesjs-pagination li a {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding-top: 13px;
  border-radius: 50px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  /* background-image: url(/Common_new_2019/Images/pagination_s.png); */
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.Main .PhotoGallery .slidesjs-pagination li a.active,
.Main .PhotoGallery .slidesjs-pagination li a:hover.active {
  background-color: #8d093e;
  border: 0;
}

.Main .PhotoGallery .slidesjs-pagination li a:hover {
  background-position: 0 -15px;
}

.Main .LeftWrap {
  width: 100%;
  /* margin-bottom: 15px; */
}

.Main .LeftWrap .Board {
  position: relative;
  height: auto;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding: 25px;
  background: #ffffff;
}

.Main .Board .list {
  /* margin: 20px 0 0 0; */
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 250px;
  overflow-y: scroll;
}

.Main .Board .list li {
  border-top: 1px dashed #ddd;
  margin-bottom: 6px;
  position: relative;
  width: 100%;
  padding: 6px 0 0 0;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
}

.Main .Board .list li:first-child {
  border-top: none;
}

.Main .Board .list li .subject {
  padding: 0;
  float: left;
  text-overflow: ellipsis;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.Main .Board .list li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #444;
  text-decoration: none;
  font-size: 14px;
  line-height: 28px;
}

.Main .Board .list li a:hover span {
  font-weight: bold;
  text-decoration: underline;
}

.Main .Board .list li .subject a:hover {
  color: #ffeb3b;
  text-decoration: underline;
}

.Main .Board .list li .category {
  color: #ffeb3b;
  font-size: 12px;
  padding: 0px 5px 0px 0;
}

.Main .Board .list li .date {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.9286rem;
  line-height: 28px;
  color: #8d093e;
  position: relative;
}

.Main .Enter ul.cont-list {
  padding: 30px 0 0 0;
  overflow: hidden;
}

.Main .Enter ul.cont-list li {
  float: left;
  width: 33%;
  text-align: center;
}

.Main .Enter ul.cont-list li a {
  display: block;
  text-align: center;
}

.Main .Enter ul.cont-list li a span {
  transition: 0.4s;
  display: block;
  margin-top: 1rem;
}

.Main .Enter ul.cont-list li a:hover img,
.Main .Enter ul.cont-list li a:focus img {
  animation: icon_ani 1s ease-out;
  -webkit-animation: icon_ani 1s ease-out;
}

.Main .Enter ul.cont-list li a:hover span {
  font-weight: bold;
  color: #8d093e;
}

.Main .Enter .BoxStyle {
  padding: 0;
  padding-bottom: 20px;
}

.Main h2.tit {
  position: relative;
  margin: 0px 0 14px 0;
  padding: 0;
  color: #000;
  font-size: 1.429rem;
  font-style: bold;
  font-weight: 600;
}

.Main .Enter .qna-box {
  background-color: #2d354b;
  background-image: url(/Common_new_2019/Images/qna.png);
  background-repeat: no-repeat;
  background-position: right 40px;
  padding: 37px;
  letter-spacing: -0.05rem;
  text-align: center;
  /* height: 155px; */
  margin-bottom: 15px;
}

.Main .Enter .qna-box a {
  display: block;
}

.Main .Enter .qna-box h5 {
  font-size: 1.125rem;
  margin: 0;
  margin-top: 5px;
  color: #fff;
  display: block;
  font-weight: normal;
}

.Main .Enter .qna-box p {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 1.857rem;
  margin: 0;
}

.Main .Enter .qna-box p span {
  font-size: 2.429rem;
}

.Main .Enter .qna-box p span.c1 {
  color: #ffe465;
}

.Main .BoxStyle {
  position: relative;
  border: #e5e5e5 solid 1px;
  padding: 20px;
  background: #fff;
}

.Main .MidWrap,
.Main .Iphak,
.Main .Enter {
  width: 100%;
  margin-bottom: 15px;
}

.Main .more {
  position: absolute;
  top: 10px;
  right: 10px;
}

.Main .more a {
  display: block;
  padding: 10px;
}

.Main .more {
  transition: 0.3s;
  position: absolute;
  top: 22px;
  right: 25px;
  width: 26px;
  height: 25px;
  background-image: url(/Common_new_2019/Images/more-btn.gif);
  background-repeat: no-repeat;
  display: block;
  /* padding: 10px; */
}

.Main .more:hover {
  background-image: url(/Common_new_2019/Images/more-btn_on.gif);
}

.Main .List_type .more a:hover,
.Main .List_type .more a:focus {
  background: #74bfcc;
}

.Main .more a:hover,
.Main .more a:focus {
  background: #ededed;
}

.Main .Iphak .List_type {
  position: relative;
  background: #940013;
  padding: 20px;
}

.Main .List_type ul {
  margin: 0;
  padding: 0;
}

.Main .List_type ul li {
  float: left;
  list-style-type: none;
}

.Main .Iphak .List_type ul li {
  width: 50%;
}

.Main .List_type ul li a {
  display: block;
  margin-bottom: 10px;
  padding: 15px 0;
  padding-left: 56px;
  border: #fff solid 2px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-repeat: no-repeat;
}

.Main .Calendar {
  padding: 0;
  margin-bottom: 15px;
  width: 100%;
}

.Main .Calendar h2 {
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  color: #222;
}

.Main .PhotoGallery {
  width: 100%;
  height: auto;
}

.Main .PhotoGallery .BoxStyle {
  height: auto;
  margin-bottom: 15px;
}

@media (max-width: 999px) {
  .Main .PhotoGallery .BoxStyle {
    padding-bottom: 40px;
  }
}

.Main .slides img {
  width: 100%;
}

.Main .PhotoGallery .slidesjs-slide span.photo-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0.5rem;
  font-size: 1rem;
  letter-spacing: -0.08rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
}

.Main .PhotoGallery ul li .cont .subject a {
  display: block;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.071em;
  color: #222;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.Main .MediaBd {
  /* width: 100%; */
  height: auto;
  position: relative;
}

.Main .MediaBd .Board .list {
  margin-top: 0;
  height: 130px;
}

.Main .MediaBd .more {
  display: block;
  top: 10px;
  right: 10px;
}

.Main .MediaBd .more a {
  display: block;
  background: none;
}

.Main .MediaBd .more a:hover,
.Main .MediaBd .more a:focus {
  background: #ededed;
}

.Main .MediaBd .Board .list li .subject a {
  color: #444;
  line-height: 32px;
  height: 32px;
}

.Main .MediaBd .Board .list li .subject a:hover,
.Main .MediaBd .Board .list li .subject a:focus {
  color: #daa628;
  font-weight: 700;
}

.Main .MediaBd .Board .list li .date {
  color: #666;
  line-height: 32px;
}

.Main .btlink ul {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 20px 0 0 0;
}

.Main .btlink ul {
  margin: 0;
  padding: 0;
  /* border: #ddd solid 1px; */
}

.Main .btlink ul li {
  float: left;
  width: 33.333333%;
  list-style-type: none;
}

.Main .btlink ul:after {
  content: "";
  display: block;
  clear: both;
}

.Main .btlink ul li a {
  display: block;
  padding: 91px 0 27px;
  text-align: center;
  text-decoration: none;
  background-color: #8d093e;
  font-style: bold;
  height: 144.5px;
  /* line-height: 1.1; */
  font-size: 1rem;
  border: 1px solid #67072d;
  border-left: 0;
  background-position: center top 25px;
  background-repeat: no-repeat;
  color: #ffffff;
  transition: 0.3s;
}

.Main .btlink ul li.bg1 a {
  border-bottom: 0;
  background-position: center top 35px;
  border-left: 1px solid #67072d;
  background-image: url(/Common_new_2019/Images/main_btlink_bg1.png);
}

.Main .btlink ul li.bg2 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg2.png);
  border-bottom: 0;
  background-position: center top 27px;
}

.Main .btlink ul li.bg3 a {
  border-bottom: 0;
  background-image: url(/Common_new_2019/Images/main_btlink_bg3.png);
  background-position: center top 34px;
}

.Main .btlink ul li.bg4 a {
  border-left: 1px solid #67072d;
  background-image: url(/Common_new_2019/Images/main_btlink_bg4.png);
  background-position: center top 34px;
  border-bottom: 0;
}

.Main .btlink ul li.bg5 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg5.png);
  background-position: center top 34px;
  border-bottom: 0;
}

.Main .btlink ul li.bg6 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg6.png);
  background-position: center top 34px;
  border-bottom: 0;
}

.Main .btlink ul li.bg7 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg7.png);
  background-position: center top 34px;
}

.Main .btlink ul li.bg8 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg8.png);
  background-position: center top 34px;
  padding: 85px 0 21px;
  line-height: 1.2;
}

.Main .btlink ul li.bg10 a {
  background-image: url(/Common_new_2019/Images/main_btlink_bg10.png);
  background-position: center top 34px;
}

.Main .btlink ul li a:hover,
.Main .btlink ul li a:focus {
  background-color: #6e0731;
}

.Main .btlink ul li.bg2 a:hover,
.Main .btlink ul li.bg2 a:focus {
  color: #fff;
}

.bannerrolling .owl-nav,
.bannerrolling .owl-dots {
  display: none;
}

.bannerrolling .carouselButtons {
  display: block;
  text-align: left;
}

.bannerrolling {
  background: #fff;
  border: 1px solid #eee;
  padding: 18px 25px;
  height: auto;
  position: relative;
}

.bannerButtons.type1 {
  top: 34px;
  left: 11rem;
  position: absolute;
  width: 90px;
}

.bannerButtons.type1 .carouselButtons a {
  width: 27px;
  height: 27px;
  border: 1px solid #ddd;
  float: left;
}

.bannerButtons.type1 .carouselButtons a:hover,
.bannerButtons.type1 .carouselButtons a:focus {
  background-color: #f4f4f4;
}

.bannerButtons.type1 .carouselButtons .left {
  background: url(/Common_new_2019/Images/slide-left.png) no-repeat;
  background-position: center;
}

.bannerButtons.type1 .carouselButtons .right {
  margin-left: -1px;
  background: url(/Common_new_2019/Images/slide-right.png) no-repeat;
  background-position: center;
}

.bannerButtons.type1 .carouselButtons .pause {
  background: url(/Common_new_2019/Images/slide-pause.png) no-repeat;
  margin-left: -1px;
  background-position: center;
}

.bannerButtons.type1 .carouselButtons .play {
  background: url(/Common_new_2019/Images/slide-play.png) no-repeat;
  margin-left: -1px;
  background-position: center;
}

.bannerrolling h2 {
  color: #909090;
  position: relative;
  letter-spacing: -0.08rem;
  line-height: 1.2;
  display: block;
  width: 100%;
  text-align: left;
  clear: both;
  margin-bottom: 1rem;
  font-size: 1.143rem;
}

.bannerrolling span {
  color: #000;
  font-size: 1.286rem;
}

.bannerrolling .rollimg {
  width: auto;
}

.bannerrolling img {
  display: block;
  margin: 0 auto;
  width: 168px;
  height: 50px;
}

/* footer */
.Footer {
  margin: 0;
  background-color: #33383f;
  padding: 0;
  position: relative;
  background-repeat: repeat-x;
  background-position: top;
  text-align: center;
}

.Footer .FooterMenu {
  margin: 0 auto;
  padding: 0;
  display: none;
  position: relative;
}

.Footer .FooterMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Footer .FooterMenu li {
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
}

.Footer .FooterMenu li a {
  display: block;
  font-size: 1rem;
  line-height: 50px;
  color: #dfdfdf;
  text-decoration: none;
  transition: 0.2s;
}

.Footer .FooterMenu ul li:first-child a span:before {
  display: none;
}

.Footer .FooterMenu ul li a span {
  padding: 0 20px;
  white-space: nowrap;
  position: relative;
}

.Footer .FooterMenu ul li a span:before {
  width: 4px;
  content: "";
  height: 4px;
  display: block;
  position: absolute;
  top: 9px;
  background: #6c6f74;
  left: 0;
}

.Footer .FooterMenu ul li a:hover,
.Footer .FooterMenu ul li a:focus {
  color: #df1164;
  text-decoration: underline;
}

.Footer .FooterMenu li:first-child a {
  color: #df1164;
}

.Footer .FooterMenu li:last-child a span {
  border-right: none;
  padding-right: 0;
}

.Footer .FooterMenu li a img {
  display: inline-block;
  height: 30px;
  margin: 0 0 0 3px;
  padding: 0;
  vertical-align: middle;
  line-height: 30px;
}

.Footer .FooterMenu li.ml10 a img {
  margin-left: 10px;
}

.Footer .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0 20px 0;
}

.Footer .Social {
  text-align: center;
}

.Footer .Social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.Footer .Social li {
  float: left;
  list-style-type: none;
  margin-left: 0.4rem;
}

.Footer .Social li a {
  display: block;
}

.Footer .FamilySite {
  margin: 20px auto 0;
  display: inline-block;
}

.Footer .FamilySite select {
  margin: 0;
  padding: 10px 5px;
  width: 174px;
  height: 50px;
  font-size: 12px;
  min-height: 14px;
  float: left;
  line-height: 14px;
  background: #484c53;
  color: #b0b0b0;
  vertical-align: middle;
  border: none;
}

.Footer .FamilySite .btn_go {
  margin: 0;
  padding: 18px 16px;
  border: #333 solid 1px;
  background: #8d093e;
  font-size: 1rem;
  line-height: 14px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  float: left;
}

.Footer .FamilySite .btn_go:hover,
.Footer .FamilySite .btn_go:focus {
  background: #b71355;
}

.Footer .Copyright {
  margin: 0;
  padding: 20px 15px 30px 15px;
}

.Footer .Copyright address {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  color: #e2e2e2;
  line-height: 22px;
  clear: both;
}

.Footer .Copyright address span {
  white-space: nowrap;
  padding: 0 10px 0 0;
}

.Footer .Copyright address b {
  color: #000;
}

.Footer .Copyright p {
  margin-top: 25px;
  padding: 0;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  text-transform: uppercase;
  color: #9999a0;
}

.Footer .Copyright p .slush {
  display: none;
}
.Footer .Copyright p .copyright2 {
  display: block;
}
.Footer .Copyright p strong {
  color: #fff;
}

.Footer .Copyright .visitor {
  display: inline-block;
  margin: 0 auto;
}

.Footer .Copyright .visitor span {
  float: left;
  color: #c4c4c4;
  font-size: 14px;
  display: block;
  width: auto;
  margin-right: 10px;
  line-height: 0.8;
}

.Footer .Copyright .visitor p {
  float: left;
  width: auto !important;
  padding: 0;
  display: block;
  margin: 0 5px;
  font-size: 12px;
  color: #ff61a0;
}

.Footer .Copyright .visitor p strong {
  font-size: 12px;
}

#mask.cover-bg {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
}

.Footer .flic_wrap {
  display: flex;
  justify-content: center;
  margin-left: 0;
}

.Footer .flic_wrap ul {
  display: flex;
}

.Footer .flic_wrap li a {
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  margin-left: 0.4rem;
}

/* Tablet Device */
@media all and (min-width: 768px) {
  /*사용자 해상도가 768px 이상일 때  이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/
  .Header h1 {
    margin: 0;
    display: block;
    width: 100%;
  }

  .gnb {
    height: 34px;
    background: #313131;
  }

  .gnb .gnb ul {
    float: right;
  }

  .MainMenu ul.Lnb .active .depth2 {
    display: block;
  }

  .MainMenu ul.Lnb .depth2 {
  }

  .MainMenu ul.Lnb ul li {
  }

  .MainMenu ul.Lnb ul li a {
  }

  .MainMenu ul.Lnb ul li ul {
    min-height: 160px;
    margin: 0;
    padding: 0;
    border-top: none;
    background: none;
  }

  .MainMenu ul.Lnb ul li ul li {
    float: none;
    width: 100%;
  }

  .MainMenu ul.Lnb ul li ul li a {
    font-weight: 700;
    color: #313131;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
  }

  .Main #Content {
    margin: 0;
    margin: 45px 10px;
    position: relative;
    width: auto;
  }

  /* Main */
  .Main .LeftWrap,
  .Main .Iphak,
  .Main .MidWrap,
  .Main .Calendar,
  .Main .Enter,
  .Main .PhotoGallery,
  .Main .BoxBt {
    float: left;
    /* margin-bottom: 15px; */
  }

  .Main .Board .list li .date {
    width: 65px;
    float: left;
  }

  .Main .Board .list li .subject {
    /* width: 75%; */
    width: 50%;
  }

  .Main .Board .list li .date:after {
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    position: absolute;
    background: #a8a8a8;
    top: 10px;
    right: 0;
  }

  .Main .BannerZone .BoxStyle {
    background: #e5e5e5;
  }

  .Main .PhotoGallery ul li .cont .subject {
    margin-bottom: 0;
  }

  .Main .PhotoGallery ul li .cont .subject a {
    font-size: 14px;
  }

  .Main .Enter .qna-box a small {
    display: none;
  }

  /* Footer */
  .bannerrolling .rollimg {
    margin-left: 230px;
    width: auto;
    height: 45px;
  }

  .rollimg .owl-stage-outer {
    height: 50px !important;
  }

  .bannerrolling h2 {
    position: absolute;
    top: 22px;
  }

  .bannerrolling {
    height: 90px;
  }

  .Footer {
    text-align: unset;
  }

  .Footer .wrap {
    margin: 0;
  }

  .Footer .Social {
    position: absolute;
    right: 15px;
    bottom: 77px;
    margin: 0;
  }

  .Footer .FamilySite {
    position: absolute;
    right: 15px;
    top: 20px;
    list-style: none;
    line-height: normal;
    margin: 0;
  }

  .Footer .Copyright .visitor {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 50px;
  }

  .Footer .flic_wrap {
    position: absolute;
    right: 15px;
    bottom: 27px;
  }
  .Footer .Copyright p .slush {
    display: inline;
  }
  .Footer .Copyright p .copyright2 {
    display: inline;
  }
}

/* Desktop Device */
@media all and (min-width: 1000px) {
  /*사용자 해상도가 1001px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/
  #Footer .Footer {
    width: 1000px;
    margin: 0 auto;
  }

  .Footer .Social {
    right: 0;
    bottom: 30px;
  }

  .Footer .FamilySite {
    right: 0;
    top: 0;
  }

  .HeaderWrap {
    width: 100%;
    /* z-index: 900; */
    /* height: auto; */
    background: #fff;
  }

  .Header {
    padding: 0;
  }

  .PopupZone .PopupCont {
    width: 1200px;
    margin: 0 auto;
  }

  .Header {
    padding: 0;
    margin: 0 auto;
    width: 1000px;
    height: inherit;
    padding: 0;
    margin: 0;
    width: auto;
    position: relative;
    background-color: #fff;
    background-image: url(/Common_new_2019/Images/topmenu-bg.png);
    background-repeat: repeat-x;
    background-position: top;
  }

  .Header h1 {
    margin: 0 auto;
    display: block;
    height: 80px;
    padding: 1.5rem 0;
    background: url(../Images/slogan.png?v=20230102) no-repeat 100%;
    width: 1000px;
  }

  .Header .MainMenu {
    padding-top: 0;
    display: block;
    height: 65px;
    margin: 0 auto;
    overflow: inherit;
    top: inherit;
    right: inherit;
    position: relative;
    background: none;
    width: 1000px;
  }

  .Header .MainMenu .sdi-btn {
    display: block;
    position: absolute;
    padding: 0.7rem;
    text-align: center;
    top: -61px;
    transition: 0.3s;
    /*right: -157px;*/
    right: -165px; /*2024.11.07 수정(강병민)*/
    border: 1px solid #67072d;
    font-size: 1.2rem;
    color: #fff;
    /*width: 142px;*/
    width: 150px; /*2024.11.07 넓이수정(강병민)*/
    background: #8d093e;
  }

  .MainMenu .navbar-title {
    display: none;
  }

  .MainMenu ul.Lnb {
    height: 65px;
    margin: 0;
    border-top: 1px solid #b1b1b1;
    padding: 0;
  }

  .MainMenu ul.Lnb > li {
    float: left;
    display: block;
    padding: 1.45rem 0rem;
    width: 12.5%;
    position: relative;
    letter-spacing: -0.05rem;
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
    border: 0;
    position: relative;
    line-height: 1.5;
  }

  .MainMenu ul.Lnb > li > a {
    /* padding: 10px 14px; */
    font-size: 17.3px;
    padding: 0;
    color: #222;
    letter-spacing: -0.08rem;
    text-align: center;
  }

  .MainMenu ul.Lnb > li:hover > a,
  .MainMenu ul.Lnb > li:focus > a {
    font-weight: bold;
    color: #8d093e;
    background: none;
  }

  .MainMenu ul.Lnb > li:hover:after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    background-color: #8d093e;
    bottom: 0;
  }

  .header-bg.over {
    display: block;
    position: absolute;
    top: 179px;
    left: 0;
    width: 100%;
    height: 29rem;
    background-color: #fff;
    background-image: url(/Common_new_2019/Images/lnb-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    border-top: #b1b1b1 solid 1px;
    z-index: 1;
    -webkit-transition: left 0.25s ease;
    -moz-transition: left 0.25s ease;
    -ms-transition: left 0.25s ease;
    -o-transition: left 0.25s ease;
    transition: left 0.25s ease;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }

  .Header .navbar-nav.Lnb {
    display: block;
  }

  .navbar-nav:hover .depth2,
  .navbar-nav:focus .depth2 {
    display: block !important;
  }

  .MainMenu ul.Lnb li:first-child .depth2 {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
  }

  .MainMenu ul.Lnb .depth2 {
    position: absolute;
    top: 65px;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    right: 0;
    z-index: 26;
    margin-top: 1px;
    height: 29rem;
    width: 100%;
    background-color: transparent;
    text-align: center;
    padding: 1rem 0rem;
  }

  .MainMenu ul.Lnb .depth2.over {
    background-color: rgba(250, 250, 250, 0.53);
  }

  .MainMenu ul.Lnb .depth2 li {
  }

  .MainMenu ul.Lnb .depth2 li a {
    font-size: 0.9256rem;
    padding: 5px 0;
    display: block;
  }

  .MainMenu ul.Lnb .depth2 li a:hover {
    color: #ebebeb;
    background-color: #8d093e;
  }

  .Header .nav-bg-fostrap {
    display: none;
  }

  .Main #Content {
    margin: 0 auto;
    padding: 34px 0;
    position: relative;
    width: 980px;
  }

  .Main #Content .clearfloat.not {
    display: none;
  }

  /* Main */
  .Main #Content {
    margin: 0 auto;
    width: 1000px;
  }

  .Main .QuickLink .tit h2 {
    line-height: 25px;
    padding-left: 10px;
    font-size: 1.071rem;
    background-image: url(/Common_new_2019/Images/quick-icon.png);
    background-repeat: no-repeat;
    background-position: left 26px center;
  }

  .Main .QuickLink {
    position: absolute;
    top: 34px;
    left: 50%;
    box-shadow: 0 1px 3px #e6e6e6;
    /*width: 142px;*/
    width: 150px; /*2024.11.07 넓이수정(강병민)*/
    margin-left: 515px;
  }

  .scroll-fixed {
    position: inherit;
    top: inherit;
  }

  .Main .QuickLink.scroll-fixed {
    margin: inherit;
    width: 142px;
    left: 50%;
    margin-left: 515px;
  }

  .Main .QuickLink ul {
    margin: 0;
    padding: 0;
  }

  .Main .QuickLink ul li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .Main .QuickLink ul li a {
    font-size: 13px;
    padding: 13px 10px 13px 40px;
    letter-spacing: -0.08em;
    background-repeat: no-repeat;
    text-align: left;
    background-position: 13px center;
  }

  .Main .QuickLink ul li.bg1 a {
    background-image: url(../Images/quick01.png);
    background-position: 13px center;
  }

  .Main .QuickLink ul li.bg2 a {
    background-image: url(../Images/quick02.png);
    background-position: 15px center;
  }

  .Main .QuickLink ul li.bg3 a {
    background-image: url(../Images/quick03.png);
  }

  .Main .QuickLink ul li.bg4 a {
    background-image: url(../Images/quick04.png);
    background-position: 12px center;
  }

  .Main .QuickLink ul li.bg5 a {
    background-image: url(../Images/quick05.png);
    background-position: 15px center;
  }

  .Main .QuickLink ul li.bg6 a {
    background-image: url(../Images/quick06.png);
    background-position: 11px center;
  }

  .Main .QuickLink ul li.bg7 a {
    background-image: url(../Images/quick07.png);
    background-position: 14px center;
  }

  .Main .QuickLink ul li.bg8 a {
    background-image: url(../Images/quick08.png);
    background-position: 12px center;
  }

  .Main .QuickLink ul li.bg9 a {
    background-image: url(../Images/quick09.png);
    background-position: 13px center;
  }

  .Main .QuickLink ul li.bg10 a {
    background-image: url(../Images/quick10.png);
    background-position: 13px center;
  }

  .Main .QuickLink a.top {
    display: block;
    margin: 0;
    padding: 8px 0 15px 0;
    color: #3a3a3a;
    /* font-family: 'Nanum Square'; */
    font-style: bold;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    background: #ffffff;
    text-decoration: none;
  }

  .Main .QuickLink a.top span {
    display: block;
    height: 14px;
    padding: 2px 0 5px 0;
    margin: 2px 0 2px 0;
    width: 100%;
  }

  .Main .QuickLink a.top:hover,
  .Main .QuickLink a.top:focus {
    color: #8d093e;
  }

  .Main .LeftWrap {
    width: 63.5%;
  }

  .Main .ListBox,
  .Main .Enter {
    width: 36.5%;
    /* margin-left: 4px; */
  }

  .Main .Enter .qna-box {
    margin-left: 8px;
    height: 156px;
  }

  .Main .PhotoGallery {
    width: 49%;
  }

  .Main .PhotoGallery .slidesjs-slide {
    width: 100%;
    height: 148px;
    overflow: hidden;
  }

  .Main .PhotoGallery .slidesjs-container {
    margin-bottom: 0;
  }

  .Main .Calendar {
    width: 51%;
  }

  .Main .Calendar .BoxStyle {
    margin-left: 8px;
    margin-right: 7px;
  }

  .Main .LeftWrap .Board {
    /* height: 315px; */
    height: 330px;
  }

  .Main .Board .list li {
    position: relative;
  }

  .Main .Iphak {
    height: 250px;
    margin-top: 0;
  }

  .Main .LeftWrap .Board {
    margin-right: 7px;
  }

  .Main .Calendar .CalBox,
  .Main .MediaBd .BoxStyle {
    margin-right: 8px;
  }

  .Main .MediaBd .btlink {
    margin-left: 8px;
  }

  .Main .PhotoGallery .BoxStyle {
    margin-right: 7px;
    height: 260px;
  }

  .Main .Enter .BoxStyle {
    height: 190px;
    padding: 0;
    /* width: 100%; */
    margin-left: 8px;
  }

  .Main .Enter .qna-box h5 {
    font-size: 1.4rem;
  }

  .Main .BannerZone {
    height: 224px;
    margin-top: 0;
    overflow: hidden;
  }

  .Main .Calendar .BoxStyle {
    height: 260px;
  }

  .Footer {
    background-image: url(/Common_new_2019/Images/footer-bg.png);
  }

  .Footer .FooterMenu ul li a span {
    border-right: none;
  }

  .Footer .FooterMenu {
    width: 1000px;
    border-bottom: 1px solid #494d52;
    display: block;
  }

  .Footer .Copyright {
    margin: 0 auto;
    padding: 20px 10px 30px 10px;
    background: url(/Common_new_2019/Images/Footer_Logo.png) no-repeat 10px 21px;
    width: 1000px;
    position: relative;
    border-top: 1px solid #1e2125;
  }

  .Footer .Copyright .visitor {
    position: absolute;
    float: none;
    right: 0;
  }

  .Footer .Copyright address,
  .Footer .Copyright p {
    padding-left: 235px;
  }

  #mask.cover-bg {
    display: none;
  }

  .Footer .flic_wrap {
    position: absolute;
    bottom: 30px;
    right: 915px;
  }
}

/* 20210525kj */
.text-break {
  word-break: keep-all !important;
}

.Footer .Copyright address span.ws {
  white-space: nowrap;
  padding: 0;
}

/* 20250324 jyg*/
.Main .Board .list li .board_title {
  width: 165px;
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}