#calender-container {
    width: 100%;
    overflow-x: auto;
    margin: 10px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

#calender {
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    width: 14.28%;
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
}

th {
    background-color: #f1f1f1;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}

td {
    background-color: #fff;
    color: #333;
}

td.today {
    background-color: #ffeb3b;
    font-weight: bold;
    color: #000;
}

td.weekend {
    color: #f00;
}

td:hover {
    background-color: #e0f7fa;
    cursor: pointer;
}
.active {
    background-color: #e0f7fa;
    border: 2px solid #f1f1f1;
}

td.disabled {
    background-color: #f9f9f9;
    cursor: not-allowed;
}

.en {
    text-align: center;
}

@media (max-width: 768px) {
    th, td {
        padding: 3px;
        font-size: 12px;
    }

    td a {
        display: block;
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    th, td {
        padding: 3px;
        font-size: 10px;
    }
}
#newcountdown {
  display: inline;
  color: red;
}
.talk-box .msg-cell.msg-submit { display:block; width:150px;float:right; text-align:center;line-height:50px;height:50px;background:#fafafa; border:1px solid #ccc;  cursor:pointer; }
.talker-photo i.notice {
    background: rgb(51, 51, 51);
    color: #fff;
}
.talker-photo i { 
	color:rgb(51, 51, 51);
}
.talker-photo i.notice { 
	background:rgb(51, 51, 51); color:#fff;
}
/* Common */
.chulsuk-book { display:inline-block; height:26px; line-height:20px; padding:4px 8px; margin-top:10px; }
.chulsuk-msg { border:1px solid #ddd; padding:10px; margin-top:8px; }
.chulsuk-notice .talk-bubble ul { list-style:none; margin:0px; padding:0px; line-height:24px; }

#fchulsuk .msg-content { display:table; width:100%; table-layout:fixed; }
#fchulsuk .msg-content .msg-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
#fchulsuk .msg-content .msg-cell.msg-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
#fchulsuk .anc-write { display:none; margin-top:4px; }
.chk-photo { color:#888; letter-spacing:-1px; text-align:left !important; background: none !important; padding:0px !important; margin: 15px 0px 0px !important; margin-right:15px !important; box-shadow:none !important; display:inline-block !important; height:14px; line-height:14px !important; }
.ko .chk-photo { font-size:12px !important; font-family:dotum !important; }
.chk-photo span { margin-left:4px; }
.chk-photo.active { color:orangered; }

.msg-icon a { display:inline-block; margin:8px; }
.msg-icon p { padding:6px 0px 0px; margin:0px; }

/* List */
.talk-bubble { padding:15px; }
.info { margin-bottom:8px; }
.talk { padding:10px; border:1px solid #eee; background:#fff; }
.sp { display:inline; margin-right:30px; }
.list-none { padding:30px 0px; }

@media all and (max-width:460px) {
	.responsive .msg-btn .pull-left,
	.responsive .msg-btn .pull-right { float:none !important; }
	.responsive .board-list .sp { margin-right:10px; }
	.responsive .board-list .sp-none { display:none; }
}