@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 .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 .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{cursor:pointer}
#view_open_area .open_box .box_tit .close_btn img{width:2rem;height:2rem}
#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}

/*------------------글쓰기------------------*/
/*일정*/
.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}
}