@charset "utf-8";

/* 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 .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 */
.board-list .talk-bubble { padding:15px; }
.board-list .info { margin-bottom:8px; }
.board-list .talk { padding:10px; border:1px solid #eee; background:#fff; }
.board-list .sp { display:inline;margin-right:30px; }
.board-list .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; }
}

#fchulsuk .msg-content { display: flex; gap: 1em; }
#fchulsuk #talk_submit { font-size: 1.375em; padding: 0 2em; white-space: nowrap; display: inline-flex; justify-content: center; align-items: center; background-color: #e7e6e2; color: #64635d; font-weight: 600; cursor: pointer; border-radius: 10px;}
.list-wrap .talk-box-wrap { margin: 0; display: flex; }
.list-wrap .talk-left { position: relative;width:50px; }
.list-wrap .talk-left p { font-size: 1.125em; color: #64635d; }
.list-wrap .talk-left input[type=checkbox] { position: absolute; left: 0;top: 0; }
.list-wrap .talk-box.talk-right { width:calc(100% - 50px - 2em);margin-left: 2em; flex-grow: 1; }
.talk-bubble { -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; padding: 1em; font-size: 1.125em;  }
.talk-bubble .info { position: relative;font-size: 14px;}
.talk-bubble .info .sp { position: relative;margin-right:16px;display:inline-block; }
.talk-bubble .info .sp::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -8px;
    background-color: #777;
}
.talk-bubble .info .sp:nth-child(4)::after { width: 0px !important;right: 0px !important;margin-right:0px !important; }


.talk-bubble .num { color: #c31432; position: absolute !important; right: 0; top: 0;margin-right: 0px !important; }
.talk-bubble .num::after { width: 0px !important;right: 0px !important;margin-right:0px !important; }

.talk-bubble .talk { padding: 0.5em 1em; margin-top: 0.5em;font-size: 14px;}
.list-page { margin-top: 2em; }

.attend_box { padding: 12.5em 4em 15.5em; margin-bottom: 2em; color: #64635d;}

.calendar_tit {text-align: center;font-size: 2.15em;font-weight: 700;margin: 0;line-height: 2.6;color: #64635d;}
.calendar {font-size: 1.125em;/* margin: 1em 0; */}
.calendar th { font-size: 1.125em; padding: 0.875em 1em !important; background-color: #F2F4F6 !important;border-color:#64635d !important }
.calendar td { padding: 0.5em 1em !important; height: 9em; position: relative; text-align: right; background: no-repeat center/70%; border-color:#64635d !important;}
.calendar .on { background-image: url(/img/attend_on.png); }
.calendar .off { background-image: url(/img/attend_off.png); }
.calendar .red { color: #c31432; }
.attend_info { display: flex; border: 1px solid #000; font-size: 1.125em; align-items: center; }
.attend_info .img { padding: 0 1em; }
.attend_info .rank { padding: 0.875em 1em; flex-grow: 1; margin: 0; }
.attend_info .rank dt { line-height: 1.8; background-color: #c31432;color: #fff; text-align: center; border-radius: 10em; margin-bottom: 0.75em; }
.attend_info .rank dd { display: flex; margin-bottom: 0.3em; font-size: 0.9em; align-items: center;}
.attend_info .rank dd:last-child { margin-bottom: 0; }
.attend_info .rank i { font-style: normal; background-color: #e7e6e2; display: inline-flex; width: 1.25em; height: 1.25em; justify-content: center; align-items: center; color: #64635d; margin-right: 0.5em; }
.attend_info .rank span { font-weight: 500; }
.attend_info .rank span:last-child { margin-left: auto; color: #64635d !important;}

.talk-bubble { background-color: #e7e6e2;}
.talk-bubble .talk { background-color: #f2f4f6; }
.text-muted { color: #64635d; }
.talk-right .talk-bubble:before {}
.talk-right .talk-bubble:after { border-right-color: #e7e6e2; }



@media all and (max-width:991px) {
	.latest_board {display:none}
.attend_box {padding:0 !important;}
.sub_contents {padding:5px !important;}
.calendar td {padding: 0 1em !important;height:7.5em !important;}
.calendar {height: 103vw;font-size: 9px !important;padding-left: 4vw;padding-right: 4vw;}
.attend_info {display:block !important;}
.attend_info .img img {width:100%; padding: 10px;     border-bottom: 1px solid #484848;}

.talk-bubble .info { font-size: 13px;}
.talk-bubble .info .sp { margin-right:4px; }
.talk-bubble .info .sp::after { width: 0px !important;right: 0px !important;margin-right:0px !important;}

.list-wrap .talk-box.talk-right { width:calc(100% - 50px - 1.5em);margin-left: 1.5em; flex-grow: 1; }

.talk-bubble .num { position: relative !important;width:100%;display:block;text-align: right; }

}