@charset "utf-8";

#_JW_schdulmanage_basic .tabMenu ul li{display:inline-block;}
#_JW_schdulmanage_basic .tabMenu{margin:30px 0 0;}
#_JW_schdulmanage_basic .tabMenu > ul{overflow: hidden;border-bottom: 2px solid #1c5797; line-height:1.6;}
#_JW_schdulmanage_basic .tabMenu > ul > li{float: left;}
#_JW_schdulmanage_basic .tabMenu > ul > li > a{display: block;color: #494949;background-color: #f8f8f8;padding: 10px 25px;border: 1px solid #d2d2d2; border-bottom: 0;box-sizing: border-box;margin-right: -1px;}
#_JW_schdulmanage_basic .tabMenu > ul > li > a.active{color: #fff; background-color: #005bac; border: 1px solid #005bac; font-weight:500;}

#schdulWrap .search{text-align:center; padding:20px;}
#schdulWrap .search input,
#schdulWrap .search strong,
#schdulWrap .search select{padding:0;height:auto;border:none;font-size:1.9em;font-weight:500;vertical-align:middle;color:#000;margin: 0 5px;}
#schdulWrap .search input{text-align: center;width: 90px;}
#schdulWrap .search select{text-align:left;}
#schdulWrap .hide{display:none;}

#_JW_schdulmanage_basic .search a {background: url("../images/wizBtn_direction.png") 0 0 no-repeat;width: 32px;height: 32px;text-indent: -5000px;display: inline-block;vertical-align: middle;}
#_JW_schdulmanage_basic .search a.next{background-position:right center;}

#schdulWrap .search input.day-text{width:auto; text-align:center;}

/*table달력*/
.monthTable table th,
.monthTable table td{border:1px solid #dcdcdc; padding:10px;}
.monthTable table th{border-bottom:none; font-weight:500; font-size:1.1em; background-color:#f8f8f8; border-top:2px solid #000; color:#000;}
.monthTable table th.sun{color:#f35050;}
.monthTable table th.sat{color:#0055bc;}
.monthTable table td{text-align:left; vertical-align:top; height:100px; font-size:0.9em;}
.monthTable table td a{font-size:0.9em;}
.monthTable table td.sun a.day{color:#f35050;}
.monthTable table td.sat a.day{color:#0055bc;}
.monthTable table td.today{border:2px solid #0055bc; background-color:#f1f7ff}
.monthTable table td .slist li a{position:relative; padding-left:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; color:#000;}
.monthTable table td .slist li a:before{content:''; width:3px; height:3px; display:block; background-color:#666; position:absolute; left:0; top:9px;}


/*연간일정*/
.schdulTable table{border-top:2px solid #000;}
.schdulTable table th,
.schdulTable table td{border:1px solid #dcdcdc; padding:10px;}
.schdulTable table th{font-weight:500; background-color:#f8f8f8; color:#000;}
.schdulTable table td{text-align:left; line-height: 1.5; font-size: 0.95em;}
.schdulTable table td span{display:block;}
.schdulTable table td span a{position:relative; padding-left:10px;}
.schdulTable table td span a:before{content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:5px; margin-top:2px; background-color:#666;}
.schdulTable table td a{font-size:0.95em; line-height:1.6;}
.schdulTable table td.week{text-align:left;}
.schdulTable strong{display:block;}
.etcTab {display:none;}




/************************
	레이어 뷰
*************************/
#layer_planner {display:none;position:absolute;width:500px;padding:20px;background:#fff;border:3px solid #005fb0;top: 30%;left: 50%;margin-left: -250px;} 
/* #layer_planner {display:none;position:absolute;width:500px;padding:20px;background:#fff;border:3px solid #005fb0; top: e.clientY +10; left: e.clientX-0;} */
#layer_planner h1 {height:25px;color:#4f4f4f;padding-left: 20px;background: url('../images/dot1.gif') no-repeat 0 12px;font-size:20px !Important; margin:0 !important;}
#layer_planner .btn_close {position:absolute; top:17px; right:17px; }
.btn_close {width:20px; height:20px; cursor:pointer;  border:none;  background:url(../images/btn_close.gif) no-repeat 50% 50%;}
.haze {position: absolute;left: 0;top: 0;width: 0;height: 0;font-size: 0;visibility: hidden;}
#layer_planner .txtArea {padding:3px; font-size:11px; line-height:1.3; border:1px solid #d5d5d5;}

#layer_planner table {width:100%; border-top:2px #005fb0 solid; }
#layer_planner table thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; color:#666; line-height:17px;}
#layer_planner table tbody th{padding:8px 0 4px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; color:#666; line-height:17px;}
#layer_planner table td{padding: 10px;border-bottom:1px #dcdcdc solid;color:#4f4f4f;line-height: 1.6;text-align:left;font-size: .95em;}
#layer_planner table .end{border-right:none;}

#layer_planner table.attchList {width:100%; margin:0 auto; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
#layer_planner table.attchList th {padding:4px 0 3px;  font-size:11px; text-align:center; color:#8d8d8d; background:#eeeeee; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; }
#layer_planner table.attchList td {padding:4px 5px 3px 5px;  text-align:center; font-size:11px; color:#4f4f4f; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc;}
#layer_planner table.attchList td.file {text-align:left;}
#layer_planner table.attchList td input {vertical-align:top;}


@media only screen and (max-width:767px){
#_JW_schdulmanage_basic .tabMenu{margin-bottom:0;}
#_JW_schdulmanage_basic .tabMenu > ul{border:none;}
#_JW_schdulmanage_basic .tabMenu > ul > li{width:calc(100% / 2 - 2px);}
#_JW_schdulmanage_basic .tabMenu > ul > li > a{margin:1px; border: 1px solid #d2d2d2; text-align:center;}
.schdulTable{overflow-x:auto;}
.schdulTable table{width:760px;}
.monthTable{overflow-x:auto;}
.monthTable table{width:760px;}

#layer_planner {display: none;position: absolute;width: 100%;padding: 20px;background: #fff;border: 3px solid #005fb0;top: 30%;left: 0;margin-left: 0;box-sizing: border-box;}
}
@media only screen and (max-width:500px){
#schdulWrap .search select{margin: 0;}
#schdulWrap .search input {width: 50px;}
}
@media only screen and (max-width:500px){
#schdulWrap .search input,
#schdulWrap .search strong,
#schdulWrap .search select{font-size:1.4em;}
}

@media only screen and (max-width:400px){
#schdulWrap .search input,
#schdulWrap .search strong,
#schdulWrap .search select{font-size:1em;margin:0 5px;}
}