@font-face {
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*기본 CSS*/
.owl-works .owl-prev,
.owl-works .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -50px !important;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: transparent !important;
  padding: 7px 20px !important;
}
.owl-works .owl-next {
  right: 20px;
}
.owl-works .owl-dots,
.owl-list .owl-dots {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#main-cnter {
  padding: 0px;
}

/* index main */

.info-index h4,
.info-index h3 {
  font-weight: bold;
}

/*section*/

section.home-section {
  padding: 70px 0;
}
section.intro-section {
  /* margin-bottom: 80px; */
}
section.home-section .section-heading {
  position: relative;
  /* text-transform: uppercase; */
  margin-bottom: 40px;
  padding-left: 25px;
}

section.home-section .section-heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #2c7e96;
}

section.home-section .section-heading h4 {
  display: inline-block;
  margin-left: 0;
  letter-spacing: 10px;
  margin-top: 7px;
  margin-bottom: 0;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
}
section.home-section .section-heading h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 2.5em;
  /* font-weight: 400; */
  color: #126a83;
}

section.home-section .info-index .cate {
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-flex;
  padding: 5px 15px;
  color: #fff;
}

section#intro {
}

section#intro .container {
  position: relative;
}

section#intro .slogan {
  color: #fff;
  pointer-events: none;
}

section#intro .slogan h4 {
  font-size: 2em;
  margin-bottom: -10px;
}
section#intro .slogan h2 {
  font-size: 3.5em;
  font-weight: 800px;
}
section#intro .slogan .view-linker {
  border: 1px solid #fff;
  margin-top: 10px;
  padding: 3px 25px;
  display: inline-flex;
  cursor: pointer;
}

section#intro .bg-theme-alpha {
  pointer-events: none;
}

section#intro #top-Banner {
  position: absolute;
  z-index: 11000;
  top: 110px;
  right: 0px;
}

section#intro #btn-backissue {
  position: absolute;
  z-index: 11000;
  top: 70px;
  right: 10px;
}

section#intro #top-Banner .li-Banner {
  margin-bottom: 10px;
}

section#intro #top-Banner .li-Banner img {
  width: 90%;
}
/* special */
section#special .colum {
  padding-bottom: 80px;
}

section#special .info-index {
  position: absolute;
  bottom: 0px;
  background-color: #fff;
  /*margin-right: 15px;*/
  margin-right: 15%;
  margin-top: 40px;
}
section#special .colum {
  margin-bottom: 20px;
}
section#special .info-index .cate {
  float: right;
}
section#special .info-index h4 {
  font-size: 1.5em;
  padding: 30px 20px 10px;
}
section#special .info-index .subtitle {
  padding: 0px 20px;
}

/* /special */

/* news */

section#list-view {
  padding-bottom: 70px;
  background-color: rgba(44, 126, 150, 0.2);
}

/* /news */

section#interview .colum {
  margin-bottom: 10px;
}
section#interview .team-wrapper-overlay {
  position: relative;
}
section#interview .info-index {
  position: absolute;
  bottom: 0px;
  padding: 15px 15px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  /*margin-right: 15px;*/
  width: 100%;
  margin-right: 15px;
  margin-top: 40px;
  color: #fff;
  border-bottom: 3px solid rgba(0, 0, 0, 0.5);
}

section#interview .info-index h4 {
  font-weight: 500;
}

/* culture */
section#culture {
  /* text-align: center; */
}
section#culture .info-index {
  padding: 0px 25px 5px;
}

/* event */
section#Event img {
  width: 100%;
}
section#Event .colum {
  margin-bottom: 25px;
}

/*별도정의*/
.slick-wrap {
  position: relative;
}

.slick-works {
  z-index: 1;
}

.slick-works .item {
  /*height: 100vh;*/
  position: relative;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  /* height: 100%; */
  min-height: 630px;
}

.slick-works .item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}

.slick-works .item .slick-text {
  position: relative;
  display: flex;
  align-items: end;
  min-height: 630px;
  z-index: 2;
}

.slick-works .item .slick-text .inner {
  position: relative;
  width: 480px;
  height: 330px;
  padding: 35px 40px;
  background-color: #2c7e96;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  letter-spacing: -1px;
}

.slick-works .item .slick-text .inner > h2 {
  font-family: "Pretendard", sans-serif;
  display: inline-block;
  padding: 8px 14px;
  background-color: #1c4f5d;
  border-radius: 0px 10px 0px 0px;
  font-size: 20px;
  color: #ffffff;
  margin-top: 0;
}

