@charset "utf-8";
.sub {
  padding: 6rem 0;
}
.sub_tit {
  height: 400px;
  width: 100%;
  background: url(../images/contents/sub_tit1.png) no-repeat center;
  display: flex;
  align-items: flex-end;
  padding: 40px 0;
}

.tit_st1 {
  font-size: 3rem;
  color: #fff;
  font-weight: 900;
  display: inline-block;
}
.tit_st2 {
  font-size: 3rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
  color: #000;
}
.tit_st3 {
  font-size: 1.8rem;
  text-align: center;
  color: #888;
  font-weight: 500;
}

.sub_tit p {
  color: #fff;
  display: inline-block;
  margin-left: 30px;
  font-size: 1.25rem;
  background: url(../images/contents/);
}

@media screen and (max-width: 900px) {
  .sub_tit {
    height: 250px;
  }
  .sub_tit p {
    display: block;
    margin-left: 0;
  }
}

/* board */
.top_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: flex-end;
}
.radio_wrap {
  display: flex;
  align-items: center;
}
.radio_wrap label {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.radio_wrap label span {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.search_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.count_area {
  position: absolute;
  top: 0;
  z-index: 1;
}

.select {
  padding: 1rem 2rem 1rem 1rem;
  font-size: 0.9rem;
}
.search_wrap .select {
  margin-right: 5px;
  height: 60px;
  width: auto;
}
.search_wrap .input {
  padding: 1rem;
  font-size: 0.9rem;
  max-width: 300px;
  width: 100%;
  height: 60px;
}
.search_wrap .btn {
  background-color: var(--sub-02-color);
  color: #fff;
  border-radius: 0;
  padding: 1rem 1.5rem;
  height: auto;
  margin: 0 0 0 5px;
  cursor: pointer;
  height: 60px;
}
.search_wrap .btn .material-icons {
  font-size: 1rem;
  margin-right: 4px;
}
.search_wrap .btn:hover {
  background-color: var(--main-color);
}

.table_area {
  width: 100%;
}
.table_board {
  border-top: 1px solid #000;
}
.table_board tr {
  border-bottom: 1px solid #e5e5e5;
}
.table_board thead th {
  padding: 10px;
}
.table_board tbody td a {
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
}
.table_board tbody td a b {
  display: block;
  font-size: 1rem;
  color: #000;
}
.table_board tbody td a em {
  font-size: 0.85rem;
  font-weight: 400;
}
.table_board tbody th,
.table_board tbody .tag_td {
  padding: 25px 10px;
  font-size: 0.9rem;
  text-align: center;
  font-weight: 300;
}
.table_board tr:hover {
  background-color: #f6f6f6;
}

.table_board .board_tag {
  font-weight: 500;
  font-size: 1rem;
}
.table_board .notice {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 5px 20px;
  font-size: 1rem;
  background-color: var(--sub-01-color);
}
.table_board tbody .tag_td {
  width: 200px;
}
.table_board tbody th {
  width: 10px;
}

.table_board .tag {
  background-color: #000;
  color: #fff;
  padding: 3px 15px;
  margin-bottom: 0;
}
.table_board .table_bg {
  background-color: #eff5fd;
}

.search_board tbody th {
  width: auto;
  text-align: left;
}
/* .search_board tbody th a{font-weight: 400;color: #000;} */
.search_board tbody td a {
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
}
.search_board tbody td a b {
  display: block;
  font-size: 1rem;
  color: #000;
}
.search_board tbody td a em {
  font-size: 0.85rem;
  font-weight: 400;
}

.view_top.search_tit {
  border-bottom: none;
}
.view_top.search_tit .title i {
  font-weight: 400;
  font-size: 1rem;
  color: #333;
  margin-left: 10px;
}
.view_top.search_tit .tit_st3 {
  font-size: 1.4rem;
}

.search_word {
  background-color: var(--yellowLight);
}

.thead_hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.board_btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
}
.board_btn .btn_st2 {
  margin: 0;
}

.table_st3 input {
  padding: 10px;
  border-color: #ddd;
}
.table_st3 input::placeholder {
  color: #ddd;
}
.table_st3 textarea {
  resize: none;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  border-color: #ddd;
}
.sub .table_st3 td {
  text-align: left;
}

@media screen and (max-width: 900px) {
  .top_area {
    flex-direction: column-reverse;
    align-items: inherit;
    margin-bottom: 20px;
  }
  .search_wrap {
    margin-bottom: 30px;
  }

  .table_board tr th {
    display: none;
  }
  .table_board tr .tag_td {
    width: 100px;
  }

  .news .table_board tbody td a {
    padding: 10px;
  }
}

/* boardView */
.view_top {
  width: 100%;
  padding: 0 0 10px;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.view_top .title {
  width: 100%;
  color: #000;
  font-size: 2.1rem;
  text-align: left;
  font-weight: 600;
}
.view_top .other_info {
  width: 100%;
  margin-top: 5px;
  color: #888;
  font-size: 1rem;
  justify-content: space-between;
  align-items: center;
}
.view_top .other_info em ~ em::before {
  content: "•";
  display: inline-block;
  margin: 0 7px;
}
.view_top .other_info .share button img {
  width: 35px;
  height: 35px;
}
.view_top .other_info .share button:last-child {
  width: 35px;
  height: 35px;
  background-color: #000;
  border-radius: 50%;
}
.view_top .other_info .share button:last-child .material-icons {
  color: #fff;
  vertical-align: middle;
}

.txt_box {
  min-height: 300px;
  padding: 30px 5px;
  font-size: 1rem;
}
.txt_box .tit {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 30px;
  color: #000;
}
.file_load {
  width: 100%;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  margin-bottom: 10px;
}
.file_load:hover b {
  text-decoration: underline;
}
.file_load .left {
  border-right: 1px solid #e5e5e5;
  padding: 20px;
  background: #f7f7f7;
}
.file_load .left .material-icons {
  vertical-align: bottom;
}
.file_load .right {
  width: calc(100% - 40px);
  padding: 0 20px;
  text-align: left;
  color: #888;
  font-size: 0.9rem;
}
.file_load .right b {
  width: 100%;
  display: inline-block;
  font-size: 1.1rem;
  text-align: left;
  color: #000;
}

.btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}
.btn_box .btn {
  max-width: 170px;
  width: 100%;
  height: 60px;
  display: inline-block;
  text-align: center;
  border-radius: 0;
  line-height: 60px;
  margin: 0px 10px;
}

/* magazine */
.tag_wrap {
  background-color: #e6e6e6;
  padding: 50px 0 40px;
  position: relative;
  overflow: hidden;
}
.tag_wrap .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.tag_wrap .tag {
  background-color: #fff;
  color: var(--gray);
}
.tag_wrap .tag:hover,
.tag_wrap .tag.on,
.tab_area .tag.on {
  background-color: var(--sub-01-color);
  color: #fff;
}
.tag_inner .tag {
}

.search_area2 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 500px;
  margin: 0 auto 6rem;
  align-items: center;
}
.search_area2 .input {
  border: none;
  background-color: #efefef;
  border-radius: 50px;
  max-width: 500px;
  font-size: 1.1rem;
  width: 100%;
  padding: 1.5rem 2rem;
}
.search_area2 .input::placeholder {
  color: #aaa;
}
.search_area2 .btn {
  position: absolute;
  right: 10px;
  background-color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}
