/*********** List *************/
.photo_list {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:30px;}
.photo_list dl {position:relative; background:var(--grayBg) }
.photo_list dl .checkbox {position:absolute; top:10px; left:10px;}
.photo_list dl .checkbox input {width:20px; height:20px;}
.photo_list dl dt {overflow: hidden; aspect-ratio: 3 / 1.6925;}
.photo_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover;}
.photo_list dl dd {position:relative; padding:35px 40px; box-sizing:border-box;}
.photo_list dl dd .reserBtn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 60px; height: 35px; border-radius: 5px; border: 2px solid var(--main); box-sizing:border-box; font-size: 0.88rem; color:var(--main); position:absolute; top:38px; right:40px; font-weight: 700; transition:all 0.3s linear;}
.photo_list dl dd .reserBtn:hover {background:var(--main); color:var(--black); transition:all 0.3s linear;}
.photo_list dl dd h4 {color: var(--white_b); font-size: 1.5rem; font-weight: 500; line-height: 144.444%; letter-spacing: -1.08px; }
.photo_list dl dd ul {margin:12px 0 0;}
.photo_list dl dd ul li {position:relative; padding-left:75px; box-sizing:border-box; font-size: 1rem; color:rgba(255, 255, 255, 0.80);}
.photo_list dl dd ul li+li {margin:7px 0 0;}
.photo_list dl dd ul li span {position:absolute; top:3px; left:0; color: var(--white_b); font-size: 0.88rem; font-weight: 700; line-height:166.667%; letter-spacing: -0.3px;}






/*********** View *************/
.bio_view {display:flex; flex-wrap:wrap; padding-bottom:50px; border-bottom:1px solid var(--border);}
.bio_view .poster {width:670px; overflow: hidden; aspect-ratio: 3 / 4.2448; display:block;}
.bio_view .poster a {overflow: hidden; aspect-ratio: 3 / 4.2448; display:block;}
.bio_view .poster img {display: block; width: 100%; height: 100%; object-fit: cover;}
.bio_view .tBox {width:calc(100% - 670px); padding-left:140px; box-sizing:border-box;}
.bio_view .tBox .event_date {display:flex; flex-wrap:wrap; align-items:center; gap:0 20px;}
.bio_view .tBox .event_date .state {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 97px; height: 42px; border-radius: 5px; border: 2px solid var(--main); box-sizing:border-box; font-weight: 700; letter-spacing: -0.72px; color:var(--main);}
.bio_view .tBox .event_date .time {display:flex; flex-wrap:wrap; align-items:center; gap:0 5px; color: var(--LightFont);}
.bio_view .tBox .event_date .time::before {content:'\e858'; font-size:24px; font-family:var(--icon); color:var(--main); }
.bio_view .tBox > .fs52 {color: var(--white_b); margin:35px 0 0;}
.bio_view .tBox > .fs22 {color: var(--white_b); font-weight: 400; margin:20px 0 0;}

.bio_table {margin:40px 0 0;}
.bio_table dl {display:flex; flex-wrap:wrap; padding:27px 35px; border: 1px solid var(--border); box-sizing:border-box;}
.bio_table dl+dl {margin:2px 0 0;}
.bio_table dl dt {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; width:130px; color: var(--white_b); font-weight: 700; letter-spacing: -0.72px;}
.bio_table dl dt::before {font-size:26px; font-family:var(--icon); display:block; font-variation-settings: 'wght' 100;}
			.bio_table dl dt.ico1::before {content:'\ebcc';}
			.bio_table dl dt.ico2::before {content:'\e7ee';}
			.bio_table dl dt.ico3::before {content:'\e7ef';}
.bio_table dl dd {width:calc(100% - 130px); letter-spacing: -0.72px;}

.bio_view .tBox > .fs22.pointColor {margin:50px 0 12px;}
.bio_view .tBox .btn_wrap {margin:60px 0 0; display:flex; flex-wrap:wrap; gap:0 10px;}










/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

.photo_list dl dd {padding:25px 30px;}
.photo_list dl dd .reserBtn {top:30px;}

}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.photo_list {grid-template-columns: repeat(2, 1fr);  gap:15px;}
.photo_list dl dd {padding:15px 20px;}
.photo_list dl dd h4 {font-size:1.3rem;}
.photo_list dl dd .reserBtn {right:15px; top:12px;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.photo_list {grid-template-columns: repeat(1, 1fr);  gap:20px;}
.photo_list dl dd .reserBtn {width:46px; height:30px;}
.photo_list dl dd .reserBtn {right:20px; top:15px;}
.photo_list dl dd ul li {padding-left:65px;}
.photo_list dl dd ul li+li {margin:4px 0 0;}
.photo_list dl dd ul li span {top:1px;}


.list_top .bbs_search {width:100%;}
.list_top .bbs_search dt {width:100% !important;}
}