@charset "utf-8";

/**/
body {background: #f4f4f4;}
#bukgu {background: #f4f4f4 !important;}
#aside {display: none;}
#contain {/*padding: 20px 0;width: 100%;*/}
#design {max-width: 1600px;width: 100%;margin: 0 auto;}
#design .visual {padding:75px 0 20px;}
#design .visual .locator {top:143px;}
#contain #calendar {position: relative;padding: 40px;background: #fff;}
#contain #calendar .days {padding: 0 0 90px;border-bottom: 1px solid #ddd;text-align: center;}
#contain #calendar .even {position: absolute;top:100px;left: 40px;right: auto;margin: 15px 0;}
#contain #calendar .even > ul > li > i {display: none;}
#contain #calendar .even > ul > li {padding: 0;border-radius: 10px;margin: 2px 2px;}
#contain #calendar .even > ul > li strong {display: block;padding: 5px 18px;color: #fff;border-radius: 10px;text-align: center;}
#contain #calendar .even .e1 {background: #e31a22;}
#contain #calendar .even .e2 {background: #2e55a6;}
#contain #calendar .even .e4 {background: #a68b2e;}
#contain #calendar .even .e6 {padding: 5px 18px;color: #fff;background: #60ac16;}
#contain #calendar .even .e7 {padding: 5px 18px;color: #fff;background: #dda100;}
#contain #calendar .even .e8 {padding: 5px 18px;color: #fff;background: #e65700;}
#contain #calendar .even .e9 {color: #fff;background: #ec008c;}

#contain #calendar .calendar {margin: 20px 0 0;}
#contain #calendar .calendar table {width: 100%;max-width: 1080px;border-collapse: collapse;}
#contain #calendar .calendar table thead th {padding: 10px 0;font-size: 16px;background: #333;color: #fff;font-weight: 400;border: 1px solid #fff;}
#contain #calendar .calendar table thead th:first-child {border-left: 0;}
#contain #calendar .calendar table thead .sat {border-right: 0;padding-right: 11px;}

#contain #calendar .calendar td {height: auto;padding: 15px 10px;border: 1px solid #ccc;}
#contain #calendar .calendar td .calendar_box {height: 100%;min-height: 200px;}
#contain #calendar .day_num {position: static;}

#contain #calendar .day_num span, #contain #calendar .day_num span a {font-weight: 400;color: #333;font-family: 'Montserrat','NanumSquare','MalgunGothic','dotum','µ¸¿ò','gulim','±¼¸²','Tahoma','sans-serif';}
#contain #calendar .dk_search {display: none;}

#contain #calendar .days .prev {width: 0;}
#contain #calendar .days .next {width: 0;}
#contain #calendar .days strong {padding: 0 50px 0 10px;}
#contain #calendar .days .year {font-size: 24px;vertical-align: bottom;padding-left: 40px;color: #000;}
#contain #calendar .days a {font-size: 16px;}
#contain #calendar .calendar td .result {padding: 10px 0;}
#contain #calendar .calendar td .result > div {overflow: hidden;margin-bottom: 10px;}
#contain #calendar .calendar td .result > div:last-child {margin-bottom: 0;}

#contain #calendar .calendar_tab {margin-top: 20px;}
#contain #calendar .calendar_tab > ul {overflow: hidden;}
#contain #calendar .calendar_tab > ul > li {float: left;width: 8.33333%;text-align: center;box-sizing: border-box;border-right: 1px solid #fff;}
#contain #calendar .calendar_tab > ul > li:last-child {border-right: 0;}
#contain #calendar .calendar_tab > ul > li > a {display: block;width: 100%;padding: 10px 0;background: #f2f2f2;}
#contain #calendar .calendar_tab > ul > .tis_month > a {color: #fff;background: #e75876;}

#contain #calendar .calendar td .result a {display: block;text-align: left;padding-bottom: 10px;word-break: break-all;font-size: 13px;line-height: 1.2em;}
#contain #calendar .calendar td .result span {display: block;padding: 2px 0;margin: 4px 0;vertical-align: top;border-radius: 7px;font-size:12px;color:#fff;text-align: center;}
#contain #calendar .calendar td .result .e2 {background: #2e55a6;}
#contain #calendar .calendar td .result .e4 {background: #a68b2e;}
#contain #calendar .calendar td .result .e1 {width: 100%;padding: 3px 0;background: #e31a22;}
#contain #calendar .calendar td .result .e6 {background: #60ac16;word-break: keep-all;}
#contain #calendar .calendar td .result .e7 {background: #dda100;}
#contain #calendar .calendar td .result .e8 {background: #e65700;}
#contain #calendar .calendar td .result .e9 {background: #ec008c;}
#contain #calendar .playout {display: none !important;}

#contain #calendar .sc_box7 {box-sizing: border-box;}

@media screen and (max-width: 1159px) {	

	#design .visual {height: 100px;padding: 110px 0 20px;}
	#design .visual .locator {top:178px;}

}

@media screen and (max-width: 1020px) {

	#contain {border: 0;}
	#contain .contain {width: 94%;margin: 0 3%;}
	#contain #calendar {padding: 20px;}
	#contain #calendar .calendar {margin: 20px 0 0;}
	#calendar .calendar {display: block;}

	#contain #calendar .days {padding: 20px 0 100px;}
	#contain #calendar .days a:hover {width: 0;text-indent: -9999px;}
	_::-moz-svg-foreign-content, :root #contain #calendar .days a:hover{width:40px;text-indent:-9999px;color:#fff}
	_::-moz-svg-foreign-content, :root #contain #calendar .days .prev{color:#fff;text-indent:-9999px;}
	_::-moz-svg-foreign-content, :root #contain #calendar .days .next{color:#fff;text-indent:-9999px;}
	
	#contain #calendar .even {width: 100%;top: 95px;left: 0;padding: 0 20px;box-sizing: border-box;}
	#calendar .even ul {width: 100%;}
	#calendar .even li {width: 12%;text-align: center;padding-left: 25px;}

	#contain #calendar .calendar table thead th {padding: 10px;}

	#contain #calendar .calendar td {height: auto;padding: 15px 10px;border: 1px solid #ccc;}
	#contain #calendar .calendar td .calendar_box {height: 100%;min-height: 200px;}
	
	#contain #calendar .calendar td .result span {float: none;width: 100%;text-align: center;}
	#contain #calendar .calendar td .result a {float: none;width: 100%;text-align: center;}

}

@media screen and (max-width: 768px) and (min-width: 480px) {

	#design .visual .locator {top: 95px;}
	#design .visual {height: 25px;}
	#design .d_con_wrap {padding: 0;}
	#contain #calendar .calendar td .result span {float: none;width: 100%;}
	#contain #calendar .calendar td .result a {float: none;width: 100%;}
	#calendar .even li {width: 32%;box-sizing: border-box;}
	#contain #calendar .days {padding: 20px 0 160px;}
	#contain #calendar .even > ul > li {margin: 3px 1%;}
	#contain #calendar .even > ul > li:nth-child(3n-2) {margin-left: 0;}
	#contain #calendar .even > ul > li:nth-child(3n) {margin-right: 0;}
}


@media screen and (max-width: 480px) {

	/*#calendar .even li {width: 30%;text-align: center;}*/

	#contain #calendar .days {padding: 20px 0 180px;}
	#calendar .even li {width: 48%;box-sizing: border-box;}
	#contain #calendar .even > ul > li {margin: 3px 2%;font-size: 13px;}
	#contain #calendar .even > ul > li:nth-child(2n-1) {margin-left: 0;}
	#contain #calendar .even > ul > li:nth-child(2n) {margin-right: 0;}

	#contain #calendar {padding: 10px;}
	#contain #calendar .even {top: 80px;left: 0;}
	#contain #calendar .days .year {padding-left: 25px;}
	#contain #calendar .days strong {padding: 0 25px 0 10px;}
	#contain {width: 100%;margin: 0 auto;padding: 0;}

	#contain #calendar .calendar_tab > ul > li {width: 16.66666%;margin: 1px 0;}
	#contain #calendar .calendar_tab > ul > li:nth-child(6n) {border-right: 0;}

	#contain #calendar .calendar td .result span {width: 100%;}
	#design .visual .locator {top: 105px;}

	#contain #calendar .calendar td {padding:15px 8px;}

} 

@media screen all and (max-width: 480px) {
	
	#contain #calendar .days .year {padding-left:15px;}
	#contain #calendar .days strong {padding: 0 15px 0 10px;}

	#calendar .even li {width: 48%;box-sizing: border-box;}
	#contain #calendar .even > ul > li {margin: 3px 2%;font-size: 13px;}
	#contain #calendar .even > ul > li:nth-child(2n-1) {margin-left: 0;}
	#contain #calendar .even > ul > li:nth-child(2n) {margin-right: 0;}

	#contain #calendar .days {padding: 20px 0 200px;}

}


#scheduleList{display:none}