.slick-works .item .slick-text .inner > h1 {
  font-weight: bold;
  font-size: 34px;
  color: #fff;
  line-height: 1.2;
  word-break: keep-all;
}

.slick-works .item .slick-text .inner > a {
  color: #fff;
  font-size: 16px;
}

.slick-works .item .bg-theme-alpha {
  position: absolute;
  height: 100%;
  width: 100%;
  min-height: 630px;
}

.slick-works .item .slick-text .inner > .arrow {
  position: absolute;
  bottom: 15px;
  right: 40px;
  list-style: none;
}

.slick-works .item .slick-text .inner > .arrow > li {
  float: left;
  width: 8px;
  height: 16px;
  background-image: url("./images/arrow.png");
  margin-left: 30px;
  transform: scaleX(-1);
  cursor: pointer;
}

.slick-works .item .slick-text .inner > .arrow > li:first-child {
  margin-left: 0;
  transform: scaleX(1);
}

.slick-works .slick-dots {
  display: none;
}

.slick-works .slick-dots > li {
  float: left;
  margin-left: 10px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0.5;
}

.slick-works .slick-dots > li:first-child {
  margin-left: 0;
}

.slick-works .slick-dots > li.slick-active {
  opacity: 1;
}

.slick-works .slick-dots > li > button {
  display: none;
}

.slick-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.slick-text .slick-list,
.slick-text .slick-track {
  width: 100%;
  height: 100%;
}

.slick-text .item {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: end;
}

.slick-text .item .inner {
  position: relative;
  width: 480px;
  height: 330px;
  padding: 35px 40px;
  background-color: #2c7e96;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  letter-spacing: -1px;
}

.slick-text .item .inner > h2 {
  display: inline-block;
  padding: 8px 14px;
  background-color: #1c4f5d;
  border-radius: 0px 10px 0px 0px;
  font-size: 20px;
  color: #ffffff;
  margin-top: 0;
}

.slick-text .item .inner > h1 {
  font-weight: bold;
  font-size: 34px;
  color: #fff;
  line-height: 1.2;
  word-break: keep-all;
}

.slick-text .item .inner > a {
  color: #fff;
  font-size: 16px;
}

.slick-text .item .inner > .arrow {
  position: absolute;
  bottom: 15px;
  right: 40px;
  list-style: none;
}

.slick-text .item .inner > .arrow > li {
  float: left;
  width: 8px;
  height: 16px;
  background-image: url("./images/arrow.png");
  margin-left: 30px;
  transform: scaleX(-1);
  cursor: pointer;
}

.slick-text .item .inner > .arrow > li:first-child {
  margin-left: 0;
  transform: scaleX(1);
}

.slick-text .slick-dots {
  /* display: none; */
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 55px;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  pointer-events: none;
}

.slick-text .slick-dots > li {
  float: left;
  margin-left: 10px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0.5;
}

.slick-text .slick-dots > li:first-child {
  margin-left: 0;
}

.slick-text .slick-dots > li.slick-active {
  opacity: 1;
}

.slick-text .slick-dots > li > button {
  display: none;
}

@media (min-width: 768px) {
  .slick-text .slick-dots {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .slick-text .slick-dots {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .slick-text .slick-dots {
    width: 1170px;
  }
}

@media (max-width: 480px) {
  .owl-works .owl-prev,
  .owl-works .owl-next {
    display: none !important;
  }
}

@media (max-width: 768px) {
  section#intro .slogan h4 {
    font-size: 1.5em;
    margin-bottom: -10px;
  }
  section#intro .slogan h2 {
    font-size: 1.5em;
  }

  section.intro-section {
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {
  .slick-works .item {
    min-height: 380px;
  }

  .slick-works .item .slick-text {
    min-height: 380px;
  }

  .slick-works .item .bg-theme-alpha {
    min-height: 380px;
  }

  section#intro #top-Banner {
    display: none;
  }

  section#special .colum {
    padding-bottom: 80px;
  }

  .slick-text .item .inner {
    min-width: 320px;
    width: auto;
    height: auto;
    min-height: 200px;
    background-color: transparent;
    padding: 10px 15px;
  }

  .slick-text .item .inner > h2 {
    display: inline-block;
    font-size: 15px;
    padding: 4px 7px;
  }

  .slick-text .item .inner > h1 {
    font-size: 20px;
  }

  .slick-text .slick-dots {
    display: none !important;
    padding: 5px 35px;
    left: 0;
    transform: translateX(0);
  }

  .slick-text .item .inner > .arrow {
    bottom: 10px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 1200px) {
}

@media (max-width: 1600px) {
}

/* 추가 CSS */
.Focus-slider,
.Activities_slick {
  position: relative;
  width: 100%;
}

.Focus-slider .slick-track,
.Activities_slick .slick-track {
  margin: 0;
}

.Focus-slider .item,
.Activities_slick .item {
  position: relative;
}

.Focus-slider .item .img,
.Activities_slick .item .img {
  position: relative;
  margin-bottom: 10px;
}

.Focus-slider .item .img > img,
.Activities_slick .item .img > img {
  max-width: 100%;
  border-radius: 10px;
}

.Focus-slider .item .img > .type {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 115px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #143038;
}

.Focus-slider .item .text,
.Activities_slick .item .text {
  position: relative;
  font-size: 20px;
  line-height: 1.3;
  padding: 0 10px;
  letter-spacing: -1px;
}

.Focus-slider .item .text::before,
.Activities_slick .item .text::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  width: 0;
  height: 110%;
  background-color: #2c7e96;
  opacity: 0.2;
  z-index: -1;
  transition: all 0.5s ease;
}

