@charset "utf-8";

/*갤러리 리스트 단독*/

/*---------------------------갤러리 목록---------------------------*/

#bo_list h2{margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_list #gall_allchk{display:block;margin-bottom:1rem;overflow:hidden}
#bo_list #gall_allchk .chk_box input[type="checkbox"] + label[for="chkall"]{margin:0}

/*관리자설정*/
.gall_row .col-gn-0,.gall_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:49%}
.gall_row .col-gn-3{width:32%}
.gall_row .col-gn-4{width:23%}
.gall_row .col-gn-5{width:18%}
.gall_row .col-gn-6{width:15%}
.gall_row .col-gn-7{width:12%}
.gall_row .col-gn-8{width:10%}
.gall_row .col-gn-9{width:9%}
.gall_row .col-gn-10{width:8%}

/*관리자설정 끝*/
#bo_list .gall_href a:link, #bo_list .gall_href a:focus, #bo_list .gall_href a:hover{text-decoration:none}

#gall_ul{width:100%;display:flex;flex-wrap:wrap;gap:5rem 2%}
#gall_ul:after{content:'';display:block;visibility:hidden;clear:both}

#gall_ul .gall_box{overflow:hidden;position:relative}
#gall_ul .gall_img{border-radius:1rem;overflow:hidden}
#gall_ul .gall_img a{display:block;width:100%}
#gall_ul .gall_img a img{width:100%;height:auto;transition:all .3s}
#gall_ul .gall_li:hover a img{transform:scale(1.05)}
#gall_ul .gall_txt_box{margin-top:2rem;text-align:center}
#gall_ul .gall_li .gall_txt_box .bo_cate_link {display:inline-block;margin-bottom:1rem;padding:0.3rem 0.8rem;border-radius:2px;background:#ebf0f7;font-weight:500;font-size:13px;color:#239aee}
#gall_ul .gall_li .gall_txt_box .tit_box{display:flex;justify-content:center}
#gall_ul .gall_li .gall_txt_box .tit_box .list_icon{margin-left:.5rem}
#gall_ul .gall_li .gall_txt_box .bo_tit{font-size:1.7rem;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

#bo_list .gall_li .gall_chk{padding:0;position:absolute;top:.5rem;left:.5rem;padding:5px;z-index:1}

#bo_list .gall_li .mb_tit{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content: center;gap:1rem}
#bo_list .gall_li .mb_tit .eng_tit{font-size:3.5rem;font-weight:700;line-height:1;color:#222}
#bo_list .gall_li .mb_tit .kr_tit{font-size:2rem;font-weight:700;color:#222}
/*---------------------------갤러리 목록---------------------------*/


/*아티스트 - 뷰페이지*/
.artist_cont .top_img{width:100%;margin-bottom:8rem;position:relative}
.artist_cont .top_img img{width:100%}
.artist_cont .top_img .sns_list{content:'';position:absolute;bottom:3rem;right:3rem;z-index:10;display: flex;align-items: center;justify-content: center;gap: 1rem;}