.search_area2 .btn .material-icons {
  color: #aaa;
  font-size: 1.5rem;
}
.search_area2 .btn .material-icons {
  color: #aaa;
  font-size: 1.5rem;
}

.list {
  display: flex;
  padding: 3rem 0;
  position: relative;
  gap: 5%;
  justify-content: space-between;
}
.list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.list .img_area {
  width: 30%;
}
.list .img_wrap {
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
}
.list .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.list .txt_wrap {
  width: 70%;
  display: flex;
  flex-direction: column;
}
.list .txt_wrap .tags {
  margin-top: 2em;
}
.list .txt_wrap .date {
  font-size: 0.9rem;
}
.list .txt_wrap .tit {
  font-size: 1.5rem;
  font-weight: 800;
  color: #000;
  margin: 1.25rem 0;
}
.list .txt_wrap .txt {
  font-size: 1rem;
  color: #888;
}
.list .txt_wrap .tag {
  font-size: 0.9rem;
  margin-bottom: 0;
  margin-right: 5px;
}
.list:hover .img_wrap img {
  transform: scale(1.1);
}

.tit_txt {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.tit_txt .title {
  text-align: center;
  font-size: 2.5rem;
}
.tit_txt .other_info {
  text-align: right;
}

.list .tag_area {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.list .tag_area .tag {
  background-color: #fff;
  color: var(--gray);
  font-size: 0.8rem;
  padding: 5px 20px;
}

@media screen and (max-width: 900px) {
  .tag_wrap {
    padding: 20px 0 10px;
  }
  .search_area2 {
    width: 300px;
    margin-bottom: 5rem;
  }
  .search_area2 .input {
    max-width: 300px;
  }

  .list {
    flex-direction: column;
  }
  .list .img_area,
  .list .txt_wrap {
    width: 100%;
  }
  .list .txt_wrap {
    margin-top: 20px;
  }
  .list .txt_wrap .tags {
    margin-top: 20px;
  }
  .list .txt_wrap .tags .tag {
    margin-bottom: 10px;
  }
}

/* recruitment */
.recruitment_slider {
  margin-bottom: 20px;
  position: relative;
}

.recruitment_slider .box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitment_slider .img_box {
  height: 400px;
  width: 400px;
  position: relative;
  overflow: hidden;
  margin-right: 3rem;
}
.recruitment_slider .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruitment_slider .img_box .btn {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--sub-01-color);
  color: #fff;
  padding: 1.25rem;
  border-radius: 0;
  margin: 0;
  font-weight: 600;
}
.recruitment_slider .swiper-slide:hover .img_box img {
  transform: scale(1.1);
}

.recruitment_slider .tit {
  margin-bottom: 20px;
  width: 450px;
}
.recruitment_slider .tit span {
  color: #000;
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 10px;
  display: block;
  background-color: #fff;
  border-radius: 50px;
  width: 100%;
  text-align: center;
  padding: 0.5rem 1rem;
}
.recruitment_slider .tit h3 {
  color: var(--main-color);
  font-weight: 800;
  font-size: 2rem;
  margin: 2rem 0;
}

.recruitment.slide-controller {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: 92%;
  left: 50%;
  transform: translateX(-50%);
}
.recruitment.slide-controller .material-icons {
  color: #000;
  vertical-align: bottom;
}

.recruitment .swiper-pagination {
  position: unset;
}
.recruitment .swiper-pagination-bullet {
  background-color: #000;
  opacity: 0.3;
  margin: 0 5px;
}
.recruitment .swiper-pagination-bullet-active {
  background-color: #000;
  width: 30px;
  border-radius: 20px;
  opacity: 1;
}
.recruitment .autoplay-control button[aria-pressed="false"]::before {
  top: 6px;
  left: 4px;
  width: 12px;
  height: 12.5px;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
}
.recruitment .autoplay-control button[aria-pressed="true"]::before {
  top: 5px;
  left: 4px;
  border-top: 7px solid transparent;
  border-left: 10px solid #000;
  border-bottom: 7px solid transparent;
}

.recruitment_slider .swiper-slide {
  opacity: 0.3;
  transition: opacity 0.3s;
}
.recruitment_slider .swiper-slide-active {
  opacity: 1;
}

.list_wrap {
  display: flex;
  flex-wrap: wrap;
}
.list_wrap .list {
  width: 33%;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 3rem 0;
  padding: 1rem;
}
.list_wrap .list .img_box {
  width: 100%;
  height: calc(100% - 1rem);
  margin-right: 0;
  position: relative;
  overflow: hidden;
  max-height: 360px;
}
.press .list_wrap .list .img_box {
  max-height: 300px;
}
.list_wrap .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list_wrap .img_box .btn {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--sub-01-color);
  color: #fff;
  padding: 1.25rem;
  border-radius: 0;
  margin: 0;
  font-weight: 600;
}
.list_wrap .list:hover .img_box img {
  transform: scale(1.1);
}
.list_wrap .list::before {
  display: none;
}

