@charset "UTF-8";
/* 메인페이지 */
.section__banner {
  padding: 8px 0;
}
.banner__inner {
  width: 100%;
  padding: 0 20px;
  max-width: 1720px;
  margin: 0 auto;
}
.homeBannerSwiper {
  overflow: hidden;
  position: relative;
}
.homeBannerSwiper .banner {
  width: 100%;
  height: 482px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.homeBannerSwiper .banner .banner_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.homeBannerSwiper .banner .banner_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homeBannerSwiper .banner .banner_info {
  width: max-content;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  text-align: center;
}
.homeBannerSwiper .banner_info h2 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #fff;
}
.homeBannerSwiper .banner_info .btn_go {
  background-color: #fff;
  margin-top: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 54px;
  padding: 0 20px;
}
.homeBannerSwiper .banner_info .btn_go span {
  font-weight: 600;
  color: #111;
  line-height: 20px;
  padding-right: 28px;
  position: relative;
}
.homeBannerSwiper .banner_info .btn_go span::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../_img/icon/icon_go.svg) no-repeat center / contain;
}
.homeBannerSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1420px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #11111180;
  backdrop-filter: blur(40px);
}
.homeBannerSwiper .swiper-pagination .pagination-bullet {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 100%;
  flex: 1;
  color: #fff;
  padding: 0 24px;
}
.homeBannerSwiper .swiper-pagination .pagination-bullet.active {
  background-color: #fff;
}
.homeBannerSwiper .swiper-pagination .pagination-bullet span.title {
  color: #ffffff66;
  font-weight: 600;
}
.homeBannerSwiper .swiper-pagination .pagination-bullet.active span.title {
  color: #111;
}
.homeBannerSwiper .swiper-pagination .progress-bar {
  flex: 1;
  position: relative;
  height: 2px;
  background-color: #ffffff33;
}
.homeBannerSwiper .swiper-pagination .pagination-bullet.active .progress-bar {
  background-color: #e5e5ec;
}
.homeBannerSwiper .swiper-pagination .progress-bar span.current {
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-primary);
}
.section__arts {
  padding: 88px 0;
  overflow: hidden;
}
.section__arts .container {
  position: relative;
}
.section__arts .arts_bg1 {
  position: absolute;
  right: 63px;
  top: -39px;
  width: 15vw;
  max-width: 288px;
  aspect-ratio: 1 / 1;
  background: url(../_img/main/arts_bg1.png) no-repeat center / contain;
  animation: upDownAnimation 3s linear infinite;
}
.section__arts .arts_bg2 {
  position: absolute;
  right: -81px;
  top: 7px;
  width: 234px;
  height: 234px;
  background: url(../_img/main/arts_bg2.png) no-repeat center / contain;
  animation: upDownAnimation2 4s linear infinite;
}
@keyframes upDownAnimation {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes upDownAnimation2 {
  0% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(30px);
  }
}
.main_title {
  text-align: center;
}
.main_title h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
}
.main_title p {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
  color: #767676;
}
.section__arts .arts__tabs {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  overflow-y: hidden;
  overflow-x: auto;
}
.section__arts .arts__tabs .radio--typeTab {
  flex-shrink: 0;
}
.art-card__swiper {
  position: relative;
  margin-top: 40px;
}
.mainSwiper {
  padding-bottom: 40px;
}
.mainSwiper .swiper-scrollbar {
  background-color: #e5e5ec;
}
.arts__content .btn_area {
  margin-top: 40px;
}
.arts__content .btn_area .btn {
  padding: 0 40px;
}
.art-card__swiper .swiper-button-prev,
.art-card__swiper .swiper-button-next {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 1;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 4px 16px 0px #00000014;
  background: url(../_img/main/icon_swiper_prev.svg) no-repeat center / contain;
}
.art-card__swiper .swiper-button-prev::after,
.art-card__swiper .swiper-button-next::after {
  content: none;
}
.art-card__swiper .swiper-button-next {
  left: auto;
  right: -25px;
  background: url(../_img/main/icon_swiper_next.svg) no-repeat center / contain;
}
.section__artists {
  padding: 88px 0;
  background: linear-gradient(90deg, #f5f5f5 0%, #f4f2f2 95.88%, #f4f2f2 100%);
}
.section__map {
  padding: 88px 0;
}
.section__map .map__content {
  margin-top: 40px;
}
.section__map .map__content .map {
  width: 100%;
  height: 480px;
  border-radius: 24px;
  overflow: hidden;
  background-color: #fafafa;
}
.section__map .btn_area {
  margin-top: 40px;
}
.section__sub-banner {
  padding: 40px 0;
}
.sub-banner__list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sub-banner__list .sub-banner {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
  width: 100%;
  padding: 24px 40px;
  border-radius: 16px;
}
.sub-banner__list a {
  width: 100%;
}
.sub-banner__list a .sub-banner.theme {
  background-color: #ffb3bc;
}
.sub-banner__list a .sub-banner.reservation {
  background-color: #dabfff;
}
.sub-banner__list .sub-banner h2 {
  font-size: 24px;
  font-weight: 700;
  color: #111;
}
.sub-banner__list .sub-banner span.bar {
  flex: 1;
  height: 2px;
  background-color: #111;
}
.sub-banner__list .sub-banner p {
  font-weight: 600;
  color: #111;
}
.section__culture {
  padding: 88px 0;
  background: linear-gradient(90deg, #f5f5f5 0%, #f4f3f2 100%);
}
.mainSwiper .culture__logo {
  height: 100px;
  border-radius: 24px;
  overflow: hidden;
}
.mainSwiper .culture__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .sub-banner__list .sub-banner {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    padding: 32px 24px;
  }
  .sub-banner__list .sub-banner h2 {
    font-size: 26px;
  }
  .sub-banner__list .sub-banner span.bar {
    flex: none;
    width: 100%;
    height: 1px;
  }
  .sub-banner__list .sub-banner p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .section__banner {
    padding: 10px;
  }
  .banner__inner {
    padding: 0 0px;
  }
  .homeBannerSwiper .banner {
    height: 280px;
  }
  .homeBannerSwiper .banner_info h2 {
    font-size: 26px;
    font-weight: 600;
  }
  .homeBannerSwiper .banner_info p {
    font-size: 14px;
    line-height: 1.5;
  }
  .homeBannerSwiper .banner_info .btn_go {
    margin-top: 20px;
    height: 48px;
  }
  .homeBannerSwiper .swiper-pagination {
    display: none;
  }
  .section__arts {
    padding: 64px 0;
  }
  .section__arts .arts_bg1 {
    display: none;
  }
  .section__arts .arts_bg2 {
    width: 234px;
    height: 234px;
  }
  .main_title h2 {
    font-size: 26px;
    line-height: 1.4;
  }
  .main_title p {
    margin-top: 12px;
    font-size: 16px;
  }
  .section__arts .arts__tabs {
    margin-top: 20px;
    gap: 8px;
  }
  .art-card__swiper {
    margin-top: 32px;
  }
  .arts__content .btn_area {
    margin-top: 32px;
  }
  .arts__content .btn_area .btn {
    padding: 0 24px;
  }
  .art-card__swiper .swiper-button-prev,
  .art-card__swiper .swiper-button-next {
    display: none;
  }
  .section__artists {
    padding: 80px 0;
  }
  .section__map {
    padding: 80px 0;
  }
  .section__map .map__content {
    margin-top: 32px;
  }
  .section__map .map__content .map {
    height: 372px;
  }
  .section__sub-banner {
    padding: 0;
    padding-bottom: 56px;
  }
  .section__sub-banner {
    padding: 15px 0;
  }
  .sub-banner__list {
    flex-direction: column;
    row-gap: 20px;
  }

  .section__culture {
    padding: 48px 0;
  }
  .mainSwiper .culture__logo {
    height: 56px;
    border-radius: 12px;
  }
}
/* #### 로그인 #### */
.modal_login .login_btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}
.modal_login_once .modal__content {
  padding-bottom: 68px;
}
@media screen and (max-width: 768px) {
  .modal_login_once .modal__content {
    padding-bottom: 16px;
  }
  .homeBannerSwiper .banner_info{
    bottom: -20px!important;
  }
}
/* #### 예술인 등록 #### */
.artist-reg_title {
  text-align: center;
}
.artist-reg_title h2 {
  font-size: 24px;
  font-weight: 700;
  color: #111;
}
.reg-artist__box {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f1f5;
}
.reg-artist__box h4.reg-artist_tit {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 24px;
}
.reg-artist__box:nth-last-of-type(2) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.check_artist_category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .artist-reg_title.mb40 {
    margin-bottom: 32px;
  }
  .artist-reg_title h2 {
    font-size: 22px;
  }
}
/* #### 예술인관리 #### */
/* 공연/전시 관리 */
.statistics__box {
  padding-bottom: 80px;
  margin-bottom: 80px;
  border-bottom: 1px solid #f1f1f5;
}
.statistics__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}
.statistics__list .statistics__item {
  flex: 1;
  height: 65px;
  min-width: 340px;
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e5e5ec;
  border-radius: 16px;
}
.statistics__item h5,
.statistics__item p {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
}
.statistics__item p b {
  color: var(--color-primary);
}
#addPerformTime span:before {
  background-image: url(../_img/icon/icon_add_time.svg);
}
/* 콘텐츠 관리 */
.statistics__list.statistics-contents .statistics__item {
  min-width: 208px;
}
.contents-card__list {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 80px 20px;
}
.contents-card__list .contents__card {
  flex: 0 1;
  min-width: 340px;
}
.contents__card .contents_thum {
  width: 100%;
  height: 240px;
  border-radius: 16px;
  overflow: hidden;
}
.contents__card .contents_thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contents__card .contents_desc {
  margin-top: 12px;
  padding: 0 4px;
}
.contents__card .contents_desc.title_desc .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.contents__card .title_desc .artist_info {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.contents__card .artist_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f1f1f5;
}
.contents__card .contents_info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contents__card .contents_info li {
  font-size: 14px;
  line-height: 1.5;
  color: #767676;
}
.contents__card .contents_info li span {
  padding-left: 18px;
  position: relative;
}
.contents__card .contents_info li span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contents__card .contents_info li.like_cnt span::before {
  background: url(../_img/icon/icon_info_heart.svg) no-repeat center / contain;
}
.contents__card .contents_info li.view_cnt span::before {
  background: url(../_img/icon/icon_info_eye.svg) no-repeat center / contain;
}
.embed_info_box {
  text-align: left;
  margin-top: 8px;
  padding: 12px 16px;
  background-color: #f7f8fb;
  border: 1px solid #e5e5ec;
  border-radius: 8px;
}
.embed_info_box .info_txt {
  margin-top: 0;
  display: inline-block;
  color: #505050;
  font-size: 14px;
  padding-left: 24px;
}
.embed_info_box .info_txt:before {
  width: 20px;
  height: 20px;
  left: 0;
  background-image: url(../_img/icon/icon_info_505050.svg);
}
.embed_info_box ul {
  margin-top: 4px;
}
.embed_info_box ul li {
  font-size: 13px;
  line-height: 1.4;
  color: #505050;
  list-style-type: disc;
  margin-left: 21px;
}
/* 협업요청 */
.list__content.cooperation .form_search,
.list__content.invitation .form_search {
  margin-top: 32px;
}
.list__content.cooperation .flex_box,
.list__content.invitation .flex_box {
  width: 100%;
  justify-content: flex-end;
}
.modal_cooperation .modal__inner {
  max-width: 560px;
}
/* 초대권관리 */
.list__content.invitation .search_input {
  max-width: 286px;
  min-width: 200px;
}
.template_preview {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  border-radius: 16px;
  border: 1px solid #e5e5ec;
  background-color: #f1f1f5;
  padding: 20px 0;
}
.preview_img img {
  width: 246px;
  object-fit: contain;
}
.modal_invitation .modal__inner {
  max-width: 800px;
}
.modal_invitation .invitation_tit {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 16px;
}
/* 구독자 정보 */
.subscriber_chart {
  display: flex;
  gap: 80px;
  padding: 40px;
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #e5e5ec;
}
.subscriber_chart .legend {
  margin-bottom: 8px;
}
.subscriber_chart .legend .legend_item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.subscriber_chart .legend .legend_item span {
  display: inline-block;
  width: 24px;
  height: 16px;
  border-radius: 4px;
}
.subscriber_chart .legend p {
  font-size: 18px;
  font-weight: 500;
  color: #111;
}
.subscriber_chart .chart {
  flex: 1;
  width: calc(100% - 180px);
  overflow-y: auto;
  padding-bottom: 40px;
}
.subscriber_chart .chart #logBarChart {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .statistics__box {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
  .statistics__list {
    margin-top: 20px;
    gap: 8px;
  }
  .statistics__list .statistics__item {
    min-width: 156px;
    padding: 0 16px;
  }
  .statistics__item h5,
  .statistics__item p {
    font-size: 16px;
  }
  .contents-card__list {
    gap: 20px 8px;
  }
  .contents-card__list .contents__card {
    min-width: 225px;
  }
  .contents__card .contents_thum {
    height: auto;
    aspect-ratio: 156 / 186;
  }
  .contents__card .contents_desc {
    margin-top: 8px;
  }
  .contents__card .btn_like {
    width: 30px;
    height: 30px;
  }
  .contents__card .btn_like span.heart {
    width: 16px;
    height: 13px;
  }
  .contents__card .artist_info {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  .contents__card .contents_info li {
    font-size: 12px;
  }
  .list__content.cooperation .flex_box,
  .list__content.invitation .flex_box {
    flex-direction: column;
  }
  .list__content.cooperation .flex_box .select--typeB,
  .list__content.invitation .flex_box .select--typeB {
    max-width: 100%;
    width: 100%;
  }
  .modal_cooperation .modal__inner {
    width: 100%;
    height: 100dvh;
    max-width: 100%;
    border-radius: 0px;
  }
  .modal_cooperation .modal__content {
    margin-top: 20px;
    max-height: calc(100dvh - 171px);
  }
  .modal_cooperation .artist-reg_title {
    position: absolute;
    top: 14px;
  }
  .modal_cooperation .artist-reg_title h2 {
    font-size: 18px;
  }
  .list__content.invitation .search_input {
    max-width: 100%;
  }
  .list__content.invitation .flex_box .btn {
    width: 100%;
    margin-top: 12px;
  }
  .modal_invitation .modal__inner {
    width: 100%;
    height: 100dvh;
    max-width: 100%;
    border-radius: 0px;
  }
  .modal_invitation .modal__content {
    height: calc(100dvh - 152px);
    max-height: 100dvh;
  }
  .modal_invitation .invitation_tit {
    position: absolute;
    top: 14px;
    font-size: 18px;
  }
  .modal_invitation .mo-table__list .mo-item {
    padding: 16px 0;
  }
  .subscriber_chart {
    flex-direction: column;
    gap: 40px;
    padding: 40px 20px;
  }
  .subscriber_chart .legend {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .subscriber_chart .legend .legend_item {
    gap: 4px;
  }
  .subscriber_chart .legend .legend_item span {
    width: 16px;
    height: 16px;
  }
  .subscriber_chart .chart {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .contents-card__list .contents__card {
    min-width: calc(50% - 8px);
  }
}
/* #### 문화예술정보 #### */
.art__inner {
  padding-top: 40px;
  padding-bottom: 156px;
}
ul.common-tab.art li.tab__link {
  min-width: 144px;
}
.popular_arts {
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #f1f1f5;
}
.popular_arts h3 {
  font-size: 28px;
  font-weight: 700;
  color: #111;
}
.art-card__list {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.art-card__list .art__card {
  flex: 0 1;
  min-width: 268px;
}
.popular_arts .art-card__list {
  overflow-x: auto;
  flex-wrap: nowrap;
}
.art-dtl__inner {
  padding-top: 80px;
  padding-bottom: 156px;
}
.art-dtl__inner .scroll_top {
  left: 50%;
  right: auto;
  margin-left: 520px;
}
.art__detail {
  display: flex;
  gap: 20px;
  margin-top: 32px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f1f1f5;
}
.art__detail .detail__thum {
  display: flex;
  justify-content: center;
  background-color: #f7f7fb;
  height: 480px;
  border-radius: 16px;
  overflow: hidden;
  flex: 1;
  border: 1px solid #e5e5ec;
}
.art__detail.detail--history .detail__thum {
  height: 400px;
}
.art__detail .detail__thum img {
  height: 100%;
  object-fit: contain;
}
.art__detail .detail__desc {
  width: 400px;
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
  align-self: baseline;
  padding: 32px 24px;
  background-color: #fff;
  border: 1px solid #f1f1f5;
}
.art-info__list li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
}
.art-info__list .info-title {
  width: 63px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 800px;
  background-color: #fff;
  border: 1px solid #e5e5ec;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #111;
}
.art-info__list .info-item {
  font-weight: 500;
  color: #111;
    width: calc(100% - 65px);
}
.detail__desc .btn_area {
  margin-top: 40px;
  gap: 8px;
}
.art-dtl__contents {
  margin-top: 40px;
}
.art-dtl__contents .dtl_box {
  padding: 48px 0;
  border-bottom: 1px solid #f1f1f5;
}
.art-dtl__contents .dtl_box .dtl_cnts {
  overflow: hidden;
}
.art-dtl__contents .dtl_box .dtl_cnts h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.art-dtl__contents .dtl_box .dtl_cnts p {
  font-size: 16px;
  font-weight: 500;
  color: #505050;
  line-height: 1.6;
}
.art-dtl__contents .dtl_box .dtl_cnts img {
  max-width: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.art-dtl__contents .dtl_box:first-child {
  padding-top: 0;
}
.art-dtl__contents .dtl_box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .art__inner {
    padding-top: 0;
    padding-bottom: 160px;
  }
  ul.common-tab.art li.tab__link {
    min-width: 104px;
  }
  .popular_arts {
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
  .popular_arts h3 {
    font-size: 20px;
  }
  .art-card__list {
    margin-top: 20px;
    gap: 8px;
  }
  .art-card__list .art__card {
    min-width: calc((100% / 3) - 8px);
  }
  .art-card__list .art__card .art_thum {
    height: auto;
    aspect-ratio: 3 / 4;
    border-radius: 12px;
  }
  .art-card__list .art__card .art_desc h3 {
    font-size: 16px;
  }
  .art-card__list .art__card .art_info p {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .art-dtl__inner {
    padding-top: 20px;
    padding-bottom: 160px;
  }
  .art-dtl__inner .scroll_top {
    left: auto;
    right: 20px;
    margin-left: 0px;
  }
  .art__detail {
    margin-top: 24px;
    flex-direction: column;
    padding-bottom: 32px;
  }
  .art__detail .detail__thum {
    flex: none;
    height: 456px;
  }
  .art__detail.detail--history .detail__thum {
    height: 456px;
  }
  .art__detail .detail__desc {
    width: 100%;
    padding: 24px 20px;
  }
  .art-info__list li {
    margin-bottom: 12px;
  }
  .detail__desc .btn_area {
    margin-top: 24px;
    flex-direction: column;
  }
  .art-dtl__contents {
    margin-top: 32px;
  }
  .art-dtl__contents .dtl_box {
    padding: 32px 0;
  }
  .art-dtl__contents .dtl_box .dtl_cnts h5 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .art-dtl__contents .dtl_box .dtl_cnts p {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .art-card__list .art__card {
    min-width: calc(50% - 8px);
  }
}
/* #### 문화소식 #### */
.community__inner {
  padding-top: 40px;
  padding-bottom: 156px;
}
.community__inner .form_search {
  margin-bottom: 32px;
}
.community-dtl__inner {
  padding-top: 80px;
  padding-bottom: 156px;
}
.community-card__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.community-card__list .community-card {
  flex: 0 1;
  min-width: 340px;
  padding: 20px 24px;
  border-radius: 16px;
  border: 1px solid #f1f1f5;
}
.community-card span.cmnty-info {
  color: #111;
}
.community-card h3.cmnty-title {
  margin: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 25px;
  height: auto;
  font-size: 18px;
  font-weight: 600;
  color: #111;
  word-break: break-all;
}
.cmnty-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.cmnty-badges .badge {
  display: inline-block;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  border-radius: 6px;
  text-align: center;
  background-color: #f1f1f5;
  color: #505050;
  font-weight: 500;
}
.community-card .cmnty-date {
  display: block;
  margin-top: 16px;
  color: #767676;
}
.community-card .btns {
  margin-top: 24px;
}
.community-card .btns .btn {
  transition: 0.35s;
}
.community-card .btns .btn:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.cmnty-info__list.announcement-info {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f1f1f5;
}
.cmnty-info__list.announcement-info .info-item .info-tit {
    /*width: 72px;*/
    width: 65px;
}
.cmnty-info__list.announcement-info .info-item .info-cnts {
  min-width: 151px;
}
.dtl-flex__content {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.dtl-flex__content .dtl-info__box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.cmnty-info__list.announcement-info ul {
  flex: 1;
}
.cmnty-info__list.recruitment-info .info-item .info-tit {
  width: 95px;
}
.cmnty-info__list.announcement-info .info-item .info-cnts {
  min-width: none;
}
.recruitment-content .recruitment-info {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f1f1f5;
}
.announcement_dtl .floating_info.top0 {
  top: 0;
}
.announcement_dtl .floating_info {
  position: sticky;
  /*top: 180px;*/
  border: 1px solid #f1f1f5;
  background-color: #fff;
  padding: 32px 24px;
  border-radius: 16px;
  position: relative;
}
.announcement_dtl .floating_info .btn {
  margin-top: 20px;
}
.announcement_dtl .floating_info .btn_mo_open {
  position: absolute;
  display: none;
  width: 20px;
  height: 20px;
  top: 19px;
  right: 24px;
  background: url(../_img/icon/icon_open_floating.svg) no-repeat center /
    contain;
}
.announcement_dtl .floating_info.open .btn_mo_open {
  transform: scaleY(-1);
}
.announcement_btn .btn {
  max-width: 328px;
  width: 100%;
}
.faq__list {
  max-width: 1000px;
  margin: 0 auto;
}
.faq__list .faq__item {
  padding: 32px 0;
  border-bottom: 1px solid #f1f1f5;
}
.faq__item .question {
  position: relative;
  cursor: pointer;
  padding-right: 30px;
}
.faq__item .question::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.35s;
  background: url(../_img/icon/icon_faq_arrow.svg) no-repeat center / contain;
}
.faq__item.fclt .question {
  padding: 20px;
  background-color: rgba(238, 101, 117, 0.7);
  border-radius: 10px;
}
.faq__item.fclt .question h3 {
  padding-left: initial;
}
.faq__item.fclt .question h3::before {
  content: "";
}
.faq__item.fclt.active .question h3 {
  color: black;
}
.faq__item.fclt .question::after {
  margin-right: 20px;
  background: url(../_img/icon/icon_faq_arrow_black.svg) no-repeat center / contain;
}
.faq__item .question h3 {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  padding-left: 24px;
  position: relative;
}
.faq__item .question h3::before {
  content: "Q";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-right: 12px;
}
.faq__item .answer {
  margin-top: 12px;
  border: 1px solid #f1f1f5;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
  display: none;
}
.faq__item .answer p {
  font-weight: 500;
  color: #767676;
  position: relative;
  padding-left: 27px;
}
.faq__item .answer p:before {
  content: "A";
  display: inline-block;
  margin-right: 13px;
  position: absolute;
  font-size: 20px;
  left: 0;
  top: 0;
}
.faq__item.active .question h3 {
  color: var(--color-primary);
}
.faq__item.active .question::after {
  transform: translateY(-50%) scaleY(-1);
}
@media screen and (max-width: 767px) {
  .community__inner {
    padding-top: 0px;
    padding-bottom: 160px;
  }
  .community__inner .form_search {
    margin-bottom: 20px;
  }
  .community-dtl__inner {
    padding-top: 40px;
    padding-bottom: 160px;
  }
  .community-dtl__inner .btn_area {
    margin-top: 32px;
  }
  .community-card__list {
    gap: 12px;
  }
  .community-card__list .community-card {
    padding: 16px;
    min-width: 300px;
  }
  .community-card h3.cmnty-title {
    margin: 12px 0;
  }
  .community-dtl__inner.announcement_dtl {
    padding-top: 20px;
  }
  .cmnty-info__list.announcement-info {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
  .cmnty-info__list.announcement-info .info-item .info-tit {
      /*width: 72px;*/
      width: 65px;
  }
  .cmnty-info__list.announcement-info .info-item .info-cnts {
    min-width: auto;
  }
  .cmnty-info__list.recruitment-info .info-item .info-tit {
    width: 120px;
  }
  .cmnty-info__list.recruitment-info .info-item .info-tit br {
    display: none;
    display: none;
  }
  .announcement_dtl .floating_info {
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    z-index: 100;
    padding: 16px 24px;
    border-radius: 24px 24px 0 0;
    box-shadow: 0px -6px 8px 0px #0000001a;
  }
  .announcement_dtl .floating_info .dtl-sub_title {
    margin-bottom: 0;
  }
  .announcement_dtl .floating_info .cmnty-info__list {
    display: none;
  }
  .announcement_dtl .floating_info.open .cmnty-info__list {
    display: block;
  }
  .announcement_dtl .floating_info .btn {
    margin-top: 16px;
  }
  .announcement_dtl .floating_info .btn_mo_open {
    display: inline-block;
  }
  .faq__list .faq__item {
    padding: 24px 0;
  }
  .faq__item .question {
    padding-right: 28px;
  }
  .faq__item .question::after {
    width: 20px;
    height: 20px;
  }
  .faq__item .question h3 {
    font-size: 16px;
  }
  .faq__item .answer {
    margin-top: 8px;
    padding: 16px;
  }
  .faq__item .answer p {
    font-size: 14px;
    padding-left: 20px;
  }
  .faq__item .answer p:before {
    font-size: 14px;
  }
  .announcement_btn.mt80 {
    margin-top: 32px;
  }
  .contents__card .contents_desc.title_desc .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 460px) {
  .community-card__list .community-card {
    width: 100%;
    flex: none;
    min-width: auto;
  }
    .homeBannerSwiper .banner {
        height: 180px;
    }
}