@charset "utf-8"; 



button		{ border:0; margin:0; background:none; cursor:pointer; width:35px; height:46px; }

#monthcontrol										{ position:relative; float:left;text-align:center; width: 100%; margin: 0; }
#monthcontrol .calendar_header						{ position:relative; float:left; width: 100%; text-align:center; border-collapse:collapse; background:url(../img/month_bg.gif) left top repeat-x;}  
#monthcontrol .calendar_header  .year_month			{ display: inline-block; margin: 0 auto; margin-top: 10px; }
#monthcontrol .calendar_header  .year_month span	{ height:22px; margin: 10px 10px 0 0; padding: 0; font-weight: 500; color: #ffffff; font-size: 20px; letter-spacing: 0.5px; word-spacing: -5px; }

#monthcontrol .calendar_header .btn_pm				{ float:left; width:70px; margin:0; padding:0; text-align:left;}
#monthcontrol .calendar_header .btn_pm a			{ float:right; width:50px; margin:0; padding:0; text-align:center;}
#monthcontrol .calendar_header .btn_nm				{ float: right; width:70px; margin:0; padding:0; text-align:left;}
#monthcontrol .calendar_header .btn_nm a			{ float:left; width:50px; margin:0; padding:0; text-align:center;}



.calendar_wrap .m_day { display:none;} 



@media screen and (max-width:1024px) {
	#calendar .calendar_box tbody .festival{ margin: 0 auto; width: 90%; line-height: 1.3; }
	#calendar .calendar_box tbody .festival li{ width: 80%; padding: 3px 5px; border-bottom: 1px dotted #b9b9b9; background: none; }
	#calendar .calendar_box tbody .festival li:last-child{ border-bottom: 0; }
}


/*
캘린더 스타일 변경 */
/*.calendar-box {width:1200px; float:right; padding-top:70px; } */
.calendar-box .month{/*overflow:hidden;*/ position:relative; height:35px; line-height:35px; width:220px; margin:0 auto 30px }
.calendar-box .month .prev{position:absolute; left:0; cursor:pointer}
.calendar-box .month .next{position:absolute; right:0; cursor:pointer}
.calendar-box .month .now{font-size:22px; text-align:center; letter-spacing:0}
.calendar-box .calendar-category { text-align:right; margin-bottom: 20px;}

