/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.top {
  border-bottom: 1px solid #e9e9e9;
  font-weight: 800;
  font-size: 14px;
  line-height: 14px;
}
.top > div > a {
  padding: 17px 8px;
}
@media only screen and (min-width: 768px) {
  .top > div > a {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .top > div > a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.top > div > a:hover {
  background-color: #e9e9e9;
}
.top .home {
  font-size: 0;
  width: 57px;
  background: url("../images/icon.svg") center/41px no-repeat #2f4e8d;
}
.top .home:hover {
  background-color: #2f4e8d;
}
.top .social {
  font-size: 0;
  padding: 11px 17px;
}
.top .social li {
  padding-left: 8px;
  padding-right: 8px;
}
.top .social .genericon::before {
  font-size: 14px;
  line-height: 25px;
}
.top .social .genericon-facebook {
  color: #3b5998;
}
.top .social .genericon-feed {
  color: #f26522;
}
.top .social .genericon-twitter {
  color: #1da1f2;
}
.top .social .genericon-tablet {
  color: black;
}
@media only screen and (max-width: 767px) {
  .top > div > a {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
  }
}
@media only screen and (min-width: 768px) {
  .top .social {
    border-left: 1px solid #e9e9e9;
  }
  .top .top-l > a {
    border-right: 1px solid #e9e9e9;
  }
  .top .top-l > a.home {
    border-right: none;
  }
  .top .top-r > a {
    border-left: 1px solid #e9e9e9;
  }
}

.ph {
  padding-top: 30px;
  padding-bottom: 20px;
}
.ph .logo {
  display: block;
  width: 263px;
  height: 45px;
  background: url("../images/logo.svg") center/contain no-repeat;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
@media only screen and (max-width: 991px) {
  .shrinkHeader .ph .logo {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    top: 10px;
    left: 50%;
    z-index: 2;
    width: 145px;
    height: 25px;
  }
}
.ph .bn {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ph .bn {
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ph .bn {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.pn {
  position: relative;
  padding-right: 30px;
  border-top: 3px solid #2f4d8f;
  border-bottom: 1px solid #d4d4d4;
  background-color: white;
  font-size: 16px;
  line-height: 16px;
  padding-top: 13px;
  padding-bottom: 14px;
}
.pn a:hover {
  color: #2f4e8d;
}
.pn .pn-l {
  font-weight: 800;
}
.show-menu .pn .genericon-menu::before {
  content: "\f406";
}
@media only screen and (max-width: 991px) {
  .pn .pn-l, .pn .pn-r {
    display: none;
  }
  .pn .pn-l,
  .pn .pn-r {
    height: 0;
    overflow: hidden;
    position: fixed;
    top: 46px;
    width: 50%;
    background-color: white;
  }
  .pn .pn-l li,
  .pn .pn-r li {
    padding: 10px 0;
  }
  .show-menu .pn .pn-l, .show-menu
  .pn .pn-r {
    height: calc(100vh - 46px);
    overflow-y: scroll;
  }
  .pn .pn-r {
    left: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .pn .pn-l {
    -webkit-flex: 1;
    flex: 1;
    padding-left: 10px;
  }
  .pn .pn-l li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
  }
  .pn .pn-r li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pn .pn-r li:first-child::before {
    content: "|";
    color: #d4d4d4;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .pn .pn-r li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pn .pn-r li:first-child::before {
    margin-right: 30px;
  }
}

.search-form {
  transition: 0.3s;
  position: absolute;
  top: 6px;
  right: 0;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid transparent;
}
.search-form input[type="submit"] {
  width: 0;
  height: 0;
}
.search-form input[type="text"] {
  transition: 0.3s;
  width: 0;
  height: 28px;
  text-indent: 10px;
  position: absolute;
  right: 30px;
  top: 0;
}
.search-form .genericon {
  position: absolute;
  top: 7px;
  right: 7px;
}
.show-search .search-form {
  border-color: #e4e4e4;
  width: 155px;
}
.show-search .search-form input[type="text"] {
  width: 125px;
}

.ph2 {
  transition: 0.3s;
  position: relative;
  z-index: 1;
  padding: 10px 45px 30px 20px;
  border-bottom: 1px solid #e9e9e9;
  background-color: white;
}
.ph2 > div {
  height: 25px;
  position:relative;
}
.ph2 .search-form {
  right: 15px;
}
.ph2 .genericon-menu {
margin : 45px 0 15px 0;
}
.ph2 .logo {
  display: block;
  width: 147px;
  height: 24px;
  background: url("../images/logo.svg") center/contain no-repeat;
  font-size: 0;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-0%, -0%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.ph2 .info {
  display: none;
}
.ph2 .category {
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
}
.ph2 .title {
  display: none;
  font-size: 16px;
  line-height: 16px;
}
.ph2 .title::before {
  content: "|";
  margin-left: 15px;
  margin-right: 15px;
}
.ph2 .social {
  display: none;
  border-right: 1px solid #b7b7b7;
  padding-right: 4px;
  position: absolute;
  right: 45px;
}
.ph2 .social a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.ph2 .social a svg {
  display: block;
  fill: #231f20;
}
.ph2 .social .facebook svg {
  width: 7px;
  height: 13px;
}
.ph2 .social .facebook:hover svg {
  fill: #3b5998;
}
.ph2 .social .twitter svg {
  width: 14px;
  height: 11px;
}
.ph2 .social .twitter:hover svg {
  fill: #1da1f2;
}
.ph2 .social .comment svg {
  width: 15px;
  height: 15px;
}
.ph2 .social .comment:hover svg {
  fill: #f26522;
}
.ph2 .social .mail svg {
  width: 15px;
  height: 12px;
}
.ph2 .social .mail:hover svg {
  fill: #3e3d3d;
}
.ph2.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 600px) {
  .ph2.fixed .logo {
    position: static;
    -moz-transform: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    transform: initial;
  }
  .ph2.fixed .info {
    display: block;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .ph2.fixed .social {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .ph2.fixed .info .title {
    display: inline;
  }
}

.pn2 {
  transform: translateX(-200px);
  transition: 0.3s;
  background-color: white;
  width: 200px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 2;
}
.show-menu .pn2 {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px;
  transform: translateX(0);
}
.pn2 .genericon-close-alt {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  z-index: 1;
}
.pn2 > ul {
  font-weight: 800;
}
.pn2 > ul > li {
  position: relative;
}
.pn2 > ul > li > a {
  position: relative;
  padding: 12px 25px;
}
.pn2 > ul > li > a::after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
  content: "\f431";
  font-weight: normal;
  font-family: "Genericons";
  color: #a1a1a1;
  position: absolute;
  top: 12px;
  right: 15px;
}
.pn2 > ul > li:hover > a::after {
  color: white;
}
.pn2 ul {
  font-size: 14px;
  line-height: 14px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.pn2 ul a {
  display: block;
}
.pn2 ul li:hover > a {
  background-color: #1b75bb;
  color: white;
}
.pn2 .pn-t {
  padding-top: 45px;
  border-bottom: 1px solid #e9e9e9;
}
.pn2 .submenu {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  display: none;
  font-weight: normal;
  position: absolute;
  z-index: 3;
  left: 104px;
  top: -16px;
  background-color: white;
  border: 1px solid #dadada;
  padding: 11px;
  width: 200px;
  border-radius: 5px;
}
.pn2 .submenu a {
  padding: 9px;
}
.pn2 .submenu::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 24px;
  border-right: 10px solid #dadada;
  border-top: 10px inset transparent;
  border-bottom: 10px inset transparent;
}
.pn2 .submenu::after {
  content: "";
  display: block;
  position: absolute;
  left: -8px;
  top: 26px;
  border-right: 8px solid white;
  border-top: 8px inset transparent;
  border-bottom: 8px inset transparent;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.pf .genericon-collapse {
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 38px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  border: 1px solid #d4d4d4;
  background-color: white;
}
.pf .genericon-collapse:hover {
  background-color: #1b75bb;
  border-color: #1b75bb;
  color: white;
}
@media only screen and (min-width: 1200px) {
  .pf .genericon-collapse {
    bottom: 25px;
    right: 25px;
  }
}

.logos {
  border-top: 1px solid #d4d4d4;
  padding-top: 23px;
  padding-bottom: 24px;
}
.logos a {
  margin: 10px 30px;
}

.pf-b {
  font-size: 12px;
  line-height: 18px;
  padding-top: 12px;
  padding-bottom: 8px;
}
.pf-b p {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .pf-b .fn {
    padding-left: 20px;
    padding-right: 30px;
  }
}
.pf-b .logo {
  display: inline-block;
  vertical-align: middle;
  width: 155px;
  height: 29px;
  background: url("../images/logo.svg") center right/115px no-repeat;
  font-size: 0;
  margin-bottom: 6px;
}
.pf-b .logo::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 29px;
  background: url("../images/icon.svg") center/24px no-repeat #2f4e8d;
}

.pf-b2 {
  border-top: 1px solid #ececec;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 12px;
  line-height: 18px;
}

/*------------------------------------*\
    $PAGE
\*------------------------------------*/
.ticker {
  font-size: 12px;
  color: #666;
  height: 0;
  overflow: hidden;
  padding: 15px 30px 0px 10px;
  margin-bottom: 20px;
}
.ticker.slick-initialized {
  height: auto;
  overflow: visible;
}
.ticker .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 15px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background-color: white;
}
.ticker .slick-arrow::before {
  display: block;
  content: "\f431";
  font-size: 14px;
  font-family: "Genericons";
  color: #1b75bb;
}
.ticker .slick-prev {
  right: 15px;
}
.ticker .slick-prev::before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  text-indent: -1px;
}
.ticker .slick-next {
  right: 0;
}
.ticker .slick-next::before {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-indent: 2px;
}
.ticker label {
  color: #1b75bb;
  margin-right: 20px;
}

.bn-top {
  background-color: #f7f7f7;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}

.bn-bottom {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}

main {
  padding-bottom: 20px;
}
main .bn {
  text-align: center;
  margin-top: 20px;
}
main figure img {
  width: 100%;
}

.hb a:hover {
  color: #2f4e8d;
}
.hb summary,
.hb h6 {
  margin-bottom: 10px;
}
.hb .byline,
.hb h3,
.hb h2 {
  margin-bottom: 15px;
}
.hb h4 {
  margin-bottom: 20px;
}
.hb .byline,
.hb summary {
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.hb .related {
  font-size: 12px;
  margin-bottom: 12px;
  text-align:left;
}
.hb .related a {
  display: block;
  position: relative;
  padding-left: 15px;
  text-align:left;
  font-weight:bold;
}
.hb .related a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 2px solid #1b75bb;
  border-bottom: 2px solid #1b75bb;
  position: absolute;
  top: 2px;
  left: 0;
}
.hb .category {
  font-weight: 800;
  font-size: 12px;
  line-height: 12px;
  color: #1b75bb;
  margin-bottom: 6px;
}

.vid-list {
  border-bottom: 1px solid #d4d4d4;
}
.vid-list figure a {
  display: block;
  position: relative;
}
.vid-list figure a::before {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  font: 15px/15px "Genericons";
  content: "\f452";
  color: rgba(255, 255, 255, 0.85);
  border: 3px solid rgba(255, 255, 255, 0.85);
  position: absolute;
  bottom: 6px;
  left: 6px;
}
.vid-list .hb-1 figure a::before {
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 50px;
  border-width: 10px;
  left: 50%;
  bottom: 50%;
}
.vid-list .hb-1 h5 {
  margin-bottom: 20px;
}

.hb-1 figure {
  margin-bottom: 20px;
}

.hb-2 {
  border-top: 1px solid #d4d4d4;
  padding-top: 15px;
  padding-bottom: 10px;
}
.hb-2 figure {
  width: 40%;
  max-width: 92px;
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.hb-3 {
  border-top: 1px solid #d4d4d4;
  padding-top: 25px;
}
.hb-3 figure {
  width: 40%;
  max-width: 200px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

.hb-4 {
  border-top: 1px solid #d4d4d4;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hb-5 {
  position: relative;
}
.hb-5 h5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.hb-5 h5 a {
  display: block;
  padding: 25px;
}
.hb-5 h5 a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.block {
  margin-top: 25px;
}

.block-title {
  font-weight: 900;
  font-size: 18px;
  line-height: 18px;
  border-top: 3px solid #2f4d8f;
  padding-top: 17px;
  padding-bottom: 17px;
}
.block-title .sponsor::after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
  content: "\f431";
  font-size: 14px;
  font-family: "Genericons";
  color: #2f4e8d;
  margin-left: 5px;
}

.section-1 {
  border-top: 1px solid #d4d4d4;
  margin-top: 25px;
  padding-bottom: 20px;
}
.section-1 .title h4 {
  padding-top: 25px;
}
.section-1 .hb-2 {
  border-top: 0;
  padding-top: 25px;
  padding-bottom: 0;
}

.section-2 .title h4 {
  padding-top: 25px;
}
.section-2 .hb-2 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.section-2 .hb-2 h4 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .section-2 .hb-2 figure {
    max-width: 220px;
  }
}

.section-3 {
  border-top: 1px solid #d4d4d4;
  padding-bottom: 20px;
}
.section-3 .hb-1,
.section-3 .title h4 {
  padding-top: 25px;
}
.section-3 .category {
  margin-bottom: 10px;
}
.section-3 .hb-2.first {
  border-top: 0;
  padding-top: 25px;
}

.section-4 .title h4 {
  padding-top: 25px;
}
.section-4 .deco {
  border-top: 1px solid #d4d4d4;
  padding-top: 25px;
}
.section-4 h4 {
  margin-bottom: 25px;
}

.bottom-blocks {
  border-top: 1px solid #d4d4d4;
  margin-top: 25px;
}
.bottom-blocks .block-title {
  border-top: 0;
}
.bottom-blocks h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.bottom-blocks article {
  border-top: 1px solid #d4d4d4;
}
.bottom-blocks article:first-of-type {
  border-top: 0;
}
.bottom-blocks a:hover {
  color: #2f4e8d;
}

.verse {
  font-size: 12px;
  color: #555;
  padding: 15px 10px;
}

@media only screen and (min-width: 768px) {
  .col-r {
    border-left: 1px solid #d4d4d4;
  }

  .verse {
    float: right;
  }

  .ticker {
    max-width: 36%;
  }
}

/* 행사부분 추가-main */
.event_box01{ position: relative; padding: 0 5%;}
.event_box01 figure{width: 90%; margin: 0 auto;  margin-bottom: 10px;}
.event_box01 strong{display: block; width: 90%; margin: 0 auto; text-align: center; line-height: 145%;}

.event_box01 .slick-prev{ position: absolute; left: 0; top: 50%; transform: translateY(-100%);z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box01 .slick-prev:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 13px; top: 13px; transform: rotate(90deg);}

.event_box01 .slick-next{ position: absolute; right: 0; top: 50%; transform: translateY(-100%); z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box01 .slick-next:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 12px; top: 12px; transform: rotate(-90deg);}
.event_box01 .slick-dots{ position: absolute; right: 0; top: -34px;}
.event_box01 .slick-dots li{display: inline-block; width: 7px; height: 7px;  background:#cccccc; margin: 5px; cursor: pointer; }
.event_box01 .slick-dots li.slick-active{background:#333;}
.event_box01 .slick-dots li button{font-size: 0; line-height: 0; }

/* 행사부분 추가-article */
.event_area {
    border: 1px solid #ddd; 
    padding: 10px 10px 20px 10px; 
    margin: 0 0 0 96px;
    margin-top: -20px;
    width: 654px;
}
.event_area .tit{ border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 15px; padding-bottom: 7px;}

.event_box02{ position: relative; padding: 0 2%;}
.event_box02 figure{width: 90%; margin: 0 auto;  margin-bottom: 10px;}
.event_box02 strong{display: block; width: 90%; margin: 0 auto; text-align: center; line-height: 145%;}

.event_box02 .slick-prev{ position: absolute; left: -10px; top: 50%; transform: translateY(-100%);z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box02 .slick-prev:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 13px; top: 13px; transform: rotate(90deg);}

.event_box02 .slick-next{ position: absolute; right: -10px; top: 50%; transform: translateY(-100%); z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box02 .slick-next:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 12px; top: 12px; transform: rotate(-90deg);}
.event_box02 .slick-dots{ position: absolute; right: 0; top: -44px;}
.event_box02 .slick-dots li{display: inline-block; width: 7px; height: 7px;  background:#cccccc; margin: 5px; cursor: pointer; }
.event_box02 .slick-dots li.slick-active{background:#333;}
.event_box02 .slick-dots li button{font-size: 0; line-height: 0; }


.event_box02{ position: relative; padding: 0 2%;}
.event_box02 .fig{width: 90%; margin: 0 auto;  margin-bottom: 10px;}
.event_box02 strong{display: block; width: 90%; margin: 0 auto; text-align: center; line-height: 145%;}

.event_box02 .slick-prev{ position: absolute; left: -10px; top: 50%; transform: translateY(-100%);z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box02 .slick-prev:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 13px; top: 13px; transform: rotate(90deg);}

.event_box02 .slick-next{ position: absolute; right: -10px; top: 50%; transform: translateY(-100%); z-index: 1000; width: 50px; height: 50px; text-indent: -9999px; font-family: "Genericons"; font-size: 27px; background: rgba(0,0,0,0.5); }
.event_box02 .slick-next:before{content: "\f431"; color: #fff; text-indent: 0; position: absolute; left: 12px; top: 12px; transform: rotate(-90deg);}
.event_box02 .slick-dots{ position: absolute; right: 0; top: -44px;}
.event_box02 .slick-dots li{display: inline-block; width: 7px; height: 7px;  background:#cccccc; margin: 5px; cursor: pointer; }
.event_box02 .slick-dots li.slick-active{background:#333;}
.event_box02 .slick-dots li button{font-size: 0; line-height: 0; }