@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; margin-bottom:5px;}
.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; 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; position:relative; padding: 0 200px;}
.Ecalendar_top .cate_box{position:absolute;top:13px;left:0;}
.Ecalendar_top .cate_box span{font-size:16px;line-height:100%;margin-right:15px;}
.Ecalendar_top .cate_box span:last-child{margin-right:0;}
.Ecalendar_top .cate_box span:before{content:"";display:inline-block;width:8px;height:8px;background:#ddd;margin-right:5px;}
.Ecalendar_top .cate_box span.cate01:before{background:#2964d9;}
.Ecalendar_top .cate_box span.cate02:before{background:#03dcf2;}
.Ecalendar_top .cate_box span.cate03:before{background:#5112d3;}
.Ecalendar_top .cate_box b{vertical-align:middle;}
.Ecalendar_top_btn{ display:inline-block; vertical-align:middle;width:28px; height:28px; border-radius:50%; 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; }
.Ecalendar_top_btn:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.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:20px; font-weight:700; margin:0 15px; line-height:28px; }
.Ecalendar_top strong b{font-size:28px;color:#15256c;vertical-align: middle;}
.div-head{ border-top:2px solid #5112d3; border-bottom:1px solid #ddd; background:#fff; padding:0px; }
.div-head.list-head > span{ font-size:18px; color:#333; }
.div-head.list-head > span:last-child{ display:block; padding:20px 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:#f6f6f9;}

.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:250px; background:#fff; padding:15px; border:2px solid #2964d9; 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 .do-list-div .info_box{margin-top:5px;}
.is-pc .list-board .list-body li ul.do-list li .do-list-div .info_box p{line-height:140%;margin-bottom:5px;}
.is-pc .list-board .list-body li ul.do-list li .do-list-div .info_box p:last-of-type{margin-bottom:0;}
.is-pc .list-board .list-body li ul.do-list li .do-list-div .info_box .img_box{position:relative;width:220px;height:220px;overflow:hidden;border:1px solid #ddd;margin:10px 0;}
.is-pc .list-board .list-body li ul.do-list li .do-list-div .info_box .img_box img{position:absolute;top:50%;left:50%;width:100.5%;height:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

.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:13px; }
}

@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{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:first-child{border-top:1px solid #ddd;}
.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:18px; 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:80px; height:60px;text-align:center; font-size:18px; background:#f6f6f9;color:#15256c; 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; padding:35px; 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:8px; left:0; width:4px; height:4px; background:#1092d4; 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:first-child{border-top:0;}
.Ecalendar_bottom_list > li.on > a{box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.Ecalendar_bottom_list > li.on > a:after{ background-image:url('/thema/Basic/img/Ecalendar_bottom_list_ico_on.png');}
.Ecalendar_bottom_list > li.on > a > b{ background:#15256c; 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 > a > b{font-size:16px;}

	.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;}
}
 
@media all and (max-width:768px) {
	.Ecalendar_top{padding:0;}
	.Ecalendar_top .cate_box{position:static;margin-top:20px;}

	.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;}
}


.sch_cate1:before{
	content:"";
	display:inline-block;
	font-size:13px;
	width:8px;
	height:8px;
	color:#ffffff;
	background:#2964d9;
	margin-bottom:1px;
	
}
.sch_cate2:before{
	content:"";
	display:inline-block;
	font-size:13px;
	width:8px;
	height:8px;
	color:#ffffff;
	background:#03dcf2;
	margin-bottom:1px;
}
.sch_cate3:before{
	content:"";
	display:inline-block;
	font-size:13px;
	width:8px;
	height:8px;
	color:#ffffff;
	background:#5112d3;
	margin-bottom:1px;
}

.detailViewBtn{
	width:100px;
	font-size:13px;
	margin:5px 0 0 25%;
	padding:1px;
	color:#ffffff;
    border-radius: 5px;
	text-align:center;
}