.position-period li{
    margin: 12px 0px;
    
}

.position-period li.date-ago {
	background: url(http://images.saramin.co.kr/recruit/recruit_view/new/calendar_bg_line.gif) repeat-x bottom;
	font-size: 30px ; 
	font-weight: bold; 
	letter-spacing: -1px; 
	font-family: "¸¼Àº °íµñ";
	text-align:left; 
	vertical-align:top;
	padding: 8px; 0;
    border-bottom: 1px dotted #d8e3f7;
    margin-bottom: 16px;
    color:#444;
}

li.date-ago .num { font: bold 32px ¸¼Àº °íµñ; color:#ff4800; }

.howToApplyDay { font: 12px ±¼¸²; color:#333333;}

.period-calendar .position-period-legend td { font-weight: bold; border: 0 none ; vertical-align: middle; padding: 3px 2px 0 ; }


.period-calendar {
    margin: 0 auto;
    width: 154px;
    height: 170px; 
    float: left;
    text-align: center;
    border: 1px solid #d5e4f1;
}

.period-calendar td.headerBg {
    color: #ffffff;
    background-color: #779cd8;
    border: 1px solid #5a84c8;
    font-size: bold 12px ±¼¸²;
    padding: 4px 0px 2px;
    text-align:center;
    width: 100%;
}

div.period-calendar-date {
    text-align: center;
}

div.period-calendar-body {
    font-size: 12px;
    width: 100%;
}

.period-calendar table {
    padding-top: 10px;
    width: 100%;
}

.period-calendar table thead {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.period-calendar table thead td {
color: #4b87d0; padding: 3px 0 1px; font-family: µ¸¿ò; font-size: 11px;;
}

.period-calendar table tbody {
    font-size: 11px;
}

.period-calendar table td {
    border: 1px solid #efefef;
    padding: 1px;
    background-color: #fff;
}

.period-calendar table td span.day {
    color: #ccc;
    background-color: #f8f8f8;
    display: block;
    padding: 1px 0 0;
    width: 16px;
    text-align: center;
    font-size: 11px;
}

.period-calendar td.period { border: 1px solid #9be; background-color: #acc8f0; }
.period-calendar .period span.day { color: #fff; background-color: #9be; font-weight: bold;}

.period-calendar td.today { border: 1px solid #a9d750; background-color: #c4e288; }
.period-calendar .today span.day { color: #444; background-color: #b6dc6d; font-weight: bold;}

.period-calendar td.closing { border: 1px solid #f7a0bb; background-color: #ffc9d7;}
.period-calendar .closing span.day { color: #444; background-color: #ffbccd; font-weight: bold; }

.period-calendar td.nonmonth { border: 1px solid #efefef; background-color: #fff;}
.period-calendar .nonmonth span.day { color: #f8f8f8; background-color: #f8f8f8; }