@charset "utf-8";

/* 이미지 로드 */
.centerBody{
	width:100%;
	overflow:hidden;
}
.pdsmain .logoImg{
	width:195px;height:70px;background:url(../images/pdsmain/pdslogo_new.jpg) no-repeat;background-size:195px 70px;
	font-size:0;
}

.pdsmain .mainImg{
	width:750px;height:340px;background:url(../images/pdsmain/main_img.jpg) no-repeat;background-size:750px 340px;
	font-size:0;
}

.pdsmain .pdsAd01{
	width:250px;height:500px;background:url(../images/pdsmain/app_img.jpg) no-repeat;background-size:250px 500px;
	font-size:0;
}

.pdsmain .pdsAd01Img {width:250px; height:500px;}

.pdsmain .pdsAd03Img {width:250px;}

.pdsmain .howto{
	width:250px;height:250px;background:url(../images/pdsmain/howto_img.jpg) no-repeat;background-size:250px 250px;
	font-size:0;
}

.pdsmain .eduPds{
	width:250px;height:250px;background:url(../images/pdsmain/edu_img.jpg) no-repeat;background-size:250px 250px;
	font-size:0;
}

.pdsmain .adImg{
	width:250px;height:250px;background-size:250px 250px;
	font-size:0;
}

.pdsmain .serviceGuide{
	width:500px;height:250px;background:url(../images/pdsmain/service_img.jpg) no-repeat;background-size:500px 250px;
	font-size:0;
}

/* 로그인 박스 부분 */
.loginBox{width:240px;margin:0 0 0 10px;padding:0;}

