.contitle {position:relative;margin-bottom:25px;padding:0px;text-align:center;}

.contitle > div.conbar {position:relative;z-index:95;display:block;padding:4px 0px;border-radius:5px;}
.contitle > div.conbar > span.title {font-size:18px;color:white;letter-spacing:-0.4px;font-weight:400;}
.contitle > div.conbar > span.title::before {content:"/";padding-right:8px;font-weight:normal;}
.contitle > div.conbar > span.title::after {content:"/";padding-left:8px;font-weight:normal;}

.contitle > div.msg {position:relative;z-index:50;display:block;width:98%;margin:-5px auto 0 auto;background-color:#efefef;border-radius:3px;padding:8px 0 4px 0;}

.contitle > div.msg > div.msg-block {display:inline-block;font-size:14px;color:#999;}
.contitle > div.msg > div.msg-block > span.bullet_circle::before {content:"●";font-size:12px;vertical-align:2px;padding-right:5px;}
.contitle > div.msg > div.msg-block > span.bullet_star::before {content:"＊";font-size:18px;vertical-align:-4px;margin-left:-5px;}
.contitle > div.msg > div.msg-block > .m.enter::before {content:"  /  ";}
.contitle > div.msg > div.msg-block > .enter:not(.m)::before {content:"\A" !important;white-space: pre-wrap;}


@media screen and (max-width: 500px) {

.contitle {margin-bottom:15px;}
.contitle > div.conbar > span.title {font-size:15px;}
.contitle > div.msg > div.msg-block {text-align:left;}
.contitle > div.msg > div.msg-block > span.bullet_circle::before {font-size:6px;vertical-align:3px;}
/* .contitle > div.msg > div.msg-block > span.bullet_star::before {font-size:10px;vertical-align:2px;margin-left:-2px;padding-right:3px;} */
.contitle > div.msg > div.msg-block > span.bullet_star::before {content:"●";font-size:6px;vertical-align:3px;padding-right:5px;margin-left:0px;}
div.start_apply[apply-color='blue']~.contitle > div.msg > div.msg-block > span.bullet_star::before {color:#5186c4;}
div.start_apply[apply-color='green']~.contitle > div.msg > div.msg-block > span.bullet_star::before {color:#1ea587;}
.m.enter::before {content:"\A" !important;white-space: pre-wrap;}

}



/* Set colors and some styling for the grid */

.one * {bor-der:1px solid red;}

.one {padding:10px 0;cursor:default;border-bottom:1px dotted #999999;}
.contitle + .one {margin-top:-25px;}


div.start_apply[apply-color='signboard']~.contitle > div.conbar {background-color:#5186c4;border:1px solid #5186c4;}
div.start_apply[apply-color='signboard']~.contitle > div.msg > div.msg-block > span.bullet_circle::before {color:#5186c4;}
div.start_apply[apply-color='signboard']~.contitle > div.msg > div.msg-block > span.bullet_star::before {color:#5186c4;}


div.start_apply[apply-color='blue']~.contitle > div.conbar {background-color:#5186c4;border:1px solid #5186c4;}
div.start_apply[apply-color='blue']~.contitle > div.msg > div.msg-block > span.bullet_circle::before {color:#5186c4;}
div.start_apply[apply-color='blue']~.contitle > div.msg > div.msg-block > span.bullet_star::before {color:#5186c4;}
div.start_apply[apply-color='blue']~.one:hover {background:#f1f7ff;}
div.start_apply[apply-color='blue']~.one > div.lec:hover {background:#d5e8ff;}
div.start_apply[apply-color='blue']~.one > div.ss > span.tm,
div.start_apply[apply-color='blue']~.one > div.ss > span.sp,
div.start_apply[apply-color='blue']~.one > div.ss > span.st,
div.start_apply[apply-color='blue']~.one > div.lec > span.st::before {color:#5186c4;}


div.start_apply[apply-color='green']~.contitle > div.conbar {background-color:#1ea587;border:1px solid #1ea587;}
div.start_apply[apply-color='green']~.contitle > div.msg > div.msg-block > span.bullet_circle::before {color:#1ea587;}
div.start_apply[apply-color='green']~.contitle > div.msg > div.msg-block > span.bullet_star::before {color:#1ea587;}
div.start_apply[apply-color='green']~.one:hover {background:#effff2;}
div.start_apply[apply-color='green']~.one div.lec:hover {background:#c0f0ca;}
div.start_apply[apply-color='green']~.one div.ss > span.tm,
div.start_apply[apply-color='green']~.one div.ss > span.sp,
div.start_apply[apply-color='green']~.one div.ss > span.st,
div.start_apply[apply-color='green']~.one div.lec > span.st::before {color:#1ea587;}


div.start_apply[apply-color='orange'] ~ .contitle > div.conbar {background-color:#d38c27;border:1px solid #d38c27;}
div.start_apply[apply-color='orange'] ~ .contitle > div.msg > div.msg-block > span.bullet_circle::before,
div.start_apply[apply-color='orange'] ~ .contitle > div.msg > div.msg-block > span.bullet_star::before {color:#d38c27;}
div.start_apply[apply-color='orange'] ~ .contitle.conbar {border-top-color:#e79105;color:#e79105;}
div.start_apply[apply-color='orange'] ~ .one:hover {background:#fffaf2;}
div.start_apply[apply-color='orange'] ~ .one div.lec:hover {background:#f9e4b2;}
div.start_apply[apply-color='orange'] ~ .one div.ss > span.tm,
div.start_apply[apply-color='orange'] ~ .one div.ss > span.st,
div.start_apply[apply-color='orange'] ~ .one div.ss > span.sn,
div.start_apply[apply-color='orange'] ~ .one div.ss > span.sp.md:not(:empty)::before,
div.start_apply[apply-color='orange'] ~ .one div.lec > span.st::before {color:#e26a00;}




/* Set disply by 'flex' type */

.one > div {display:flex;flex-flow:row wrap;padding:4px 0px;width:100%;}

.one > div > span {font-size:14px;}
.one > div > span.full {width:100%;}

.one > div > span.tm {width:80px;padding-left:6px;white-space:nowrap;color:#acacac;}

.one > div > span.sp {padding-right:6px;text-align:right;color:#222222;}
.one > div > span.sp > span.prop {padding-right:2px;color:#999999;}


.one span.over,
.one span.over2 {padding-right:65px;}

.one span.over ~ span.sp,
.one span.over2 ~ span.sp {flex-basis: 100%;}


.one > div.ss > span.tm {line-height:25px;}
.one > div.ss > span.st {font-size:16px;}
.one > div.ss > span.sp {padding-left:6px;}
.one > div.ss > span.sp:not(:empty)::before {content:"좌장: ";color:#333333;}


.one > div > span.st {flex:1;padding-left:6px;}


.one.break > div.ss,
.one.break > div.lec {color:#999999;}
.one.break > div.lec {pointer-events:none !important;}


@media screen and (max-width: 1220px) {
	.one > div.lec.over > span.sp {flex-basis: 100%;}
}


@media screen and (min-width:501px) {
	.one span.over ~ span.sp.md {margin-top:-2px;}
	.one span.over ~ span.sp {margin-top:1px;}
	.one span.over2 ~ span.sp {margin-top:-22px;}
}



@media screen and (max-width: 500px) {

.one > div,
.one > div > span {display:block !important;}

.one > div > span.sp {text-align:left;}

.one > div.ss > span.tm {font-size:16px;padding-top:0;}

.one > div.lec > span.tm:not(:empty)::before {content:"[";padding-right:1px;}
.one > div.lec > span.tm:not(:empty)::after {content:"]";padding-left:1px;}

.one > div.lec > span.st {flex-grow:1;padding-left:15px;font-size:13px;font-weight:bold;color:#666;}
.one > div.lec > span.st::before {content:"•";position:absolute;margin-left:-8px;}

.one > div.lec > span.sp {font-size:12px;color:#000000;}
.one > div.lec > span.sp:not(:empty)::before {content:"- ";padding-left:17px;color:#999;}
.one > div.lec > span.sp > span.prop {font-size:12px;color:#666666;}
.one > div.lec > span.sp > span.prop.reduce {letter-spacing:-0.05em;}

}



.mcbox {text-align:right;padding-bottom:10px;}
.mcbox .mc {display:inline-block;background-color:#efefef;border:1px solid #ddd;border-radius:3px;color:#999;font-size:14px;padding:5px 12px;}