@charset "utf-8";

/* 부산어린이복합문화공간 들락날락*/
.facilitiesBox{border-top: 1px dashed #ddd; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 4rem 0;}
.facilitiesImg{width: 27rem; height: 17rem; flex-shrink: 0; margin-right: 2.8rem; border-radius: 1rem; overflow: hidden;}
.facilitiesTit{font-size: 2rem; color: #333; font-weight: 700; margin: 1.5rem 0 2rem 0;}
.facilitiesTxt{font-size: 1.5rem; color: #333; line-height: 2rem;}
.facilitiesBox:first-of-type{border-top: 0; padding-top: 0;}

@media (max-width:768px) {
  .facilitiesBox{display: block; text-align: center; padding-right: 2rem; padding-left: 2rem;}
  .facilitiesImg{width: 100%; height: auto; margin-right: 0;}
  .facilitiesImg > img{border-radius: 1rem;}
}

/* 오륙도 여성합창단 */
.choirWrap{display: flex; justify-content: space-between; gap: 4rem; margin-top: 3.5rem;}
.choirImg{flex-shrink: 0; border-radius: 1rem; overflow: hidden;}
.choirTit{position: relative; font-size: 2.8rem; color: #333; font-weight: 700; line-height: 3.1rem; padding-bottom: 2rem; border-bottom: 1px solid #e8e7e7; margin-bottom: 3rem;}
.choirTit::before{display: inline-block; content: ''; clear: both; background: url(/portal/images/sub/05/micIcon.png) no-repeat center center; width: 2rem; height: 3.1rem; vertical-align: bottom; margin-right: 1rem; background-size: contain;}
.choirTxt{width: 100%; margin-top: 2rem;}
.choirUl li{display: flex; flex-wrap: nowrap; color: #55504d;}
.choirUl li em{color: #55504d; margin-right: 0.5rem; flex-shrink: 0;}
.choirUl li p span{display: block; font-size: 1.6rem;}

.profileWrap{display: flex; justify-content: flex-start; gap: 5rem; margin-top: 3.5rem;}
.profileCard{flex-shrink: 0;}
.profileImg{border-radius: 1rem 1rem 0 0; overflow: hidden;}
.profileImg2{border-radius: 1rem;}
.profileImg > img{display: block;}
.profileCaption{text-align: center; font-size: 1.4rem; color: #fff; background-color: #222; border-radius: 0 0 1rem 1rem; padding: 2rem 0;}
.profileTitle{width: 100%; margin-top: 2rem;}
.profileInfo{display: flex; gap: 2rem; align-items: center; padding-bottom: 2rem; margin-bottom: 3rem; border-bottom: 1px solid #e8e7e7;}
.nameTitle{font-weight: 700; color: #333; font-size: 2.6rem;}
.divider{width: 1px; height: 1.1rem; background: #d7d7d7;}
.profileRole{font-size: 1.6rem;}


@media (max-width:1210px) {
	.choirImg{flex-shrink: 1;}
	.choirImg > img{height: 100%;}
}

@media (max-width:720px) {
  .choirWrap{flex-wrap: wrap; gap: 1rem;}
  .choirImg{width: 100%; height: 40rem; overflow: hidden; border-radius: 2rem; display: flex; align-items: center; justify-content: center;}
  .choirImg > img{display: block; width: 100%;}
  .choirTxt{width: 100%;}
}

@media (max-width:709px) {
	.profileCard{flex-shrink: 1;}
}

@media (max-width:660px) {
	.choirImg{height: auto;}
}

@media (max-width:580px) {
	.profileWrap{flex-wrap: wrap; justify-content: center; gap: 1rem;}
	.profileCard{width: 100%;}
	.profileImg> img{width: 100%;}
}