@charset "utf-8";
/* CSS Document */

/*2018.06.28 문화달력*/
.calendarW{ margin-bottom:60px; }
.calendarW .calendarH{position:relative;height:100px;text-align:center; font-family:Tahoma, Geneva, sans-serif}
.calendarW .calendarH .date{font-size:40px; padding:0 20px; line-height:100px; color:#222}
.calendarW .calendarH .btn_prev{background:url(/images/www/cal_prev.png) no-repeat 0 0;}
.calendarW .calendarH .btn_next{background:url(/images/www/cal_next.png) no-repeat 0 0;}
.calendarW .calendarH .btn_prev,.calendarW .calendarH .btn_next{display:inline-block;width:52px;height:70px; text-indent:-9999px;}
.calendarW .calendarH button { border: 0; padding: 0; margin: 0;}

.calendarW table{ width:100%}
.calendarW table caption{position: absolute; overflow: hidden; width: 0px; height: 0px; line-height: 0; text-indent: -9999px}
.calendarW table th{padding:8px 0;background:#f6f7fa;font-size:15px;text-align:center; border: 1px solid #e3e3e3; width:14.28%; font-weight:normal}
.calendarW table .sun, .calendarW table td.sun .date{color:#e82f59 !important}
.calendarW table .sat, .calendarW table td.sat .date{color:#0259a6 !important;}
.calendarW table td{text-align:left; border: 1px solid #e3e3e3;line-height:1.3em;background:#fff; font-size:11px; vertical-align:top; }
.calendarW table td.today{border:2px solid #e0233b}
.calendarW table td div{padding:6px 2px 6px 6px;}
.calendarW table td div{min-height:80px;}
.calendarW table td div .date{color:#000;font-size:14px;}
.calendarW table td div .cal{ display:none}
.calendarW table td div .list ul{max-height:225px; overflow:hidden}
.calendarW table td div .list ul li{line-height:1.2em;font-size:13px;background:url(/images/www/dot.gif) no-repeat 0px 0px; margin-bottom:5px;}
.calendarW table td div .list h5, .calendarW table td div .list .close{ display:none}
.calendarW table td div .list ul li:last-child{ margin-bottom:0}
.calendarW table td div .list ul li a{overflow:hidden;text-overflow:ellipsis; display:block; white-space:nowrap; width:86px;}
.calendarW span{font-size:12px; color:#fff; margin-right:5px; padding:0 3px}
.calendarW span.cate1{ background:#e0233b;}
.calendarW span.cate2{ background:#664d8e;}
.calendarW span.cate3{ background:#d37a11;}
.calendarW span.cate4{ background:#3e5e8f;}
.calendarW span.cate5{ background:#288e7b;}
.calendarW table td div .list ul li a:hover{text-decoration:underline;color:#000}
.calendarW table td div .list .more{border:1px solid #e1e1e1; background:#f7f7f7; padding:5px; text-align:center; font-size:11px; margin-top:10px}

.cal_whole{ position:absolute;border:2px solid #a1c2e0; padding:15px; left:50%; width:340px; margin-left:-170px; top:150px; box-sizing:border-box; background:#fff}
.cal_whole h5{ text-align:center; font-size:14px; color:#222; margin-bottom:20px; font-weight:600}
.cal_whole .close{border:1px solid #e1e1e1; background:#f7f7f7; padding:5px 10px; text-align:center; margin-top:15px; display:block}


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

.calendarW table{ width:98%; margin:0 auto}
.calendarW table th{font-size:13px;}
.calendarW table td.select{border:2px solid #a1c2e0}
.calendarW table td div{min-height:45px;}
.calendarW table td div .date{ font-size:13px;}
.calendarW table td div .cal{ display:block; text-align:center}
.calendarW table td div .cal img{ width:25px; height:26px;}

.calendarW table td div .list{ display:none; position:absolute; background:#fff; border:2px solid #a1c2e0; padding:15px; left:50%; width:300px; margin-left:-150px; top:100px; box-sizing:border-box}
.calendarW table td div .list h5, .calendarW table td div .list .close{ display:block}
.calendarW table td div .list h5{ text-align:center; font-size:14px; color:#222; margin-bottom:20px; font-weight:600}
.calendarW table td div .list .close{border:1px solid #e1e1e1; background:#f7f7f7; padding:5px 10px; text-align:center; margin-top:15px}
.calendarW table td div .list ul li{line-height:1.2em;font-size:13px;background:url(/images/www/bul02.gif) no-repeat 0 5px; margin-bottom:8px;}
.calendarW table td div .list ul li a{ width:100%;}
.calendarW table td div .list .more{ display:none}

.calendarW .calendarH{height:80px;}
.calendarW .calendarH .date{font-size:20px; padding:0 10px; line-height:80px;}
.calendarW .calendarH .btn_prev{ background-size:30px 30px}
.calendarW .calendarH .btn_next{ background-size:30px 30px}
.calendarW .calendarH .btn_prev, .calendarW .calendarH .btn_next{width:30px;height:36px; }


.cal_whole{ display:none !important}

 }