@charset "utf-8";
@import url(/common/skin/skin.common/skin.common.css);
@import url(/common/skin/skin.common/r_skin.common.css);


/*------------------리스트,캘린더------------------*/
.board_category a .center_color{display:inline-block;width:6px;height:6px;border-radius:6px;margin-right:.5rem;background:#c00;vertical-align:2px}

#Calendar{position:relative}
#Calendar .sch_admin_tools{position:absolute;right:0;top:-.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
#Calendar .sch_admin_tools .confirm{position:static;transition:background-color .3s}
#Calendar .sch_lang_switch{display:inline-flex;border:1px solid #ddd;border-radius:3px;overflow:hidden}
#Calendar .sch_lang_switch .sch_lang_btn{display:inline-block;min-width:5.5rem;padding:0 1.2rem;height:4rem;line-height:4rem;font-size:1.4rem;color:#666;background:#fff;text-align:center;text-decoration:none}
#Calendar .sch_lang_switch .sch_lang_btn:hover{background:#f7f7f7;color:#333}
#Calendar .sch_lang_switch .sch_lang_btn.active{background:#2879FF;color:#fff;font-weight:500}
#Calendar .confirm{position:absolute;right:0;top:-.5rem;transition:background-color .3s}

/* 일정타이틀 */
.sch_tit_area{margin-bottom:2rem;text-align:center;position:relative}
.sch_tit_area .sch_controls_box{position:absolute;left:0;top:0}
.sch_tit_area .sch_controls_box .today{display:inline-block;padding:0 2rem;margin-right:1rem;height:4rem;border:1px solid #ddd;border-radius:2px;font-size:1.5rem;color:#333;float:left}
.sch_tit_area .sch_controls_box .today a{display:block;width:100%;height:100%;line-height:4rem;color:#666 }
.sch_tit_area .sch_controls_box .today:hover{background:#f7f7f7}
.sch_tit_area .sch_controls{display:inline-block;width:5rem;height:4rem;color:#fff;text-align:center;background:#989898;float:left}
.sch_tit_area .sch_controls a{display:block;width:100%;height:100%;color:#fff}
.sch_tit_area .sch_controls a i{font-size:1.5rem;line-height:4rem}
.sch_tit_area .sch_prev{border-radius:3px 0 0 3px}
.sch_tit_area .sch_next{border-radius:0 3px 3px 0;border-left:1px solid #ababab}

.sch_tit_area .sch_date{display:inline-block;font-weight:600;font-size:2.5rem;line-height:4rem;color:#333;}


/*달력 캘린더 부분 기존 table에서 전체 변경*/
.sch_tbl_area{width:100%}
.sch_tbl_area .sch_wrap{width:100%}
.sch_tbl_area .sch_wrap li{width:100%;display:flex;flex-wrap:wrap}
.sch_tbl_area .sch_wrap li > div{width:14.28%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:100%}

.sch_tbl_area .sch_wrap .day_name > div{height:4.5rem;border-top:1px solid #ddd;font-weight:500;font-size:1.6rem;line-height:4.5rem;text-align:center;border-bottom:1px solid #333}
.sch_tbl_area .sch_wrap .day_name .sun{color:#c00;border-left:1px solid #ddd;border-bottom:1px solid #c00}
.sch_tbl_area .sch_wrap .day_name .sat{color:#2879FF;border-bottom:1px solid #2879FF}

.sch_tbl_area .sch_wrap .day_list{width:100%;height:16rem;}
.sch_tbl_area .sch_wrap .day_list:last-child{border-bottom:0}
.sch_tbl_area .sch_wrap .day_list > div{padding:2rem .3rem 2rem 1.5rem}
.sch_tbl_area .sch_wrap .day_list > div:first-child{border-left:1px solid #ddd}
.sch_tbl_area .sch_wrap .day_list .m_day{display:none}
.sch_tbl_area .sch_wrap .day_list .day_prg_list{margin-top:.5rem;height:10rem;overflow-y:auto}
.sch_tbl_area .sch_wrap .day_list .day_prg_list::-webkit-scrollbar {width:4px;/* 스크롤바의 너비 */}
.sch_tbl_area .sch_wrap .day_list .day_prg_list::-webkit-scrollbar-thumb {height:20%;/* 스크롤바의 길이*/background:#023990;/* 스크롤바의 색상*/border-radius:4px;}
.sch_tbl_area .sch_wrap .day_list .day_prg_list::-webkit-scrollbar-track {background:#ddd;/*스크롤바 뒷 배경 색상*/}

.sch_tbl_area .sch_wrap .day_list .day_prg_list p{width:100%;margin-bottom:3px;font-size:14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p:last-child{margin-bottom:0}
/*.sch_tbl_area .sch_wrap .day_list .day_prg_list p:before{content:'';width:3px;height:3px;border-radius:3px;background:#023990;position:absolute;left:0;top:49%;transform:translateY(-50%)}*/
.sch_tbl_area .sch_wrap .day_list .day_prg_list p .view_open{cursor:pointer}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p .center_color{display:inline-block;width:5px;height:5px;margin-right:.5rem;border-radius:6px;vertical-align:2px;background:#0858a3}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p .center_name{display:inline-block;margin-right:.5rem;font-style:normal;color:#023990;vertical-align:0}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"]{display:inline-block;width:3rem;height:2rem;border-radius:2px;font-size:11px;background:#c00;color:#fff;cursor:pointer}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"]:hover{background:#333}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"].sch_edit_open,
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"].sch_view_open{background:#fff;color:#2879FF;border:1px solid #2879FF}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"].sch_edit_open:hover,
.sch_tbl_area .sch_wrap .day_list .day_prg_list p input[type="button"].sch_view_open:hover{background:#2879FF;color:#fff}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p .sch_day{display:inline-block;width:3.5rem;height:2rem;margin-right:.3rem;border-radius:.3rem;background:#0858a3;font-size:10px;line-height:2rem;text-align:center;color:#fff}

.sch_tbl_area .sch_wrap .m_nodata_list{display:none}


/*뷰페이지 팝업*/
#view_open_area{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none}
#view_open_area.on{display:block}
#view_open_area .open_bg{width:100%;height:100%;background:rgba(0,0,0,.5);}
#view_open_area .open_box{max-width:60rem;width:90%;height:auto;border-radius:1rem;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

#view_open_area .open_box .box_tit {width:100%;padding:2rem 3rem;background:var(--pt-color2);font-weight:500;font-size:2rem;color:#fff;display: flex;justify-content: space-between;align-items:center;position:sticky;top:0;z-index:10}
#view_open_area .open_box .box_tit .close_btn.bbs_btn{width:auto;min-width:8rem;height:4rem;padding:0 1.6rem;line-height:4rem;border:1px solid #fff;background:transparent;font-size:1.4rem;color:#fff;text-decoration:none;display:inline-block;text-align:center;box-sizing:border-box;cursor:pointer}
#view_open_area .open_box .box_tit .close_btn.bbs_btn:hover{border-color:#fff;background:rgba(255,255,255,.15);color:#fff}
#view_open_area .open_tit{margin-bottom:1.5rem;font-weight:500;font-size:1.8rem;color:#333}
#view_open_area .open_tit .p_notice{padding:.5rem 1.5rem .3rem !important}

#view_open_area .cont_box{max-height:80vh;height:auto;overflow-y:auto;}
#view_open_area .cont_box::-webkit-scrollbar {width:.5rem;/* 스크롤바의 너비 */}
#view_open_area .cont_box::-webkit-scrollbar-thumb {height:20%;/* 스크롤바의 길이*/background:var(--pt-color);/* 스크롤바의 색상*/border-radius:.5rem;}
#view_open_area .cont_box::-webkit-scrollbar-track {background:#f2f2f2;/*스크롤바 뒷 배경 색상*/}

#view_open_area .inner{padding:3rem;background:#fff}
#view_open_area .info_list{margin-bottom:2rem}
#view_open_area .info_list li{padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px dashed #ddd;font-size:1.6rem;color:#666;position:relative;display:flex;flex-wrap:wrap}
#view_open_area .info_list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
#view_open_area .info_list li .li_tit{display:block;width:10rem;font-weight:500;color:#333}
#view_open_area .info_list li .li_tit img{display:inline-block;width:1.8rem;margin-right:3px}
#view_open_area .info_list li .li_cont{display:block;width:calc(100% - 10rem);padding-left:1rem}
#view_open_area .cont{padding:2rem;border:1px solid #ddd;font-size:1.6rem;line-height:2.8rem;color:#666}
#view_open_area .cont img{width:100% !important;height:auto}

/* 일정 등록 모달 */
#sch_reg_modal_area{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;display:none}
#sch_reg_modal_area.on{display:block}
#sch_reg_modal_area .open_bg{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
#sch_reg_modal_area .open_box{max-width:72rem;width:92%;height:auto;border-radius:1rem;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
#sch_reg_modal_area .open_box .box_tit{width:100%;padding:2rem 3rem;background:var(--pt-color2);font-weight:500;font-size:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
#sch_reg_modal_area .open_box .box_tit .close_btn.bbs_btn{width:auto;min-width:8rem;height:4rem;padding:0 1.6rem;line-height:4rem;border:1px solid #fff;background:transparent;font-size:1.4rem;color:#fff}
#sch_reg_modal_area .open_box .box_tit .close_btn.bbs_btn:hover{border-color:#fff;background:rgba(255,255,255,.15);color:#fff}
#sch_reg_modal_area .cont_box{max-height:85vh;overflow-y:auto}
#sch_reg_modal_area .cont_box::-webkit-scrollbar{width:.5rem}
#sch_reg_modal_area .cont_box::-webkit-scrollbar-thumb{background:var(--pt-color);border-radius:.5rem}
#sch_reg_modal_area .inner{padding:3rem;background:#fff}
#sch_reg_modal_area .sch_reg_form{margin:0;padding:0;list-style:none}
#sch_reg_modal_area .form_row{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}
#sch_reg_modal_area .form_row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
#sch_reg_modal_area .form_row_block{align-items:flex-start}
#sch_reg_modal_area .form_label{display:block;width:14rem;padding-top:1rem;font-weight:500;font-size:1.6rem;color:#333;flex-shrink:0}
#sch_reg_modal_area .form_label .require{color:#c00}
#sch_reg_modal_area .form_field{width:calc(100% - 14rem);flex:1;min-width:0}
#sch_reg_modal_area .sch_reg_mode_tabs{display:flex;gap:.8rem;margin-bottom:1.5rem}
#sch_reg_modal_area .mode_tab{display:inline-flex;align-items:center;padding:.8rem 1.6rem;border:1px solid #ddd;border-radius:.4rem;font-size:1.4rem;color:#666;cursor:pointer;transition:all .2s}
#sch_reg_modal_area .mode_tab input{margin-right:.5rem}
#sch_reg_modal_area .mode_tab.active{border-color:var(--pt-color2);background:#f0f6ff;color:var(--pt-color2);font-weight:500}
#sch_reg_modal_area .date_range_row,
#sch_reg_modal_area .weekday_row,
#sch_reg_modal_area .time_slot_head{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1.2rem;gap:.8rem}
#sch_reg_modal_area .row_label{width:5rem;font-size:1.4rem;color:#666;flex-shrink:0}
#sch_reg_modal_area .day_input{position:relative;width:16rem;max-width:100%}
#sch_reg_modal_area .day_input input{width:100%}
#sch_reg_modal_area .day_input .ui-datepicker-trigger{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;pointer-events:auto}
#sch_reg_modal_area .day_input input.sch_reg_date{cursor:pointer;padding-right:3.6rem}
#ui-datepicker-div{z-index:100060 !important}
#sch_reg_modal_area .wave{padding:0 .5rem;color:#999}
#sch_reg_modal_area .weekday_chk{display:flex;flex-wrap:wrap;gap:.6rem}
#sch_reg_modal_area .weekday_chk label{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border:1px solid #ddd;border-radius:.3rem;font-size:1.3rem;color:#666;cursor:pointer}
#sch_reg_modal_area .weekday_chk label input:checked + span,
#sch_reg_modal_area .weekday_chk label:has(input:checked){border-color:var(--pt-color2);background:#f0f6ff;color:var(--pt-color2)}
#sch_reg_modal_area .weekday_chk input{margin-right:.4rem}
#sch_reg_modal_area .sch_reg_panel{margin-bottom:1.5rem;padding:1.5rem;background:#f9f9f9;border-radius:.6rem}
#sch_reg_modal_area .time_slot_section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #ddd}
#sch_reg_modal_area .btn_add_time{margin-left:auto;padding:.6rem 1.2rem;border:1px solid var(--pt-color2);border-radius:.3rem;background:#fff;font-size:1.3rem;color:var(--pt-color2);cursor:pointer}
#sch_reg_modal_area .btn_add_time:hover{background:var(--pt-color2);color:#fff}
#sch_reg_modal_area .time_slot_list{display:flex;flex-direction:column;gap:.8rem}
#sch_reg_modal_area .time_slot_row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
#sch_reg_modal_area .sch_reg_time_select{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
#sch_reg_modal_area .sch_reg_time_select .sch_reg_time_part{width:11rem;min-width:9rem;padding:.8rem 2.4rem .8rem 1rem;font-size:1.4rem;cursor:pointer}
#sch_reg_modal_area .sch_reg_time_row{align-items:center}
#sch_reg_modal_area .btn_remove_time{width:3.2rem;height:3.2rem;border:1px solid #ddd;border-radius:.3rem;background:#fff;font-family:fontawesome;font-size:1.4rem;color:#c00;cursor:pointer;line-height:3rem;text-align:center}
#sch_reg_modal_area .form_help{margin-top:.8rem;font-size:1.2rem;color:#999}
#sch_reg_modal_area .sch_reg_preview{margin-top:2rem;padding:1.5rem;background:#f5f8fc;border-radius:.6rem;border:1px solid #e0e8f0}
#sch_reg_modal_area .preview_tit{margin-bottom:1rem;font-weight:500;font-size:1.5rem;color:#333}
#sch_reg_modal_area .preview_tit span{color:var(--pt-color2)}
#sch_reg_modal_area .preview_list{max-height:16rem;overflow-y:auto;margin:0;padding:0;list-style:none}
#sch_reg_modal_area .preview_list li{padding:.8rem 0;border-bottom:1px dashed #ddd;font-size:1.4rem;color:#666}
#sch_reg_modal_area .preview_list li:last-child{border-bottom:0}
#sch_reg_modal_area .preview_list .preview_empty{color:#999;text-align:center;padding:1.5rem 0}
#sch_reg_modal_area .preview_list .pv_date{font-weight:500;color:#333;margin-right:1rem}
#sch_reg_modal_area .preview_list .pv_time{color:var(--pt-color2)}
#sch_reg_modal_area .preview_list .pv_muted{color:#999}
#sch_reg_modal_area .sch_reg_btns,
#view_open_area .sch_view_direct_foot.sch_reg_btns{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #eee}
.sch_tbl_area .sch_wrap .day_list .day_num a.sch_day_reg{cursor:pointer;text-decoration:none}
.sch_tbl_area .sch_wrap .day_list .day_num a.sch_day_reg:hover{text-decoration:underline}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p.p_sch_list .sch_edit_link{display:inline-block;vertical-align:middle;margin-right:2px;color:#2879FF;text-decoration:none;cursor:pointer}
.sch_tbl_area .sch_wrap .day_list .day_prg_list p.p_sch_list .sch_edit_link:hover{color:#0858a3}

@media(max-width:767px){
#sch_reg_modal_area .open_box{width:96%;max-height:95vh}
#sch_reg_modal_area .form_label{width:100%;padding-top:0;margin-bottom:.8rem}
#sch_reg_modal_area .form_field{width:100%}
#sch_reg_modal_area .date_range_row .day_input{width:calc(50% - 3rem)}
#sch_reg_modal_area .weekday_chk label{padding:.5rem .8rem;font-size:1.2rem}
#sch_reg_modal_area .sch_reg_time_select .sch_reg_time_part{width:calc(50% - .4rem);min-width:0}
}

/*------------------글쓰기------------------*/
/*일정*/
.board_input .start_day, .board_input .end_day{width:27%;max-width:32rem;display:flex;flex-wrap:wrap;}
.board_input .wave{width:5%;text-align:center}
.board_input .day_input{width:58%;margin-right:2%;position:relative}
.board_input .day_input input{width:100%;padding-right:3rem}
.board_input .day_input .ui-datepicker-trigger{width:auto;position:absolute;right:1rem;top:1.5rem}
.board_input .ui-timepicker-input{width:40%}
.board_input .weekend_chk{padding-left:1rem}

/*------------------뷰페이지------------------*/
.board_view .date_list li.w85p .date_icon{display:none;width:1.9rem;margin-right:.5rem}
.board_view .date_list li.w85p .wave{display:inline-block;padding:0 1rem}
.board_view .date_list li.w35p .date_icon{display:inline-block;width:1.8rem;margin-right:1rem;vertical-align:-3px}


@media(max-width:1280px){
.board_input .start_day, .board_input .end_day{width:47.5%}
.board_input .weekend_chk{padding:0;margin-top:1rem}
}

@media(max-width:767px){
/*------------------리스트,캘린더------------------*/
#Calendar .confirm{margin-top:2rem;position:relative;right:auto;top:auto}
.sch_tit_area .sch_controls_box{display:inline-block;position:relative;top:auto;left:auto}
.sch_tit_area .sch_date{display:block;}

/*캘린더*/
.sch_tbl_area .sch_wrap {border-top:1px solid #333}
.sch_tbl_area .sch_wrap li{display:block;}
.sch_tbl_area .sch_wrap .day_name{display:none}
.sch_tbl_area .sch_wrap .day_list{height:auto;}
.sch_tbl_area .sch_wrap .day_list .no_data{display:none}
.sch_tbl_area .sch_wrap .day_list > div{width:100%;border-left:1px solid #ddd;height:auto;padding:0;display:flex}

.sch_tbl_area .sch_wrap .day_list .day_num{width:12rem;padding:2rem;border-right:1px solid #ddd;float:left;}
.sch_tbl_area .sch_wrap .day_list .day_prg_list{width:calc(100% - 12rem);padding:2rem;height:auto;float:left;display:flex;flex-wrap:wrap;align-items:center}

.sch_tbl_area .sch_wrap .day_list .gray{display:none}
.sch_tbl_area .sch_wrap .day_list .pc_day{display:none}
.sch_tbl_area .sch_wrap .m_nodata_list{display:block;padding:14rem 2rem;font-size:1.7rem;text-align:center;color:#333}
.sch_tbl_area .sch_wrap .m_nodata_list .month{font-weight:600;color:#333}
.sch_tbl_area .sch_wrap .day_list .m_day{display:block;font-weight:500;font-size:1.6rem;color:#333}

.sch_tbl_area .sch_wrap .day_list .m_day:before{display:block;width:6rem;height:2.5rem;margin-bottom:.5rem;border-radius:3rem;font-size:13px;text-align:center;line-height:2.5rem;color:#333;background:#f7f7f7}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(1) .m_day:before{content:'일요일';color:#c00;;background:#fae5e5}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(2) .m_day:before{content:'월요일';}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(3) .m_day:before{content:'화요일';}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(4) .m_day:before{content:'수요일';}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(5) .m_day:before{content:'목요일';}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(6) .m_day:before{content:'금요일';}
.sch_tbl_area .sch_wrap .day_list > div:nth-child(7) .m_day:before{content:'토요일';color:#2879FF;background:#e9f1ff}


/*----------------뷰페이지------------------*/	
.board_input .start_day, .board_input .end_day{width:100%;}

/*팝업*/
#view_open_area .open_tit .pg_tit{display:block}
}

@media(max-width:480px){
.board_view .date_list li.w85p .date_icon{display:inline-block}
.board_view .date_list li.w85p {padding:2rem;text-align:left}
.board_view .date_list li.w85p p{margin-bottom:1rem}
.board_view .date_list li.w85p p:last-child{margin-bottom:0}
.board_view .date_list li.w85p .wave{display:none}
}