.Focus-slider .item .text:hover::before {
  width: 100%;
}
.Activities_slick .item .text:hover::before {
  width: 100%;
}

.Focus-slider .slick-controls,
.Activities_slick .slick-controls {
  position: absolute;
  bottom: -50px;
  width: 100%;
  text-align: center;
}

.Focus-slider .slick-controls .slick-arrow,
.Activities_slick .slick-controls .slick-arrow {
  display: inline-block !important;
  width: 8px;
  height: 16px;
  background-image: url(./images/arrow.png);
  transform: scaleX(-1);
  cursor: pointer;
}

.Focus-slider .slick-controls .slick-arrow.slide-m-prev2,
.Activities_slick .slick-controls .slick-arrow.slide-m-prev {
  transform: scaleX(1);
}

.Focus-slider .slick-controls .slick-arrow {
  filter: brightness(0);
}

.slide-m-dots,
.slide-m-dots2 {
  display: inline-block;
  margin: 0 20px;
}

.slide-m-dots ul,
.slide-m-dots2 ul {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
}

.slide-m-dots ul > li,
.slide-m-dots2 ul > li {
  float: left;
  margin-left: 5px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0.5;
}

.slide-m-dots2 ul > li {
  background-color: #000;
}

.slide-m-dots ul > li:first-child,
.slide-m-dots2 ul > li:first-child {
  margin-left: 0;
}

.slide-m-dots ul > li.slick-active,
.slide-m-dots2 ul > li.slick-active {
  opacity: 1;
}

.slide-m-dots ul > li > button,
.slide-m-dots2 ul > li > button {
  display: none;
}

#interview .EducationItem,
#interview .EducationItem .item {
  position: relative;
}

#interview .EducationItem .item .img {
  position: relative;
  margin-bottom: 10px;
}

#interview .EducationItem .item .img .type {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 115px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #143038;
}

#interview .EducationItem .item .img > img {
  max-width: 100%;
  border-radius: 10px;
}

#interview .EducationItem .item .text {
  position: absolute;
  bottom: 0;
  font-size: 18px;
  color: #fff;
  line-height: 1.3;
  padding: 10px;
  background-color: rgba(34, 34, 34, 0.7);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#culture .cultureItem,
#culture .cultureItem .item {
  position: relative;
}

#culture .cultureItem .item .img {
  position: relative;
  margin-bottom: 10px;
}

#culture .cultureItem .item .img > img {
  max-width: 100%;
  border-radius: 10px;
}

#culture .cultureItem .item .text {
  position: relative;
  /* font-weight: bold; */
  font-size: 18px;
  line-height: 1.3;
  text-indent: 10px;
}

#culture .cultureItem .item .text::before,
#recovery .cultureItem .item .text::before,
#interview .cultureItem .item .text::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  width: 0;
  height: 110%;
  background-color: #2c7e96;
  opacity: 0.2;
  z-index: -1;
  transition: all 0.5s ease;
}

#culture .cultureItem .item .text:hover::before,
#recovery .cultureItem .item .text:hover::before,
#interview .cultureItem .item .text:hover::before {
  width: 100%;
}

#subIntro {
  position: relative;
  top: 0px;
  width: 100%;
  height: 210px;
}
#subIntro .bg-theme-alpha {
  width: 100%;
  height: 100%;
}