﻿@charset "utf-8";

/* Common */
body, html, h2, h3, h4, h5, h6, div, li, ul, ol, dl, dt, dd, form, img{ padding:0; margin:0;}
body{margin:0 auto; font-size:12px; font-family:'gulim', 'dotum','Apple SD Gothic Neo','Apple Gothic';}
/*ul,li{list-style:none;}*/
img{border:0; margin:0;}
input{font-family:'gulim', 'dotum','Apple SD Gothic Neo','Apple Gothic'; color:#555; border:0; padding:0; margin:0;}
input[type=text] {padding:1px;}
/* input[type=submit] {background:transparent; width:1px; height:1px; position:absolute; top:-10px; left:-10px;} 각종 submit 버튼이 날아감 */
input[type=submit] {width:0px; height:0px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
label{cursor:pointer;}


/* 공용 */
.hc {position:absolute;visibility:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.clear {clear:both;}
.btn_area {position:relative;padding:0; margin:0;}


.left{float:left;}
.right{float:right;}
.center{width:100%;margin:0 auto;}
.txtCenter{text-align:center;}

.relative{position: relative;}
.absolute{position: absolute;}

.cursor{cursor:pointer;}
pre {white-space:pre-wrap;}

.gulim{font-family:'gulim';}
.font12{font-size:12px;}


/*  Ubis css 강제 대체용 */
.anniversary_improve .F8{
	font-size:12px;
}

/* 전체 가운데 정렬용 */
.wrap {position:relative;width:800px;padding:20px 0 0 0;margin:0 auto;}

/*단락간 여백*/
.margin-30 {overflow:hidden;margin:30px 0;}
.margin-20 {overflow:hidden;margin:20px 0;}
.margin-10 {overflow:hidden;margin:10px 0;}

.margin_top-30 {overflow:hidden;margin:30px 0 0 0;}
.margin_top-20 {overflow:hidden;margin:20px 0 0 0;}
.margin_top-10 {overflow:hidden;margin:10px 0 0 0;}

.margin_bottom-30 {overflow:hidden;margin:0 0 30px 0;}
.margin_bottom-20 {overflow:hidden;margin:0 0 20px 0;}
.margin_bottom-10 {overflow:hidden;margin:0 0 10px 0;}

.mgR05{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}

.mgL05{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}

.mgT05{margin-top:5px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}

.mgB05{margin-bottom:5px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB20{margin-bottom:20px;}

/* 간단한 여백 */
.margin-4 {margin:14px 0 0 0;}

/* j쿼리 달력 날짜 색 */

.ui-datepicker .datepicker-holiday .ui-state-default{
	color:red;
	text-align:center;
}

.ui-datepicker .datepicker-black .ui-state-default{
	color:#333333;
	text-align:center;
}
.ui-datepicker .datepicker-black .ui-state-default.ui-state-active{
	color:#eb8f00;
	text-align:center;
}

.ui-datepicker-title .ui-datepicker-year, .ui-datepicker-title .ui-datepicker-month{
	height:21px; float:left;
}

/*table 선 색상 관련*/
[class*="tableList"], [class*="tableList"] th, [class*="tableList"] td, 
.tableWeek, .tableWeek th, .tableWeek td, 
.tableCal, .tableCal th, .tableCal td, .tableCal .plan
.tablebox, .tablebox th, .tablebox td,
.fc-widget-header, .fc-widget-content
{
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	border-left:0;
}

[class*="tableList"], [class*="tableList"] th:last-child, [class*="tableList"] td:last-child, .tableWeek:last-child, .tableWeek th:last-child, .tableWeek td:last-child, .tableCal:last-child, .tableCal th:last-child, .tableCal td:last-child, .tableCal .plan
.tablebox:last-child, .tablebox th:last-child, .tablebox td:last-child, .fc-widget-header:last-child, .fc-widget-content:last-child{
	border-right:0px;
}

/*table 선 색상 관련*/
.alertLayer [class*="tableList"], .alertLayer [class*="tableList"] th, .alertLayer [class*="tableList"] td, 
.alertLayer .tableWeek, .alertLayer .tableWeek th, .alertLayer .tableWeek td, 
.alertLayer .tableCal, .alertLayer .tableCal th, .alertLayer .tableCal td, .alertLayer .tableCal .plan
.alertLayer .tablebox, .alertLayer .tablebox th, .alertLayer .tablebox td,
.alertLayer .fc-widget-header, .alertLayer .fc-widget-content
{
	border:0px;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
}


.fc-agenda-divider{border-bottom:1px solid #b2b2b2;}
[class*="sche_02_01"] .fc-agenda-allday th,
[class*="sche_02_01"] .fc-agenda-allday .fc-day-content {
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}

[class*="sche_02_01"]  .fc-agenda-days th {
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
}

.sche_02_01 .weeklyDataTable th {
	border-color: #b2b2b2;
}

[class*="sche"] .weeklyDataTable td { border-top: 1px solid #b2b2b2; }

[class*="sche"] .weeklyDataTable .eleBlock,
[class*="sche"] .weeklyDataTable td [class*="TH"],
[class*="sche"] .weeklyDataTable .eleBlockMore {
	border-bottom: 1px solid #b2b2b2;
}

[class*="sche"] .weeklyDataTable td { border-left: 1px solid #b2b2b2; padding: 0; }

.tableListChk20{ border:0px;}

/* table 배경 관련 */

[class*="table"] td{
	/* background-color:#ffffff; */
	/* 문제가 있어서 숨김처리 */
}

[class*="table"] td:hover{
	background-color:#eeeeee;
}

.pdsmain{
	margin-bottom:50px;
}


/*table 관련*/
.blue_table{border-collapse:collapse; border-color:#b9d5f7; margin:0;}

/*tr.top_line {border-top:1px solid #558ed8; background:#b9d5f7;}*/
.blue_table tr.top {border-top:2px solid #558ed8;}
.blue_table tr.middle {border-top:1px solid #acbcd1;}
.blue_table tr.bottom {border-top:1px solid #acbcd1;border-bottom:2px solid #558ed8;}
.blue_table tr.red_bottom {border-top:1px solid #de8c8c;border-bottom:2px solid #de8c8c;}

.blue_table tr.one_line_top {border-top:2px solid #558ed8;border-bottom:2px solid #558ed8;} /*테이블이 한줄일경우 사용*/


.blue_table th{ border:1px solid #acbcd1; border-left:1px solid #acbcd1;}
.blue_table .head {font-family:'굴림', 'gulim';color:#1c469a; background:#e6edfb;}
.blue_table .red_head {font-family:'굴림', 'gulim';color:#993300; background:#f4d0d0;}

.blue_table th.total {color:#000; background:#d0ddf4;}

.blue_table td.top_line {border-top:1px solid #558ed8; background:#b9d5f7;}
.blue_table td{font-family:'굴림', 'gulim';color:#4b4b4b; border:1px solid #acbcd1; padding:0 10px;}
.blue_table .centeralign {text-align:center;}

/* gray table */
.gray_table {border-collapse:collapse; border-color:#b9d5f7; margin:0;}
.gray_table th{ border:1px solid #b5b5b6; background-color:#dddfe2; text-align:center;}
.gray_table td{ border:1px solid #b5b5b6; text-align:center;}

/* gray table 연한것 */
.gray_table2 {border-collapse:collapse; border-color:#bfc0c0; margin:0;}
.gray_table2 th{ border:1px solid #b5b5b6; background-color:#ececec; text-align:center;}
.gray_table2 td{ border:1px solid #b5b5b6; text-align:center;}

/* 하단 라인 */

.div_blue_line {position:relative;overflow:hidden;width:800px; height:3px; background-color:#adccf3; border-bottom:1px solid #5d94d9; padding:0;}

/*정렬 관련*/
.div_right{float:right;}
.div_left{float:left;}



/*딩벳(블릿 기호) 관련*/
.subtitle_symbol{position:relative;overflow:hidden;width:13px;height:17px;background:url(../images/Payment/subtitle_symbol.gif) no-repeat;}
.arrow_icon{position:relative;overflow:hidden;width:10px;height:9px;background:url(../images/Payment/arrow_icon.gif) no-repeat;color:transparent;margin:2px 4px 0 0;}




/*text 관련*/
.bold{font-weight:bold;}
.u {text-decoration:underline;}
.underline{text-decoration:underline;}
.small_text{font-size:11px;}
.middleline{text-decoration:line-through;}

.line-40 {line-height:40px;}
.line-20 {line-height:20px;}
.line-18 {line-height:18px;}
.line-16 {line-height:16px;}

.textleft{text-align:left;}
p.textleft{padding:5px 10px; margin:0;}

/*text 관련 색상*/
/*.white {color:#fff;}
.black {color:#3e3e3e;}
.gray {color:#8c8c8c;}
.red {color:#cc0000;}
.blue {color:#0b388d;}*/

.blue{color:#0b388d;}
/* .blue{color:#003366;} */
.bluelite{color:#266eff;}
.bluePastel{color:#3366cc;}
.red{color:#d53333;}
.white{color:#fff;}
.gray {color:#8c8c8c;}
.green{color:#339900;}
.black{color:#000;}

.targetList .bigText .blue{color:#333333;}

.closeSmallBtn{
position:relative;overflow:hidden;
width:14px;height:14px;
background:url(../images/prospecting/closeSmallBtn.gif) no-repeat;background-size:14px 14px;
cursor:pointer;
}

.selectGrayBox{
float:left;
height:34px;
border:1px solid #dfdfdf;
background-color:#fcfcfc;
font-size:12px;
width:auto;
}
.dataAllBox .selectGrayBox select{margin:7px 10px 0 10px;}
.selectGrayBox .roundSelect{
float:left; height:12px; cursor:pointer;
border-radius:20px; margin-right:5px;
background-color:#f4f4f4;
text-align:center;
padding:3px;
}

.selectGrayBox .roundSelect:hover{
	background:#cccccc;
	color:#ffffff;
}

.selectGrayBox .roundSelectOver{
float:left; height:12px; cursor:pointer;
border-radius:20px; margin-right:5px;
background-color:#5f5f5f; color:#fff;
text-align:center;
padding:3px;
}

.finishBlueBtn2 {
float:left;
height:32px; cursor:pointer;
text-align:center;
font-size:14px;
color:#ffffff;
font-weight:bold;
margin:0 -1px;
border:1px solid #dcdcdc;
font-family:'malgun gothic','맑은고딕','nanum gothic','Apple SD Gothic Neo','Apple Gothic';
border-radius:6px;

background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#6699ff, #3366cc); /* For Safari */
background: -o-linear-gradient(#6699ff, #3366cc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6699ff, #3366cc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6699ff, #3366cc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*¸ð¹ÙÀÏ ºê¶ó¿ìÀú8*/
}

.finishBlueBtn2:hover {
background: #6699ff; /* Old browsers */
background: -webkit-linear-gradient(#3366cc, #6699ff); /* For Safari */
background: -o-linear-gradient(#3366cc, #6699ff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3366cc, #6699ff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3366cc, #6699ff); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#6699ff',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#6699ff)); /*¸ð¹ÙÀÏ ºê¶ó¿ìÀú8*/
}

.finishBlueBtn2 p {margin-top:9px;line-height:16px;}

.finishGrayBtn2 {
float:left;
height:32px; cursor:pointer;
text-align:center;
font-size:14px;
color:#5f5f5f;
background-color:#fcfcfc;
border:1px solid #dcdcdc;
margin:0 -1px;
font-family:'malgun gothic','맑은고딕','nanum gothic','Apple SD Gothic Neo','Apple Gothic';
border-radius:6px;

background: #eeeeee; /* Old browsers */
background: -webkit-linear-gradient(#fcfcfc, #eeeeee); /* For Safari */
background: -o-linear-gradient(#fcfcfc, #eeeeee); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fcfcfc, #eeeeee); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fcfcfc, #eeeeee); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee)); /*¸ð¹ÙÀÏ ºê¶ó¿ìÀú8*/
}

.finishGrayBtn2:hover {
background: #fcfcfc; /* Old browsers */
background: -webkit-linear-gradient(#eeeeee, #fcfcfc); /* For Safari */
background: -o-linear-gradient(#eeeeee, #fcfcfc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eeeeee, #fcfcfc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eeeeee, #fcfcfc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fcfcfc)); /*¸ð¹ÙÀÏ ºê¶ó¿ìÀú8*/
}

.finishGrayBtn2 p {margin-top:9px;line-height:16px;}






/*고객 설정 -존대 평가 반말- */
.Zonde9 {color: #000; font-size: 9pt;}
.Zonde8 {color: #000; font-family: 돋움,Dotum;	font-size: 8pt;}
.Zonde {color: #000; font-family: 돋움,Dotum;}
.Pyounga9 {color: #008c1a; font-size: 9pt;}
.Pyounga8 {color: #008000; font-family: 돋움,Dotum;	font-size: 8pt;}
.Pyounga {color: #008000; font-family: 돋움,Dotum;}
.Banmal9 {color: #0000ff; font-size: 9pt;}
.Banmal8 {color: #0000ff; font-family: 돋움,Dotum;	font-size: 8pt;}
.Banmal {color: #0000ff; font-family: 돋움,Dotum;}

.Zonde9, .Zonde8, .Zonde, .Pyounga9, .Pyounga8, .Pyounga, .Banmal9, .Banmal8, .Banmal{cursor:pointer;}
/* 등급 아이콘 */
[class*="gradeIcon"] { width: 11px; height: 13px; vertical-align: middle; background-size: 11px 11px; background-repeat: no-repeat; display: inline-block; margin: 0 1px; }
.agradeIcon { background-image: url("../images/prospecting/aGradeIcon.gif"); }
.bgradeIcon { background-image: url("../images/prospecting/bGradeIcon.gif"); }
.cgradeIcon { background-image: url("../images/prospecting/cGradeIcon.gif"); }
.ngradeIcon { background-image: url("../images/prospecting/nGradeIcon.gif"); }
.cardAll .card .agradeIcon { background-image: url("../images/prospecting/aGradeIconBig.png"); margin-top:7px;}
.cardAll .card .bgradeIcon { background-image: url("../images/prospecting/bGradeIconBig.png"); margin-top:7px;}
.cardAll .card .cgradeIcon { background-image: url("../images/prospecting/cGradeIconBig.png"); margin-top:7px;}
.cardAll .card .ngradeIcon { background-image: url("../images/prospecting/nGradeIconBig.png"); margin-top:7px;}
.cardAll .card span > span { background-size:25px 25px; width:25px; height:25px; margin-left:4px; vertical-align:top; margin-top:13px; }

.cardAll .aGradeColor {background-color:#f7726d; }
.cardAll .bGradeColor {background-color:#548dd4;}
.cardAll .cGradeColor {background-color:#eba857;}
.cardAll .nGradeColor {background-color:#9f9f9f;}

/*상단 서비스 선택 탭박스*/

.tabbox {
	position:relative;overflow:hidden;
	width:100%;
	/* border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2; */
	margin:20px 0 40px 0px;
	background:#F7F7F7;
	/*
	background: -webkit-linear-gradient(#ffffff, #F7F7F7); 
	background: -o-linear-gradient(#ffffff, #F7F7F7); 
	background: -moz-linear-gradient(#ffffff, #F7F7F7);
	background: linear-gradient(#ffffff, #F7F7F7); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7',GradientType=0 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F7F7F7));  */
}
.tabbox div {
float:left;
width:24.9%;
width:calc(25% - 1px);
height:35px;
/* margin:0 -1.5px; */
padding:10px 0 0;
border-bottom:1px solid #b2b2b2;

text-align:center;
font-size:16px; line-height:26px;
font-family:'malgun gothic','맑은고딕','nanum gothic','Apple SD Gothic Neo','Apple Gothic';
font-weight:bold;
color:#444444;
cursor:pointer;
border-top:0px solid #565656;
}

.tabbox.twoTabBtn  div{
	width:calc(50% - 1px);
}

.tabbox.threeTabBtn div{
	width:calc(33% - 1px);
}

.tabbox.fourTabBtn div{
	width:calc(25% - 1px);
}

.tabbox.fiveTabBtn div{
	width:calc(20% - 1px);
}

.tabbox.sixTabBtn div{
	width:calc(16.7% - 1px);
}

.tabbox.pdfhidden div{width:16.86%;}


/*상단 서비스 선택 탭박스 종료*/

.tabbox div:hover, .tabbox div a:hover {
	background-color:#eaeaea; 
	/* color:#2e65c5;  */
	/* text-decoration:underline; */
	/* border-radius:10px 10px 0 0; */
	border-top:3px solid #9c9c9c;
	height:32px;
	/* transition: all 0.2s; */
}

.pro_education_application .tabbox div {
width:33.2%;
}


.tabbox div a{
	color:#444444; text-decoration:none;
}


.tabbox .selectDiv, .tabbox .selectDiv:hover {
	background-color:#ffffff;
	border:1px solid #b2b2b2;
	border-bottom:0px;
	/* margin:0 1px 0 0;  */
	border-radius:10px 10px 0 0;
	border-top:3px solid #0075ff;
	height:33px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
	color:#2e65c5;
	}
.tabbox .selectText { /* margin-top:12px; */}
.tabbox p {margin:0px;}


/*15.06.29 팀 활동현황 탭박스 추가*/

.team_activity_main .tabbox {
	position:relative;overflow:hidden;
	width:1000px;
	/* border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2; */
	margin:20px auto 40px auto;
	background:#F7F7F7;
	/*
	background: -webkit-linear-gradient(#ffffff, #F7F7F7); 
	background: -o-linear-gradient(#ffffff, #F7F7F7); 
	background: -moz-linear-gradient(#ffffff, #F7F7F7);
	background: linear-gradient(#ffffff, #F7F7F7); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7',GradientType=0 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F7F7F7));  */
}

.team_activity_main .tabbox div {
float:left;
width:50%;
}
/*15.06.29 팀 활동현황 탭박스 끝*/

/*상단 서비스 선택 탭박스 종료*/






/*날짜 부분 표기*/
.dataAllBox{
	width:100%; height:50px;
	position:relative;
	/* margin-top:40px; */
	/* line-height:40px; */
}

/*15.06.29 팀 활동현황 추가*/
.team_activity_main .dataAllBox{
	width:1000px; height:40px;
	position:relative;
	margin:0 auto;
	margin-top:24px;border-bottom:1px solid #dfdfdf; padding-bottom: 10px;
}
/*15.06.29 팀 활동현황 추가 끝*/

.viewSelectBox{float:left;width:30%}
.controlBox{position:relative;overflow:hidden;width:100%;}

.viewRoundBlueBtn {
	float:left; height:28px; cursor:pointer;
	padding:0 5px;
	border-radius:5px;
	/* background-color:#3366cc; */
	background-color:#3A7ECB;
	/* border-bottom:1px solid #3A7ECB; */
	text-align:center;
	font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;
}

.viewRoundwhiteBtn {
	float:left; height:28px; cursor:pointer;
	/* border-radius:5px; */
	text-align:center;
	font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
	/* color:#003366; */
}
.viewRoundBlueBtn, .viewRoundwhiteBtn{
	transition: all 0.3s;
}

.viewRoundwhiteBtn:hover{
	padding:0 10px;
	transition: all 0.3s;
	border-bottom:1px solid #000000;
}


.line {
	float:left;width:1px;height:18px;margin:5px;
	/* background-color:#bbbbbb; */
}

.viewRoundBlueBtn .margin{margin:2px; line-height:22px;}
.viewRoundwhiteBtn .margin{margin:2px; line-height:22px;}



.editRoundBtn{
float:left; 
width:30px;height:22px;line-height:22px;cursor:pointer;
border-radius:6px; margin:-5px 5px 0 3px;
padding:0px 5px 2px 5px; color:#fff;
font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
text-align:center;color:#fff;font-weight:bold;
background: #6699cc; /* Old browsers */
}

.deletRoundBtn{
float:left; 
width:30px;height:22px;line-height:22px;cursor:pointer;
border-radius:6px; margin-top:-5px;
padding:0px 5px 2px 5px; color:#fff;
font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
text-align:center;color:#fff;font-weight:bold;
background: #c6c6c6; /* Old browsers */
}

body .finishBlueBtn, body .finishGrayBtn, body .finishGreenBtn, .finishRedBtn {
float:left;
height:32px; cursor:pointer;
text-align:center;
font-size:14px;
margin:0 -1px;
font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
border-radius:4px;
border:1px solid #dcdcdc;
letter-spacing:-0.5px;
/* transition:all 0.3s; */
}

body .finishBlueBtn {
color:#ffffff;
font-weight:bold;

background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#6699ff, #3366cc); /* For Safari */
background: -o-linear-gradient(#6699ff, #3366cc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6699ff, #3366cc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6699ff, #3366cc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*모바일 브라우저8*/
}


body .finishBlueBtn:hover {
background: #2e65c5; /* Old browsers */
background: -webkit-linear-gradient(#3366cc, #6699ff); /* For Safari */
background: -o-linear-gradient(#3366cc, #6699ff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3366cc, #6699ff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3366cc, #6699ff); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#6699ff',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#6699ff)); /*모바일 브라우저8*/
}

body .finishBlueBtn p{
	margin-top:6px;line-height:16px;
}


body .finishGrayBtn {
color:#000000;
background-color:#fcfcfc;
border:1px solid #a2a2a2;

background: #FFFFFF; /* Old browsers */
/*background: -webkit-linear-gradient(#fcfcfc, #eeeeee); /* For Safari */
/*background: -o-linear-gradient(#fcfcfc, #eeeeee); /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#fcfcfc, #eeeeee); /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#fcfcfc, #eeeeee); /* Standard syntax (must be last)*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
/*background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee)); /*모바일 브라우저8*/
}

body .finishGrayBtn p{
	margin-top:6px;line-height:16px;
}

body .finishGrayBtn:hover {
color:#ffffff;
background: #5f5f5f; /* Old browsers */

/*background: -webkit-linear-gradient(#eeeeee, #fcfcfc); /* For Safari */
/*background: -o-linear-gradient(#eeeeee, #fcfcfc); /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#eeeeee, #fcfcfc); /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#eeeeee, #fcfcfc); /* Standard syntax (must be last)*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
/*background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fcfcfc)); /*모바일 브라우저8*/

}

body .finishGreenBtn {

color:#ffffff;
font-weight:bold;
padding:0 10px;
background: #5a7f1b; /* Old browsers */
background: -webkit-linear-gradient(#80a838, #5a7f1b); /* For Safari */
background: -o-linear-gradient(#80a838, #5a7f1b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#80a838, #5a7f1b); /* For Firefox 3.6 to 15 */
background: linear-gradient(#80a838, #5a7f1b); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a838', endColorstr='#5a7f1b',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#80a838), to(#5a7f1b)); /*모바일 브라우저8*/
}

body .finishGreenBtn:hover {
background: #80a838; /* Old browsers */
background: -webkit-linear-gradient(#5a7f1b, #80a838); /* For Safari */
background: -o-linear-gradient(#5a7f1b, #80a838); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#5a7f1b, #80a838); /* For Firefox 3.6 to 15 */
background: linear-gradient(#5a7f1b, #80a838); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7f1b', endColorstr='#80a838',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#5a7f1b), to(#80a838)); /*모바일 브라우저8*/
}

body .finishGreenBtn p {margin-top:6px;line-height:16px;}


body .finishRedBtn {

color:#ffffff;
font-weight:bold;
padding:0 10px;
background: #E91E63; /* Old browsers */
background: linear-gradient(#E91E63, #8f2424); /* For Safari */
}

body .finishRedBtn:hover {
background: #8f2424; /* Old browsers */
background: linear-gradient(#8f2424, #E91E63); /* Standard syntax (must be last)*/
}

body .finishRedBtn p {margin-top:6px;line-height:16px;}

body .finishBlueBtn:active, body .finishGrayBtn:active, body .finishGreenBtn:active, body .finishRedBtn:active  {
animation-name: rubberBand;
animation-duration: 0.5s;
}

body .finishBlueBtn:hover, body .finishGrayBtn:hover, body .finishGreenBtn:hover, body .finishRedBtn:hover  {
animation-name: pulse;
animation-duration: 0.5s;
border-radius:20px;
transition:all 0.3s;
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  25% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

body .searchBtn{
/* width:40px;  */height:22px; 
cursor: pointer;
font-size:12px; color:#5b5b5b; text-align:center; 
border:1px solid #abadb3;
background-color:#f5f5f5; 
/* margin:0 0 0 5px;  */padding:0 5px;
border-radius:4px;
}

body .searchBtn:hover{
	background:#595959;
	color:#ffffff;
	border:1px solid #595959
}

.editBtn{
width:50px; height:22px; cursor: pointer;
text-align:center; border:1px solid #abadb3;
font-size:12px; color:#5b5b5b; background-color:#f5f5f5; margin:0 0 0 5px; padding:3px;
}

.miniBtnLayer{
top:4px;right:10px;
position:absolute;display:inline-block;
width:auto;
text-align:center;
font-size:12px;
z-index:10;
}

.miniRoundBtn{
	float:left;padding:4px;
	background-color:#fbfbfb; border:1px solid #dcdcdc;
	color:#888888; font-size:11px; cursor:pointer;
	border-radius:4px;
}

.miniRoundBtn:hover{
	background:#595959;
	border:1px solid #595959;
	color:#ffffff;
}

/*15.06.29 추가 _sp설정 구분/종목추가 버튼 수정 시작*/
.sp_setting .tableList3 td .miniBtnLayer .miniRoundBtn{margin-top:8px;}
/*15.06.29 추가 _sp설정 구분/종목추가 버튼 수정 끝*/


.miniBtnL{
float:left;padding:4px 4px 0px;
background-color:#fff; border:1px solid #dcdcdc;
font-size:11px; cursor:pointer;
}

.miniBtnR{
float:left;padding:4px 4px 0px;
background-color:#fff; border:1px solid #dcdcdc; border-left:0px ;
font-size:11px; cursor:pointer;
}

.miniBtnLSelect{
float:left;padding:4px 4px 0px;
background-color:#fff; border:1px solid #dcdcdc;
font-size:11px; cursor:pointer;
color:#fff;
background: #4c81e1; /* Old browsers */
background: -moz-linear-gradient(top,  #6699ff 0%, #3366cc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699ff), color-stop(100%,#3366cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6699ff 0%,#3366cc 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top,  #6699ff 0%,#3366cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*모바일 브라우저8*/
}

.miniBtnRSelect{
float:left;padding:4px 4px 0px;
background-color:#fff; border:1px solid #dcdcdc; border-left:0px ;
font-size:11px; cursor:pointer;
color:#fff;
background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#6699ff, #3366cc); /* For Safari */
background: -o-linear-gradient(#6699ff, #3366cc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6699ff, #3366cc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6699ff, #3366cc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*모바일 브라우저8*/
}



.viewSelectBox img{margin-right:5px;}

.date {
float:left;
width:40%;
font-family:'Malgun Gothic','맑은고딕','arial','Apple SD Gothic Neo','Apple Gothic','Tahoma','Arial';
font-size:30px;
color:#444444;
font-weight:bold;
text-align:center;
margin-top:-7px;
letter-spacing:-2px;
}

.date img{margin:0 10px; vertical-align:bottom;}

.date .dateMarkWrap #week{
	line-height:22px;
}

.functionBtnBox{float:left;width:30%;}
.functionBtnBox .subbox{float:right;width:30%;text-align:right;}

.print, .excelDown, .excel, .refresh {
	float:right;
	width:28px;
	height:27px;
	background-size:28px 27px;
	cursor:pointer;
	margin-left:5px;
}


.print {
	margin-right:4px;
	width:88px; height:28px;
	background-size:88px 28px;
	background:url(../images/prospecting/printBtn_long.gif) no-repeat;
}
.excelDown {
	background:url(../images/prospecting/excelDownBtn.gif) no-repeat;
}
.excel {
	margin-right:4px;
	width:88px; height:28px;
	background-size:88px 28px;
	background:url(../images/prospecting/excelBtn_long.gif) no-repeat;
}
.refresh {
	margin-right:4px;
	background:url(../images/scheduling/refreshBtn.gif) no-repeat;
}

/* 테이블 상단 구분 메뉴*/



.pageTitle{
float:left; width:100%;
font-size:30px; 
font-family:'SUITE-Regular','Malgun Gothic','맑은 고딕';
/* font-family:'Malgun Gothic','맑은고딕','arial','Apple SD Gothic Neo','Apple Gothic'; */
font-weight:bold;
letter-spacing:-2px;
/* color:#444444; */
text-align:center;
/* line-height:10px; */
padding:10px 0;
}


.pro_education_application .pageTitle{
font-size:30px; 
}

.pro_education_application .subBigTitle{
	font-size:25px; color:#444444;
	font-family:"Malgun Gothic","맑은고딕","arial",'Apple SD Gothic Neo','Apple Gothic';
	letter-spacing:-1px;
	line-height:28px;
	margin-bottom:20px;
}


.pro_education_application .subBigTitle .subTitle{
font-weight:bold;
margin-bottom:10px;
}


.pro_education_application .line{
	height:1px; width:100%;
	background:#dfdfdf;
	margin:20px 0;
	overflow:auto;
	float:none;
}

.pro_education_application ul{
	margin:15px 0 10px 0px;
	overflow:auto;
}

.pro_education_application ul li{
	width:98%;
	margin:3px 0 3px 5px;
	float:left;
	list-style:none;
}

.pro_education_application ul .textBox{
	padding:0 14px;
	font-family:"Malgun Gothic","맑은고딕","arial",'Apple SD Gothic Neo','Apple Gothic';
	font-size:18px;
	margin:-5px 0 0 0;
}

.pro_education_application .ulInUl{
	padding:0 45px;
	font-family:"Malgun Gothic","맑은고딕","arial",'Apple SD Gothic Neo','Apple Gothic';
	font-size:13px;
	margin:-7px 0 0 0;
}
.pro_education_application .ulInUl li{
	list-style:disc;
	margin:0 0 0 5px;
	font-size:17px;
}


.pro_education_application .eduLineBtn{
	width:400px; height:40px;
	border:1px solid #b3b3b3;
	border-radius:10px;
	margin-bottom:10px;
	background:#ffffff;
}

.pro_education_application .eduLineBtn:hover{
	background:#f1f1f1;
}

.pro_education_application .eduLineBtn p{
	font-family:"Malgun Gothic","맑은고딕","arial",'Apple SD Gothic Neo','Apple Gothic';
	font-size:16px; margin:2px 0 0 20px;
	float:left;
}

.pro_education_application .eduLineBtn img{
	margin:0px 10px 0 0;
}

.pro_education_application .sns img{
	margin: 0 5px 5px 0;
}


/* 2538 */
.boldText { font-weight: bold; }

.topTitleLine {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #dfdfdf;
}

.layerTitleIcon {
	float: left;
	width: 23px;
	height: 22px;
	background: url(../images/prospecting/layerTitleIcon.gif) no-repeat;
	background-size: 23px 22px;
	margin-top: 8px;
}
.titleText {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	letter-spacing: -2.4px;
	font-size: 21px;
	font-weight: bold;
	font-family: 'Malgun Gothic','nanumgothic','Apple SD Gothic Neo','Apple Gothic';
	color: #3366cc;
}

.subTitleText {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	letter-spacing: -2.4px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Malgun Gothic','nanumgothic','Apple SD Gothic Neo','Apple Gothic';
}


.contentsWorkList {position:relative;overflow:hidden;width:100%;border:0px solid #dcdcdc;margin-top:10px;}

.workList {
float:left;
height:32px; cursor:pointer;
text-align:center;
font-size:12px;
color:#5f5f5f;
background-color:#fcfcfc;
border:1px solid #dcdcdc;
border-right:0;

background: -webkit-linear-gradient(#fcfcfc, #eeeeee); /* For Safari */
background: -o-linear-gradient(#fcfcfc, #eeeeee); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fcfcfc, #eeeeee); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fcfcfc, #eeeeee); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee)); /*모바일 브라우저8*/
}

.workList:first-child{
	margin:0 -1px 0 0;
}

.workList:last-child{
	border-right:1px solid #dcdcdc;
}

.workList:hover {
background: -webkit-linear-gradient(#eeeeee, #fcfcfc); /* For Safari */
background: -o-linear-gradient(#eeeeee, #fcfcfc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eeeeee, #fcfcfc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eeeeee, #fcfcfc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fcfcfc)); /*모바일 브라우저8*/
}

.workList p {margin-top:11px;}

.workListSelect {
float:left;
height:32px; cursor:pointer;
text-align:center;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:32px;
border:1px solid #dcdcdc;
border-right:0;

background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#6699ff, #3366cc); /* For Safari */
background: -o-linear-gradient(#6699ff, #3366cc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6699ff, #3366cc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6699ff, #3366cc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*모바일 브라우저8*/
}

.workListSelect.redBtn {
background: linear-gradient(#ff6666, #cc3333); /* Standard syntax (must be last)*/
background: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#cc3333)); /*모바일 브라우저8*/
}

.workListSelect.greenBtn {
background: linear-gradient(#64ab37, #327c1a); /* Standard syntax (must be last)*/
background: -webkit-gradient(linear, left top, left bottom, from(#64ab37), to(#327c1a)); /*모바일 브라우저8*/
}

.workListSelect:last-child{
	border-right:1px solid #dcdcdc;
}

.workListSelect:hover {
height:32px; cursor:pointer;
text-align:center;
font-size:12px;
color:#ffffff;
font-weight:bold;

background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#3366cc, #6699ff); /* For Safari */
background: -o-linear-gradient(#3366cc, #6699ff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3366cc, #6699ff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3366cc, #6699ff); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#6699ff',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#6699ff)); /*모바일 브라우저8*/
}

.workListSelect.redBtn:hover{
	background: linear-gradient(#cc3333, #ff6666); /* Standard syntax (must be last)*/
	background: -webkit-gradient(linear, left top, left bottom, from(#cc3333cc3333), to(#ff6666)); /*모바일 브라우저8*/
}

.workListSelect.greenBtn:hover {
background: linear-gradient(#327c1a, #64ab37); /* Standard syntax (must be last)*/
background: -webkit-gradient(linear, left top, left bottom, from(#327c1a), to(#64ab37)); /*모바일 브라우저8*/
}

.workListSelect p {margin:0px; /* line-height:32px; */}


.contentsWorkList p {/* margin-top:10px; */ letter-spacing:-1px;}
.contentsWorkList .p2line {margin-top:3px;}

.contentsWorkList .addBtn {float:right;width:60px;height:32px;border:1px solid #dcdcdc;text-align:center;font-size:12px;color:#ffffff;font-weight:bold;cursor:pointer;
background: #3366cc; /* Old browsers */
background: -webkit-linear-gradient(#6699ff, #3366cc); /* For Safari */
background: -o-linear-gradient(#6699ff, #3366cc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6699ff, #3366cc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6699ff, #3366cc); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#3366cc',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366cc)); /*모바일 브라우저8*/
}

.grayArrowBottom {
width:8px;height:5px;
background:url(../images/prospecting/grayArrowBottom.gif) no-repeat;background-size:8px 5px;
}
.grayArrowTopmW {
width:8px;height:5px;
background:url(../images/prospecting/grayArrowtopw.gif) no-repeat;background-size:8px 5px;
}

.selectViewWorkList{
position:static;
top: 33px;
width:calc(100% - 10px) !important;
/* height:26px; */
overflow:auto;
border:1px solid #dcdcdc;
border-radius:5px;
font-size:12px;color:#282828;
background-color:#fcfcfc;
margin:5px 0 10px;
padding:5px;
}
.selectViewWorkList input {margin-left:0px;vertical-align:top;border:none;float:left;}
.sche_04_01 .selectViewWorkList input {margin:0 3px 0px 8px;}
.selectViewWorkList label {margin:0px;vertical-align:bottom;border:none;cursor:pointer;}
.selectViewWorkList div {float:left;margin-top:6px;margin-left:9px;vertical-align:middle;}
.selectViewWorkList span {font-size:11px;float:left;margin-right:10px;}

.selectViewWorkListBox{
float:left;
height:32px;
border:1px solid #dcdcdc;
font-size:12px;color:#282828;
background-color:#fcfcfc;
padding:0 0px;
margin-left:10px;
}
.selectViewWorkListBox input {margin-left:0px;vertical-align:top;border:none;}
.selectViewWorkListBox label {margin:0px;vertical-align:bottom;border:none;cursor:pointer;}
.selectViewWorkListBox div {float:left;margin-top:10px;margin-left:10px;vertical-align:middle;}
.selectViewWorkListBox span {font-size:11px;}

/* 월간 및 TA등 타겟 리스트들*/

.targetList {
position:relative;
overflow:hidden;
width:100%;
height:45px;
border-top:1px solid #dfdfdf;
margin-top:20px;
background-color:#f7f7f7;
z-index:1;
line-height:24px;
}

.targetList .bigText
{float:left;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
margin-top:9px;margin-left:10px; letter-spacing:-1px;
}

/*TA스케줄 목표 현황 바 수정_15.09.17 */
.targetList .bigText2{float:left;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
margin-top:9px;margin:9px 10px 0 0;}

.targetList .grayBorderBtn {
background-color:#ffffff;
float:left; height:23px; margin:0px; 
text-align:center;
margin:10px 5px 0 5px;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#444444;
border:1px solid #c8c8c8;
cursor:pointer;
}

.targetList .grayBorderBtn:hover{
background-color:#F9F9F9;
}

.targetList .grayBorderBtn .text {float:left;font-size:12px;font-weight:bold;color:#444444;font-family:'gulim','arial';cursor:pointer;}
.targetList .grayBorderBtn img{margin-bottom:-1px;}
/*TA스케줄 목표 현황 바 수정_15.09.17 끝 */



.targetList .viewRoundBlueBtn.select{
float:left; height:23px; margin:0px; cursor:pointer;
border-radius:30px;
background-color:#3366cc;
text-align:center;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;

margin:10px 2px 0;
line-height:23px;
}

.targetList .viewRoundBlueBtn.nonSelected{
float:left; height:23px; margin:0px; cursor:pointer;
border-radius:30px;
background-color:gray;
text-align:center;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;

margin:10px 5px 0 5px;
line-height:23px;
}

.targetList .viewRoundBlueBtn {
float:left; height:23px; margin:0px; cursor:pointer;
border-radius:30px;
background-color:#3366cc;
text-align:center;
font-size:16px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;
padding:0 7px;
margin:10px 5px 0 5px;
line-height:23px;
}


.targetList .viewRoundwhiteBtn {
float:left; width:75px; height:15px; cursor:pointer;
margin-top:4px; margin-left:5px;
border-radius:10px;
background-color:#fff;
text-align:center;
font-size:11px; font-weight:bold; font-family:'gulim','arial';color:#3366cc;
line-height:15px;
}

.targetList .viewRoundGrayBtn{
float:left; height:23px; cursor:pointer;
border-radius:10px;
background-color:#c6c6c6;
text-align:center;
padding:0 10px;
line-height:23px;
}

.targetList .viewRoundGreenBtn{
float:left; height:23px; cursor:pointer;
border-radius:10px;
background-color:#30962e;
text-align:center;
padding:0 10px;
line-height:23px;
}


.targetList .viewRoundRedBtn{
float:left; height:23px; cursor:pointer;
border-radius:10px;
background-color:#d53333;
text-align:center;
padding:0 10px;
line-height:23px;
}

.targetList .viewRoundBorderBtn{
float:left; height:19px;cursor:pointer;
border-radius:10px;
text-align:center;
border:2px solid #3366cc;
padding:0 10px;
line-height:19px;
}

.targetList .viewRoundBorderRedBtn{
float:left; height:19px;
border-radius:10px;
text-align:center;
border:2px solid #d53333;
padding:0 10px;
line-height:19px;
}



.targetList .viewRoundBlueBtn .text {float:left;font-size:12px;font-weight:bold;color:#fff;font-family:'gulim','arial';margin-top:6px; margin-left:10px;}
.targetList .viewRoundwhiteBtn .text {float:left;font-size:11px;font-weight:bold;color:#3366cc;font-family:'gulim','arial';margin-top:3px; margin-left:7px;}
.text14 {font-size:14px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;margin:1px;}
.text14_blue {font-size:14px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#3366cc;margin:1px;}
.text14_red {font-size:12px; font-weight:bold; font-family:'Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#d53333;margin:1px;}


/* 리스트 스타일 테이블 */
.tableList {
width:100%;
/* border:1px solid #bebebe; */
margin-top:10px;
font-size:12px; font-family:'gulim','arial';color:#282828;
border-collapse:collapse;
}
.tableList input{margin-bottom:2px;}
.tableList th{height:30px;background-color:#f7f7f7;padding-top:5px;}

/* 통계 및 분석 테이블 _15.07.15 추가*/
.statistics_analysis .tableList th{width:90px;}

.tableList td{height:30px;text-align:center;padding:10px 5px 5px;}
.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:#fff;}
.tableList .trbgWhiteOver{background-color:#fbfbfb;}

.tableListChk {width:16px;height:16px;}

.tableList2 {
width:100%;
/* border:1px solid #bebebe; */
font-size:12px; font-family:'gulim','arial';color:#282828;
border-collapse:collapse;
/*table-layout:fixed;*/
}
.tableList2 input{margin-bottom:2px;}
.tableList2 th{height:34px;background-color:#f7f7f7;padding-top:3px;}
.tableList2 td{height:50px;text-align:center;padding:6px 5px 3px 5px;word-break:break-all;}

/* .tableList2 th:first-child,
.tableList2 td:first-child{
	border-left:0px;
}
.tableList2 th:last-child,
.tableList2 td:last-child{
	border-right:0px;
} */

.tableList2 .trbg{background-color:#f6fbff;}
.tableList2 .trbgOver{background-color:#ecf7ff;}
.tableList2 .trbgYellow{background-color:#ffffdf;}
.tableList2 .trbgYellowOver{background-color:#ffff99;}
.tableList2 .trunderline{text-decoration:line-through;}
.tableList2 .trunderlineOver{background-color:#fbfbfb;text-decoration:line-through;}
.tableList2 .trbgWhite{background-color:#fff;}
.tableList2 .trbgWhiteOver{background-color:#fbfbfb;}

.trDarkGray {background-color:#ededed;}
.tableListChk20 input{width:20px;height:20px;}

/* 주간 스타일 테이블 */

.tableWeek {
width:100%;margin-top:10px;
font-size:12px; font-family:'gulim','arial';color:#282828;
border-collapse:collapse;
}

.tableWeek th{height:26px;text-align:center;background-color:#e6e6e6;}
/* .tableWeek td{border:1px solid #bebebe;} */
.tableWeek .weekDate {height:26px;background-color:#f9f9f9;text-align:center;color:#797878;}
.tableWeek .targetTa {height:50px;background-color:#f9f9f9;text-align:center;}
.tableWeek .blockArea {padding-left:3px;padding-bottom:10px;text-align:center;color:#6b6b6b;}
.tableWeek .blockAreaOver {padding-left:3px;padding-bottom:10px;text-align:center;color:#6b6b6b;border:1px solid #bcbcbc; background-color:#fefefe;}

.weekBlue{color:#266eff;font-weight:bold;}
.weekRed{color:#d53333;font-weight:bold;}
.weekBlack{color:#282828;font-weight:bold;}
textarea.inputText { resize: none; }
textarea { resize: none; font-size:13px;}



/* 간단 고객등록 화면 */
.simpleCustomerAdd input[type="text"], .simpleCustomerAdd input[type="hidden"]{
	border:1px solid #a9a9a9;
}

.simpleCustomerAdd .PL7.RL1 input{
	float:left;
}

.simpleCustomerAdd .PL7.RL1 strong{
	float:left;
}
/*
.simpleCustomerAdd table{
	margin:0 auto !important;
}
*/
.simpleCustomerAdd .saveAndCancleBtn {margin:10px auto;}


/* 15.05.18 추가 _프로스펙팅>고객리스트 선택 */
.teamDelBtn {border:1px solid #b2b2b2; background:#fff; padding:6px;cursor:pointer;}

#divLetterNameSample td, #divVocativeNameSample td{
	height:auto;
}

#divLetterNameSample td table, #divVocativeNameSample td table{
	border-collapse:collapse;
}


/* 15.08.12 추가  */
.namecard_set .finishBlueBtn{margin-right:10px;}
.insert_information .finishBlueBtn{margin-right:10px;}
.service_set .finishBlueBtn{margin-right:10px;}




/* 사용연차 / 할인안내 페이지 _15.10.05 */

.feeDiscountPage .tabbox{width:100%;float:left;margin-top:20px;}
/* .feeDiscountPage .tabbox .selectDiv{
	width:50%;
} */
.feeDiscountPage .tabbox .selectDiv .selectText{
	margin-top:6px;
}
.feeDiscountPage .tabbox div{
	width:49%;
	width:calc(50% - 1px);
	line-height:16px;
}
.feeDiscountPage .tabbox div p{margin-top:6px;}
.feeDiscountPage .dataAllBox{margin:0 0 40px; 0;}


.feeDiscountPage{font-family:'malgun gothic';}
.feeDiscountPage .alertLayer {
	width:800px;
	height:auto;
}

.feeDiscountPage .contentsBox{padding:0 10px;font-family:'malgun gothic';font-weight:normal;}

.feeType_title{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:18px;
	font-weight:bold;
	color:#484848;
	margin-top:10px;
}

.feeDiscountPage .discountType_detail{margin:10px 0 20px 0px;width:100%;line-height:18px;font-family:'gulim';font-size:12px;}

.feeDiscountPage .discountType_title{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:18px;
	font-weight:bold;
	color:#484848;
	margin-top:10px;
	width:100%;
}
.feeDiscountPage .grayBox{background-color:#f7f7f7;width:100%;padding:6px 0;margin:-10px 0 20px 0;font-family:'gulim';font-size:12px;}
.feeDiscountPage .grayBox .detailContents{padding:1px 20px;line-height:18px;}
.feeDiscountPage .grayBox .detailContents .underLine{text-decoration:underline;}

.mgLeft5{margin-left:5px;}
.mgLeft10{margin-left:10px;}
.mgLeft15{margin-left:15px;}
.mgLeft20{margin-left:20px;}
.mgBottom20{margin-bottom:20px;}

.feeDiscountPage .unit{margin-top:20px;}
.feeDiscountPage .detailNotice{margin-top:8px; color:#e73939;font-weight:normal;font-family:'gulim';font-size:12px;}

.feeDiscountPage .tablebox{height:280px;cursor:default;}
.feeDiscountPage .tablebox td{text-align:center;padding:0px 10px;font-weight:normal;cursor:default;border:1px solid #898989;}
.feeDiscountPage .tablebox .memverType{width:5%;}
.feeDiscountPage .tablebox .serviceType{text-align:left;padding:5px 15px;width:25%;}
.feeDiscountPage .tablebox .eachFee{width:14%}
.feeDiscountPage .tablebox .colored{}

.feeDiscountPage .dotLine{height:1px;width:100%;border-top:dotted 1px #c8c8c8;margin:20px 0 10px 0;}


.feeDiscountPage .grayBorderBox{border:1px solid #E8E8E8;width:100%;margin:20px 0;}
.feeDiscountPage .grayBorderBox .noticeBox{margin:10px auto;color:#e73939;text-align:center;font-family:'gulim';font-size:12px;}


.feeDiscountPage .tablebox .recommendFee{background-color:#fffbde;}
.feeDiscountPage .tablebox .recommendFee:hover{background-color:#fffbde;}
.feeDiscountPage .tablebox .recommendFee td:hover{background-color:#fffbde;}
.feeDiscountPage .tablebox tr:hover {background:transparent;}
.feeDiscountPage .tablebox th {padding:3px 5px 3px 5px;cursor:default;border:1px solid #898989;}
.feeDiscountPage .tablebox td{padding:8px 5px 6px 5px; text-align:center;border:1px solid #898989;}
.feeDiscountPage .tablebox td:hover{background-color:#ffffff;}
.feeDiscountPage .tablebox .memverType{width:5%;}
.feeDiscountPage .tablebox .serviceType {text-align:left;width:25%;line-height:15px;}
.feeDiscountPage .tablebox .eachFee{width:14%}
.feeDiscountPage .unit{margin-top:20px;font-size:12px;font-family:'gulim';}
.feeDiscountPage .dotLine{height:1px;width:100%;border-top:dotted 1px #c8c8c8;margin:20px 0 10px 0;}
.alertLayer .detailNotice{margin-top:8px; color:#e73939;font-weight:normal;font-family:'gulim';}

/* 사용연차/할인안내 업데이트 _16.04.20 */
.feeDiscountPage .malgunGothic{font-family:'malgunGothic';}
.feeDiscountPage .font18{font-size:18px;}
.feeDiscountPage .detailContents .detail{margin-top:22px;}

.feeDiscountPage .green{color:#348E31;}
.feeDiscountPage .line{margin:20px 0 0 0;}

.feeDiscountPage .mgTop10{margin-top:10px;}
.feeDiscountPage .grayInputBox{font-size:16px;}
.feeDiscountPage .explain{margin-left:10px;}
.feeDiscountPage .gulim{font-size:12px;font-weight:normal;}

.feeDiscountPage .dcTypeBox{
    width:100%;
    margin-top:20px;
    position:relative;
}
.feeDiscountPage .dcType{
    text-align:left;
    width:80%;
    font-size:18px;
}

.feeDiscountPage .dcType img{position:absolute;top:0;left:0;
}
.feeDiscountPage .dcType .explain.gulim.mgLeft0.mgTop10{line-height:18px;}
.feeDiscountPage .dcType ul{margin:0;width:100%;float:left;
    line-height:28px;
}

.feeDiscountPage .dcType ul li{font-weight:normal;}
.feeDiscountPage .mgLeft0{margin-left:0px;}
.feeDiscountPage .dcType ul .dashLine{margin:10px 0;    width: 100%;
    height: 1px;
    border-top: 1px dashed #c8c8c8;}

.feeDiscountPage .dc_month{
    width:100%;
    border:1px solid #c8c8c8;
    border-radius:15px;
    margin-top:35px;
}
.feeDiscountPage .dc_month .textBox{padding:23px;font-size:18px;}
.feeDiscountPage .dc_month .textBox p{margin:0px 0 5px 0;}
.feeDiscountPage .dc_month img{margin:15px;float:right;}
.feeDiscountPage .line{width: 100%;
    height: 1px;
    border-top: 0px solid #c8c8c8;}

/* 사용연차 / 할인안내 페이지 끝 */
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #F7FCFF;
}

.tableCal .plan .today, .fc-week .fc-today{
	background-color:#F7FCFF;
}

.tableCal .plan .today .day .text, .fc-week .fc-today .fc-day-number{
	/* background:#176BB3;
	color :#ffffff;  */
	font-weight:bold; 
	border-radius:4px;
	padding:3px 5px;
	height:auto;
	margin:4px 2px 0 3px;
}

.fc-state-highlight.fc-today, .tableCal .plan .today, .fc-week .fc-today
{
    -webkit-box-shadow:inset 0px 0px 0px 1px #666666;
    -moz-box-shadow:inset 0px 0px 0px 1px #666666;
    box-shadow:inset 0px 0px 0px 1px #666666;
}

.sche_01_01 .fc-state-highlight.fc-today, .sche_01_01 .tableCal .plan .today, .sche_01_01 .fc-week .fc-today
{
    -webkit-box-shadow:inset 0px 0px 0px 0px #666666;
    -moz-box-shadow:inset 0px 0px 0px 0px #666666;
    box-shadow:inset 0px 0px 0px 0px #666666;
}

/* 명함관련 */
.nameCard .btnBox input.grayGraBtn{
	width:auto; height:auto;
	padding:3px;
}

@page{
	size:210mm 297mm landscape; /*A4*/
	margin:5mm
}

/* @page a4sheet{size:21.0cm 29.7cm} */
@media print {
	/* .noPrint table{page:a4sheet !important; page-break-after:auto} */

	.mainTopArea, .logoArea, .mainBodyArea, .pdsbottom, .tabbox, .print{display:none;}
}


/* 페이지 오류 관련 */
.pageError{background-color:#f8f8f8;}
.pageError .conBox{
    width:534px;
    height:210px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    font-family:'malgun gothic','nanum gothic';
}

.pageError .textBox{float: right;padding: 0;}
.pageError .textBox .txt_b{color:#3C3C3C;letter-spacing:-2px;font-size: 23px;font-weight: bold;}
.pageError .textBox .txt_s{margin:12px 0 20px 0;overflow: auto;line-height: 18px;font-size:14px;line-height:22px;color:#666666;}

.pageError .bottomBtn{height:34px;float:left;margin-left: 24px;}
.pageError .bottomBtn p{float:left;margin:-1px auto 0 auto;}
.pageError .bottomBtn img{margin-top:2px;float:right;}
.pageError .bottomBtn .previousBtn{width:150px;height:34px;border:0px;color:#fff;background-color:#858585;padding:0 32px;cursor:pointer;margin-right:5px;}
.pageError .bottomBtn .previousBtn:hover{background-color:#6E6E6E;}
.pageError .bottomBtn .gotoMainBtn{width:150px;height:34px;border:0px;color:#fff;background-color:#2c86c3;padding:0 25px;cursor:pointer;}
.pageError .bottomBtn .gotoMainBtn:hover{background-color:#1C70A9;}
/* 페이지 오류 관련 끝 */


/*접촉이력 뷰옵션 _16.11.11*/
.pdsContactHistory .sp_01 .viewOptionBtnBox{margin:0;}


/*레이어 하단 버튼 세가지 일 경우 _161125 */
.tripleBtn{width:100%;}
.tripleBtn .workListSelect, .tripleBtn .workListSelect:hover{margin:0 8px;}
.tripleBtn .workListSelect, .tripleBtn  .workList.workList_red{width:33%;}
.tripleBtn .workList{width:31%;}

/*레이어 하단 버튼 한가지 일 경우 _161125 */
.alertLayer .oneBtn{width:100%;margin:10px 0;}
.alertLayer .oneBtn .btn{width:100%;margin:0 10%;}
.alertLayer .oneBtn .btn button{width:80%;}

/*레이어 하단 버튼 두가지 일 경우 _180309 */
.twinBtn{width:100%;}
.twinBtn .workListSelect:hover{margin-right:10px;}
.twinBtn .workListSelect, .twinBtn .workList{width:49%;}
.twinBtn .workList{width:49%;}


/* 그룹선택 버튼 및 영역  */
.groupSeletArea .finishGreenBtn{
	 margin-left:15px;
}

.groupSeletArea .subTitle{
	font-size:18px; font-family:맑은고딕; margin:0px 0 0 10px; padding-bottom:5px; float:left; border-bottom:3px solid #5f861c;
	line-height:24px;
}


.dropbtn {
	border-radius:6px;
	width:102px;
    border: none;
    cursor: pointer;
	font-size:12px; 
	font-weight:bold; 
	font-family:"gulim","굴림";
	color:#fff;
	padding:6px 0 ;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

.dropdown .BlueBtn {
	background: #4e8ec9;
}

/* 스케줄 2줄 처리 */
/* 
[class*="sche_03"] .item p{
	width:85% !important;
}

[class*="sche_03"] [class*="Ele"] .fc-content{
	white-space:normal !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	max-height:26px;
}

[class*="sche_03"] .item p{
	white-space:normal !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

[class*="sche_03"] .item{
	overflow:hidden;
	max-height:26px;
	height:auto !important;
	padding-bottom:2px;
} */

/* 20170228 - 브라우저 사이즈에 대응 - 브라우저 사이즈 1500 이상시 가로 1400으로 변경 */

/* 1000px 이상 일때 */
/* @media screen and (min-width: 1501px) {
	.mainTopArea .blockArea, .logoArea, .menuArea ul, .menuOpenArea .contain, .pdsbottom{
		width:1400px;
	}
	#MasterBody>div:first-child{
		width:1400px !important;
	}
	
	#MasterBody>.noPrint{
		width:1400px !important;
	}
	
	#MasterBody>.noPrint>div{
		width:1400px !important;
	}
	
	#MasterBody>.noPrint>div.alertLayer{
		width:350px !important;
	}
	
	#MasterBody>.noPrint>table{
		width:1400px !important;
	}
	
	#MasterBody>.noPrint>table .pro00 table{
		width:1400px !important;
	}
	
	.send_management>table{
		width:1400px !important;
	}
	
	#MasterBody>.noPrint .TA_List_Page>table{
		width:1400px !important;
	 }
	
	#MasterBody>.noPrint>#ctl00_Contentplaceholder1_PSPT_Menu_PSPTCommonMenu>table{
		width:1400px !important;
	}
	
	.giftyshow_box{
		width:1400px !important;
	}
	
	.giftyshow_box .clear.txtcon.useinfo{
		width:965px;
		margin:0 auto;
	}
	 */
	/* 메인페이지 정리 */
	/* 
	#MasterBody>.noPrint>div.pdsmain{
		width:1400px !important;
		margin:0 auto;
	}
		
	.pdsmain .QucikBanner{
		width:1000px !important;
		margin:0 auto;
	}
	
	.qickIconAreaBG{
		border-radius:0 0 20px 20px;
	}
	 */
	/* 스케줄 */
	/* 
	.sche_01_01 .dateInfoLine .grayBox{
		width:1001px !important;
	}
	.sche_01_01 #calendar {
		width:1021px !important;
		margin-bottom:20px;
	}
	.sche_02_01 .weeklyDataTable .eleBlock p.textPositioning{
		width:85% !important;
	}
	.sche_02_01 .weeklyDataTable .eleBlock p{
		width:89% !important;
	}
	
	.sche_02_01 table{
		table-layout:fixed;
	}
	
	.sche_02_01 .scrollWrap table th:first-child{
		width:3.5% !important;
	}
	
	
	[class*="sche_03"] .item p{
		width:85% !important;
	}
	
	[class*="sche_03"] [class*="Ele"] .fc-content{
		white-space:normal !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
	}
	
	[class*="sche_03"] .item p{
		white-space:normal !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
	}
	
	[class*="sche_03"] .item{
		overflow:auto;
		height:auto !important;
		padding-bottom:4px;
	}
	 */
	/* TA */
	/* .planArea .calPassBlock{
		width:98% !important;
	}
	.planArea .calDefaultBlock{
		width:97% !important;
	}
	 */
	/* 자료실 *//* 
	.pdf_contents .tabbox.relative{
		width:1400px !important;
	}
	.pdf_contents .tabbox div{
		width:14.4%;
	}
	
	.pdf_contents .pdf_menuArea ul li{
		width:15.12%;
	}
	 */
	/* 지도 */
	/* 
	.viewMap{
		width:1130px !important;
	} */
	/* mo 서비스 */
	/* 
	.wayOfUseMo{
		width:1000px !important;
		margin:30px auto 0 !important;
	}
	 */
	/* 프로모션 *//* 
	.promotion_main .display{
		width:100%;
	}
	
	.promotion_main .display .goodsInfo{
		width:72% !important;
	}
	
	 */
	/* 월간안부 예외처리*//* 
	#MasterBody>.noPrint>div#wrap, #MasterBody>.noPrint>div#container, #MasterBody>.noPrint>div#ViewWrap{
		width:1000px !important;
		margin:10px auto;
		float:none;
		overflow-x:hidden;
		overflow-y:auto;
	}
	 */
	/* 발송  */
	/* 
	.send_mail>div:nth-child(1), .send_mail .fc_send_contentsbox>div:nth-child(3), .fc_send_contentsbox>div:nth-child(1){
		width:1100px !important;
	}
	
	.send_mail .fc_send_contentsbox div.cautionBox{
		width:1060px !important;
	}
	
	.mmsStorageBox{
		margin:20px 5px 0px 0 !important;
	}
	
	.smsBoxSmall{
		height:160px !important;
		font-size:14px !important;
	}
	
	
}

 */
