.ui-datepicker-month { padding:0 5px !important; }
.ui-datepicker-year {padding:0 5px !important; }
.meal_lists { padding-bottom:3px; }

/*********** List *************/
.photo_list {display: grid;  grid-template-columns: repeat(4, 1fr);  gap:30px;}
.photo_list dl {position:relative; }
.photo_list dl .checkbox {position:absolute; top:10px; left:10px;}
.photo_list dl .checkbox input {width:20px; height:20px;}
.photo_list dl a {background: var(--grayBg); height:100%; padding:35px; box-sizing:border-box; display:block;}
.photo_list dl a dt {overflow: hidden; aspect-ratio: 3 / 4.25;}
.photo_list dl a dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s linear;}
.photo_list dl a dd {color: var(--white_b); text-align: center; font-size: 1.222rem; font-weight: 700; line-height: 154.545%; letter-spacing: -0.88px; margin:20px 0 0;}

.photo_list dl:hover dt img {transform:scale(1.1); transition:all 0.3s linear;}



/*********** 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;}


.input_title .tit_div {display:flex; flex-wrap:wrap; align-items:center; font-family: 'Pretendard', 'Jost', Malgun Gothic,'Malgun Gothic', sans-serif;  font-size:20px; color:var(--black); font-weight:600; letter-spacing:-0.6pt; border-top:2px solid var(--black); padding:20px 15px !important;  margin:50px 0 0;}



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

.bio_view .poster {width:45%;}
.bio_view .tBox {width:55%; padding-left:8%;}


.bio_view .tBox .btn_wrap .detailBtn {width:calc((100% - 10px) / 2);}

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

.photo_list dl a {padding:20px;}






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

.photo_list dl a {padding:15px;}
.photo_list {grid-template-columns: repeat(3, 1fr);  gap:15px;}


.bio_view .poster {width:100%;}
.bio_view .tBox {width:100%; padding-left:0; padding-top:50px;}
.bio_view .tBox .event_date .state {width:85px; height:38px;}
.bio_view .tBox > .fs52 {margin:25px 0 0;}

.bio_table dl {padding:20px 25px;}
.bio_table dl dt {width:110px;}
.bio_table dl dt::before {font-size:23px;}
.bio_table dl dd {width:calc(100% - 110px);}

.bio_view .tBox > .fs22.pointColor {margin:35px 0 8px;}
.bio_view .tBox .btn_wrap .detailBtn {margin:0 auto;}


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


.photo_list dl a {padding:15px 10px;}
.photo_list {grid-template-columns: repeat(2, 1fr);  gap:15px;}
.photo_list dl a dd {font-size:1.1rem; margin:15px 0 0;}


.bio_view {padding-bottom:30px;}
.bio_view .tBox {padding-top:30px;}
.bio_view .tBox .event_date {gap:0 10px;}
.bio_view .tBox .event_date .state {width:60px; height:28px; font-size:13px;}
.bio_view .tBox .event_date .time::before {font-size:20px;}

.bio_view .tBox > .fs52 {margin:15px 0 0;}
.bio_view .tBox > .fs22 {margin:10px 0 0;}

.bio_table {margin:20px 0 0;}
.bio_table dl {padding:10px 15px;}
.bio_table dl dt {width:100%; margin:0 0 5px; gap:0 5px;}
.bio_table dl dt::before {font-size:20px;}
.bio_table dl dd {width:100%;}

.bio_view .tBox > .fs22.pointColor {margin:25px 0 5px;}

.bio_view .tBox .btn_wrap {margin:30px 0 0;}
.bio_view .tBox .btn_wrap .detailBtn span {font-size:12px; padding:0 13px}

.bio_view .tBox .btn_wrap .detailBtn {height:39px; }
.bio_view .tBox .btn_wrap .detailBtn span::before { width:29px; height:29px; background-size:11px}
.bio_view .tBox .btn_wrap .detailBtn span::after {width:29px; height:29px;}


}