
.mecalendar {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}




.volsub  p{
    padding: 0 3px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 3px;
}



.volsub  p.hday,.volsub p.sun{color:red;}
.volsub  p.sat{color:blue;}
.volsub  .today p{display:inline-block;color: #ff2862;
    font-weight: 800;
    border-bottom: 1px solid #ff2862;}


.volsub .last  p,.volsub .next  p{color:#ddd;}

.volsub .eventlist a.meevt {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #6789b0;
    border-radius: 20px;
    font-size: 0;
}

.volsub .sked {list-style:none;}
.volsub span.bot{    position: relative; display: inline-block; border-radius: 20px;   width: 15px;    height: 15px;     margin-right: 5px;}
.volsub span.bot i{    color: #fff;    position: absolute;    top: 2px;    left: 2px;}
.volsub .sked a.meevt{vertical-align:top;font-size:14px;}
#sc_list li{list-style:none;padding-left:0;position:relative;}
#sc_list li span.mpbtn{margin-left:10px;}
#sc_list li span.mpbtn a.m_btn,
#sc_list li span.mpbtn a.d_btn{
	font-size:13px;
	color:#998180;
	font-weight:500;
	text-align:center;
	padding:3px 10px;
	background:#f9f9f9;
	border:1px solid #ccc;
	border-radius:20px;
	box-sizing:border-box;
	vertical-align:top;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
#sc_list li span.mpbtn a.m_btn:hover,
#sc_list li span.mpbtn a.d_btn:hover{
	background:#ff2862;
	color:#fff;
	border:1px solid #ff2862;
}
#sc_list li span.mpbtn a.m_btn{margin-right:5px;}
#sc_list .today{border-bottom: 2px solid #ff2862;}
#sc_list .today th{color:#ff2862;}

.volsub .itdcld .itdsked table.sked_tb a.meevt{vertical-align:top;font-size:15px;font-weight:500;}



.skedview .sked_detail .mpbtn.conts{

 background: #fff;
    display: block;
    text-align: center;
    height: 35px;
}

.skedview .sked_detail  span.mpbtn{margin-bottom:10px;}
.skedview .sked_detail span.mpbtn a.m_btn, .skedview .sked_detail span.mpbtn a.d_btn{
	font-size:13px;
	color:#998180;
	font-weight:500;
	text-align:center;
	padding:3px 10px;
	background:#f9f9f9;
	border:1px solid #ccc;
	border-radius:20px;
	box-sizing:border-box;
	vertical-align:top;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
    cursor: pointer;
}
.skedview .sked_detail  span.mpbtn a.m_btn:hover,
.skedview .sked_detail  span.mpbtn a.d_btn:hover{
	background:#ff2862;
	color:#fff;
	border:1px solid #ff2862;
}


.dtlcon img {max-width:700px;}




/* 달력 */
.volsub .itdcld{
	position:relative;
}
.volsub .itdcld .cldtop{
	position:relative;
	width:100%;
	height:100px;
	background:#fff;
	text-align:center;
}
.volsub .itdcld .cldtop span{
	font-family:'Titillium Web', sans-serif;
	font-size:34px;
	color:#000;
	font-weight:700;
	line-height:100px;
}
.volsub .itdcld .cldtop span.year{
	font-weight:300;
}
.volsub .itdcld .cldtop a.cldm{
	position:absolute;
	top:36px;
	width:60px;
	height:30px;
	font-size:14px;
	color:#999;
	line-height:30px;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.volsub .itdcld .cldtop a.cldm.cldprev {
	padding-left:25px;
	left:30px;
	background:url(../img/form/cldprev.png) left top no-repeat;
}
.volsub .itdcld .cldtop a.cldm.cldprev:hover{
	left:28px;
}
.volsub .itdcld .cldtop a.cldm.cldnext{
	padding-right:25px;
	right:30px;
	background:url(../img/form/cldnext.png) right top no-repeat;
}
.volsub .itdcld .cldtop a.cldm.cldnext:hover{
	right:28px;
}
.volsub .itdcld table.cld_tb{
	width:100%;
	border-collapse:collapse;
	font-family: 'Pretendard','Titillium Web', sans-serif;
}
.volsub .itdcld table.cld_tb tr th,
.volsub .itdcld table.cld_tb tr td{
	border:1px solid #ccc;
	padding:5px;
}
.volsub .itdcld table.cld_tb thead tr th{
	width:14.28%;
	font-size:15px;
	color:#fff;
	font-weight:600;
	background:#bd2a5e;
	border:1px solid #fff;
	border-top:1px solid #be2a5f;
}
.volsub .itdcld table.cld_tb tbody tr td{
	position:relative;
	width:14.28%;
	height:100px;
	vertical-align:top;
	overflow:hidden;
}
.volsub .itdcld table.cld_tb tbody tr td:hover{
	background:#f8f9fa;
}
.volsub .itdcld table.cld_tb tbody tr td p.date{
	display:inline-block;
	padding:0 3px;
	font-family: 'Titillium Web', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:600;
	letter-spacing:-0.02em;
	margin-bottom:3px;
}
.volsub .itdcld table.cld_tb tbody tr td p.date.today{
	color:#ff2862;
	font-weight:800;
	border-bottom:1px solid #ff2862;
}
.volsub .itdcld table.cld_tb tbody tr td.sun p{
	color:red;
}
.volsub .itdcld table.cld_tb tbody tr td.sat p{
	color:blue;
}
.volsub .itdcld ul.sked{
	width:100%;
	margin:3px 0;
	vertical-align: top;
}
.volsub .itdcld ul.sked li{
	position:relative;
	width:100%;
	padding-left:5px;
	margin-bottom:5px;
	box-sizing:border-box;
}
.volsub .itdcld ul.sked li a span{
	display:inline-block;
	width:150px;
	font-size:15px;
	color:#333;
	font-weight:500;
	word-break:break-all;
	transition:all 0.1s;
	-webkit-transition:all 0.1s;
	cursor:pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.volsub .itdcld ul.sked li a:hover{
	color:#bd2a5e;
}
.volsub .itdcld #sc_list ul.sked li a span{
	width:auto;
	text-overflow: unset;
	white-space: pre-wrap;
	overflow: visible;
}
.skedview{
    display: none;
}
.skedview{
	width: 800px;
	height: 550px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background-color: #fff;
	z-index: 1002;
}
.skedview .skedclose{
	position:absolute;
	top:0;
	right: -33px;
	cursor:pointer;
	width:35px;
	height:35px;
	background:url(../img/form/skedclose.png) center no-repeat;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.skedview .skedclose:hover{
	background:#bd2a5e url(../img/form/skedclose.png) center no-repeat;
}
.volsub .itdcld .backon{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.skedview .sked_detail h3{
	width:100%;
	height:60px;
	margin-bottom:0;
	border-bottom:2px solid #bd2a5e;
	padding-left:20px;
	box-sizing:border-box;
	font-size:18px;
	color:#bd2a5e;
	font-weight:900;
	line-height:60px;
}
.skedview .sked_detail h4{
	width:100%;
	background: #bd2a5e;
	padding:20px;
	box-sizing:border-box;
	font-size:20px;
	color:#fff;
	font-weight:700;
	text-align:left;
	margin-bottom:10px;
}
.skedview .sked_detail h4::before,
.skedview .sked_detail h4::after{display:none;}
.skedview .sked_detail p.period{
	width:100%;
	margin:0 auto;
	padding:5px 20px;
	box-sizing:border-box;
	font-family:'Pretendard', sans-serif;
	font-size:17px;
	color:#000;
	font-weight:400;
	text-align:left;
}
.skedview .sked_detail p.period span.prdtit{
	position:relative;
	display:inline-block;
	padding:0 15px 0 10px;
	font-weight:700;
}
.skedview .sked_detail p.period span.prdtit::before{
	content:"";
	display:block;
	width:3px;
	height:3px;
	background:#000;
	border-radius:10px;
	position:absolute;
	left:2px;
	top:8px;
}
.skedview .sked_detail .dtlcon{
	width:calc(100% - 40px);
	min-height:261px;
	max-height:260px;
	margin:20px auto;
	border:1px solid #ebe5e7;
	overflow-y:auto;
	padding:15px;
	box-sizing:border-box;
	font-size:14px;
	color:#000;
	font-weight:normal;
	line-height:1.7em;
}



.skedview .sked_detail .dtlcon p{
	font-size:14px;
	color:#000;
	font-weight:normal;
	line-height:1.7em;
}
/* 달력 > 리스트 */
.volsub .itdcld .itdsked .skedtop span{
	font-family:'Titillium Web', sans-serif;
	font-size:24px;
	color:#000;
	font-weight:700;
}
.volsub .itdcld .itdsked .skedtop span.year{
	display:inline-block;
	position:relative;
	padding-left:26px;
	font-weight:300;
	background:url(../img/form/skedicon.png) left center no-repeat;
}
.volsub .itdcld .itdsked table.sked_tb{
	width:100%;
	border-collapse:collapse;
	font-family: 'Pretendard', sans-serif;
}
.volsub .itdcld .itdsked table.sked_tb tr th,
.volsub .itdcld .itdsked table.sked_tb tr td{
	border:1px solid #ccc;
	padding:5px;
}
.volsub .itdcld .itdsked table.sked_tb thead tr th{
	font-size:17px;
	color:#735251;
	font-weight:600;
	background:#f9f9f9;
	border-top:1px solid #998180;
	padding:10px 5px;
}
.volsub .itdcld .itdsked table.sked_tb tbody tr th{
	position:relative;
	padding:10px 20px;
	background:#f9f9f9;
	font-size:15px;
	color:#998180;
	font-weight:500;
}
.volsub .itdcld .itdsked table.sked_tb tbody tr td{
	position:relative;
	vertical-align:top;
	padding:15px 20px;
}
.volsub .itdcld .itdsked ul.sked li{
	margin-bottom:10px;
	padding-left:20px;
}
.volsub .itdcld .itdsked ul.sked li:last-child{
	margin-bottom:0;
}
.volsub .itdcld .itdsked ul.sked li::before{
	width:3px;
	height:3px;
	background:#999;
	top:9px;
}
.volsub .itdcld .itdsked ul.sked li a{
	font-size:18px;
	font-weight:300;
}

.volsub .itdcld .cldbtnArea{
	width:100%;
	text-align:right;
	margin-top:20px;
}
.volsub .itdcld .cldbtnArea a.cldbtn{
	display:inline-block;
	padding:5px 30px;
	border-radius:40px;
	font-size:14px;
	color:#666;
	font-weight:500;
	border:2px solid #eee;
	box-sizing:border-box;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.volsub .itdcld .cldbtnArea a.cldbtn:hover{
	color:#000;
	border:2px solid #ccc;
}
.volsub .itdform{
	position:relative;
}
/* 테이블 */
.volsub .itdform table.itd_tb{
	width:100%;
	font-family: 'Pretendard', 'Noto Sans KR', '맑은 고딕', sans-serif;
	border-collapse:collapse;
	border:2px solid #998180;
	border-left:1px solid #998180;
	border-right:1px solid #998180;
	text-align:center;
}

.volsub .itdform table.itd_tb tr td img{max-width:100%}

.volsub .itdform table.itd_tb tr th,
.volsub .itdform table.itd_tb tr td{
	padding:15px;
	font-size:18px;
	color:#000;
	font-weight:400;
	border:1px solid #ccc;
}

.volsub .itdform table.itd_tb thead tr th, .volsub .itdform table.itd_tb tbody tr th{
	background:#f9f9f9;
	font-weight:500;
	color:#735251;
}
.volsub .itdform table.itd_tb .tleft{
	text-align:left;
	padding-left:20px;
}
.volsub .itdform table.itd_tb span.tbtit{
	display:inline-block;
	position:relative;
	padding-left:7px;
	font-size:16px;
	color:#6f312f;
	font-weight:700;
}
.volsub .itdform table.itd_tb span.tbex{
	font-size:16px;
	color:#333;
	font-weight:400;
}
.volsub .itdform table.itd_tb span.tbex.ex2{
	color:#8f7e7d;
}
.volsub .itdform table.itd_tb span.tbtit::before{
	content:"";
	display:block;
	width:3px;
	height:3px;
	background:#6f312f;
	position:absolute;
	left:0;
	top:8px;
}
.volsub .itdform table.hrd_tb{
	width:100%;
	border-collapse:collapse;
	font-family: 'Pretendard','Titillium Web', sans-serif;
}
.volsub .itdform table.hrd_tb tr th,
.volsub .itdform table.hrd_tb tr td{
	border:1px solid #ccc;
	padding:15px 5px;
}
.volsub .itdform table.hrd_tb thead tr th{
	font-size:15px;
	color:#fff;
	font-weight:600;
	padding:5px;
	background:#b75b85;
	border:1px solid #b75b85;
	border-right:1px solid #fff;
}
.volsub .itdform table.hrd_tb thead tr th:last-child{
	border-right:1px solid #b75b85;
}
.volsub .itdform table.hrd_tb tr td a{
	color:#b75b85;
	font-weight:500;
}
.volsub .itdform table.hrd_tb tr td .tb_btn{
	display:inline-block;
	padding:5px 15px;
	border-radius:20px;
	border:1px solid #5b82b7;
	font-size:13px;
	color:#5b82b7;
	font-weight:700;
}
.volsub .itdform table.hrd_tb tr td .tb_btn.state2{
	border:1px solid #b7825b;
	color:#b7825b;
}
.volsub .itdform table.hrd_tb tr td .tb_btn.state3{
	border:1px solid #999;
	color:#999;
}
/* width height margin */
.volsub .itdform .wt10p{width:10%;}
.volsub .itdform .wt20p{width:20%;}
.volsub .itdform .wt30p{width:30%;}
.volsub .itdform .wt40p{width:40%;}
.volsub .itdform .wt50p{width:50%;}
.volsub .itdform .wt60p{width:60%;}
.volsub .itdform .wt70p{width:70%;}
.volsub .itdform .wt80p{width:80%;}
.volsub .itdform .wt90p{width:90%;}
.volsub .itdform .wt100p{width:100%;}
.volsub .itdform .ml5{margin-left:5px;}
.volsub .itdform .ml10{margin-left:10px;}
.volsub .itdform .ml20{margin-left:20px;}
/* 요소들 */
.volsub .itdform input[type="text"],
.volsub .itdform input[type="date"],
.volsub .itdform input[type="search"],
.volsub .itdform select,
.volsub .itdform textarea{
	position:relative;
	font-size:13px;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	box-sizing:border-box;
}
.volsub .itdform input[type="date"]{
	padding:5px 12px 5px 10px;
	font-size:14px;
}
.volsub .itdform input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	right: -4px;
	top: 6px;
	font-size:14px;
	transform: translateX(-10px);
	padding-left: 3000px;
	height: 100%;
	cursor:pointer;
}
.volsub .itdform input[type="text"]:focus,
.volsub .itdform input[type="search"]:focus,
.volsub .itdform select:focus,
.volsub .itdform textarea:focus{
	outline:0;
	border:1px solid #ff2862;
}
.volsub .itdform select:hover{
	cursor:pointer;
}
.volsub .itdform textarea{
	min-height:200px;
	padding:10px;
	resize:none;
	overflow-y:auto;
}
.volsub .itdform .itdradio input[type="radio"]{
	cursor:pointer;
	appearance: none;
	border: max(2px, 0.1em) solid gray;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	vertical-align:middle;
	margin-top:-1px;
}
.volsub .itdform .itdradio input[type="radio"]:checked {
  border: 0.4em solid #ff2862;
}
.volsub .itdform .itdradio input[type="radio"] + span{
	font-size:16px;
	padding:0px 5px;
	text-align:center;
	font-weight:500;
	cursor:pointer;
}
.volsub .itdform .itdcheck input[type="checkbox"]{
	cursor:pointer;
	appearance: none;
	border: max(2px, 0.1em) solid gray;
	width: 15px;
	height: 15px;
	vertical-align:middle;
	margin-top:-1px;
}
.volsub .itdform .itdcheck input[type="checkbox"]:checked {
  background:url(../img/form/itdcheck.png) left 1px top no-repeat;
  border: max(2px, 0.1em) solid #ff2862;
}
.volsub .itdform .itdcheck input[type="checkbox"] + span{
	font-size:16px;
	padding:0px 5px;
	text-align:center;
	font-weight:500;
	cursor:pointer;
}
.volsub .ifl_top{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:baseline;
	align-content:space-between;
	width:100%;
	height:56px;
	padding:10px 20px;
	box-sizing:border-box;
	background:#f9f9f9;
	border-bottom:5px ridge  #b75b85;
}
.volsub .ifl_top span.ifltit{
	display:inline-block;
	position:relative;
	font-size:18px;
	color:#7f5957;
	font-weight:700;
	line-height:34px;
	padding-left:20px;
	background:url(../img/form/searchicon.png) left center no-repeat;
}
.volsub .ifl_top input[type="search"]{
	height:30px;
}
a.filbtn{
	float:right;
	display:inline-block;
	width:80px;
	height:30px;
	background:#b75b85;
	font-size:14px;
	color:#fff;
	font-weight:600;
	line-height:30px;
	text-align:center;
}
/* 버튼 */
.itdform a.itdfile{
	display:inline-block;
	font-size:17px;
	color:#b75b85;
	font-weight:600;
	padding-left:16px;
	background:url(../img/form/itdfile.png) left center no-repeat;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.itdform a.itdfile:hover{
	color:#ff2862;
}
.itdform a.itdbtn{
	display:inline-block;
	padding:15px 100px;
	font-size:20px;
	color:#fff;
	font-weight:600;
	background:#b75b85;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.itdform a.itdbtn:hover{
	background:#ff2862;
}

.itdform .listbtm{
	position:relative;
	margin-top:20px;
	width:100%;
	min-height:36px;
	vertical-align:top;
}
.itdform .btmbox{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:9;
}
.itdform .btmbox a.btmbtn{
	display:inline-block;
	padding:7px 30px;
	font-size:16px;
	color:#666;
	font-weight:700;
	background:#fff;
	border:1px solid #ccc;
	border-bottom:2px solid #ccc;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.itdform .btmbox a.btmbtn.l_btn{
	float:left;
	margin-right:5px;
}
.itdform .btmbox a.btmbtn.r_btn{
	float:right;
	margin-left:5px;
}
.itdform .btmbox a.btmbtn:hover{
	color:#fff;
	background:#b75b85;
	border:1px solid #b75b85;
	border-bottom:2px solid #7d2a50;
}

ul.cate{padding:8px;}

ul.cate li {float:left; font-size:14px; margin-right:15px;     cursor: pointer; border: 2px solid #fff;}
ul.cate li span.bot{display:block; width:15px;height:15px; float:left;margin-right:3px;}

/* MEDIA */
@media all and (max-width: 1400px) {
	.volsub .itdform{
		width:100%;
		overflow-x:auto;
	}
}
@media all and (max-width: 1024px) {
	.itdform .btmbox{
		bottom:-40px;
	}
	.skedview{
		width:80%;
	}
	.skedview .sked_detail h4{
		font-size:18px;
	}
	.skedview .sked_detail .dtlcon{
		min-height: 225px;
    	max-height: 225px;
	}
}
@media all and (max-width: 850px) {
	.volsub .ifl_top{
		height:auto;
		flex-direction: column;
	}
	.volsub .ifl_top input[type="search"]{
		margin-left:0 !important;
	}
	.volsub .itdform input[type="text"],
	.volsub .itdform input[type="date"],
	.volsub .itdform input[type="search"],
	.volsub .itdform select,
	.volsub .itdform textarea{
		margin-bottom:5px;
	}
	a.filbtn{
		float:none;
		margin-left:0 !important;
		width:100%;
	}
	.volsub .itdcld ul.sked li a span{
		width:auto;
		font-size:13px;
		white-space:pre-wrap;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		max-height: 70px; 
	}
}


.skedview_bg{
	width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    background: #000000a6;
    height: 100%;
    z-index: 1001;
	display:none;
}


.volsub .itdcld ul.sked li.btn_more a{display:inline-block;text-align: center; font-size:12px;width:100%;  background: #f5f5f5;    padding: 3px 0px; color: #bd2a5e;}

#calendar .more{display:none;}

#sc_list li .cont{font-size: 15px; padding-left: 20px;}
#sc_list li .cont p {font-size: 16px;}
#sc_list li .title{font-weight:bold;}

.dtltitle span.bot{font-size:12px;}
.volsub .itdcld #sc_list ul.sked li a span {overflow: hidden;}


.container .mb50 {
    margin-bottom: 50px;
}
.txt_c {
    text-align: center;
}

a.button{
		cursor: pointer;
		background: #1a1a1a;
		font-size: 18px;
		color: #fff;
		min-width:200px;
		line-height: 38px;
		display: inline-block;
	    font-family: initial;
		padding:8px;
	}

	a.button.modify{background:#12971b;}
	a.button.create{background:#125a97;}	
	a.button.delete{background:#9b0000;}	

	button.prev, a.button.prev{
		background: #999;
	}



@media (max-width: 768px){
	.volsub .itdcld .cldtop a.cldm.cldnext, .volsub .itdcld .cldtop a.cldm.cldnext:hover{right:0;}
	.volsub .itdcld .cldtop a.cldm.cldprev, .volsub .itdcld .cldtop a.cldm.cldprev:hover{left:0;}
}