@charset "UTF-8";


/* 달력 배너 공지사항*/
#step33 { margin:50px auto;  position:relative; display:flex; justify-content:space-between; flex-wrap:nowrap; }
#step33 > .item_box1 {width:50%}
#step33 > .item_box2 {width:45%;}

#step33 > .item_box1 .tit111 {margin-bottom:10px; text-align:center !important;}


/* 이달의 일정 */
.tbl_cal_main { border:4px solid #555; background-color: #fff; word-break: break-all; border-collapse: collapse; margin-bottom:5px; }
.tbl_cal_main th {padding:10px 3px; border:1px solid #ccc; text-align:center;  font-weight:bold;}
.tbl_cal_main td {padding:15px 3px; border:1px solid #ccc; text-align:center; font-weight:bold;}



#m_calendar{margin-top:0px;}


/* 공지사항 */
.notice_box {float:right; width:100%; margin-top:30px;}

.notice_box .tit {padding:10px 0;}
.notice_box .tit p:first-child{ float:left;font-family:'NanumGothicWebBold'; font-size:30px; color:#000;}
.notice_box .tit p:last-child{ float:right;}
.notice_box .tit:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

.notice_box > ul{position:relative;  }
.notice_box > ul > li{ margin:5px 0 ; display:flex; justify-content:space-between; flex-wrap:nowrap; cursor:pointer;}
.notice_box > ul > li span:first-child {color:blue; width:75%;}
.notice_box > ul > li span:last-child {color:#8c8c8c; width:25%; text-align:right;}





#step4 { margin:50px auto;  position:relative;}

#step5 { margin:50px auto;  position:relative;}




/* 날씨 */

#weather_view {position:relative;width:318px;height:95px;width:320px; height:83px;border:1px solid #ccc; padding:10px 0; margin-right:0 !important;}
#weather_view div{float:left;width:154px;padding:0;text-align:center;margin:0 auto; border-left:1px solid #eaeaea; }
#weather_view div:first-child{border-left:none;width:155px;}
#weather_view div a{display:inline-block;width:154px; height:95px;}
#weather_view div a p{display:block; text-align:center; font-size:12px; line-height:15px }
#weather_view div a p span{display:inline-block; font-size:13px; font-family:'NanumGothicWebBold'; color:#222; margin-right:2px;}



/* 관련사이트 */
#step6 { margin:20px auto;  position:relative; width:1000px; overflow: hidden; position:relative; }
#step6 ul {width:1100px;}
#step6 ul:after{content:""; clear:both; display:block; }
#step6 li {float:left;margin-right:8px; position:relative;border:1px solid #ccc;}
