@charset "utf-8";

/*구성원 리스트*/
#gall_ul{width:100%;display:flex;flex-wrap:wrap;gap:4rem 1rem}
#gall_ul .gall_li{width:calc((100% - 4rem) / 5);overflow:hidden}
#gall_ul .no_data{width:100%;height:30rem;line-height:30rem;text-align:center}
#gall_ul .gall_li .gall_box{width:100%;border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative}
#gall_ul .gall_li .gall_box  a{width:100%;height:100%}
#gall_ul .gall_li .gall_box .edit_link{content:'';width:5rem;height:2rem;border-radius:2rem;background:#c00;font-size:1.2rem;text-align:center;line-height:2rem;color:#fff;position:absolute;top:1rem;left:auto;right:1rem;z-index:10}
#gall_ul .gall_li .gall_box img{max-width:100%;width:100%;max-height:100%;transition:all .3s}
#gall_ul .gall_li .gall_box .gall_chk{position:absolute;top:1rem;left:1rem;z-index:10}
#gall_ul .gall_li .box_tit{margin-top:2rem;text-align:center}
#gall_ul .gall_li .box_tit .s_tit{margin-bottom:.5rem;font-weight:600;font-size:1.4rem;color:var(--pt-color);font-family:'Poppins'}
#gall_ul .gall_li .box_tit .list_tit{font-weight:700;font-size:2.5rem;line-height:120%;color: #333;}
#gall_ul .gall_li .box_tit .list_tit span{display:block;font-weight:600;font-size:1.6rem;color:#666}
#gall_ul .gall_li:hover .gall_box img{transform:scale(1.05,1.05)}
/*구성원 리스트 끝*/

/*구성원 뷰 페이지*/
#mb_view_area{width:100%;margin-bottom:5rem;display:flex;flex-wrap:wrap}
#mb_view_area .mb_img{width:40%;position:relative}
#mb_view_area .mb_img .img_box{width:100%;height:auto;position:relative}
#mb_view_area .mb_img .img_box.img_box_slider{max-height:70rem;overflow:hidden}
#mb_view_area .mb_img .img_box.img_box_slider .img_pagination {position:absolute;left:2rem;bottom:2rem;z-index:10}
#mb_view_area .mb_img .img_box.img_box_slider .img_pagination .swiper-pagination-bullet{margin-right:.5rem;background:#052538}

#mb_view_area .mb_img img{width:100%;height:auto}
#mb_view_area .mb_img .sns_link_area{position:absolute;bottom:2rem;right:2rem;display:flex}
#mb_view_area .mb_img .sns_link_area li{width:3rem;height:3rem}
#mb_view_area .mb_img .sns_link_area li + li{margin-left:1rem}
#mb_view_area .view_cont{width:100%;overflow:hidden}

/*프로필*/
#mb_view_area .mb_info{width:60%;padding-left:5rem}
#mb_view_area .mb_info .name_box{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid #ddd}
#mb_view_area .mb_info .name_box .name{font-weight:700;font-size:3.5rem;color:#333}
#mb_view_area .mb_info .name_box .name .state{font-weight:600;font-size:1.8rem;color:#333}
#mb_view_area .mb_info .name_box .simple_txt{margin-top:1rem;padding-left:1rem;font-size:1.6rem;color:#888;position:relative}
#mb_view_area .mb_info .name_box .simple_txt:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;left:0;top:.8rem;}

#mb_view_area .mb_info .about_cont_area{max-height:56rem;height:auto;overflow-y:auto}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar {width:3px;/* 스크롤바의 너비 */}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar-thumb {height:20%;/* 스크롤바의 길이*/background:#333;/* 스크롤바의 색상*/border-radius:.5rem;}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar-track {background:#f7f7f7;/*스크롤바 뒷 배경 색상*/}

#mb_view_area .mb_info .cont_box{padding-bottom:3rem;margin-bottom:3rem;border-bottom: 1px dashed #ddd;display:flex;flex-wrap:wrap}
#mb_view_area .mb_info .cont_box:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
#mb_view_area .mb_info .cont_box .tit_box{width:17rem;font-weight:500;font-size:1.7rem;color:#333;font-family:'Poppins','Pretendard'}
#mb_view_area .mb_info .cont_box .cont{width:calc(100% - 17rem);}
#mb_view_area .mb_info .cont_box .cont p{margin-bottom:1rem;padding:0 2rem 0 1rem;font-size:1.6rem;line-height:150%;color:#666;position:relative}
#mb_view_area .mb_info .cont_box .cont p:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;left:0;top:1rem;}
#mb_view_area .mb_info .cont_box .cont p:last-child{margin-bottom:0}
/*뷰 페이지 끝*/

/*글쓰기*/
#bo_w .write_div_tit span{display:inline-block;font-size:1.6rem;font-weight:400;color:#666}
#bo_w .write_div_tit .num_select{width:14rem;height:4rem;padding:0 1rem;border:1px solid #ddd;font-size:1.6rem;color:#666}
#bo_w .write_div_tit .num_submit_btn{width:10rem;height:4rem;background:#333;color:#fff}

#bo_w .mb_info{margin-bottom:2rem;padding:2rem;border:1px solid #ddd;background:#f7f7f7}
#bo_w .mb_info .bo_w_tit02{margin-bottom:1rem}
#bo_w .mb_info .info_cont{width:100%;margin-bottom:2rem;display:none}
#bo_w .mb_info .info_cont textarea{width:100%;margin-top:2rem;border:1px solid #ddd}

@media(max-width:1024px){
	/*구성원 뷰 페이지*/
	#mb_view_area .mb_info .name_box .name{font-size:3.2rem}
	#mb_view_area .mb_info .cont_box .tit_box{width:10rem}
	#mb_view_area .mb_info .cont_box .cont{width:calc(100% - 10rem)}
	
	/*구성원 리스트*/
	#gall_ul .gall_li{width:calc((100% - 2rem) / 3)}
}
@media(max-width:767px){
	/*구성원 뷰 페이지*/
	#mb_view_area .mb_img{max-width:40rem;width:100%;margin:0 auto 3rem}
	#mb_view_area .mb_info{width:100%;padding:0}
	
	#mb_view_area .mb_info .name_box{text-align:center}
	#mb_view_area .mb_info .name_box .name{font-size:2.9rem}
	#mb_view_area .mb_info .name_box .simple_txt:before{display:none}
	
	#mb_view_area .mb_info .cont_box .tit_box{width:10rem}
	#mb_view_area .mb_info .cont_box .cont{width:calc(100% - 10rem)}
	
	
	#gall_ul .gall_li .box_tit .list_tit{font-size:2.3rem}
	
	#gall_ul .gall_li{width:calc((100% - 1rem) / 2)}
}

@media(max-width:480px){
	#mb_view_area .mb_info .name_box .name{font-size:2.6rem}
	#mb_view_area .mb_info .cont_box .tit_box{width:100%;margin-bottom:2rem}
	#mb_view_area .mb_info .cont_box .cont{width:100%;padding:0}
	
	#gall_ul .gall_li .box_tit .list_tit{font-size:2.1rem}
}
@media(max-width:360px){
	/*구성원 리스트*/
}

@media(max-width:320px){
	#mb_view_area .mb_info .name_box .name{font-size:2.3rem}
}