.list_wrap .list .tit {
  background-color: #efefef;
  text-align: center;
  padding: 1rem;
  width: 100%;
  min-height: 222px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list_wrap .list .tit h3 {
  font-weight: 800;
  color: #000;
  font-size: 1.3rem;
  min-height: 70px;
}
.list_wrap .list .tit span::before {
  width: 90%;
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  margin: 10px auto;
}
.list_wrap .list .tit span {
  font-size: 0.9rem;
}

.list_wrap.org_wrap {
  gap: 50px 30px;
}
.list_wrap .ad {
  width: calc(20% - 24px);
  padding: 20px;
}
.list_wrap .ad .img_box {
  padding-bottom: 10px;
  overflow: hidden;
}
.list_wrap .ad:hover .img_box img {
  transform: scale(1.1);
}
.list_wrap .ad .tit {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.list_wrap .ad .tag {
  margin-right: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  padding: 4px 14px;
}
.list_wrap .ad .tag:hover {
  background-color: #e6e6e6;
  color: var(--gray);
}

.tab_area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.tab {
  border-radius: 50px;
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  font-size: 1rem;
  min-width: 100px;
  text-align: center;
}
.tab:hover,
.tab.on {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.mypage_member.tab_area {
  gap: 0;
  max-width: 500px;
  margin: 0 auto;
}
.mypage_member.tab_area .tab {
  border-radius: 0;
  padding: 1rem;
  min-width: auto;
  width: 100%;
}
.mypage_member.tab_area .tab:last-child {
  border-left: none;
}

.view_top.img_slider_wrap {
  padding-bottom: 50px;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.view_top .tit_wrap {
  width: calc(100% - 520px);
}
.view_top .tit_wrap .title {
  font-size: 2rem;
  margin-bottom: 20px;
}
.view_top .tit_wrap .date {
  font-size: 1.1rem;
  color: #000;
  margin-bottom: 20px;
  display: block;
}
.view_top .tit_wrap .date b {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
}

.view_top .tit_wrap .btn_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}
.view_top .tit_wrap .btn_wrap .btn_st3 {
  width: 100%;
  border: 1px solid transparent;
}

.btn_st3.apply {
  background-color: var(--yellowDark);
  color: #fff;
}
.btn_st3.apply:hover {
  background-color: var(--blue);
}
.btn_st3.ing {
  background-color: var(--blue);
  color: #fff;
}
.btn_st3.done {
  background-color: #aaa;
  color: #fff;
}

.img_slider {
  overflow: hidden;
  position: relative;
  max-width: 500px;
  width: 100%;
  max-height: 500px;
}
.img_slider .swiper-slide {
  text-align: center;
}
.img_slider img {
  height: 100%;
  object-fit: contain;
}

.img_slider .swiper-pagination-bullets {
  background-color: rgba(255, 255, 255, 0.4);
  bottom: 0 !important;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img_slider .swiper-pagination-bullet {
  background: #000;
  opacity: 0.3;
}
.img_slider .swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}

.img_slider .swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.img_slider .swiper-btn .material-icons {
  font-size: 3rem;
  color: #000;
}
.img_slider .swiper-btn-next {
  right: 0;
}

@media screen and (max-width: 1600px) {
  .list_wrap .ad {
    width: calc(25% - 23px);
  }
}

@media screen and (max-width: 1200px) {
  .list_wrap .list {
    width: 50%;
  }
  .list_wrap .list .tit {
    min-height: 200px;
  }

  .view_top .tit_wrap .title {
    font-size: 2.5rem;
  }
  .view_top .tit_wrap .date {
    font-size: 1.4rem;
  }

  .list_wrap .ad {
    width: calc(33% - 17px);
  }
}

@media screen and (max-width: 900px) {
  .recruitment_slider {
    margin-bottom: 30px;
  }
  .recruitment_slider .img_box {
    margin-right: 2rem;
  }
  .recruitment.slide-controller {
    top: 90%;
  }
  .recruitment_slider .box {
    padding: 20px;
  }

  .list_wrap .list {
    width: 100%;
  }
  .list_wrap .list .img_box {
    height: 400px;
  }
  .list_wrap .list .tit {
    min-height: auto;
  }
  .recruitment_slider .tit h3 {
    margin: 1rem 0;
  }

  .view_top.img_slider_wrap {
    flex-direction: column-reverse;
  }
  .img_slider {
    margin: 0 auto;
  }
  .view_top .tit_wrap {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .list_wrap .ad {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 600px) {
  .recruitment_slider .box {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .recruitment_slider .img_box {
    margin-right: 0;
    width: 350px;
  }
  .recruitment_slider .tit {
    width: 350px;
  }
  .recruitment.slide-controller {
    top: 92%;
  }

  .list_wrap .list .img_box {
    height: 300px;
  }

  .list_wrap .ad {
    width: 100%;
  }
}

/* about */
.tit_st2.font_gray {
  font-size: 2.4rem;
}
.mission {
  display: flex;
  justify-content: space-between;
}
.mission .txt_wrap {
  width: 55%;
}
.mission .txt_wrap p {
  margin-bottom: 30px;
}
.mission .txt_wrap p b {
  color: var(--sub-01-color);
  text-transform: capitalize;
  font-size: 1.3rem;
}
.mission .img_wrap {
  width: 40%;
  border: 1px solid #ededed;
  padding: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.img_wrap.d_flex {
  flex-wrap: wrap;
}
.img_wrap.d_flex img {
  width: 50%;
}

@media screen and (max-width: 900px) {
  .mission {
    flex-direction: column-reverse;
    align-items: center;
  }
  .mission .txt_wrap,
  .mission .img_wrap,
  .mission .img_wrap img {
    width: 100%;
  }
  .mission .txt_wrap {
    margin-top: 30px;
  }

  .mission.mt50 {
    flex-direction: column;
  }
  .tit_st2.mt40.mb20 {
    margin-top: 3em !important;
    margin-bottom: 1em !important;
  }
}

@media screen and (max-width: 600px) {
  .img_wrap.d_flex img {
    width: 100%;
  }
  .d_flex.mt30 {
    flex-direction: column;
  }
  .d_flex.mt30 .btn_st3 {
    margin-bottom: 10px;
  }
}

/* login */
.required,
textarea.required {
  background-image: url("../../img/require.png") !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}

#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.msg_sound_only,
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

.mbskin {
  max-width: 355px;
  margin: 0 auto;
}
.frm_input {
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
  height: 60px;
  padding: 5px 10px;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.frm_input::placeholder {
  color: #d0d3db;
  font-size: 0.9rem;
}
.login_if_auto {
  display: flex;
}
.selec_chk {
  margin-top: 0px;
  accent-color: #000;
}
.selec_chk_label {
  font-size: 0.85rem;
  margin-left: -5px;
}

.login_if_lpl {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  align-items: center;
}
.login_if_lpl a {
  color: #aaa;
  font-size: 0.9rem;
}
.login_if_lpl a:hover {
  color: #000;
}
.login_if_lpl a::after {
  content: "";
  display: inline-block;
  height: 16px;
  width: 1px;
  background-color: #ddd;
  margin-right: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
.login_if_lpl a:last-child::after {
  display: none;
}

.login_sns h3 {
  text-align: center;
  font-weight: 600;
  margin-top: 40px;
}
.sns-wrap a {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  padding: 10px;
  margin-bottom: 10px;
}
.sns-wrap a:hover {
  border-color: #000;
}
.sns-wrap a img {
  width: 30px;
  margin-right: 10px;
}
.sns-wrap a span {
  font-size: 0.9rem;
}

/* register */
.register {
  max-width: 500px;
  margin: 0 auto;
}
.register section::after {
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ddd;
}
.register h3 {
  text-align: center;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 1rem;
}

.register_check {
  font-weight: 600;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.register_check .material-icons {
  margin-right: 5px;
}
.register textarea {
  width: 100%;
  resize: none;
  height: 100px;
  margin-top: 5px;
  box-sizing: border-box;
  font-size: 1rem;
}
.fregister_agree {
  display: flex;
  margin-top: 10px;
}
.fregister_agree .selec_chk {
  margin-right: 10px;
}

.chk_all .selec_chk {
  width: 15px;
}
.chk_all_label {
  font-weight: 600;
  font-size: 1rem;
  margin-top: -2px;
}

.btn_confirm {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.btn_confirm .btn_st2 {
  margin: 0;
}
.btn_close {
  background-color: #ddd;
  color: #aaa;
}
.btn_close:hover {
  background-color: #ccc;
}

.radio {
  accent-color: #000;
}
.radio_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.radio_wrap li {
  display: flex;
  align-items: center;
}
.radio_wrap li label {
  margin-left: 5px;
}

.address_wrap {
  display: flex;
  align-items: center;
}
.address_wrap .btn_st3 {
  max-width: 150px;
  height: 50px;
  font-size: 0.9rem;
  margin-left: 10px;
}

.chk_box {
  display: flex;
}
.chk_box .selec_chk {
  margin-right: 10px;
}

.captcha .d_flex {
  gap: 20px;
  align-items: flex-end;
}
.captcha .d_flex img {
  border: 1px solid #ddd;
  padding: 10px;
  width: 100%;
  min-width: 120px;
  max-width: 180px;
}
.register .btn_wrap .btn_st3 {
  max-width: 100px;
  height: 25px;
  font-size: 0.9rem;
}
.register .btn_wrap .btn_st3:first-child {
  margin-bottom: 5px;
}
.captcha_info {
  font-size: 0.9rem;
  margin-top: 10px;
  display: block;
}

.result_box {
  padding: 30px;
  border: 1px solid #ddd;
}
.result_box p {
  font-size: 0.9rem;
  margin-bottom: 15px;
  word-break: break-all;
}
.result_box p .material-icons {
  vertical-align: sub;
  font-size: 1rem;
  margin-right: 3px;
  color: var(--blue);
  font-weight: 600;
}
.reg_result_p strong {
  margin-right: 5px;
}

.orange_box span {
  display: block;
  font-size: 1rem;
}
.orange_box h4 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #000;
}

label {
  font-size: 1rem;
}

.is_captcha_use .btn_wrap {
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  .address_wrap .btn_st3 {
    max-width: 100px;
    height: 40px;
  }
}

/* preparing */
.tit_st2 .material-icons {
  font-size: 5rem;
  color: var(--blue);
}

/* 연혁 */
.history-wrap {
  position: relative;
}
.history {
  padding: 20px;
  display: flex;
}
.history .year {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  border-right: 1px dashed #e6e6e6;
  text-align: center;
  color: #000;
  padding-right: 40px;
}
.history .year::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 6px;
  right: -9px;
  background-color: var(--sub-01-color);
  border-radius: 50%;
}
.history .his-list {
  padding-left: 40px;
}
.history .his-list li {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 300;
  display: flex;
}
.history .his-list li b {
  width: 50px;
  display: inline-block;
  color: #000;
}
.history .his-list li .cont {
}
.history .his-list li img {
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width: 900px) {
  .history {
    flex-direction: column;
  }
  .history .year {
    width: 100%;
    margin-bottom: 30px;
    border-right: none;
    padding-right: 0;
  }
  .history .year::after {
    display: none;
  }
  .history .his-list {
    width: 100%;
    padding-left: 0;
  }
  .history .his-list li b {
    width: 30px;
  }
}

/* cstory */
.cstory {
  justify-content: space-between;
}
.cstory .txt_wrap {
  width: calc(100% - 350px);
}
.cstory .txt_wrap .writer {
  display: flex;
  align-items: center;
}
.cstory .txt_wrap .writer img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-right: 10px;
}
.cstory .txt_wrap .writer .date {
  font-size: 1rem;
  color: #ccc;
  margin-left: 20px;
}
.cstory .txt_wrap .tit {
  font-size: 2rem;
  margin-bottom: 30px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block;
}
.cstory .txt_wrap .txt {
  font-size: 1.2rem;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  display: block;
}
.cstory .txt_wrap .reaction {
  display: flex;
  align-items: center;
  margin-top: 50px;
  font-size: 1rem;
}
.cstory .txt_wrap .reaction .material-icons {
  margin-right: 5px;
  font-size: 1rem;
}
.cstory .txt_wrap .reaction .material-icons:last-child {
  margin-right: 5px;
  margin-left: 20px;
}
.cstory .img_area {
  width: 300px;
}
.cstory .img_area .img_wrap {
  border-radius: 0;
}
.cstory .img_area img {
  border-radius: 0;
}

.view_top .other_info img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  object-fit: cover;
  margin-right: 5px;
  vertical-align: bottom;
}
.txt_box img {
  /*display: block;*/
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .cstory {
    flex-direction: column-reverse;
  }
  .cstory .txt_wrap,
  .cstory .img_area {
    width: 100%;
  }
  .cstory .txt_wrap .tit {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: block;
    white-space: unset !important;
  }
}

/* comment */
.like_btn span {
  color: #ddd;
}
.like_btn.on span {
  color: red;
}

.comment-area {
  margin-top: 50px;
}
.comment-tit {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.comment-tit .material-icons {
  margin-right: 5px;
  font-size: 20px;
  margin-top: 3px;
}
.comment-tit b {
  color: var(--sub-01-color);
  margin-left: 5px;
}
.comment-bg {
  padding: 30px;
  background: #f8f8f8;
  border-radius: 10px;
}
.comment-write {
  display: flex;
  margin-bottom: 20px;
}
.comment-write input {
  border: none;
  border-radius: 3px;
}
.comment_btn {
  width: 100px;
  background: var(--sub-01-color);
  color: #fff;
  height: 45px;
  margin-left: 10px;
  cursor: pointer;
}
.comment_btn:hover {
  background-color: #04376f;
}
.comment-area .comment {
  border-top: 1px solid #e4e4e4;
  padding: 20px 0;
  font-size: inherit;
}
.comment-area .comment .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
}
.comment-area .comment b {
  display: block;
}
.comment-area .comment:last-child {
  border-bottom: 1px solid #e4e4e4;
}
.comment-area .comment p {
  padding-bottom: 10px;
}
.btn_wrap {
  display: flex;
  align-items: center;
}
.comment-area .comment .btn_wrap button {
  color: #9f9f9f;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}

/* search_page */
.search_tit {
  display: flex;
  justify-content: space-between;
}
.search_tit .title {
  width: auto;
}
.search_tit .btn_st1 {
  background-color: #f6f6f6;
  padding: 0.6rem 1.5rem;
}
.search_tit .btn_st1:hover {
  background-color: #000;
  color: #fff;
}
.search_result {
  margin-bottom: 100px;
}
.search_result .list {
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}
.search_result .list::before {
  display: none;
}
.search_result .list:first-child {
  border-top: 1px solid #000;
}
.search_result .list_wrap {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
.search_result .list_wrap .list {
  border: none;
  margin: 1rem 0;
}
.search_result .list_wrap.org_wrap {
  padding: 1rem 0;
}

.no_data {
  text-align: center;
  padding: 50px 0;
  font-size: 1rem;
  color: #ccc;
}

/* mypage */
.tab_con .table_st3 tbody th {
  background: unset;
}
.tab_con .table_st3 td {
  text-align: center;
}
.tab_con .table_st3 .t_left a {
  padding: 0 10px;
  font-size: 1rem;
}
.tab_con .table_st3 .t_left a:hover {
  text-decoration: underline;
}

/* map */
.box_line {
  text-align: left;
}
.box_line p {
  line-height: 2;
  font-size: 1rem;
  text-align: left;
}

/* certificate */
.certificate {
  border: 1px solid #ddd;
  margin: 0 auto;
  width: 21cm;
  min-height: 29.7cm;
  position: relative;
}
.page {
  width: 21cm;
  min-height: 29.7cm;
  padding: 1.5cm 1.5cm 2cm 2.5cm;
  color: #000;
}
.page .logo {
  margin: 3rem auto 2rem;
  width: 170px;
}
.page .tit {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
  font-weight: 700;
}
.page p {
  margin-bottom: 20px;
  font-size: 0.85rem;
}
.page p b {
  margin-right: 5px;
  letter-spacing: 5px;
}
.page p em {
  margin-right: 5px;
  letter-spacing: 5px;
}
.page p.t_center.mt50 {
  font-size: 1.15rem;
}
.page p.t_center.mt50.mb20 {
  font-size: 1.25rem;
}
.page p.t_center.mt30 {
  font-size: 1.25rem;
}
.certificate .corner_1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.certificate .corner_2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.certificate .corner_3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 89px;
}
.certificate .corner_4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 89px;
}
.certificate .top_line {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/contents/line_top.jpg") repeat-x;
  display: block;
  width: 100%;
  height: 88px;
}
.certificate .bottom_line {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/contents/line_bottom.jpg") repeat-x;
  display: block;
  width: 100%;
  height: 88px;
}
.certificate .left_line {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/contents/line_left.jpg") repeat-y;
  display: block;
  height: 100%;
  width: 88px;
}
.certificate .right_line {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/contents/line_right.jpg") repeat-y;
  display: block;
  height: 100%;
  width: 88px;
}
@page {
  size: A4;
  margin: 0;
}

@media print {
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}

/* 함께하는 사람들 .with_people */
.with_people ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.with_people li {
  display: flex;
  flex-direction: row;
  width: 48%;
}
.with_people li .img {
  width: 240px;
}
.with_people li .img img {
  width: 240px;
  height: 240px;
}
.with_people .cont {
  padding-left: 20px;
  text-align: left;
  width: calc(100% - 240px);
}
.with_people .cont > .name {
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
.with_people .cont > dl {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-start;
}
.with_people .cont > dl .tit {
  width: 90px;
  text-align: left;
  color: #000;
  font-weight: 600;
}
.with_people .cont > dl .txt {
  padding-left: 15px;
  width: calc(100% - 110px);
  text-align: left;
  color: #000;
}
.with_people .cont > dl.my_word {
  flex-direction: column;
}
.with_people .cont > dl.my_word .txt {
  width: 100%;
  font-size: 0.9rem;
  margin-top: 5px;
  padding-left: 0;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.with_people .cont > dl.my_word .txt:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 26px;
  background: url("../images/contents/word_arr.png") no-repeat;
  top: 13;
  left: -15px;
}
@media screen and (max-width: 900px) {
  .with_people ul {
    justify-content: space-between;
  }
  .with_people li {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .with_people .cont {
    padding-left: 0;
    width: 90%;
  }
}

/* 레이어팝업 */
.dim-layer {
  display: none;
}
.dimBg {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.pop-layer {
  overflow-y: auto;
  height: 600px;
  padding: 1em;
  width: 836px;
  min-height: 200px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99991;
  border-radius: 5px;
  text-align: center;
}
.pop-head {
  padding: 25px 20px 15px 20px;
  display: block;
}
.btn-layerClose {
  padding: 15px;
  border-top: 1px solid #ccc;
  cursor: pointer;
  font-size: 17px;
  color: #b64f10;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.pop-conts .btWrap {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 99992;
  justify-content: flex-end;
}
.pop-conts .btWrap > * {
  margin: 0 2px;
}
.pop-layer .sign {
  position: absolute;
  top: -10px;
  right: -90px;
}
.pop-layer .sign img {
  height: 50px;
  width: auto;
}
@media screen and (max-width: 900px) {
  .pop-layer {
    width: 100%;
    height: 100%;
  }
  .certificate,
  .page {
    width: 100%;
  }
}

/* popup */
#hd_pop {
  position: absolute;
  top: 0;
  z-index: 10000;
  background-color: #fff;
}
#hd_pop h2 {
  display: none;
}
#hd_pop .hd_pops_con p,
#hd_pop .hd_pops_con p img {
  height: 100%;
  width: 100%;
}
.hd_pops_footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background-color: #efefef;
}
.hd_pops_reject {
  color: #888;
  font-size: 0.9rem;
}
.hd_pops_close {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
}

/* search_area3 */
.search_area_bg {
  border: 1px solid #ddd;
  padding: 30px;
}
.search_area3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.search_area3 h2 {
  width: 100px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  flex: none;
  line-height: 1.8;
}
.search_area3 .tag_basic {
  width: 50px;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  flex: none;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 1;
}
.search_area3 .tag_basic.on {
  background-color: #000;
  color: #fff;
}
.search_area3 .tag_area {
  display: flex;
  flex-wrap: wrap;
}
.search_area3 .tag {
  font-size: 0.9rem;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #04376f;
  padding: 5px 10px;
  line-height: 1;
  background-color: #fff;
  font-weight: 400;
  color: #04376f;
}
.search_area3 .tag.on {
  background: #04376f;
  color: #fff;
}

.search_area3 .date {
  height: 28px;
  font-size: 0.8rem;
  border-radius: 5px;
  border-color: #04376f;
  padding: 5px;
}

@media screen and (max-width: 900px) {
  .search_area3 {
    flex-direction: column;
  }
  .search_area3 h2 {
    text-align: left;
  }
}

.list_wrap .list .tit h3 .tag {
  font-size: 0.9rem;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #04376f;
  padding: 8px 10px 5px;
  line-height: 0.9;
  background-color: #fff;
  font-weight: 400;
  color: #04376f;
  margin: 0 7px 0 0;
}
.view_top .tit_wrap .title {
  display: inline-block;
}
.view_top .tit_wrap .tag {
  font-size: 0.9rem;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #04376f;
  padding: 7px 10px 5px;
  line-height: 1;
  background-color: #fff;
  font-weight: 400;
  color: #04376f;
  margin: 0 0 5px 0;
}

.ytp-progress-bar-container {
  display: none;
}

.stamp_img {
  width: 100px;
}
.survey_text {
  padding: 0.5rem;
  background: #f2f2f2;
  width: 100%;
}