@charset "utf-8";

ul, li {list-style:none outside;}
A {text-decoration:none;}


/* date */
#BoardText {}
#date_layer {text-align:left;overflow:hidden;}

#date_layer #box {width:120px;}
#date_layer #box .top {width:20px; float:left;}
#date_layer #box .day {width:80px; float:left;}

#date_layer .w {font-weight:700; line-height:20px; color:#333333; font-size:16px; }
#date_layer .title {color:#565656; font-size:13px; font-weight:600; padding:0 0 0 0; background-color:#f2f2f2;}
#date_layer .title1 {color:#82D4FF; font-size:13px; font-weight:600;  padding:0 0 0 0; background-color:#f2f2f2;}
#date_layer .title2 {color:#FE7676; font-size:13px; font-weight:600;  padding:0 0 0 0; background-color:#f2f2f2;}

#date_layer .sun1 {color:#FE7676; font-size:12px; float:left;}
#date_layer .sat1 {color:#82D4FF; font-size:12px; float:left;}
#date_layer .day1 {color:#333333; font-size:12px; float:left;}

#date_layer .sun2 {font-weight:700; line-height:20px; color:#FE7676; font-size:12px; float:left;}
#date_layer .sat2 {font-weight:700; line-height:20px; color:#82D4FF; font-size:12px; float:left;}
#date_layer .day2 {font-weight:700; line-height:20px; color:#FF9933; font-size:12px; float:left;}

#date_layer .sun3 {color:#ffbebe; font-size:11px; }
#date_layer .sat3 {color:#b8b8ff; font-size:11px; }
#date_layer .day3 {color:#999999; font-size:11px; }

#date_layer .dot {color:#000000; font-size:12px; }

#date_layer .check {color:#126420; font-size:11px; }
#date_layer .check2 {color:#999999; font-size:11px; }


/* list */
#list_layer { padding-top:30px;}
#list_layer .input {width:100%; height:32px; line-height:32px; background-color:#f3f3f3; border:0px; padding:3px 10px 3px 10px; font-weight:500; color:#333333;  font-size:12px;}

#list_layer #title {display:flex;}
#list_layer #title button { height:32px; line-height:30px; text-align:center; width:100%; border:1px solid #ddd;}
#list_layer .sub {padding:5px 0 5px 10px; width:calc(100% - 70px);}
#list_layer .submit {padding:5px 10px 5px 5px; width:70px;}
#list_layer .att_img {text-align:right;}

#list_layer #info li {line-height:18px; color:#898989;  font-size:12px;}

#list_layer .title {font-weight:700; color:#333333;  font-size:13px;}
#list_layer .list {line-height:20px; color:#898989;  font-size:13px;}

#list_layer .no {line-height:25px; font-size:13px; color:#898989;}

#list_layer .bgcolor0 {background-color:#ffffff;}
#list_layer .bgcolor0 .profile_img img { vertical-align: text-bottom;}
#list_layer .bgcolor1 {background-color:#f1f1f1;}
#list_layer .bgcolor2 {background-color:#ffffff;}

.table-container{
		width:100%;	
}
@media screen and (max-width:800px){
	
	.table-container{
		overflow-x:auto;
		white-space: nowrap;
	}
	   
	.table-container table.table_scroll{
		width:800px;	
	} 	
	
	#list_layer .att_img img { max-width:40px; padding:5px 0;}
}