@charset "utf-8";

ul, li {list-style:none outside;}
A {text-decoration:none;}
/* °øÅë ½ºÅ¸ÀÏ */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* date_layer ½ºÅ¸ÀÏ º¯°æ */
#date_layer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* date_layer ³»ºÎ Å×ÀÌºí ½ºÅ¸ÀÏ º¯°æ */
#date_layer table {
    width: 100%;
    margin: 10px;
}

/* Ãâ¼® ³¯Â¥ ¼¿ ½ºÅ¸ÀÏ º¯°æ */
#date_layer td {
    width: 14.2%;
    text-align: center;
    padding: 5px;
}

/* Ãâ¼®ÇÑ °æ¿ì ¾ÆÀÌÄÜ ½ºÅ¸ÀÏ º¯°æ */
#date_layer img {
    width: 24px;
    height: 24px;
}

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

#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:bold; line-height:20px; color:#333333; font-size:16px; }
#date_layer .titlee {color:#565656; font-size:20px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}
#date_layer .title1 {color:#82D4FF; font-size:20px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}
#date_layer .title2 {color:#FE7676; font-size:20px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}

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

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

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

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

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


/* list */
#list_layer .input {width:600px; height:22px; background-color:#fff; border:1px solid #cccccc; padding:5px 2px 2px 2px; font-weight:bold; color:#333333;  font-size:18px}

#list_layer .msg {padding:6px 0 0 3px; float:left;}
#list_layer .sub {padding:5px 0 0 3px; float:left;}
#list_layer .submit {padding:3px 0 0 5px; float:left;}

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

#list_layer .titlee {font-weight:bold; color:#333333;  font-size:18px}
#list_layer .list {line-height:20px; color:#898989;  font-size:17px;}

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

#list_layer .bgcolor0 {background-color:#ffffff;}
#list_layer .bgcolor1 {background-color:#f1f1f1;}
#list_layer .bgcolor2 {background-color:#ffffff;}

/* ¿¹½Ã: ½º¸ô ½ºÅ©¸° »çÀÌÁî¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
@media (max-width: 768px) {
		#calendar {
    width: 50px;
		}
		#list_layer #info li {
		    line-height: 20px;
		    color: #898989;
		    font-size: 11px;
		}
		#list_layer .titlee {
		    font-weight: bold;
		    color: #333333;
		    font-size: 13px;
		}
		#list_layer .list {
		    line-height: 20px;
		    color: #898989;
		    font-size: 13px;
		}
    table {
			width: 100%; 
    }
    td {

    }
    td > .stamp{
			width: 35px;
    }
}