.artist_cont .top_info{width:100%;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px dashed #ddd}
.artist_cont .top_info .tit{margin-bottom:5rem;font-size:5rem;font-weight:700;line-height:.7;color:#222;display:flex;flex-wrap:wrap;justify-content:center;align-items: end;gap:1rem}
.artist_cont .top_info .tit .eng{font-size:8rem;font-weight:700;line-height:.7;color:#222;font-family:'Poppins'}
.artist_cont .top_info .tit .kr{font-size:3rem;font-weight:700;color:#333}

.artist_cont .group_info{display:flex;flex-wrap:wrap;align-items:start;gap:2rem 5rem}
.artist_cont .mb_name_cont{width:calc(50% - 2.5rem);display:flex;flex-wrap:wrap;align-items: center;gap:2rem}
.artist_cont .info_tit{width:12rem;height:4.5rem;border-radius:5rem;background:#f7f7f7;font-size:1.7rem;font-weight:700;color:#999;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.artist_cont .mb_name_cont .mb_list{width:calc(100% - 14rem);font-size:2.7rem;font-weight:700;color:#333}

.artist_cont .album_cont{width:calc(50% - 2.5rem);display:flex;flex-wrap:wrap;gap:2rem}
.artist_cont .album_cont.full{width:100%}
.artist_cont .album_list{width:calc(100% - 14rem);margin-top:1.1rem}
.artist_cont .album_list li{padding-left:1rem;font-size:2rem;font-weight:500;color:#222;position:relative}
.artist_cont .album_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:#222;position:absolute;top:1.1rem;left:0;}
.artist_cont .album_list li + li{margin-top:1rem}


.mb_photo_list{width:100%;display:flex;flex-wrap:wrap;justify-content: center;gap:5rem 3rem}
.mb_photo_list li{width:calc((100% - 6rem) / 3)}
.mb_photo_list li .img_box{width:100%;overflow:hidden}
.mb_photo_list li .img_box img{width:100%;transition:all .3s}
.mb_photo_list li .img_box:hover img{transform:scale(1.05)}
.mb_photo_list li .mb_name{margin-top:2rem;padding:0 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.mb_photo_list li .mb_name .name{font-size:3rem;text-align:center;font-weight:700;color:#333;}
.mb_photo_list li .mb_name .eng_group{padding:1rem 2rem;border-radius:5rem;background:#f7f7f7;font-size:1.4rem;font-weight:700;color:#222}


#bo_w .tip_box{margin-top:3rem;padding:3rem;background:#f7f7f7}
#bo_w .tip_box li{font-size:1.7rem;font-weight:500;color:#666;padding-left:1rem;position:relative}
#bo_w .tip_box li + li{margin-top:1.5rem}
#bo_w .tip_box li:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;top:.8rem;left:0}


@media(max-width:1280px){
	
#bo_list .gall_li .mb_tit .eng_tit{font-size:3.2rem}	
	
/*아티스트 - 뷰페이지*/	
.artist_cont .top_info .tit .eng{font-size:7rem}
.artist_cont .top_info .tit .kr{font-size:2.7rem}


.mb_photo_list{gap:3rem 1rem}
.mb_photo_list li{width:calc((100% - 2rem) /3)}
.mb_photo_list li .mb_name .name{font-size:2.7rem}


#bo_w .bo_w_flie .file_del{margin-top:.5rem;position:unset;display: flex;justify-content: end;align-items: center;gap: .5rem;}

}

@media(max-width:1024px){
	
#bo_list .gall_li .mb_tit .eng_tit{font-size:2.9rem}

/*아티스트 - 뷰페이지*/	
.artist_cont .top_img{margin-bottom:5rem}
.artist_cont .top_info .tit .eng{font-size:6rem}
.artist_cont .top_info .tit .kr{font-size:2.4rem}

.artist_cont .mb_name_cont{width:100%}
.artist_cont .album_cont{width:100%}

.mb_photo_list li{width:calc(50% - .5rem)}
.mb_photo_list li .mb_name {padding:0}
.mb_photo_list li .mb_name .name{font-size:2.4rem}
.mb_photo_list li .mb_name .eng_group{padding:.5rem 1.5rem}
}


@media(max-width:767px){
/*1024부터 2배열 - 관리자설정 무시*/
#gall_ul{gap:3rem 2%}
#bo_list .gall_li .mb_tit .eng_tit{font-size:2.6rem}
#bo_list .gall_li .mb_tit .kr_tit{font-size:1.7rem}

/*아티스트 - 뷰페이지*/
.artist_cont .top_img .sns_list{bottom:2rem;right:2rem}
.artist_cont .top_img .sns_list img{width:3rem}


.artist_cont .top_info .tit .eng{font-size:5rem}
.artist_cont .top_info .tit .kr{font-size:2.4rem}

.artist_cont .mb_name_cont .mb_list{font-size:2.4rem}

#bo_w .flex_box_3way > div{width:49%}
#bo_w .line_box{padding:2rem;background:#f7f7f7}
#bo_w .line_box > div{width:100%}
#bo_w .line_box + .line_box {margin-top:2rem;padding:2rem;border:0;}


}

@media(max-width:480px){
.gall_row .col-gn-2{width:100%}	
#bo_list .gall_li .mb_tit .eng_tit{font-size:2.3rem}	
	
/*아티스트 - 뷰페이지*/
.artist_cont .top_info{padding-bottom:0;border-bottom:0}
.artist_cont .top_info .tit{margin-bottom:3rem}
.artist_cont .top_info .tit .eng{font-size:4rem}
.artist_cont .top_info .tit .kr{font-size:2.1rem}

.artist_cont .group_info{padding:3rem;border:1px solid #ddd;border-radius:2rem;}
.artist_cont .info_tit{width:10rem;height:4rem;font-size:1.4rem}

.artist_cont .mb_name_cont{flex-direction: column;align-items: center;justify-content: center;gap:1rem}
.artist_cont .mb_name_cont .mb_list{width:100%;font-size:2.1rem;text-align:center}

.artist_cont .album_cont{flex-direction: column;align-items: center;justify-content: center;gap:1rem}
.artist_cont .album_list{width:100%;margin:0 auto}
.artist_cont .album_list li{font-size:1.7rem;text-align:center}
.artist_cont .album_list li:before{display:none}
.artist_cont .album_list li + li{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #ddd}
.mb_photo_list li{width:100%}

#bo_w .flex_box_3way > div{width:100%}

}