.calendar_table_wrap { border-bottom: 1px solid #ccc; border-top: 2px #000 solid; overflow: hidden; width: 100%; }
.calendar_table_wrap table { border-spacing: 0; padding: 0; width: 100%; }
.calendar_table_wrap thead th { background: #f4f6f9; padding: 16px 0; display:none}
.calendar_table_wrap tbody td {border-bottom: 1px solid #ddd; padding:40px 20px;font-size:18px}
.calendar_table_wrap tbody td.date{color:#000;width:10%;background:#f5f5f5;font-weight:500}
.calendar_table_wrap tbody tr.first td { border-top: 1px solid #000; }
.calendar_table_wrap tbody.first tr.first td { border-top: 1px solid #ddd; }
.calendar_table_wrap tbody td.calendar-cell{width:27%;border-right:1px solid #ddd}
.calendar_table_wrap .calendar_cell { border-left: 0; }
.calendar_table_wrap .month { background: #fff;; border-left: 1px solid #ddd; font-size: 16px;text-align: center; width:10%;vertical-align:top}
.calendar_table_wrap .month strong { color: #333; font-family: 'Noto-Medium', sans-serif; font-size: 2rem; font-size: 20px; font-weight:700}
.calendar_table_wrap .month strong span { color: #666; }
.calendar_table_wrap .cont { text-align: left; }
.calendar_table_wrap .dgo { border-top: 0; }
.calendar_table_wrap .dgo a { color: #167890; display: block; }
.calendar_table_wrap .dgo a:after {  content: ''; display: inline-block; height: 18px; width: 20px; }
.calendar_table_wrap .calendarbox { margin: 0 auto; width: 259px; }
.calendar_table_wrap .calendarbox .yymm { margin-bottom: 10px; overflow: hidden; text-align: center; width: 100%; }
.calendar_table_wrap .calendarbox .yymm p { color: #333; font-family: 'Noto Sans', sans-serif;  font-size: 20px; font-weight: 600; letter-spacing: -1px; }
.calendar_table_wrap .calendarbox .yymm span { color: #666; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: 400; }

.calendar_table_wrap .calendarbox table { border-spacing: 0; padding: 0; table-layout: fixed; width: 100%; }
.calendar_table_wrap .calendarbox tr:first-child td { padding: 10px 0 5px; }
.calendar_table_wrap .calendarbox td { border: 0 !important; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 30px; padding: 5px 0; text-align: center; }
.calendar_table_wrap .calendarbox td.green.start div { background: #67cca0; border-radius: 15px 0 0 15px; color: #fff; }
.calendar_table_wrap .calendarbox td.green.start.end div { border-radius: 15px; }
.calendar_table_wrap .calendarbox td.green.middle div { background: #67cca0; color: #fff; }
.calendar_table_wrap .calendarbox td.green.end div { background: #67cca0; border-radius: 0 15px 15px 0; color: #fff; }
.calendar_table_wrap .calendarbox td.blue.start div { background: #37b0ce; border-radius: 15px 0 0 15px; color: #fff; }
.calendar_table_wrap .calendarbox td.blue.start.end div { border-radius: 15px; }
.calendar_table_wrap .calendarbox td.blue.middle div { background: #37b0ce; color: #fff; }
.calendar_table_wrap .calendarbox td.blue.end div { background: #37b0ce; border-radius: 0 15px 15px 0; color: #fff; }
.calendar_table_wrap .calendarbox thead th { background: #fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc; color: #666; font-size: 13px; padding: 4px 0; }

.calendar_table_wrap .calendarbox .weekbox{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:6px 0;overflow:hidden;margin-bottom:10px}
.calendar_table_wrap .calendarbox .weekbox ul li{float:left;width:32px; font-size: 14px;margin:2px;font-weight:600}
.calendar_table_wrap .calendarbox .weekbox ul li.sun{color:#db4747}
.calendar_table_wrap .calendarbox .weekbox ul li.sat{color:#5050ec}
.calendar_table_wrap .calendarbox .weekbox2 div{width:32px;height:32px;margin:2px;box-sizing:border-box;line-height:30px;float:left; font-family: 'Noto Sans', sans-serif; font-size: 14px;text-align:center}
.calendar_table_wrap .calendarbox .weekbox2 .holiday{background:#ef402f;color:#fff !important;border-radius:50%}
.calendar_table_wrap .calendarbox .weekbox2 .schedule{background:#f5f5f5;color:#222 !important;border-radius:50%}
.calendar_table_wrap .calendarbox .weekbox2 .memorial{background:#9abb4e;color:#fff !important;border-radius:50%}
.calendar_table_wrap .calendarbox .weekbox2 .today{border:2px solid #bfbfbf ;color:#000 !important;border-radius:50%;line-height:27px}


.schedule_control {margin:10px auto 25px; width:100%;}
.schedule_control h2{font-size:28px; text-align:center; color:#010101; font-weight:600;}
.sch_btn { position:relative; width:100%;}
.sch_btn_l{position:absolute; top:-30px; left:30%;background:url(/pages/gckl/img/main/arrow_main_prev.png) no-repeat}
.sch_btn_r{position:absolute; top:-30px; right:30%;background:url(/pages/gckl/img/main/arrow_main_next.png) no-repeat}

.sch_btn button{width:75px;height:18px}
.sch_btn_l:hover,.sch_btn_r:hover{background-position:0 -18px}




.button_type2 {
    background: #35454d;
    background-image: -webkit-linear-gradient(top, #35454d, #263238);
    background-image: -moz-linear-gradient(top, #35454d, #263238);
    background-image: -ms-linear-gradient(top, #35454d, #263238);
    background-image: -o-linear-gradient(top, #35454d, #263238);
    background-image: linear-gradient(to bottom, #35454d, #263238);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #16193b 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer

}

.button_type2:hover {
    background: #263238;
    background-image: -webkit-linear-gradient(top, #263238, #35454d);
    background-image: -moz-linear-gradient(top, #263238, #35454d);
    background-image: -ms-linear-gradient(top, #263238, #35454d);
    background-image: -o-linear-gradient(top, #263238, #35454d);
    background-image: linear-gradient(to bottom, #263238, #35454d);
    text-decoration: none;
}




/****** Mobile ******/
@media screen and (max-width:690px){

#calendar_wrap{padding:0 20px}
	.sch_btn_l{left:10%}
	.sch_btn_r{right:10%}
    .calendar-th{display:none}
    .calendar-cell{display:none}
    .month p{display:none;}
    .calendar_table_wrap .month{width:40px}
    .calendar_table_wrap .month strong{font-size:17px;font-weight:700}
    .calendar_table_wrap .month strong span{font-size:16px}
	.calendar_table_wrap tbody td{padding:15px 20px}
	.calendar_table_wrap tbody td.date{width:100%;display:block}
	.calendar_table_wrap tbody td.cont{width:100%;display:block;font-size:17px}
	.calendar_table_wrap tbody.first tr.first td{border-top:none}
	.schedule_control h2{font-size:26px}

}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px){

#calendar_wrap{padding:0 20px}
	.sch_btn_l{left:10%}
	.sch_btn_r{right:10%}
    .calendar-th{display:none}

    .month p{display:none;}
    .calendar_table_wrap .month{width:40px}
    .calendar_table_wrap .month strong{font-size:17px;font-weight:700}
    .calendar_table_wrap .month strong span{font-size:16px}
	.calendar_table_wrap tbody td{padding:15px 20px}
	.calendar_table_wrap tbody td.date{font-size:17px}
	.calendar_table_wrap tbody td.cont{font-size:16px}
	.calendar_table_wrap tbody.first tr.first td{border-top:none}
	.schedule_control h2{font-size:26px}
}
/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px) and (max-width:1410px) {
}