
.calendar004_wide {width:100%; /*max-width:1300px;*/ margin:0 auto; height:100%; float:left;/* background:white; */box-sizing:border-box;
					position:relative; padding:15px;}

.calendar004_wide .ym_box {text-align:left;box-sizing:border-box;width:100%; position:relative; background: none;}
.calendar004_wide .ym_box div {margin-bottom:5px;max-width: 1270px;margin: 0 auto;margin-bottom: 5px;}
.calendar004_wide .ym_box strong {font-size:25px; font-weight:600; margin-right:10px;}
.calendar004_wide .ym_box strong:after {content:".";}
.calendar004_wide .ym_box strong+span {font-size:14px; font-weight:600; color:#838383; margin-right:5px;}
.calendar004_wide .ym_box strong+span+a {display:inline-block;}
.calendar004_wide .ym_box h3 {font-size:14px; color:#838383; line-height:normal; font-weight:400; white-space:nowrap;  vertical-align:bottom;
							 display:inline-block; box-sizing:border-box; position:relative; overflow:hidden; text-overflow:ellipsis;}
.calendar004_wide .ym_box .prev_btn:before {content:"\276C";color:#636363;float:left; padding-right:10px;}
.calendar004_wide .ym_box .next_btn:before {content:"\276D"; color:#636363; float:right; padding-left:10px;}

.calendar004_wide .dd_box {box-sizing:border-box;}
.calendar004_wide .dd_box table {text-align:left; vertical-align:middle; box-sizing:border-box;}
.calendar004_wide .dd_box table tr {display:table-cell;}
.calendar004_wide .dd_box table td {color:#88888a; font-size:15px; text-align:center;}
	
	.calendar004_wide .dd_box table td:before {display:block; color:inherit; font-size:13px; text-align:center;}
	.calendar004_wide .dd_box table td:first-child:before {content:"일";}
	.calendar004_wide .dd_box table td:nth-child(2):before {content:"월";}
	.calendar004_wide .dd_box table td:nth-child(3):before {content:"화";}
	.calendar004_wide .dd_box table td:nth-child(4):before {content:"수";}
	.calendar004_wide .dd_box table td:nth-child(5):before {content:"목";}
	.calendar004_wide .dd_box table td:nth-child(6):before {content:"금";}
	.calendar004_wide .dd_box table td:nth-child(7):before {content:"토";}

.calendar004_wide .dd_box table td.dd_xx {/*display:none;*/opacity:0;padding:0 !important;visibility:hidden;position:absolute;}
.calendar004_wide .dd_box table td.dd_on {font-weight:600; position:relative;}
.calendar004_wide .dd_box table td.dd_weekend,.calendar004_wide .dd_box table tbody tr td:first-child {color:#e60000;}


/* mobile text box */
.calendar004_wide .dd_box .dd_event {width:100%; margin-top:10px; padding:15px 10px; background:#f0f0f0; border-radius:3px; box-sizing:border-box;}
.calendar004_wide .dd_box .dd_event ul {width:100%;}
.calendar004_wide .dd_box .dd_event ul li {font-size:13px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar004_wide .dd_box .dd_event ul li:before {content:"\b7"; margin:0 2px;}


	@media (min-width:1300px){
		.calendar004_wide .dd_box table {margin-left:-11px;}
		.calendar004_wide .dd_box table td {padding: 0 7px !important;}
	}
	@media (min-width:600px){
		.calendar004_wide .dd_box table td {width:15%;}
		.calendar004_wide .dd_box table td.today_pc {background:#e4e8ee; border-radius:3px; cursor:pointer;}
		.calendar004_wide .dd_box table td.today_pc:hover span {font-weight:600;}
		
		.calendar004_wide .ym_box .day_prev, .calendar004_wide .ym_box .day_next {display:none;}
		.calendar004_wide .ym_box .next_btn:before {position:absolute; right:0;top: 0;}
		.calendar004_wide .dd_box .dd_event {display:none;}
	}

	@media (min-width:1520px){
		.calendar004_wide .dd_box table td {padding: 0 11px !important;}
	}

	@media (min-width:800px){
		.calendar004_wide .ym_box .prev_btn:before,
		.calendar004_wide .ym_box .next_btn:before {font-size:40px; margin-top:38px;}

		.calendar004_wide .dd_box {width:100%;padding:0 30px;height:60px;line-height:32px;text-align: left;text-align: center;}
		.calendar004_wide .dd_box table {width: auto;/* max-width: 100%; *//* float:left; */display: inline-block;text-align: center;min-width: 1270px;}
		.calendar004_wide .dd_box table tr {float:left;}
		.calendar004_wide .dd_box table td {float:left;width: auto;}
		.calendar004_wide .dd_box table td.dd_on span {position:relative;}
		.calendar004_wide .dd_box table td.dd_on span:before {content:"\2981"; position:absolute; top:-23px; left:50%;margin-left:-2px;color:#838383;font-weight:400;opacity:0.6;font-size:13px;}

	}

	@media (min-width:1151px) and (max-width:1299px){
		.calendar004_wide .dd_box table {margin-left:-8px;}
		.calendar004_wide .dd_box table td {padding: 0 5px;}
	}
	@media (min-width:1050px) and (max-width:1150px){
		.calendar004_wide .dd_box table {margin-left:-7px;}
		.calendar004_wide .dd_box table td {padding: 0 0.25em;}
	}
	@media (min-width:991px) and (max-width:1049px){
		.calendar004_wide .dd_box table {margin-left:-6px;}
		.calendar004_wide .dd_box table td {padding: 0 0.2em;}
	}
	@media (min-width:800px) and (max-width:990px){
		.calendar004_wide .ym_box .prev_btn:before, 
		.calendar004_wide .ym_box .next_btn:before {margin-top:44px; font-size:30px; padding-right:0; padding-left:0;}

		.calendar004_wide .dd_box {padding:0 15px;}
	}

	@media (min-width:900px) and (max-width:990px){
		.calendar004_wide .dd_box table td {padding:0 5px 0 6px; font-size:13px;}
	}
	@media (min-width:800px) and (max-width:899px){
		.calendar004_wide .dd_box table td {padding:0 4px; font-size:13px;}
	}



	@media (min-width:600px) and (max-width:799px){
		.calendar004_wide .ym_box h3 {display:table-cell;}
		.calendar004_wide .ym_box {/*padding:15px;*/ padding:0; text-align:left;}
		.calendar004_wide .ym_box .prev_btn:before,
		.calendar004_wide .ym_box .next_btn:before {font-size:28px; margin-top:26px; padding:0;}
		.calendar004_wide .dd_box table {width:95%; float:left; padding-left:10px;}
		.calendar004_wide .dd_box table td {padding:0; opacity:0.5; line-height:23px; font-size:13px;}
		.calendar004_wide .dd_box table td:before {display:none;}
		.calendar004_wide .dd_box table td:hover span {padding:3px;}
		.calendar004_wide .dd_box table td.dd_on {text-decoration:underline; opacity:1;}
		.calendar004_wide .dd_box table td.today_pc {opacity:1;}
	}
	@media (max-width:799px){}
	@media (max-width:599px){
		.calendar004_wide .ym_box strong {font-size:18px;}
		.calendar004_wide .ym_box strong+span {font-size:17px;}
		.calendar004_wide .ym_box h3 {font-size:17px; line-height:normal;}
		.calendar004_wide .ym_box {padding:0; padding-bottom:10px; float:left;}

		.calendar004_wide .ym_box .month_prev, .calendar004_wide .ym_box .month_next {display:none;}
		.calendar004_wide .ym_box .prev_btn:before,
		.calendar004_wide .ym_box .next_btn:before {float:none; font-size:25px !important; opacity:0.5; position:absolute; margin-top:45px;}
		.calendar004_wide .ym_box .prev_btn:before {margin-left:30%;}
		.calendar004_wide .ym_box .next_btn:before {margin-left:-28%;}

		.calendar004_wide .ym_box > span {width:5%; float:left; margin-top:20px;}
		.calendar004_wide .ym_box div {width:90%; float:left; text-align:center;}
		

		.calendar004_wide .dd_box {padding-bottom:0;}
		.calendar004_wide .dd_box table {text-align:center;}
		.calendar004_wide .dd_box table tbody tr {display:inline-block;float: none;}
		.calendar004_wide .dd_box table td {display:none;}
		.calendar004_wide .dd_box table td.today {display:block;font-size:70px;font-weight:900;color:#0177d7;display: inline-block;/* float: none; *//* width: 100%; *//* text-align: center; */}
		.calendar004_wide .dd_box table td.today:before {content:""; display: none;}

	}