.loginBox .grayText{font-size:12px;color:#929292;}
.loginBox .checkBox{border-color:#ffffff;margin-bottom:-2px;margin-right:3px;background-color:red;}

.login{overflow:auto;}

.login .loginBtn{
	width:70px;height:42px; padding-top:2px;
	color:#ffffff;font-size:12px;text-align:center;text-decoration: none;
	background-color:#578cce; cursor:pointer;
	margin-bottom:3px;
}
.login .loginBtn:hover{background-color:#2e598e;}
.login .loginBtn:active{background-color:#1b435e;}

.login .numLoginBtn{
	width:70px;height:20px; padding-top:0px;
	color:#578cce;font-size:11px;text-align:center;text-decoration: none;
	background-color:#ffffff; cursor:pointer;
	border:1px solid #578cce;
	letter-spacing:-1px;
}
.login .numLoginBtn:hover{background-color:#2e598e; color:#ffffff;}
.login .numLoginBtn:active{background-color:#1b435e;}

.login .numLoginBtn:hover{background-color:#2e598e; color:#ffffff;}
.login .numLoginBtn:active{background-color:#1b435e;}

.fuBtnArea {
	margin-bottom:20px;
}

.fuBtnArea input[type=button]{
	font-size:12px;
	letter-spacing:-1px;
	padding:3px;
	background:#ffffff;
	cursor:pointer;
	border-radius:5px;
}

.imgBtnArea {
	margin-top:30px;
}

.imgBtn {
	margin:20px 0 10px 5px;
	overflow:auto;
	cursor:pointer;
}

.imgBtn:hover{
	color:#116dde;
}


.imgBtnArea .dashLine{border-top:1px dashed #c3c3c3;width:100%;height:1px;}

.imgBtn .iconImg{
	margin:0 10px 0px 0;
	
}

.imgBtn .subText{
	font-size:13px;
	letter-spacing:-1px;
}

.imgBtn .mainText{
	font-size:18px;
	letter-spacing:-1px;
	font-family:Malgun Gothic;
}


.fuBtnArea .cuthelpBtn{
	border:1px solid #d40101;
	color:#d40101;
}

.fuBtnArea .cuthelpBtn:hover{
	background:#d40101;
	color:#ffffff;
}

.fuBtnArea .fabBtn{
	border:1px solid #ffd400;
	color:#ff9800;
}

.fuBtnArea .fabBtn:hover{
	background:#ff9800;
	color:#ffffff;
}


.login .loginInput{
	width:152px;height:24px; margin:0 5px 5px 0; padding:4px 5px 0;
	border:1px solid #c9c9c9; color:#777777;
	float:left;
}

.miniBoxTextW{
	margin:10px;
	font-size:16px; font-weight:none; line-height:17px; color:#ffffff;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; letter-spacing:-2px;
}

.miniBoxTextG{
	margin:10px;
	font-size:16px; font-weight:none; line-height:17px; color:#858585;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-2px;
}

.date {position:relative;width:120px;height:120px;background-color:#fafafa;}
.pdsmain .date {width:120px; margin-top:0px;}

/*15.06.29 팀 활동현황 날짜(타이틀 부분) 추가 */
.team_activity_main .date {
position:relative;
width:100%;
height:0px;
margin-left:-80px;
text-align:center;
background-color:#ffffff;
}

.datetime{
	margin-top:78px;
	font-size:15px;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
	font-weight:bold;
}

.datetime .blue{
	color:#517fd6;
}
/*15.06.29 팀 활동현황 날짜(타이틀 부분) 추가 끝*/


.date:hover, .remoteHelp:active{background-color:#efefef;}

.date .yyyymm{
	position:absolute;left:10px;top:10px; margin:0; padding:0;
	font-size:15px; font-weight:none; line-height:17px; color:#858585;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
}

.date .dayweek{
	position:absolute;right:10px;top:9px; margin:0; padding:0;
	font-size:12px; font-weight:none; line-height:17px; color:#858585;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
}

.date .day{
	position:absolute;top:52px; text-align:center; margin:0; padding:0;width:120px;
	font-size:60px; font-weight:bold; line-height:17px; color:#4f5050;
	font-family:'Calibri';letter-spacing:-3px;
}

.date .eventDay{
	position:absolute;bottom:7px; text-align:center; margin:0; padding:0;width:120px;
	font-size:12px; font-weight:none; line-height:17px; color:#858585;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
}

.remoteHelp {position:relative;width:120px;height:120px;background-color:#f2756f;cursor:pointer;}
.remoteHelp:hover, .remoteHelp:active{background-color:#e95e57;}

.terms {position:relative;width:120px;height:120px;background-color:#efefef;cursor:pointer;}
.terms:hover, .terms:active{background-color:#d9d9d9;}

.companyIntroduction {position:relative;width:120px;height:120px;background-color:#fafafa;cursor:pointer;}
.companyIntroduction:hover, .companyIntroduction:active{background-color:#efefef;}

.iconPopImg{
	position:absolute;right:10px;bottom:5px;
	width:20px;height:20px;
	background:url(../images/pdsmain/icon_pop_img.gif) no-repeat;background-size:20px 20px;
	font-size:0;
}

.iconPopImgGray{
	position:absolute;right:10px;bottom:5px;
	width:20px;height:20px;
	background:url(../images/pdsmain/icon_pop_gray_img.gif) no-repeat;background-size:20px 20px;
	font-size:0;
}

.iconPlusImg{
	position:absolute;right:10px;bottom:5px;
	width:20px;height:20px;
	background:url(../images/pdsmain/icon_plus_img.gif) no-repeat;background-size:20px 20px;
	font-size:0;
}
.iconStarImgGray{
	position:absolute;right:10px;bottom:5px;
	width:20px;height:20px;
	background:url(../images/pdsmain/icon_star_gray_img.gif) no-repeat;background-size:20px 20px;
	font-size:0;
}
.iconStarImg{
	position:absolute;right:10px;bottom:5px;
	width:20px;height:20px;
	background:url(../images/pdsmain/icon_star_img.gif) no-repeat;background-size:20px 20px;
	font-size:0;
}

/* 공지 박스 부분 */
.notice{width:330px;}
.notice a{color:#181818;}
.notice .title{
	position:relative;
	height:29px;padding:8px 10px 0 15px;
	font-size:18px;color:#000;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
	font-weight:bold;
}
.notice .titleBg:hover{color:#ffffff;background-color:#c4c4c4;font-weight:bold;}

.notice .select{color:#ffffff;background-color:#9c9c9c;font-weight:bold;text-decoration:none;}

.notice .moveIcon{
	margin-top:13px;
}
.notice ul{margin:40px 0 0 0px; overflow:auto;}
.notice li{
	margin-left:20px;
	padding:10px 10px 10px 10px;
	list-style-type: disc; 
	line-height:10px;
	text-overflow: ellipsis;
	overflow: hidden;
	width:290px;
	white-space: nowrap;
}

.notice li:hover{background-color:#e3e3e3;text-decoration:underline;color:#3d5b7b; border-radius:10px;}


.blockArea .notice{width:250px;height:250px;background-color:#efefef;}
.blockArea .notice a{color:#181818;}
.blockArea .notice .title{
	position:relative;
	width:110px;height:29px;padding:8px 0 0 15px;
	border-bottom:1px solid #d1d1d1;
	font-size:14px;color:#000;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';letter-spacing:-1px;
}
.blockArea .notice .titleBg:hover{color:#ffffff;background-color:#c4c4c4;font-weight:bold;}

.blockArea .notice .select{color:#ffffff;background-color:#9c9c9c;font-weight:bold;text-decoration:none;}

.blockArea .notice .moveIcon{
	position:absolute;top:11px;right:10px;margin:0;padding:0;
	width:16px;height:16px;
	background:url(../images/pdsmain/plusbox_icon.gif) no-repeat;background-size:16px 16px;
	font-size:0;
}
.blockArea .notice ul{margin:40px 0 0 0px; width:250px; overflow:auto;}
.blockArea .notice li{overflow:hidden;width:230px;height:14px;padding:10px 10px 10px 10px;border-bottom:1px dotted #000;color:#181818;margin-left:0;}
.blockArea .notice .liLast{border-bottom:0px dotted #000;}

.blockArea .notice li:hover{background-color:#e3e3e3;text-decoration:underline;color:#3d5b7b;}



.QucikBanner {
	width:100%;
	height:30px;
	padding-bottom:10px;
	border-bottom:1px solid #e8e8e9;
}

.QucikBanner .quickBtnBox {
	width:250px;
	height:30px;
	padding-left:10px;
	float:left;
	background:#fff;
	border:0;
	cursor:pointer;
}

.QucikBanner .quickBtnBox :hover{
	text-decoration:underLine;
}

.QucikBanner p.left {
	margin:0;
	color:#464646;
	font-family:"Malgun Gothic","맑은고딕","Nanum Gothic","나눔고딕";
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	line-height:15px;
}

/*이미지 슬라이드*/

#slides, #slides2, #slides3 {display: none;}

.slidesjs-navigation {float:left;margin-top:0px;}
.slidesjs-previous {margin-right: 5px;float: left;}
.slidesjs-next {margin-right: 5px;float: left;}

.slidesjs-pagination {
  position:absolute; bottom:10px; left:20px;
  list-style: none;
  z-index:99;	 
}

.slidesjs-pagination li {
  float: left; margin: 0 10px 0 0;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px; height: 0;
  padding-top: 13px;
  background-image: url(../images/pdsmain/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

.grayText a:link,
.grayText a:visited {
  color: #919191;
}

.grayText a:hover,
.grayText a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}


.container {width:750px;height:340px;}

/* 블럭 에리어 */
.blockArea{position:relative;width:1000px;margin:0px auto;margin-top:30px;overflow:auto;}

/* 로그인 후 화면 */

.blockTitle{
	width:1000px; /*border-bottom:1px solid #858585;*/ overflow:auto;
	font-size:20px; font-weight:none; line-height:35px; color:#484848;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; letter-spacing:-2px;
	margin-bottom: 20px;	
}


.blockSmallTitle{
	font-size:16px; font-weight:none; line-height:35px; color:#7e7e7e;
	font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; letter-spacing:-1px;
}

.infoBlockBox {margin:10px 0;/*overflow:auto;*/ height:200px;}
.infoBlockBox a{color:#ffffff;}

.infoBox{
	width:250px;height:100px; 
	font-size:18px;font-family:'Malgun Gothic','맑은 고딕'; color:#ffffff;
	letter-spacing:-1px;font-weight:none; 
	position:relative;
}

/* .infoBox{
	width:330px;height:100px; 
	font-size:18px;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; color:#ffffff;
	letter-spacing:-1px;font-weight:none; 
	position:relative;
} */
.infoBox:hover{color:#ffffff;}

.infoBox.big{width:250px;height:200px;}
/* .infoBox.big{width:338px;height:200px;} */
[class*="infoBox"] .rightText{margin:11px 10px;}
[class*="infoBox"] .right{margin:24px 10px 0px 0;}

.infoBox.left .right,
.infoBox.left .rightBig{
	position:absolute;	z-index:99;	right:0;bottom:20px;
}

.infoLineBox{
	width:249px;
	height:100px; 
	font-size:18px;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; color:#578cce;
	letter-spacing:-1px;font-weight:none; margin:0 -1px 0 0 !important;
	border:1px solid #e8e8e9;
	position:relative;
}
/*.infoLineBox.first{width:248px;height:100px;}*/
[class*="infoLineBox"] .titleText{margin:32px 0 0 15px; color:#578cce;}
[class*="infoLineBox"] .rightText{margin:12px 10px; color:#578cce;}
[class*="infoLineBox"] .right{margin:26px 10px 0px 0;}

.infoLineBox.left .right{
	position:absolute;	z-index:99;	right:0;
}

.infoLineBox.grayBox {
	width: 248px;
	background-color:#f9f9f9;
	padding: 0;
	margin:0 -1px 0 0 ;
	transition:background-color 0.5s;
}
.infoLineBox.grayBox:hover {
	background-color:#f0eee9;
}


.infoLineBox.whiteBox {
	background-color:#ffffff;
	transition:background-color 0.5s;
	}
.infoLineBox.whiteBox:hover {
	background-color:#f0eee9;
	}

.rightBig{float:right; margin:18px 10px 0px 0;}

.roundC{
	width:48px;height:48px;
	border-radius:28px; background-color:#ffffff;
	color:#5c7ab6;
}
.roundC.blue{background-color:#578cce;color:#ffffff;}

.roundC p{margin:9px auto;font-weight:none;font-size:24px;text-align:center;font-family:'Calibri','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';}

.scheduleColor{background-color:#90a5c6;}

.scheduleColor .iconImg{position:relative;width:93px;height:93px;background:url(../images/pdsmain/icon_schedule.png) no-repeat;background-size:93px 93px;font-size:0;}
.scheduleColor .iconImg .dayText{
	position:absolute;top:42px; text-align:center; margin-left:0px; padding:0;width:100%;
	font-size:40px; font-weight:bold; line-height:17px; color:#6e83a4;
	font-family:'Calibri';letter-spacing:-2px;
}

.taColor{background-color:#578cce;}
.taColor .iconImg{width:50px;height:50px;background:url(../images/pdsmain/icon_ta.png) no-repeat;background-size:50px 50px;font-size:0;}

.expirationColor{background-color:#729fd8;}
.expirationColor .iconImg{width:50px;height:50px;background:url(../images/pdsmain/icon_expiration.png) no-repeat;background-size:50px 50px;font-size:0;}

.spColor{background-color:#4677b3;}
.spColor .iconImg{width:50px;height:50px;background:url(../images/pdsmain/icon_sp.png) no-repeat;background-size:50px 50px;font-size:0;}

.anniversaryColor{background-color:#95b9e6;}
.anniversaryColor .iconImg{width:50px;height:50px;background:url(../images/pdsmain/icon_anniversary.png) no-repeat;background-size:50px 50px;font-size:0;}

[class*="Color"] .iconImg{margin:24px 0 0 20px;}
[class*="Color"]:hover{background-color:#295b98; transition:all 0.3s;}
.scheduleColor:hover{background-color:#90a9c6;}

.graphArea {
	width:1000px;height:260px; margin-bottom:10px;
	background:url(../images/pdsmain/graph.jpg) no-repeat;background-size:1000px 260px;
	font-size:0;
}

.qickIconArea{
	margin:14px auto;
	overflow: auto;
	text-align: center;
}

.qickIconArea li{
	width:120px;text-align:center;
	list-style:none;margin:0px 5px 0;
	display: inline-block;
}

.qickIconArea li a{color:#858585 !important; font-size:14px; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';}
.qickIconArea li a:hover{color:#858585 !important; text-decoration: underline;}

.qickIconArea li [class*="Icon"]{width:52px;height:52px; margin-bottom:5px;margin:5px auto; font-size:0px;}


.qickIconArea li .taIcon{background:url(../images/pdsmain/qick_ta.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .taIcon:hover{background:url(../images/pdsmain/qick_ta_over.png) no-repeat;}

.qickIconArea li .spIcon{background:url(../images/pdsmain/qick_sp.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .spIcon:hover{background:url(../images/pdsmain/qick_sp_over.png) no-repeat;}

.qickIconArea li .weekIcon{background:url(../images/pdsmain/qick_week.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .weekIcon:hover{background:url(../images/pdsmain/qick_week_over.png) no-repeat;}

.qickIconArea li .conIcon{background:url(../images/pdsmain/qick_con.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .conIcon:hover{background:url(../images/pdsmain/qick_con_over.png) no-repeat;}

.qickIconArea li .dataIcon{background:url(../images/pdsmain/qick_data.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .dataIcon:hover{background:url(../images/pdsmain/qick_data_over.png) no-repeat;}

.qickIconArea li .smsIcon{background:url(../images/pdsmain/qick_sms.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .smsIcon:hover{background:url(../images/pdsmain/qick_sms_over.png) no-repeat;}

.qickIconArea li .familyIcon{background:url(../images/pdsmain/qick_famliy.png) no-repeat; background-size:50px 50px;}
.qickIconArea li .familyIcon:hover{background:url(../images/pdsmain/qick_famliy_over.png) no-repeat;}

.qickIconArea li .memberIcon{background:url(../images/pdsmain/memberbtn.png) no-repeat;}
.qickIconArea li .memberIcon:hover{background:url(../images/pdsmain/memberbtn_over.png) no-repeat;cursor:pointer;}

.qickIconArea li .teamCarlendarIcon{background:url(../images/pdsmain/teamcarlendarbtn.png) no-repeat;}
.qickIconArea li .teamCarlendarIcon:hover{background:url(../images/pdsmain/teamcarlendarbtn_over.png) no-repeat;cursor:pointer;}

.qickIconArea li .statisticsIcon{background:url(../images/pdsmain/statisticsbtn.png) no-repeat;}
.qickIconArea li .statisticsIcon:hover{background:url(../images/pdsmain/statisticsbtn_over.png) no-repeat;cursor:pointer;}

.qickIconArea li .targetSetIcon{background:url(../images/pdsmain/targetsetbtn.png) no-repeat;}
.qickIconArea li .targetSetIcon:hover{background:url(../images/pdsmain/targetsetbtn_over.png) no-repeat;cursor:pointer;}

.qickIconArea li .workboardIcon{background:url(../images/pdsmain/workboardbtn.png) no-repeat;}
.qickIconArea li .workboardIcon:hover{background:url(../images/pdsmain/workboardbtn_over.png) no-repeat;cursor:pointer;}


.qickIconAreaBG{
	width:100%; margin-bottom:10px; overflow:auto;
	background-color:#fafafa; margin:0 auto;
	border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb;
}





/*---------- 본문 부분 _테이블 포함  --------*/

.tableArea{clear:both;width:1000px;margin:0 auto; overflow:auto;}

.tableList {
width:100%;border:1px solid #dcdcdc;margin-top:10px;
font-size:12px; font-family:'gulim','arial';color:#282828;
border-collapse:collapse;
}
.tableList input{margin-bottom:2px;}
.tableList th{height:40px;background-color:#f7f7f7;border:1px solid #dcdcdc;}
.tableList td{border:1px solid #dcdcdc;text-align:center;padding-top:6px;height:34px;}
.tableList .teamTotal{border:1px solid #dcdcdc;text-align:center;padding-top:6px;height:34px;background-color:#f7f7f7;}

.tableList .tdIcon{width:10%;}
.tableList .tdManagementIcon{width:12%;}
.tableList .tdCustomer{width:15%;}
.tableList .redBox{background-color:#fff4f4;}

.tableList .trbg{background-color:#f6fbff;}
.tableList .trbgOver{background-color:#ecf7ff;}
.tableList .trbgYellow{background-color:#ffffdf;}
.tableList .trbgYellowOver{background-color:#ffff99;}
.tableList .trunderline{text-decoration:line-through;}
.tableList .trunderlineOver{background-color:#fbfbfb;text-decoration:line-through;}
.tableList .trbgWhite{background-color:#ffffff;}
.tableList .trbgWhiteOver{background-color:#fbfbfb;}

.tableList .tdNotice{font-size:12px;font-family:'gulim','arial';color:#3366cc;text-align:left;padding-left:15px;font-weight:bold;}
.tableList .tdNotice2{font-size:12px;font-family:'gulim','arial';color:#3366cc;text-align:center;font-weight:bold;}

.tableListChk {width:16px;height:16px;}

.tableName {font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:20px;font-weight:bold;float:left;color:#484848;}
.tableCondition{font-size:12px;float:right;padding-top:5px;width:100%;text-align:right;}

.grayRadiusBox{width:700px;height:60px;border:1px solid #c8c8c8;border-radius:10px;margin-bottom:25px;margin-right:10px;}

.viewRoundGrayBtn {
float:left; height:28px; cursor:pointer;
border-radius:30px;
background-color:#484848;
text-align:center;
font-size:16px; font-weight:bold; font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#ffffff;}

.viewRoundwhiteBtn {
float:left; height:28px; cursor:pointer;
text-align:center;
font-size:16px; font-weight:bold; font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#484848;}

.line {float:left;width:1px;height:18px;margin:5px;background-color:#dfdfdf;}

.viewRoundGrayBtn .margin{margin:2px;}
.viewRoundwhiteBtn .margin{margin:2px;}

.viewSelectBox img{margin-right:5px;}
/* 20160512_조희선 중복이름으로 인한 주석처리
.viewSelectBox{float:left;width:30%;margin-left:10px;}
*/
.viewSelectBox{float:right;width:52%;margin-left:10px;}

span .text{font-size:12px;}

.textGreen{color:#587818;}
.textBlue{color:#287391;}
.textYellow{color:#c4782d;}
.textPink{color:#d36b6b;}
.textPurple{color:#863589;}
.textIndigo{color:#474795;}
.textBlueGreen{color:#21737f;}

.graphBtnBox{width:60px;height:22px;border:1px solid #c8c8c8;border-radius:3px;float:left;margin:0 5px 0 15px;cursor:pointer;}
.tableBtnBox{width:60px;height:22px;border:1px solid #484848;border-radius:3px;float:left;background-color:#484848;cursor:pointer;}
.unselectedText{font-size:11px;font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#484848;text-align:center;margin-top:3px;}
.selectedText{font-size:11px;font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#ffffff;text-align:center;margin-top:3px;}
.gradeRoundIcon{width:85px;height:25px;border-radius:20px;align;margin:0 auto;padding-top:5px;}

/*--색명 클래스 추가--*/

.gradeColour01{background-color:#80a948;}
.gradeColour02{background-color:#61b9dc;}
.gradeColour03{background-color:#f2b946;}
.gradeColour04{background-color:#eb8181;}
.gradeColour05{background-color:#bd8cdf;}
.gradeColour06{background-color:#474795;}
.gradeColour07{background-color:#2da3b5;}


.gradeRoundIconText{font-size:13px;font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#ffffff;text-align:center;font-weight:normal;}
.customerManagementRoundIcon{width:100px;height:25px;border-radius:20px;align;margin-left:9px;padding-top:4px;}
.customerManagementRoundIconText{font-size:13px;font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';color:#ffffff;text-align:center;font-weight:normal;}
.teamNameArea {font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:18px;float:left;color:#484848;}
.teamNameAreaGray {font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:14px;float:left;color:#ffffff;background-color:#484848;border-radius:30px;padding:3px 10px 7px 10px;}
.teamNameAreaNone{font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:14px;float:left;color:#484848;background-color:#ffffff;border-radius:30px;padding:3px 10px 7px 10px;border:1px solid #c8c8c8;}
.dateBox{font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:28px;font-weight:bold;float:left;margin:-6px 10px 0 10px;color:#484848;}
.dateBoxWeekly{font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:24px;font-weight:bold;float:left;margin:-4px 10px 0 10px;color:#484848;}
.dateBoxWeekly02{font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:16px;font-weight:bold;float:left;margin:2px 10px 0 5px;color:#484848;}
.teamNameMark{font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';font-size:23px;float:left;margin:-3px 10px 0 10px;color:#484848;}

.legendBox{width:14px;height:14px;background-color:#8dc63f;margin-left:30px;margin-top:3px;}
.legendBox02{width:14px;height:14px;background-color:#6dcff6;margin-left:30px;margin-top:3px;}
.legendBox03{width:14px;height:14px;background-color:#ffcc66;margin-left:30px;margin-top:3px;}
.legendBox04{width:14px;height:14px;background-color:#ff9999;margin-left:30px;margin-top:3px;}
.legendBox05{width:14px;height:14px;background-color:#bd8cbf;margin-left:30px;margin-top:3px;}
.legendBox06{width:14px;height:14px;background-color:#366eb4;margin-left:30px;margin-top:3px;}
.legendBox07{width:14px;height:14px;background-color:#00b8d4;margin-left:30px;margin-top:3px;}

.legendText{font-weight:normal;margin:5px 20px 0 10px;}

.legendBoxSmall{width:12px;height:12px;background-color:#8dc63f;margin-left:30px;margin-top:7px;}
.legendBoxSmall02{width:12px;height:12px;background-color:#6dcff6;margin-left:30px;margin-top:7px;}
.legendBoxSmall03{width:12px;height:12px;background-color:#ffcc66;margin-left:30px;margin-top:7px;}
.legendBoxSmall04{width:12px;height:12px;background-color:#ff9999;margin-left:30px;margin-top:7px;}
.legendBoxSmall05{width:12px;height:12px;background-color:#bd8cbf;margin-left:30px;margin-top:7px;}
.legendBoxSmall06{width:12px;height:12px;background-color:#366eb4;margin-left:30px;margin-top:7px;}
.legendBoxSmall07{width:12px;height:12px;background-color:#00b8d4;margin-left:30px;margin-top:7px;}

.legendTextSmall{font-weight:normal;margin:8px 0px 0 3px;}

.graphBar{width:105px;height:25px;background-color:#8dc63f;margin:0 0 6px -2px;}
.graphBar02{width:105px;height:25px;background-color:#6dcff6;margin:0 0 6px -2px;}
.graphBar03{width:105px;height:25px;background-color:#ffcc66;margin:0 0 6px -2px;}
.graphBar04{width:105px;height:25px;background-color:#ff9999;margin:0 0 6px -2px;}
.graphBar05{width:105px;height:25px;background-color:#bd8cbf;margin:0 0 6px -2px;}
.graphBar06{width:105px;height:25px;background-color:#366eb4;margin:0 0 6px -2px;}
.graphBar07{width:105px;height:25px;background-color:#00b8d4;margin:0 0 6px -2px;}

.graphBarText{margin-top:7px;}





/* 경고 레이어 부분 */

.infoBlockBox .pdsAlt{
	background:url(../images/pdsmain/warning.png) repeat;
	background-color:rgba(0, 0, 0, 0.6);
}

.infoBlockBox .pdsAlt a:hover{text-decoration:none;}

.infoBlockBox .pdsAlt .infoBox{
	width:250px;height:100px;
	font-size:18px;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic'; color:#ffffff;
	letter-spacing:-1px;font-weight:none; 
}
.infoBlockBox .pdsAlt .infoBox.big{width:250px;height:200px;}

.infoBlockBox .pdsAlt .infoBox.padding{width:220px;height:72px;padding:14px 15px;margin-top: 0;}


.infoBlockBox .pdsAlt .infoColor{background-color:#e47a78;position:relative;}
.infoBlockBox .pdsAlt .infoColor .img{
	margin:20px 0 0 15px;
	width:64px;height:65px;background:url(../images/pdsmain/pds_alt_img.png) no-repeat; background-size:64px 65px;
	font-size:0;
}
.infoBlockBox .pdsAlt .infoColor .text{font-size:21px;margin:10px 0 0 48px;letter-spacing:-2px;line-height:120%;}
.infoBlockBox .pdsAlt .infoColor .msgtextTitle{font-size:20px;margin:20px 0 0 20px;text-decoration:underline;}
.infoBlockBox .pdsAlt .infoColor .msgtext{font-size:15px;margin:10px 0 0 20px;}
.infoBlockBox .pdsAlt .infoColor .redText{color:#c54f4d;}
.infoBlockBox .pdsAlt .infoColor .rightBig.margin{margin-top:10px;}
.infoBlockBox .pdsAlt .infoColor .pdsAltArrow{top:26px;right:20px;}

.infoBlockBox .pdsAlt .infoColor .closeArea{position:absolute; bottom:7px;right:10px;}
.infoBlockBox .pdsAlt .infoColor .closeArea .checkBox{font-size:12px;margin:6px 0 0 0; width:14px;height:14px; background-color:#ffffff;border:0px;}
.infoBlockBox .pdsAlt .infoColor .closeArea .smallText{font-size:12px;margin:4px 10px 0 5px;}

.infoBlockBox .pdsAlt .infoColor .close{
	width:26px;height:26px;background:url(../images/pdsmain/pds_alt_close.gif) no-repeat; background-size:26px 26px;
	font-size:0;
}

.infoBlockBox .pdsAlt [class*="red"] {position:relative; z-index:999;}
.infoBlockBox .pdsAlt .red1{background-color:#d45755;}
.infoBlockBox .pdsAlt .red2{background-color:#c54f4d;}

.infoBlockBox .pdsAlt .subTitle{font-size:18px;letter-spacing:-2px;text-decoration:underline;}
.infoBlockBox .pdsAlt .smallText{font-size:14px;letter-spacing:-1.5px;margin-top:6px;text-decoration:none;}

.infoBlockBox .pdsAlt .pdsAltArrow{
	position:absolute; top:20px;right:15px;
	width:22px;height:22px;background:url(../images/pdsmain/pds_alt_arrow.png) no-repeat; background-size:22px 22px;
}


/* 베너 애니메이션 부분 */
.boxgrid{
	float:left;
	background:gray;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
	float: left;
	position: absolute;
	top:100%;
	/*background:#000;*/
	color:#ffffff;
	height: 100%;
	width: 100%;
	/*opacity: .9;
	 For IE 5-7 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	 For IE 8 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	}*/
}
.captionfull .boxcaption {
 	top: 150;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }

.decoArrow{
	position:absolute;top:112px;left:-1px;z-index:99;
}
/* 공식 위탁  업무제휴업체  */

.partnerBox{
	height:52px;
	border-top:1px dashed #eaeaea;
	margin:20px 0 0px 0;
    float:left;
    width:100%;
}
.partnerBoxBottom{
	border-bottom:1px dashed #eaeaea;
	margin:0px 0 0px 0;
}
.partner01{ margin:3px 0 0 0;}
.partner02{ margin:3px 0 -10px 0;}

.partnerTitle01{
	width:99px; height:45px;
	background:url(../images/pdsmain/partner_title01.jpg) no-repeat; background-size:99px 45px;
}

.partnerTitle02{
	width:99px; height:45px;
	background:url(../images/pdsmain/partner_title02.jpg) no-repeat; background-size:99px 45px;
}


 /* --------------------------- 추가 속성 14.10.28 ------------------------------------ */

/*--- pdsmain _메인화면 수정---*/

/* 리스트 스타일 테이블 */




/*--------------플래시/광고/알림 삽입 끝-----------------*/


/*테스트 고객 DB 삭제 방법 안내 페이지*/

.DeleteTestData {width:1000px;}

.DeleteTestData .dataAllBox {
	margin:30px 0 40px 0;
	border-bottom:1px solid #bbbbbb;
	padding-bottom:10px;
	
}

.testDataBox {width:650px; margin:0 auto;}

.DeleteTestData .testData {margin-bottom:40px;}

.DeleteTestData .numberTxt {
	font-size:16px;
	font-family:"Malgun Gothic","맑은 고딕","Nanum Gothic";
	color:#1b1b1b;
	letter-spacing:-1px;
	margin-bottom:15px;
	line-height:28px;
}

.DeleteTestData .underLine {text-decoration:underLine;}

.DeleteTestData .red {color:#fa2b52;}

.DeleteTestData .btnBox {width:300px;height:30px; margin:10px auto;}

.DeleteTestData .btn {width:145px; border-radius:7px;}

.DeleteTestData .workListSelect {margin-right:10px;}


/* 플랜두씨 로그인 전 페이지 개선 _160412 */
.pdshome_menu{margin:10px 0;}
.pdshome_menu .dashLine{border-top:1px dashed #c3c3c3;width:1000px;height:1px;float:left;}
.pdshome_menu .dashLine.half{width:480px;}
.pdshome_menu .dashLine.last{margin-bottom:15px;}


.pdshome_menu .menuBox{
    width:1000px;
    height:73px;
}
/* .pdshome_menu .menuBox.second{height:55px;} */

.pdshome_menu .verticalLine{width:1px;background-color:#e0e0e0;float:left;height:100%;margin:12px 0;}
.pdshome_menu .verticalLine.halfh{height:300px;margin:12px 20px 12px 0;}

.pdshome_menu .eachMenu{
    padding:12px 10px;
    /* height:73px; */
	width:300px;
    /*border-right:1px solid #e7e7e7;*/
    float:left;
    border-radius:5px;
    border:0px;
    cursor:pointer;
}
.pdshome_menu .eachMenu.second{/* height:55px; */width:479px;}

.pdshome_menu .eachMenu:hover{color:#116dde;}

.pdshome_menu .eachMenu.last{border-right:0px;}

.pdshome_menu .eachMenu img{
	margin-top:6px;
	margin-bottom:5px;
	float:left;
	}
/* .pdshome_menu .eachMenu.second img{margin-top:6px;} */
.pdshome_menu .eachMenu .explain{
    float:left;
    font-family:'malgun gothic', 'nanum gothic';
    font-size:17px;
	margin-top:5px;
    margin-left:10px;
    line-height:30px;
    font-weight:bold;
	letter-spacing:-1px;
}
.pdshome_menu .eachMenu.second .explain{width:80%;}
.pdshome_menu .eachMenu .explain.sub{
	width:100%;
    font-size:14.5px;
    line-height:17px;
	margin:0 0 5px 40px;
    font-weight:normal;
    color:#696969;
	letter-spacing:-1px;
}
/* .pdshome_menu .eachMenu.second .explain.sub{line-height:13px;} */

/* 플랜두씨 로그인 전 페이지 개선 끝 */

.pdshome_menu .eachMenu.left .ytubeplayList{
	overflow:auto; 
	width:320px; height:250px;
	padding:5px 10px 10px;background:#ffffff;
	cursor:auto;
} 

.pdshome_menu .eachMenu.left.ytubeplayListArea{
	width:475px; height:312px;cursor:auto;
}
.pdshome_menu .eachMenu.left.ytubeplayListArea:hover{
	background:#ffffff;
}


.pdshome_menu .eachMenu.left .ytubeplayList dt{
	font-size:14px;
	font-family:'malgun gothic', 'nanum gothic';
	padding:5px 10px 10px;
	color:#ffffff;
	border-radius:5px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:5px 0;
}

.pdshome_menu .eachMenu.left .ytubeplayList dd{
	font-size:14px;
	font-family:'malgun gothic', 'nanum gothic';
	padding:3px 10px 8px;
	border-bottom:1px dashed #c5c5c5;
	cursor:pointer;
	letter-spacing:-1px;
	text-indent:10px;
}

.pdshome_menu .eachMenu.left .ytubeplayList dd:hover{
	background:#413c3a;
	color:#ffffff;
	border-radius:5px;
}

.pdshome_menu .eachMenu.left .ytubeplayList dt.titleColor01{background:#528c1f;}
.pdshome_menu .eachMenu.left .ytubeplayList dt.titleColor02{background:#1f8b8c;}
.pdshome_menu .eachMenu.left .ytubeplayList dt.titleColor03{background:#0a4c72;}
.pdshome_menu .eachMenu.left .ytubeplayList dt.titleColor04{background:#a73d3d;}


/* 유튜브 */

.youtubeArea {
	float:left;
	width:630px;
}

.youtubeArea .infoLineTitle{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:16px;
	font-weight:bold;
	margin:0 20px 10px 0;
	float:left;
	line-height:32px;
	letter-spacing:-1px;
}

.youtubeView{
 	width:435px;
	height:245px;
	background:#000000;
}

.youtubeArea dl{
	float:left;
}

.youtubeArea dd{
	font-size:14px;
	font-family:'malgun gothic', 'nanum gothic';
	letter-spacing:-1px;
	width:140px;
	height:60px;
	line-height:60px;
	border:1px solid #bdbdbd;
	border-bottom:0px;
	padding:0 10px 0 10px;
	
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	
	cursor:pointer;
}
.youtubeArea dd:hover,
.youtubeArea dd.select{
	color:#ffffff;
	background:#3c5a7c;
	font-weight:bold;
}

.youtubeArea dd:first-child{
	border-radius:0 10px 0 0;
}

.youtubeArea dd:last-child{
	border-radius:0 0 10px 0;
	border-bottom:1px solid #bdbdbd;
}

/* 플랜두씨 사용방법  */

.usePdsArea{
	float:left;
	margin-left:10px;
	width:330px;
}

.usePdsArea .infoLineTitle{
	margin-bottom:10px;
}

.dropdownArea {
	width:100%;
	float:left;
	height:270px;
	overflow-y:auto;
	overflow-x:hidden;
	letter-spacing:-1px;
}

.usePdsArea [class*="dropbtn"]{
	width:97%;
	font-size:16px;
	font-family:'malgun gothic', 'nanum gothic';
	font-weight:bold;
	padding:17px 0;
	border:1px solid #bdbdbd;
	border-radius:10px;
	margin-bottom:5px;
	cursor:pointer;
	text-indent:95px;
}

@keyframes usePdsAreaAni {
  from {transform: scale(0.95, 0.95)}
  to { transform: scale(1, 1);}
}

.usePdsArea [class*="dropbtn"]:hover{
	border:1px solid #116dde;
	color:#116dde;
	animation-name: usePdsAreaAni;
	animation-duration: 0.2s;
}

.usePdsArea .dropbtn01{
	background-image: url(../images/pdsmain/use01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:110px;
}

.usePdsArea .dropbtn02{
	background-image: url(../images/pdsmain/use02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.usePdsArea .dropbtn03{
	background-image: url(../images/pdsmain/use03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.usePdsArea .dropbtn04{
	background-image: url(../images/pdsmain/use04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.usePdsArea [class*="dropdown-content"]{
	display: none;
	padding:0px 20px 10px;
  
	font-family:'malgun gothic', 'nanum gothic';
	font-size:14px;
	line-height:18px;
}

.usePdsArea [class*="dropdown-content"] img{
	width:17px;
	float:left;
	margin:2px 10px 0 0;
}

.usePdsArea [class*="dropdown-content"] .youMovie{
	border:1px solid #cc2020;
	color:#cc2020;
	border-radius:20px;
	padding:5px 20px 7px 10px;
	
	width:calc(100% - 30px);
	font-weight:bold;
}

.usePdsArea [class*="dropdown-content"] a{
	text-decoration:none;
}

.usePdsArea [class*="dropdown-content"] .youMovie:hover{
	color:#ffffff;
	background:#cc2020;
	
}

.usePdsArea [class*="dropdown"]:hover .[class*="dropdown-content"]{

}

.usePdsArea .dropdown01:hover .dropdown-content01{
	display: block;
}
.usePdsArea .dropdown02:hover .dropdown-content02{
	display: block;
}
.usePdsArea .dropdown03:hover .dropdown-content03{
	display: block;
}
.usePdsArea .dropdown04:hover .dropdown-content04{
	display: block;
}


/* 라인으로 된 정보들 */

.infoLineArea{
	width:100%;
	font-family:'malgun gothic', 'nanum gothic';
	padding:10px 0;
	
	letter-spacing:-1px;
}

.infoLineTitle{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:16px;
	font-weight:bold;
	margin-right:20px;
	float:left;
	line-height:32px;
	letter-spacing:-1px;
}
.infoLineArea dl{
	float:left;
}
.infoLineArea dd{
	float:left;
	list-style-type:none;
	cursor:pointer;
	margin-right:20px;
}

.infoLineArea .infoLinemsgBox{
	border:1px solid #bdbdbd;
	border-radius:5px;
	padding:5px 10px 7px 7px;
	
	font-size:14px;
	margin-right:5px;
	float:left;
	width:350px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.infoLineArea .infoLinemsgBox:hover{
	color:#ffffff;
	background:#888888;
}

.infoLineArea .infoLinemsgBox.msgBox{
	width:auto;
	max-width:283px;
}

.infoLineArea dd .msgBoxArrow{
	position:absolute;
	left:-6px;
	top:6px;
}



.linkText{
	font-family:'malgun gothic', 'nanum gothic';
	padding:5px 10px 5px 7px;
	font-size:14px;
	color:#2c5e9c;
	float:right;
	text-decoration:underline;
	cursor:pointer;
	letter-spacing:-1px;
}

.infoLineArea .infoLinemsgMan{
	position:relative;
	padding:5px 2px 5px 15px;
	font-size:14px;
	color:#2c5e9c;
	float:left;
	text-decoration:underline;
}

/* 20주년 이벤트 */

.event20th{
	float:left;
	width:100%;
	margin:10px 0;
}

.event20th .banner20th img{
	border-radius:10px;
}

.event20th .event20thList{
	position:relative;
	width:345px; height:68px;
	border:1px solid #dbdbdb; 
	border-radius:10px; 
	margin-left:10px;
	padding:10px 10px 10px 20px;
	letter-spacing:-0.5px;
	color:#484848;
}

.event20th .event20thList .event20thListTitle{
	width: 250px;
	border-bottom:1px solid #a2a2a2;
	float:left; font-weight:bold;
	font-size:15px; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
	padding:0 0 3px;
	letter-spacing:-1px;
}

.event20th .event20thList ul{
	margin:3px 0 0 20px; 
	font-size:16px; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
}

.event20th .event20thList li{
	/* margin-bottom:10px; */
}

.event20th .event20thList .event20thBtn{
	float:right;
	border:1px solid #a2a2a2; 
	background:#efefef; 
	text-align:center;
	padding:10px;
	border-radius:10px;
	font-size:15px; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
	cursor:pointer;
	margin-top:2px;
	color:#484848;
}

.event20th .event20thList .event20thBtn:hover{
	background:#bfbfbf;
}.event20th .event20thList .event20thBtn:active{
	background:#a0a0a0;
}