.mainCalWrap{ padding:40px 20px; overflow: hidden; display:block; width: 1400px; box-sizing: border-box;  }
.mainCalWrap .desc{font-size: 16px;     color: #9c9c9c;     letter-spacing: -1px;  font-weight:300}
.mainCalWrap h2{font-size: 28px}
.mainCalWrap .close{position: absolute; right: 40px; top: 40px; cursor: pointer}
.calendarWrap { }
.calendarWrap h3 { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size:23px;  color:#000; letter-spacing:-1.5px; text-align:right; height: 45px }
.calendarWrap h3 span { font-weight: 500; }
.calendarWrap p.desc { text-align:center; font-family: 'Noto Sans KR'; font-style: normal; font-weight:300; padding:30px 20px 50px; }
.calendarWrap p.desc span { cursor:pointer; border-radius:0; padding:3px 7px 3px 10px; font-size:26px; color:#333333; margin-right:3px; border:1px solid #bdbdbd;}
.calendarWrap p.desc span i.catenum { font-weight:500; font-style: normal; color:#fff; padding-left:5px; }
.calendarWrap p.desc span:hover{color:#1971B7;border:1px solid #1971B7;}
.calendarWrap p.desc span.on{color:#1971B7;border:1px solid #1971B7;}
.calendarWrap p.desc span.i-con1{padding:3px 13px 3px 19px;/*letter-spacing:1.5px;*/}


/*
.i-con1{background:#1d42bd;}
.i-con2{background:#1d84bd;}
.i-con3{background:#1db0bd;}
.i-con4{background:#1dbd2c;}
.i-con5{background:#a3bd1d;}
.i-con6{background:#bd7b1d;}
.i-con7{background:#bd1d51;}
*/

.calendarWrap .calendarLeft { float:left; width:49%;}
.calendarWrap .calendarLeft .calendar-title { /* text-align:left; */ position: relative; /* padding-left:25px; */  text-align: center; height: 45px}
.calendarWrap .calendarLeft .calendar-title h4 { /* margin-bottom:10px; */ font-family: "GmSansB"; font-size:20px; line-height:2; display: inline-block;}
.calendarWrap .calendarLeft .calendar-title h4 strong { color: #000; margin-right:10px; }
.calendarWrap .calendarLeft .calendar-title h4 span {  }
.calendarWrap .calendarLeft .calendar-title [class^="btn"] { display: inline-block; border-radius:50%; /* background: #166bb9; */ font-size:22px; text-align: center; /* width:40px; */ /* height:40px; */ /* opacity:1; */ -webkit-transition: all .2s; transition: all .2s; /* position:absolute; */ /* top:0; */ color:#fff; /* padding:8px 0; */ box-sizing: border-box ;margin: 0 20px;}
.calendarWrap .calendarLeft .calendar-title [class^="btn"]:hover {  }
.calendarWrap .calendarLeft .calendar-title .btn-prev { /* right: 70px; */ }
.calendarWrap .calendarLeft .calendar-title .btn-next { /* right: 20px; */ }

.calendarWrap .calendarLeft .calendar-con { text-align: center;  }
.calendarWrap .calendarLeft .calendar-con table { width:100%; border-bottom: 1px solid #000 }
.calendarWrap .calendarLeft .calendar-con th { font-size:15px; width:14.2%; border-top:2px solid #000; border-bottom: 1px solid #000; padding: 10px 0 }
.calendarWrap .calendarLeft .calendar-con th.sun { color: #d01f1f; }
.calendarWrap .calendarLeft .calendar-con th.sat { color: #1078c8; }
.calendarWrap .calendarLeft .calendar-con td { text-align:center; height:55px; padding: 0; font-family: "GmSansM"; color: #000; font-size: 20px; vertical-align:middle; font-weight: 500;}
.calendarWrap .calendarLeft .calendar-con td p { height: 40px; line-height:40px; }
.calendarWrap .calendarLeft .calendar-con td .active { display:inline-block; width: 40px; text-align: center; /* border-radius: 50%; */ /* background-color: #166bb9; */ position:relative; }
.calendarWrap .calendarLeft .calendar-con td .event { /*background-color:#8ee2e9;*/ border-radius: 50%;  }
.calendarWrap .calendarLeft .calendar-con td .today  { display:inline-block; width: 40px; text-align: center; border-radius: 50%; background-color: #166bb9; position:relative; color: #fff;}
.calendarWrap .calendarLeft .calendar-con td a { /* color:#fff; */ }

.calendar-con .CalDayBtn { display:inline-block;}
.calendar-con .CalDayBtn.sel { position:relative; border-radius:50%; background: #1db0bd !important; color: #fff;}
.calendar-con .CalDayBtn.sel::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #32073f; opacity: .5; -webkit-animation: circle 1s ease infinite; animation: circle 1s ease infinite; }
@-webkit-keyframes circle { 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } }
@keyframes circle { 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } }
.calendarRight .calendar_lstsub li.sel { background:#f5f2f7; }

.mainRecrumentWrap{      overflow: hidden;    z-index: 9999;    position: absolute;    background-color: #fff;     display: none;    width: 1000px;    padding: 20px;    box-sizing: border-box;    left: 20px;    top: 162px;    height: 600px;    overflow-y: scroll;    left: 50%;     margin-left: -500px;}
.mainRecrumentWrap .close{position: absolute; right: 20px; top: 20px; cursor: pointer}
.mainRecrumentWrap .close img{width: 40px;}

.mainRecrumentWrap table th{background: #F7F7F7;padding: 5px 2px;font-size: 15px;}
.mainRecrumentWrap table td{padding: 5px 2px;text-align: center;font-size: 15px;}
.mainRecrumentWrap h2{font-size: 24px; font-weight: 500; padding-bottom: 10px; text-align: center}

.calr{ /* float:right; */ /* width:48%; */ }
.calr h3{display:inline-block; float:left}
.calr .desc{display:inline-block; float:right}
.calendarWrap .calendarRight { float:right; /* width:48%; */ position: relative }
.calendarWrap .calrw{position: relative;overflow: hidden;width: 48%;float: right;}
.calendarWrap .calrw:after{width: 1px; height: 345px; content: ''; position: absolute; right: 7px; top: 66px; background: #dddddd; z-index: -1}
.calendarWrap .calendarRight { overflow:auto; height: 370px; position: relative; border-top:2px solid #333333; border-bottom:1px solid #eaeaea; width: 100%;}
.calendarWrap .calendarRight::-webkit-scrollbar { width: 15px;}
.calendarWrap .calendarRight::-webkit-scrollbar-track { background-color: transparent;}
.calendarWrap .calendarRight::-webkit-scrollbar-thumb {  background-color: #a2a2a2;  border-radius: 10px;  border: 6px solid transparent;  background-clip: content-box;}
	
	
	.calendarWrap .calendarRight ul.calendar_lstsub {font-style: normal; font-weight: 300; font-size:15px; width:100%;}
	.calendarWrap .calendarRight li { position:relative; padding:25px 0 25px 70px; background-color: rgba(0, 0, 0, 0); -webkit-transition: all .2s; transition: all .2s; border-bottom:1px solid #eaeaea; }
	.calendarWrap .calendarRight li:hover { background-color: rgba(0, 0, 0, 0.05); }

	.calendarWrap .calendarRight .date { display:block; position: absolute; left: 0; top:24px; width:40px; text-align: center; font-size:18px; font-family: "GmSansB"; color: #000; }
	.calendarWrap .calendarRight .dayList { display: block; position: relative; padding-left:0; margin-bottom:15px; color:#000; font-weight:400;  overflow:hidden;}
	.calendarWrap .calendarRight .dayList:last-child { margin-bottom:0; }
	.calendarWrap .calendarRight .dayList:hover { color:#000; }
	.calendarWrap .calendarRight .dayList .category { color: #fff; text-align:center; font-size:13px; position:absolute; left: 0; padding:2px 0 3px; width:50px; border-radius:3%; }
	.calendarWrap .calendarRight .dayList .day { width:105px; display:block; float:left;}
	.calendarWrap .calendarRight .dayList .subject { display:block; float:left; padding-top:2px; overflow:hidden; }


@media only all and (max-width: 1230px){
.newsbox{width: 100%}
.mainCalWrap {width: 96%;margin: 2% auto;left: 0;/* margin-left: 0; */top: 0;box-sizing: border-box;position: relative;     top: -600px;}
}
@media only all and (max-width: 1024px){
.calendarWrap .calendarLeft{width: 100%; margin-left: 0}
.calendarWrap .calrw{width: 100%; }
 .calr{ width: 100%; margin-top: 20px;}
 .mainRecrumentWrap{width: 100%; left: 0;    margin-left: 15px;}
 .mainCalWrap{padding: 10px;top: 0}
}

@media only all and (max-width:540px){
	.mainCalWrap h2{text-align: center}
	.mainCalWrap .desc{display: block; margin-left: 0}
	.calendarWrap p.desc{width: 100%;padding: 0 0 20px;}
	.calendarWrap .calendarLeft .calendar-title{padding-left:10px}
	.calendarWrap p.desc span{display: inline-block;padding: 1px 4px 1px 6px;font-size: 14px;margin-bottom: 2px;}
	.calendarWrap p.desc span.i-con1{padding:1px 7px 1px 10px;}
	.calendarWrap .calendarRight li{padding-left: 55px; padding-top: 5px; padding-bottom: 5px}
	.calendarWrap .calendarRight a .category{width: 40px; padding: 0}
	.calendarWrap .calendarRight a, .calendarWrap .calendarRight p{padding-left: 0px; font-size: 13px; margin-bottom: 0;}
	.calendarWrap .calendarRight .date{top: 10px; font-size: 15px}
	.calendarWrap .calendarLeft .calendar-con td{font-size:17px }
	.calendarWrap .calendarLeft .calendar-con td p{line-height: 2.5;}
	.calendarWrap .calrw:after{height: 100%; top: 110px}
	.mainCalWrap .close {top: 10px; right: 10px}
	.mainCalWrap .close img{width: 30px}
	.calendarWrap h3{font-size:22px;}
}

@media only all and (max-width:420px){
	.calendarWrap h3{font-size:20px;}
	.calendarWrap .calendarRight ul.calendar_lstsub{font-size:14px;}
}