.i-con em{width:18px; height:18px; display:inline-block; color:rgba(255,255,255,1); font-size:12px; font-weight:500; line-height:18px; text-align:center; margin-right:3px;}
.i-con{color:#7e7e7e; font-size:13px; padding-left:5px;}
.i-con1 em{background:#1d42bd;}
.i-con2 em{background:#1d5abd;}
.i-con3 em{background:#1d84bd;}
.i-con4 em{background:#1db0bd;}
.i-con5 em{background:#1dbd7f;}
.i-con6 em{background:#1dbd2c;}
.i-con7 em{background:#a3bd1d;}
.i-con8 em{background:#bda11d;}
.i-con9 em{background:#bd7b1d;}
.i-con10 em{background:#bd431d;}
.i-con11 em{background:#bd1d51;}
.i-con12 em{background:#bd1dbb;}


.calendar-pop {border:2px solid #4b4b4b; /*width:550px;*/ width:390px; height:192px; padding:20px; box-sizing:border-box; overflow:hidden; position:absolute; display:none; background:rgba(255,255,255,1); top:90px; left:30px; z-index:10; color:rgba(0,0,0,1); cursor: text;}
.calendar-box .con .pop_s { width:390px;}
.calendar-box .con .pop_l { width:550px;}
.calendar-pop .car-pimg{float:left; width:160px;}
.calendar-pop .car-pimg img{width:100%;}
.calendar-pop .car-plist{width:340px; float:right; cursor: text;}
.calendar-pop .car-plist-title{font-size:16px; border-bottom:2px solid #4b4b4b; font-weight:600; padding-bottom:10px; margin-bottom:10px; cursor: text; }
.calendar-pop .car-plist-memo { margin-bottom:15px;}
.calendar-pop .car-plist-icon { }
.calendar-pop .pop_close{font-size:30px; position:absolute; top:7px; right:20px;}
.calendar-pop .cate 	{float:left; width:80px; padding:0; text-align:center; height:28px; font-size:14px; line-height:28px; color:#1f54ce; border:1px solid #1f54ce; margin-right:15px; background:#fff; cursor: text; }
.calendar-pop .viewbtn a 	{margin-left:5px; width:85px; float:right; border:1px solid #c1c1c1; cursor:pointer; text-align:center;height:28px; font-size:14px; line-height:28px; display:block}
.calendar-pop .viewbtn a:hover{transition: background-color 200ms linear; background:rgba(238,238,238,1);}

.calendar-mpop {  display:none;}
.calendar-mpop-layer { position:absolute; display:none; width:98%; margin:1%; overflow:hidden; z-index:11; bottom:30%;}
.calendar-mpop-layer .calendar-mpop {border:2px solid #4b4b4b; display:block; width:100%; height:auto; padding:20px; box-sizing:border-box; overflow:hidden; background:rgba(255,255,255,1); top:90px; left:30px; z-index:10; color:rgba(0,0,0,1); cursor: text;}
.calendar-mpop-layer .calendar-mpop .schedule { border-bottom:1px solid #eee; clear:both; overflow:hidden; margin-bottom:15px;}
.calendar-mpop-layer .calendar-mpop .car-plist-date{font-size:16px; border-bottom:2px solid #4b4b4b; font-weight:600; padding-bottom:10px; margin-bottom:10px; cursor: text; }
.calendar-mpop-layer .calendar-mpop .car-plist-icon { float:left;}
.calendar-mpop-layer .calendar-mpop .car-plist-title { float:left;}
.calendar-mpop-layer .calendar-mpop .cate 	{ width:80px; padding:0; text-align:center; height:42px; font-size:14px; line-height:42px; color:#1f54ce; border:1px solid #1f54ce; margin-right:15px; background:#fff; cursor: text; }
.calendar-mpop-layer .calendar-mpop .pop_close{font-size:30px; position:absolute; top:7px; right:20px;}


.bono{border:none !important;}
.weekdays{border-top:2px solid #585858; width:100%;}
.weekdays li {  display:block;  width: 14.2%;  color: #666;  text-align: center; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #a0a0a0; float:left; color:rgba(0,0,0,1); box-sizing:border-box}
.days {display: inline-block; width:100%;}
.days li{border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;height:180px; width: 14.2%; float:left; box-sizing:border-box; position:relative;  }
.days li:hover{ background:#f3f3f3; }
.days .daynum{border-bottom:1px solid #f3f3f3; height:38px; line-height:38px; padding-left:10px; font-weight:600}
.days .daynum .mweekday { display:none;}
.days .gray .daynum{color:#d8dde6; font-weight:normal;}
.days .sun .daynum{color:#ff0000;}
.days .sat .daynum{color:#0000ff;}
.days .bono{border-bottom: 1px solid #d8d8d8 !important;}

 
@media only all and (max-width:1024px){

	.calendar-mpop-layer {display:block;}
	.calendar_wrap {width:100%; float:none; padding:0; position:relative;}
	.calendar_wrap .m_day {display: block; width: 100%; height: 100%; position: absolute; z-index: 1}
	.calendar_wrap .pc_cal {width:100%; min-height:40px; height:auto; position:relative; border-left:none; }
	.calendar_wrap .pc_cal td{position: relative; height: 110px;}
	.calendar_wrap .pc_cal td > div.con {padding:3px; display:none;}
	.calendar_wrap .pc_cal .gray{ display:none; }
	.calendar_wrap .pc_cal .daynum{float:left; width:7%; height:20px; border-radius:50%; line-height:20px; text-align:center; font-weight:500; position:relative; padding:3px 0; font-size: 12px; font-weight: 400;}
	.days .daynum .mweekday { display:inline;}
	.calendar_wrap .pc_cal .con { float:right; width:92%; margin-left:1%; padding:3px 0;}
	.calendar_wrap .pc_cal .con .calendar-pop { width:95%; left:3%; top:261px; }
	.calendar_wrap .pc_cal .con .calendar-pop .car-pimg { float:left; width:30%;}
	.calendar_wrap .pc_cal .con .calendar-pop .car-plist { float:right; width:69%;}
	.calendar_wrap .pc_cal .con .pop_s .car-plist { width:100%;} 
	
	

}