@charset "UTF-8";

/* pick_layout */
#header .page_name_box .icon_page_name{margin-left: -1px;}

/* **************************** S:pick_layout **************************** */
.pick_component{width: 100%;height: 100%;background-color: var(--color-ivory2);}
.pick_component .pick_wrap{}
.pick_component .pick_wrap .pick_hd{width: 100%;padding: 32px 16px;border-bottom: 1px solid var(--color-gray2);box-sizing: border-box;display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 8px;}

.pick_component .page_tit_box{flex: 1 1 0%;}
.pick_component .page_tit_box .page_tit{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);}
.pick_component .page_tit_box .page_tit .pick_count_sta{display: inline-block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-24);color: var(--color-red1);}

.pick_component .pick_wrap .pick_bd{}
/* **************************** //E:pick_layout  **************************** */



/* **************************** S:pick_list_wrap **************************** */
.pick_component .pick_list_wrap{}
.pick_component .pick_list_box{}
.pick_component .pick_list_box .pick_list{}
.pick_component .pick_list_box .pick_item{border-bottom: 1px solid var(--color-gray2);background-color: var(--color-ivory2);}
.pick_component .pick_list_box .pick_item:nth-child(odd){background-color: rgba(252, 251, 250, .5);}
.pick_component .pick_list_box .pick_item + .pick_item{}
.pick_component .pick_list_box .pick_item .item_inner{width: 100%;padding: 24px 16px;box-sizing: border-box;position: relative}



.pick_component .pick_list_box .pick_item .item_hd{}

.pick_component .pick_list_box .pick_item .item_loca_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.pick_component .pick_list_box .pick_item .item_loca_box .item_loca_tit{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-red1);letter-spacing: 0.04em;-webkit-text-stroke-width: 0.4px;}
.pick_component .pick_list_box .pick_item .item_loca_box .item_loca_info{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-16);color: var(--color-red1);letter-spacing: 0.02em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pick_component .pick_list_box .pick_item .item_loca_box .item_loca_info::before{content: '';display: block;width: 1.5px;height: calc(100% - 6px);background-color: var(--color-red1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.pick_component .pick_list_box .pick_item .item_tit_box{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 6px;}
.pick_component .pick_list_box .pick_item .item_loca_box + .item_tit_box{margin-top: 2px;}
.pick_component .pick_list_box .pick_item .item_subject_box{flex: 1 1 0%;}
.pick_component .pick_list_box .pick_item .item_subject_box .item_subject{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black1);letter-spacing: -0.01em;word-break: keep-all;}

.pick_component .pick_list_box .pick_item .itemd_btns_box{flex: 0 0 auto;line-height: 0;}
.pick_component .pick_list_box .pick_item .itemd_btns_box .btns_remove_pick{display: inline-flex;align-items: center;justify-content: center;width: 23px;height: 23px;line-height: 0;cursor: pointer;}
.pick_component .pick_list_box .pick_item .itemd_btns_box .btns_remove_pick .icon_pick_actived{display: inline-block;width: 17px;height: 17px;pointer-events: none;}
.pick_component .pick_list_box .pick_item .itemd_btns_box .btns_remove_pick .icon_pick_actived svg{width: 100%;height: 100%;pointer-events: none;}


.pick_component .pick_list_box .pick_item .item_bd{margin-top: 16px;}
.pick_component .pick_list_box .pick_item .item_teacher_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.pick_component .pick_list_box .pick_item .item_teacher_box .item_teacher_name{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;}
.pick_component .pick_list_box .pick_item .item_teacher_box .item_teacher_info{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pick_component .pick_list_box .pick_item .item_teacher_box .item_teacher_info::before{content: '';display: block;width: 1px;height: calc(100% - 7px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pick_component .pick_list_box .pick_item .item_date_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.pick_component .pick_list_box .pick_item .item_teacher_box + .item_date_box{margin-top: 4px;}
.pick_component .pick_list_box .pick_item .item_date_box .item_date{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;}
.pick_component .pick_list_box .pick_item .item_date_box .item_time{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pick_component .pick_list_box .pick_item .item_date_box .item_time::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


.pick_component .pick_list_box .pick_item.no_item{background-color: var(--color-ivory2) !important;border-bottom: 0;}
.pick_component .pick_list_box .pick_item.no_item .item_inner{padding: 180px 16px;display: flex;align-items: center;justify-content: center;}
.pick_component .pick_list_box .pick_item.no_item .no_item_box{}
.pick_component .pick_list_box .pick_item.no_item .noitem_icon_box{line-height: 0;text-align: center;}
.pick_component .pick_list_box .pick_item.no_item .icon_no_pick{display: inline-block;width: 39px;height: 41px;pointer-events: none}
.pick_component .pick_list_box .pick_item.no_item .icon_no_pick svg{width: 100%;height: 100%;}

.pick_component .pick_list_box .pick_item.no_item .noitem_desc_box{text-align: center;}
.pick_component .pick_list_box .pick_item.no_item .noitem_icon_box + .noitem_desc_box{margin-top: 20px;}
.pick_component .pick_list_box .pick_item.no_item .desc_tit{font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);}
.pick_component .pick_list_box .pick_item.no_item .desc_tit .keyword_sta{display: inline-block;}
.pick_component .pick_list_box .pick_item.no_item .desc_txt{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray7);}

/* **************************** //E:pick_list_wrap  **************************** */


.pick_component .class_btns_box{position:fixed;left:40px;bottom:0;right:0;z-index:5;height:44px}
.pick_component .class_btns_box .btns.btns_go_list{background-color:var(--color-brown2);position:absolute;top:0;left:0;right:0;z-index:5;width:100%;height:44px;display:flex;align-items:center;justify-content:center;color:#fff}

.pick_component #filterWrap{left: 40px;}
