@charset "utf-8";

/* List Today */
.list-today { border:1px solid #ddd; padding:15px; margin-bottom:20px; }
.list-today .today-do { margin:0; padding:0; padding-left:20px; }
.list-today .today-do li i { font-size:1.2em; }
.list-today .list-notice { margin:0px; padding:0px; list-style:none; margin-top:10px; padding-top:10px; border-top:1px dotted #aaa; }
.list-today .list-notice li { padding-top:5px; line-height:18px; }

.list-category .div-tab.tabs { margin-bottom:0px; }

/* List */
.list-board .div-head{ width:100%; min-width:768px; }
.list-board .list-body { width:100%; min-width:768px; list-style:none; padding:0px; margin:0px; }
.list-board .list-body > li { border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed; min-height:140px; }
.list-board .list-body > li > div { display:table-cell; min-height:140px; line-height:22px; padding:10px; vertical-align:top; }
.list-board .list-body > li ul.do-list { padding:0px; margin:0px; list-style:none; }
.list-board .list-body > li ul.do-list li { margin:0px;  border:0px; margin-bottom:10px; }
.list-board .list-body > li ul.do-list li:last-child{ margin-bottom:0px; }
.list-board .list-body > li ul.do-list li a{ display:block; font-size:14px; color:#777;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden;}
.is-pc .list-board .list-body li ul.do-list li { line-height:20px; }
.list-board .list-body li ul.do-list li i { font-size:1.2em; }
.list-board .list-body .bg-today { background:#fafafa; }

/*@media all and (max-width:768px) {
	.list-tabs .nav-tabs.nav-justified { display:table !important; }
	.list-tabs .nav-tabs.nav-justified > li { display:table-cell !important; }
	.responsive .list-board .list-head { display:none; }
	.responsive .list-board .list-body { border-top:1px solid #ddd; }
	.responsive .list-board .list-body > li { display:block; border:0px; min-height:80px; }
	.responsive .list-board .list-body > li > div { display:block; width:100%; min-height:80px; border-bottom:1px solid #ddd; }
	.responsive .list-board .list-body .media-date { float:left; width:80px; }
	.responsive .list-board .list-body li ul.do-list li { letter-spacing:0px; }
}*


/* 상단 캘린더 추가 */
.Ecalendar_top{ text-align:center; margin-bottom:35px; font-size:0px;  }
.Ecalendar_top_btn{ display:inline-block; width:40px; height:40px; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; vertical-align:middle; }
.Ecalendar_top_btn:hover{ border-color:#007cc3;}
.Ecalendar_top_btn_prev{ background-image:url('/thema/Basic/img/Ecalendar_prev.png');}
.Ecalendar_top_btn_prev:hover{ background-image:url('/thema/Basic/img/Ecalendar_prev_on.png');}
.Ecalendar_top_btn_next{ background-image:url('/thema/Basic/img/Ecalendar_naxt.png');}
.Ecalendar_top_btn_next:hover{ background-image:url('/thema/Basic/img/Ecalendar_naxt_on.png');}
.Ecalendar_top strong{ display:inline-block; vertical-align:middle; font-size:28px; font-weight:700; margin:0 30px; line-height:28px; }

.div-head{ border-top:1px solid #333; border-bottom:1px solid #ddd; background:#f3f7f9; padding:0px;  }
.div-head.list-head > span{ font-size:16px; color:#666; border-right:1px solid #ddd; }
.div-head.list-head > span:last-child{ border-right:0px; display:block; padding:15px 10px; }

.list-board .list-body > li > div{ border-right:1px solid #ddd; box-sizing:border-box; padding:15px; }
.list-board .list-body > li > div:last-child{ border-right:0px; }
.list-board .list-body > li > div.hidden-div{ background:#f3f7f9;}

.media, .media-body, .at-body .at-container{ overflow:inherit !important; }
.list-board .list-body > li > div .media-date span{ display:block; font-size:14px; color:#999; margin-bottom:10px; }
.is-pc .list-board .list-body li ul.do-list li{ position:relative;}
.is-pc .list-board .list-body li ul.do-list li .do-list-div{ opacity:0; visibility: hidden; z-index:999; position:absolute; bottom:100%; left:0%; width:230px; background:#fff; padding:15px; border:2px solid #007cc3; border-radius:10px; transform:translateY(-10px); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.is-pc .list-board .list-body li ul.do-list li .do-list-div strong{ display:block; font-size:14px; font-weight:700; line-height:160%; }
.is-pc .list-board .list-body li ul.do-list li .do-list-div ul{ margin:0px; margin-top:10px; }
.is-pc .list-board .list-body li ul.do-list li .do-list-div ul li{ position:relative; padding-left:35px; font-size:14px; color:#777; margin:0px; margin-top:5px; }
.is-pc .list-board .list-body li ul.do-list li .do-list-div ul li b{ position:absolute; top:0; left:0; font-weight:500; }
.is-pc .list-board .list-body li ul.do-list li .do-list-div ul li p{ margin:0px; text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; }

.is-pc .list-board .list-body li ul.do-list li:hover .do-list-div{ opacity:1; visibility: visible; }

@media all and (max-width:1024px) {
	.Ecalendar_top_btn{ width:30px; height:30px; }
	.Ecalendar_top strong{ font-size:20px; margin:0 20px; line-height:23px; }
	.div-head.list-head > span{ font-size:15px; }
	.list-board .list-body > li ul.do-list li a{ font-size:15px; }
}

@media all and (max-width:768px) {
	.list-board { overflow-x:auto; }
	.list-board .list-body > li > div{ padding:13px; }
	.is-pc .list-board .list-body li ul.do-list li .do-list-div{ display:none; }
}

/* 하단 이달의 일정 추가*/
.Ecalendar_bottom_content{ position:relative;}
.Ecalendar_bottom_content_btn{ font-size:0px; position:absolute; top:-60px; right:0; }
.Ecalendar_bottom_content_btn a:last-child{ border-left-width:0px; }
.Ecalendar_bottom_content_btn a:last-child:hover{ border-left-width:1px; }
.Ecalendar_bottom_list{border-top:1px solid #ddd; margin:0px; }
.Ecalendar_bottom_list > li{ border-bottom:1px solid #ddd; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.Ecalendar_bottom_list > li > a{ position:relative; display:block; height:60px; line-height:60px; padding:0 90px; color:#333; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.Ecalendar_bottom_list > li > a:after{ content:""; position:absolute; top:50%; right:35px; width:16px; height:10px; margin-top:-5px; background:url('/thema/Basic/img/Ecalendar_bottom_list_ico.png') center no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.Ecalendar_bottom_list > li > a > b{ position:absolute; top:0px; left:0px; width:60px; height:60px;  text-align:center; font-size:16px; background:#f3f7f9; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.Ecalendar_bottom_list > li > a > p{ font-size:16px; color:#777; margin:0px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  }
.Ecalendar_bottom_list > li > a > p b{ color:#333; }
.Ecalendar_bottom_list > li > ul{ display:none; background:#f3f7f9; padding:35px; border-top:1px solid #ddd; margin:0px;  }
.Ecalendar_bottom_list > li > ul > li{ margin-bottom:10px;}
.Ecalendar_bottom_list > li > ul > li:last-child{ margin-bottom:0px; }
.Ecalendar_bottom_list > li > ul > li > a > b,
.Ecalendar_bottom_list > li > ul > li > a > strong,
.Ecalendar_bottom_list > li > ul > li > a > span{ float:left; font-size:16px; font-weight:500; line-height:160%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.Ecalendar_bottom_list > li > ul > li > a > b{ width:25%; padding-right:15px;}
.Ecalendar_bottom_list > li > ul > li > a > strong{ position:relative; width:50%; padding-left:15px; }
.Ecalendar_bottom_list > li > ul > li > a > strong:after{ content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#007cc3; border-radius:100%; }
.Ecalendar_bottom_list > li > ul > li > a > span{ width:25%; font-size:15px; color:#999; text-align:right; padding-left:15px; }
.Ecalendar_bottom_list > li > ul > li > a > span:after{ content:" -";}
.Ecalendar_bottom_list > li > ul > li > a > span:before{ content:"- ";}

.Ecalendar_bottom_list > li.on{ border-top:1px solid #333; }
.Ecalendar_bottom_list > li.on > a:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.Ecalendar_bottom_list > li.on > ul{ border-color:#333; }
.Ecalendar_bottom_list > li.on > a > b{ background:#007cc3; color:#fff; }

.no_day_li{ text-align:center; padding:20px 10px; color:#999; }

@media all and (max-width:1024px) {
	.Ecalendar_bottom_list > li > a > p{ font-size:14px; }

	.Ecalendar_bottom_list > li > ul > li > a > b,
	.Ecalendar_bottom_list > li > ul > li > a > strong,
	.Ecalendar_bottom_list > li > ul > li > a > span{ font-size:14px;}
	.Ecalendar_bottom_list > li > ul > li > a > strong:after{top:9px;}
}
 
@media all and (max-width:768px) {
	.Ecalendar_bottom_content_btn{ top:-50px; }

	.Ecalendar_bottom_list > li > a{ height:55px; line-height:55px; padding:0 0 0 70px;}
	.Ecalendar_bottom_list > li > a:after{ content:none; }
	.Ecalendar_bottom_list > li > a > b{ width:55px; height:55px; line-height:55px; font-size:14px; }
	
	.Ecalendar_bottom_list > li > ul{ padding:20px; }
	.Ecalendar_bottom_list > li > ul > li{ border-bottom:1px solid #ddd; padding-bottom:10px; }
	.Ecalendar_bottom_list > li > ul > li:last-child{ border-bottom:0px; padding-bottom:0px; }
	.Ecalendar_bottom_list > li > ul > li > a > b,
	.Ecalendar_bottom_list > li > ul > li > a > strong,
	.Ecalendar_bottom_list > li > ul > li > a > span{ width:100%; text-align:left; padding:0px; }
	.Ecalendar_bottom_list > li > ul > li > a > strong:after{ content:none; }
	.Ecalendar_bottom_list > li > ul > li > a > strong{margin:5px 0; }
	.Ecalendar_bottom_list > li > ul > li > a > span:after{ content:none;}
	.Ecalendar_bottom_list > li > ul > li > a > span:before{ content:none;}
}