@charset "euc-kr";

/*
.layerWrap {
position: relative;overflow:hidden;
width:100%;height:100%;
text-align:center;
}*/

.absolute{position:absolute;}
.relative{position:relative;}

.yRound, .nRound { 
	width: 20px; height: 20px; 
	border-radius: 5px; 
	text-align: center; margin: 0 auto; 
}
.yRound p, .nRound p { color: #fff; font-weight: bold; margin-top: 3px !important; font-size:12px; width:100%; text-align:center; cursor:pointer;}

.yRound p { color: #fff; font-weight: bold; float: left; margin-left: -1px; *margin-left: 0px; }
.yRound {background-color: #5789e0;}
.nRound { background-color: #FF6464; }


.alertLayer {
position:absolute;display:inline-block;
background-color:#fff; border:1px solid #dcdcdc;
width:310px;
text-align:left;
padding:20px;
/*box-shadow: 3px 3px 5px #e9e9e9;*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
font-size:12px;
z-index:1001;
}

.alertLayer .left80{float:left; width:80%; height:30px;}
.alertLayer .left20{float:left; width:20%; height:30px;}
/* tkdeks fpdldj  */
.alertLayer .left60{float:left; width:calc(100% - 30px); height:30px;}
.alertLayer .left40{float:left; width:30px; height:30px;}

/* .alertLayer .left60{float:left; width:60%; height:30px;}
.alertLayer .left40{float:left; width:40%; height:30px;} */

.alertLayer.z-index0{z-index:0;}

.alertLayer .layerTextArea{
	width:95%;
	margin:7px 7px 7px 0; padding:10px;
	font-family:맑은고딕;
	font-size:16px;
}

.alertLayer.textSampleList .layerTextArea{
	width:95%;
	margin:7px 7px 7px 0; padding:10px;
	font-family:맑은고딕;
	font-size:15px;
}

.alertLayer .layerTextArea.olList{
	margin-left:20px;
}

.alertLayer .layerTextArea.olList li{
	margin-bottom:15px;
}

.alertLayer .graybox,
.alertLayer .grayBox{background-color:#f7f7f7;
    line-height:18px;
    padding:15px;
    margin:15px 0;
}

.alertLayer .layerDeco{
position:absolute; margin-top:-31px;margin-left:270px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}

.layerGrayDeco{
position:absolute;
width:15px;height:11px;
background:url(../images/prospecting/layerGrayDeco.png) no-repeat;background-size:15px 11px;
z-index:1001;
}


.alertLayer .tabbox {
margin:0;
}

.tablebox{
width:100%;/* margin-top:10px; */
font-size:12px; font-family:'gulim','arial';color:#282828;
border-collapse:collapse;
}

.tablebox th{
padding:6px 5px 4px 5px;
background-color:#f9f9f9; margin-left:5px;
text-align:center;
}

.tablebox td{
padding:6px 5px 4px 5px;
}


.tablebox .center{
text-align:center;
}

.inputText{
height:20px;border:1px solid #abadb3;text-align:left;margin-right:4px;padding-right:4px;line-height:20px;
font-size:12px;
}


.alertLayer .tableList td:hover, .alertLayer .tablebox td:hover{
	background-color:transparent;
}

/*다미*/
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.blue{color:#2d79ea;margin-right:5px;}
.blueOrigin{color:#2d79ea;}
.red{color:#ff0000;}
.darkGray{color:#6b6b6b;}
.font10{font-size:12px;font-family:font-family:"malgun gothic","맑은고딕","nanum gothic","Apple SD Gothic Neo","Apple Gothic";}
.font12{font-size:14px;font-family:font-family:"malgun gothic","맑은고딕","nanum gothic","Apple SD Gothic Neo","Apple Gothic";}
/* .yellowBox{width: 230px;height:105px; background-color:#ffefb0; padding:10px 10px 5px;} */
.yellowBox{
	width: 230px;
	/* height:130px; */
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#ffefb0; padding:10px 10px 5px;
	word-break:break-all;
	font-size:13px;
	line-height:15px;
}

.quickview_box_CUST .yellowBox{ height:210px;} /* 수정 / 삭제 버튼 없는 고객조회 */
.quickview_box_TA .yellowBox{ height:160px;}  /* TA 스케줄 */
.quickview_box_SCHE .yellowBox{ height:160px;} /* 스케줄 */
.quickview_box_SP .yellowBox{ height:160px;} /* SP  */
.quickview_box_CUST_MOD .yellowBox{ height:210px;} /* 수정 / 삭제 버튼 있는 고객조회 */
.quickview_box_MEMO .yellowBox{ height:160px;} /* 메모  */
.quickview_box_ANNI .yellowBox{ height:45px; margin-bottom:10px;} /* 기념일  */
.quickview_box_FUNE .yellowBox{ height:130px;}  /* 상조 조회 */
.quickview_box_INSU .yellowBox{ height:125px;}  /*  감사 메시지 조회 */
.quickview_box_SANG .yellowBox{ height:205px;} /* 상령일  */
.quickview_box_TODO .yellowBox{ height:160px;} /*  할일  */

/* .yellowBox.ySmsSize{
	height:45px;
	margin-bottom:10px;
} */

.yellowBox_small{width: 220px;height:103px; background-color:#ffefb0; padding:10px 10px 5px;}

.finTxt{text-decoration:line-through;}

.phoneNumberBox{width:240px;margin:10px 0 0px 5px;}
/*다미*/

.alertLayer .layerTitleIcon{
	/* 레이어 앞 딩벳기호 사용하지 않음 2017.02.03 지환 */
float:left; 
width:0px;height:22px;
/* width:23px;height:22px; */
/* background:url(../images/prospecting/layerTitleIcon.gif) no-repeat; */
background-size:23px 22px;
margin-top:0px;
}

.alertLayer .titleText{
float:left; margin-top:-2px; 
/* margin-left:5px;  딩벳기호 미사용으로 인한 좌측 공간 삭제*/
letter-spacing:-2.4px;
font-size:23px; line-height:31px;
font-weight:bold; font-family:Malgun Gothic, '맑은 고딕','Malgun Gothic','나눔 고딕','Apple SD Gothic Neo','Apple Gothic';
/* color:#3366cc;  */
color:#000000;
}

.alertLayer .titleText .Zonde9, 
.alertLayer .titleText .Zonde8, 
.alertLayer .titleText .Zonde, 
.alertLayer .titleText .Pyounga9, 
.alertLayer .titleText .Pyounga8, 
.alertLayer .titleText .Pyounga, 
.alertLayer .titleText .Banmal9, 
.alertLayer .titleText .Banmal8, 
.alertLayer .titleText .Banmal{
	font-size:21px;
}

.alertLayer .subTitleText{
margin:3px 0 7px 5px;letter-spacing:-2.4px;
font-size:18px; font-weight:bold; font-family:'맑은 고딕','Malgun Gothic','나눔 고딕','Apple SD Gothic Neo','Apple Gothic';color:#777777; 
}

.alertLayer .searchBtn{
/* width:40px; */ height:22px;
text-align:center; border:1px solid #abadb3;
font-size:12px; color:#5b5b5b; background-color:#f5f5f5; 
/* margin-top:-4px; padding:3px; */
padding:0 5px;
border-radius:5px;
}

.alertLayer .searchBtn:hover{
	background:#595959;
	color:#ffffff;
	border:1px solid #595959
}

.alertLayer .searchBtnQn{
width:40px; height:22px;
text-align:center; border:1px solid #abadb3;
font-size:12px; color:#5b5b5b; background-color:#f5f5f5; margin-top:-4px; padding:3px;
}



.alertLayer .grayText{
color:#999999;
}

.quickNoteBtn{
float:right;ma rgin-bottom:7px;
width:58px;height:23px;
background:url(../images/prospecting/quickNoteBtn.gif) no-repeat;background-size:58px 23px;
cursor:pointer;
}

.closeBtn{
float:right;margin-bottom:7px;
width:22px;height:22px;
background:url(../images/prospecting/layerCloseBtn.gif) no-repeat;background-size:22px 22px;
cursor:pointer;
}

.closeSmallBtn{
position:relative;overflow:hidden;
width:14px;height:14px;
background:url(../images/prospecting/closeSmallBtn.gif) no-repeat;background-size:14px 14px;
cursor:pointer;
}

.dateIconBtn{ 
width:15px;height:17px; margin:0; padding:0;
background-color:#fff;
border:0px solid;
}

.layerGrayBox{position:relative;overflow:hidden;width:100%;background-color:#f7f7f7;font-size:12px;padding:2px 0;}
.layerGrayBox .text{margin:5px;}
.layerGrayBox input{margin-top:0px;}

.layerGrayBox.textArea{
	font-family:맑은고딕;
	font-size:13px;
}


.layerDateGrayBox{position:relative;overflow:hidden;width:100%;background-color:#f7f7f7;font-size:12px;padding:2px 0;margin-bottom:1px;}
.layerDateGrayBox div {
float:left; width:64px;
font-size:12px; letter-spacing:0px;
padding:2px 3px;
}



/*15.06.05 교육게시판 관련 css 추가*/
.pro_education_application .alertLayer {z-index:1001;}
.pro_education_application .layerDateGrayBox div {
float:left; width:64px;
font-size:12px; letter-spacing:0px;
padding:0 10px;
}

.pro_education_application .layerDateGrayBox span{line-height:16px;}
.pro_education_application .layerDateGrayBox .edu_subTitle{width:auto;padding:5px 10px;font-weight:bold;}

.pro_education_application .inputText2{
	height:20px;
	border:1px solid #abadb3;
	text-align:left;
	padding-left:4px;
	line-height:20px;
	font-size:12px;
	margin:0px 5px 5px 5px;
	width:93%;
}

.pro_education_application textarea{
	width:95%;
	margin-bottom:5px;
	height:60px;
}

.pro_education_application .input_long{width:100px;}
.pro_education_application .input_short{width:70px;}

.pro_education_application .alertLayer .tableList .detailInfo{height:41px;}
.pro_education_application .alertLayer .btnWrapper{width:100%; float:left; margin-top:5px;}
.pro_education_application .alertLayer .blueBtn{width:48.5%;margin-right:0px;}
.pro_education_application .alertLayer .grayBtn{width:48%;margin-left:8px;float:right;}
.pro_education_application .alertLayer .edu_subNotice{line-height:16px;}
.pro_education_application .alertLayer .edu_subNotice span{margin-left:15px;}
.pro_education_application .alertLayer placeholder{color:#c8c8c8;letter-spacing:0px;}
.pro_education_application .alertLayer .tableList .grayText{color:#999999;margin:0 5px;letter-spacing:-1px;}
.pro_education_application .alertLayer .tableList span{margin:0 5px;}
.pro_education_application .alertLayer .tableList .textLeft{text-align:left;}

.pro_education_application .alertLayer .tableList .insertInfoSubBtn{width:70px;margin-top:-5px;}

.pro_education_application .alertLayer .edu_class_main{
	width:450px;
	height:269px;
	margin:0;
	margin-bottom:15px;
    float: left;
	margin-right:10px;
}

.pro_education_application .alertLayer #imgZone{
	width:96px;
	height:250px;
	margin:0;
    float: right;
}

.pro_education_application .alertLayer .edu_class_sub{
	width:100px;
	height:85px;
	background-color:#ffffff;
}

.pro_education_application .alertLayer .edu_class_sub img{
	width:96px;
	height:60px;
}

.pro_education_application .mgBottom4{margin-bottom:4px;}

/*교육 신청 / 교육정보 안내 레이어*/
.bold {font-weight: bold;}
.edufont {
    font-family: '맑은 고딕','Malgun Gothic','나눔 고딕','Apple SD Gothic Neo','Apple Gothic';
}
.layerDateBox {
    width:100%;
    height:auto; 
    overflow: auto;
    border-bottom:1px solid #d1d1d1;
}
.edufont .eduTableList  .addOfficeName {width:62%; height:26px; margin-left:20px;}
.eduNotice {width:80%;}
.localColor {
    background: #70ad47; 
    width:60px; height:87px;
    font-size: 22px;
    font-family: '맑은 고딕','Malgun Gothic','나눔 고딕','Apple SD Gothic Neo','Apple Gothic';
    text-align: center;
    vertical-align: top;
    color: #fff;
    padding-top:3px;
    margin-right:5px;
	margin-bottom:10px;
}

.edufont .localColor:hover {background-color:#70ad47;} 

.layerDateBox .eduTitle {width:80%;}

.layerDateBox .right {width:87%;}
.layerDateBox .grayMiniText{margin:10px 0; float:left; width:100%;}
.layerDateBox .location {
    font-size: 22px;
    margin: 0 10px 0 0;
    font-weight: bold;
	width:100%;
}

.titleBox .data {
    font-size: 18px;margin:0;float:left;}

.grayMiniText {
    font-size: 12px; color: #8d8d8d; 
    font-weight: bold;margin-top:5px;
    margin-left:6px; font-family: 'gulim','굴림','dotum','arial';
	line-height:16px;margin-bottom:0px;
	letter-spacing:-1px;
}

.grayMiniText div {height:20px; margin-right:5px;}

.grayMiniText p {margin:0;}

.eduTableList{
width:100%;
font-size:16px; color:#282828;
border-collapse:collapse;
text-align: left;
}

.eduTableList tr{border-bottom:1px solid #d1d1d1;}
.eduTableList .borderNone {border-bottom:0px ;}
.eduTableList th {
    font-weight: bold; padding:1px 0 3px 5px;
    text-align: left; width:14%;
}
.eduTableList td {padding-bottom: 10px; padding-top:10px;padding-right:5px;}

.edu_inputText,
.input_short {
    height:30px; 
    border:1px solid #b2b2b2;
    text-align: left;
    padding-left: 4px;
    float: left;
    width:190px;
}

.eduTableList .cellphone {width:60px;}
.eduTableList .textPositioning {margin:2px 5px 7px 5px ;}

.checkSecretary {
    width:100%;
    padding:10px 5px 20px 5px;
    height: 22px;
}
.checkSecretary p{margin:0 10px 0 0; }
.font16 {font-size:16px}
.checkSecretary input[type="checkbox"] { margin-top:5px;}
.checkSecretary .grayMiniText {margin-top:6px;}

.entryPassword {padding-left:20px; width:96.8%;}
.entryPassword p {margin-right:20px;}
.entryPassword .edu_inputText { margin-top: 12px;}
.entryPassword .grayMiniText {margin-top:14px;letter-spacing:-1px;}

.groupEdu .eduTableList th {width:102px;}
.eduTableList .edu_inputText {width:140px; padding-left:3px;margin:0;}
.alertLayer .eduTableList .cellphone {width:43px;}
.eduCancel .eduTableList .radio {margin-top:8px;}
.eduTableList .radio {margin:4px 0 0 0;margin-right:5px; }
.groupEdu .eduSpot {margin-top: 6px;margin-right: 3px;}
.groupEdu .calIcon {margin:0 10px 0 5px;}
.groupEdu .swungDash {margin:0 5px 0 5px;}
.groupEdu .addMemo {vertical-align: top; padding-top: 7px;}
.groupEdu textarea {width:98%; border:1px solid #b2b2b2;}
.pro_education_application .eduDetail {height:auto;}
.pro_education_application .eduDetail .btnWrapper {margin-top:0px;}
.pro_education_application .eduDetail .btnWrapper .blueBtn {
    width:100%;
    margin-top:-1px; 
    outline: none;}

.checkboxSize {width:18px; height:18px; margin-right:10px;}

/*탭*/
.pro_education_application .editTab{
    margin:0 0 10px 0;
    width:100%;
    height:34px;
    border-bottom: 1px solid #d1d1d1;
    padding:10px 0 0 0;
    margin-bottom:10px;
    overflow: visible;
}
.editTabBox .editTab .select{
    background: #fff;
    height:30px;
    color: #000;
    border-bottom:1px solid #fff;
}

.editTabBox li:first-child {margin-left:0px; }

.pro_education_application .editTabBox li {
    height: 30px;
    width:12%;
    float: left;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    margin:3px 3px 3px 0px;
    padding:0 10px;
    border: 1px solid #d1d1d1;
    background-color: #f7f7f7;
    color: #5e5e5e;
    font-weight: bold;
}

.editTabBox li p {margin-top:6px;}

.teacher {
    width:86px;
    height:25px;
    border-radius: 5px;
    background-color: #6f5198;
    color: #fff;
    font-weight: bold;
    margin:6px 0 0 5px;
    text-align: center;
}
.teacher p {margin: 4px 0 0;}

.eduDetail {position: relative;}
.eduDetail .eduText {margin-left:10px;}
.eduDetail .eduInfoText {height:260px; padding:10px; overFlow:auto; width:100%; }
.eduDetail .teacherImg {
    width:190px; height:270px;
    position: absolute;
    right:20px;
    z-index: -1;
    }

.eduDetail .map {width:100%; height:260px;background: gray; margin-bottom:20px; }

.eduTableList .cancelDate {margin-left:10px;}
.eduTableList .clearLine {border-bottom:0px;}

.cancelLocal {
	width:50px; height:27px; 
	background:#70ad47;
	float:left; text-align:center;color:#fff;
	padding-top:3px; margin-right:10px; margin-left:5px;
	}
.alertLayer .textLeft .eduSpotName {margin-top:4px; }	
	
/*15.06.05 교육게시판 관련 css 추가 끝*/

/*05.04.30 추가 */
.layerDateGrayBox .dateBtnBox .searchBtn{width:70px;margin:0 10px 5px 0; background-color:#ffffff;}
.layerDateGrayBox .dateBtnBox .searchBtnQn{width:30%;margin:0 3px 5px 0;background-color:#ffffff; cursor:pointer; border-radius:5px;}
.layerDateGrayBox .dateBtnBox .searchBtnQn:hover{background-color:#595959; color:#ffffff;}
.layerDateGrayBox .dateBtnBox{margin:5px 0 0 5px;width:100%;}
/*05.04.30 추가 끝 */

.alertLayer .blackLine {
	position:relative; height:30px;/* overflow:hidden; */
	background-color:#fff;
	/* border-bottom:1px solid;  */
	border-bottom-color:#e0e0e0;
	margin-bottom:10px;}

.alertLayer .blueOneBtn {
float:left;
width:100%; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff; font-weight:bold;
border:0;
margin-top:10px; margin-right:2px;
border-radius:15px;

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(#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*/
}

.alertLayer .blueOneBtn:hover {
background: #4c81e1; /* Old browsers */
background: -moz-linear-gradient(top,  #3366cc 0%, #6699ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366cc), color-stop(100%,#6699ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3366cc 0%,#6699ff 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#3366cc 0%,#6699ff 100%); /* W3C */
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*/
}

.alertLayer .blueOneBtn p {margin-top:8px;}


.alertLayer .blueBtn, .alertLayer .grayBtn, .alertLayer .redBtn, .alertLayer .greenBtn{
	width:140px; height:30px; cursor:pointer;
	float:left; 	text-align:center;
	border-radius:5px;
	font-size:12px; font-weight:bold;
	margin-top:10px; 
}

.alertLayer .blueBtn p, .alertLayer .grayBtn p, .alertLayer .redBtn p, .alertLayer .greenBtn p{
	margin:8px 0 0 0;
}

.alertLayer .blueBtn {
color:#ffffff; 
margin-right:2px;
border:0px;
/* outline:1px solid #dcdcdc;  */
/* text-shadow:1px 1px black; */
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(#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*/
}

.alertLayer .blueBtn:hover{
background: #4c81e1; /* Old browsers */
background: -moz-linear-gradient(top,  #3366cc 0%, #6699ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366cc), color-stop(100%,#6699ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3366cc 0%,#6699ff 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#3366cc 0%,#6699ff 100%); /* W3C */
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*/
}


.alertLayer .grayBtn {
color:#5b5b5b;
margin-left:5px;
border:1px solid #a2a2a2;
background: #ffffff;
/* background: -moz-linear-gradient(top,  #dfdfdf 0%, #ababab 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#ababab));  *//* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #dfdfdf 0%,#ababab 100%); */ /* Chrome10+,Safari5.1+ */
/* background: linear-gradient(#dfdfdf 0%,#ababab 100%);  *//* W3C */
/* background: -o-linear-gradient(#dfdfdf, #ababab);  *//* For Opera 11.1 to 12.0 */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ababab',GradientType=0 );  *//* IE6-9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ababab));  *//*모바일 브라우저8*/
}

.alertLayer .grayBtn:hover {
color:#ffffff;
background: #5f5f5f;
/* background: -moz-linear-gradient(top,  #ababab 0%, #dfdfdf 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#dfdfdf));  *//* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #ababab 0%,#dfdfdf 100%); */ /* Chrome10+,Safari5.1+ */
/* background: linear-gradient(#ababab 0%,#dfdfdf 100%); */ /* W3C */
/* background: -o-linear-gradient(#ababab, #dfdfdf);  *//* For Opera 11.1 to 12.0 */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#dfdfdf',GradientType=0 );  *//* IE6-9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#dfdfdf));  *//*모바일 브라우저8*/
}

.alertLayer .btnOne{width:100%; margin:10px 0 0;}

.alertLayer .redBtn {
color:#ffffff;
margin-left:10px;
border:1px solid #c25a5b;
/*  */

background: #c25a5b;
background: -moz-linear-gradient(top,  #d66d6d 0%, #a94343 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d66d6d), color-stop(100%,#a94343)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #d66d6d 0%,#a94343 100%); */ /* Chrome10+,Safari5.1+ */
/* background: linear-gradient(#d66d6d 0%,#a94343 100%); */ /* W3C */
/* background: -o-linear-gradient(#d66d6d, #a94343); */ /* For Opera 11.1 to 12.0 */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66d6d', endColorstr='#a94343',GradientType=0 ); */ /* IE6-9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#d66d6d), to(#a94343)); */ /*모바일 브라우저8*/
}


.alertLayer .redBtn:hover {
color:#ffffff;
background: #903233;
/* background: -moz-linear-gradient(top,  #a94343 0%, #d66d6d 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a94343), color-stop(100%,#d66d6d));  *//* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #a94343 0%,#d66d6d 100%); */ /* Chrome10+,Safari5.1+ */
/* background: linear-gradient(#a94343 0%,#d66d6d 100%); */ /* W3C */
/* background: -o-linear-gradient(#a94343, #d66d6d); */ /* For Opera 11.1 to 12.0 */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94343', endColorstr='#d66d6d',GradientType=0 ); */ /* IE6-9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#a94343), to(#d66d6d)); */ /*모바일 브라우저8*/
}

.alertLayer .greenBtn {
color:#ffffff;
margin-right:4px;
border:1px solid #9cc650;
text-shadow:1px 1px black;
/* background:#5e7b29; */
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*/
}

.alertLayer .greenBtn:hover {
/* background: #5e7b29;  */
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*/
}


.alertLayer .blueBtn:hover, .alertLayer .grayBtn:hover, .alertLayer .redBtn:hover, .alertLayer .greenBtn:hover,  .alertLayer .orangeBtn:hover{
/* animation-name: pulse; */
/* animation-duration: 0.5s; */
border-radius:15px;
transition:all 0.2s;
}
/* 흔들리는 버튼 애니메이션  */
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  25% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  75% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*다미*/
.alertLayer .yellowBtn {
width:125px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:10px;
border-radius:5px;
font-weight:bold;

background: #f6ce2c; /* Old browsers */
background: -moz-linear-gradient(top,  #f6ce2c 0%, #f1aa0c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ce2c), color-stop(100%,#f1aa0c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6ce2c 0%,#f1aa0c 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#f6ce2c 0%,#f1aa0c 100%); /* W3C */
background: -o-linear-gradient(#f6ce2c, #f1aa0c); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ce2c', endColorstr='#f1aa0c',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#f6ce2c), to(#f1aa0c)); /*모바일 브라우저8*/
}

.alertLayer .yellowBtn:hover {
background: #f6ce2c; /* Old browsers */
background: -moz-linear-gradient(top,  #f1aa0c 0%, #f6ce2c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1aa0c), color-stop(100%,#f6ce2c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1aa0c 0%, #f6ce2c 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#f1aa0c 0%, #f6ce2c 100%); /* W3C */
background: -o-linear-gradient(#f1aa0c, #f6ce2c); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1aa0c', endColorstr='#f6ce2c',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#f1aa0c), to(#f6ce2c)); /*모바일 브라우저8*/
}

.alertLayer .yellowBtn p {margin-top:8px;}

.alertLayer .orangeBtn {
width:125px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:10px;
border-radius:5px;
/* text-shadow:1px 1px black; */
font-weight:bold;
background: #f6ce2c; /* Old browsers */
background: -webkit-linear-gradient(top,  #f1aa0c 0%, #ff8100 100%); /* Chrome10+,Safari5.1+ */
}

.alertLayer .orangeBtn:hover {
background: #f6ce2c; /* Old browsers */
background: -webkit-linear-gradient(top,  #ff8100 0%, #f6ce2c 100%); /* Chrome10+,Safari5.1+ */
}

.alertLayer .orangeBtn p {margin-top:8px;}


.alertLayer .nonlineRedBtn {
float:left;
width:80px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:10px;
margin-right:4px;

background: #c25a5b; /* Old browsers */
background: -moz-linear-gradient(top,  #d66d6d 0%, #a94343 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d66d6d), color-stop(100%,#a94343)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d66d6d 0%,#a94343 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#d66d6d 0%,#a94343 100%); /* W3C */
background: -o-linear-gradient(#d66d6d, #a94343); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66d6d', endColorstr='#a94343',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#d66d6d), to(#a94343)); /*모바일 브라우저8*/
}

.alertLayer .nonlineRedBtn:hover {
background: #c25a5b; /* Old browsers */
background: -moz-linear-gradient(top,  #a94343 0%, #d66d6d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a94343), color-stop(100%,#d66d6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a94343 0%, #d66d6d 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#a94343 0%, #d66d6d 100%); /* W3C */
background: -o-linear-gradient(#a94343, #d66d6d); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94343', endColorstr='#d66d6d',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#a94343), to(#d66d6d)); /*모바일 브라우저8*/
}


.alertLayer .nonlineRedBtn p {margin-top:8px;}

.alertLayer .nonlineBlueBtn {
float:left;
width:80px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:10px;

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(#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*/
}

.alertLayer .nonlineBlueBtn:hover {
background: #4c81e1; /* Old browsers */
background: -moz-linear-gradient(top,  #3366cc 0%, #6699ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366cc), color-stop(100%,#6699ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3366cc 0%, #6699ff 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#3366cc 0%, #6699ff 100%); /* W3C */
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*/
}

.alertLayer .nonlineBlueBtn p {margin-top:8px;}


/* .alertLayer .submitLine button[class*="Btn"], .alertLayer .bottomSubmitLine button[class*="Btn"]{
	border:0px;
} */

.alertLayer .submitLine{
	text-align:center;
	display:inline-block;
	width:100%;
}

.alertLayer .submitLine .blueBtn, 
.alertLayer .submitLine .redBtn, 
.alertLayer .submitLine .grayBtn,
.alertLayer .submitLine .greenBtn{
	float:none;
	display:inline-block;
}

.alertLayer .submitLine.threeBtnArea .blueBtn, 
.alertLayer .submitLine.threeBtnArea .redBtn, 
.alertLayer .submitLine.threeBtnArea .grayBtn,
.alertLayer .submitLine.threeBtnArea .greenBtn{
	min-height:34px;
	width:32%;
	margin:0;
	padding:5px 0 ;
	float:left;
}
.alertLayer .submitLine.threeBtnArea .blueBtn, 
.alertLayer .submitLine.threeBtnArea .redBtn{
	margin-right:4px;
}

.alertLayer .submitLine.threeBtnArea .blueBtn p, 
.alertLayer .submitLine.threeBtnArea .redBtn p{
	margin:3px 0 0;
}

.alertLayer .submitLine.threeBtnArea .grayBtn p{
	margin:10px 0 0;
}

.alertLayer .submitLine button[class*="Btn"]:focus, .alertLayer .bottomSubmitLine button[class*="Btn"]:focus{
	border:1px solid red;
}

.alertLayer button[class*="Btn"] p{
	margin:2px 0 0;
}

.flatDarkgrayBtn{
float:left;
width:70px; height:25px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
background-color:#848484;
}

.flatGrayBtn{
margin-right:3px;
float:right;
width:70px; height:25px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
background-color:#c8c8c8;
}
/* 수정버튼 색상 변경 */
.alertLayer .flatGrayBtn{
	background-color:#d48612;
}

.sendTxtArea .flatGrayBtn{
	background-color:#c8c8c8;
}

.flatRedBtn{
float:right;
width:70px; height:25px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
background-color:#c75a5a;
}
.sendSelect { 
	overFlow:auto;
	margin:0 0 5px;
}

.sendSelect label{ 
	margin:0 5px 0 0;
	float:left;
}
.sendSelect input[type="radio"]{
	margin:0 2px 0 0 ;
	float:left;
}

.sendTxtArea{
	width:100%; margin-top:10px; float:left;
}
.sendTxtArea .right.editTxt{width:70px;}

.sendTxtArea textarea{
	width:170px;height:75px;resize:none;
	border:1px solid #dedede;
}

.sendTxtArea .modify{
	background:#e3f9ff;
}

.sendTxtArea hr{
	border:1px solid #ededed;
}

.sendTxtArea .bigSizeBtn{
	float:left; width:70px;height:25px;margin:0;padding:10px 0 0;
}

.sendTxtArea .smallSizeBtn{
	float:left; width:70px;height:20px;margin:0;padding:5px 0 0;
}


/*다미*/
/* 복구용 코드
.dayMoveLayer{
	position:absolute;
	background-color:#fff; border:1px solid #dcdcdc;
	width:270px; height:236px;
	text-align:left;
	padding:15px 20px;
	box-shadow: 3px 3px 5px #e9e9e9;
	z-index:99;
}

.dayMoveLayer .date{
	float: left;
	width: auto;
}

.dayMoveLayer .dateUnit{
	float:left; width:30px;height:30px; margin:4px;
	text-align:center; font-size:20px; font-weight:bold; 
	font-family:'맑은 고딕','Malgun Gothic','나눔 고딕';color:#8e8e8e;letter-spacing:-1;
	cursor:pointer;
}

.dayMoveLayer .dateUnit:hover{
	float:left; width:30px;height:30px; margin:4px;
	border-radius:30px;
	behavior: url(css/PIE.htc);
	background-color:#cdcdcd;
	text-align:center; font-size:20px; font-weight:bold; 
	font-family:'맑은 고딕','Malgun Gothic','나눔 고딕';color:#fff;letter-spacing:-1;
	cursor:pointer;
}

.dayMoveLayer .blueText{

}
*/





.monthMoveLayer{
position:absolute;
background-color:#fff; border:1px solid #dcdcdc;
width:220px; height:auto;
top:110px;left:425px;
text-align:left;
padding:15px 20px;
box-shadow: 3px 3px 5px #e9e9e9;
z-index:99;
}

.monthMoveLayer .date {
position:relative;
float:left; width:178px;
font-family:'SUITE-Regular', 'Tahoma', 'Arial';
font-size:30px;
/* color:#3366cc; */
font-weight:bold;
text-align:center;margin:0 0 10px 15px;
margin-top:-7px;
letter-spacing:-1;
}

.monthMoveLayer .date img{margin:0 5px}

.monthMoveLayer .text{
position:relative;
float:left;
width:198px; margin:0 0 10px 7px;
padding:0px 5px 5px 5px;font-size:12px;
text-align:center;
border-bottom:1px solid; border-bottom-color:#ccc;
}

.monthMoveLayer .blueMonth, .monthMoveLayer .blueMonthOver{
	float:left; width:30px;height:30px; 
	margin:11px 15px;
	border-radius:30px;
	font-size:20px;
	font-family:'나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
	letter-spacing:-1;
	cursor:pointer;
	text-align:center; 
	border:1px solid #3366cc;
}

.monthMoveLayer .blueMonth:nth-child(1n+4), .monthMoveLayer .blueMonthOver:nth-child(1n+4){
	margin-left:10px;
}

.monthMoveLayer .blueMonth:nth-child(4n), .monthMoveLayer .blueMonthOver:nth-child(4n){
	margin-right:0;
}

.monthMoveLayer .blueMonth{
background-color:#fff;
color:#9e9e9e;
border-color:#ffffff;
}

.monthMoveLayer .blueMonth:hover{
background-color:#c8c8ca;
color:#ffffff;
}

.monthMoveLayer .blueMonthOver{
background-color:#3366cc;
color:#fff;
}


.monthMoveLayer .blueMonthOver p {margin-top:-3px;}

.monthMoveLayer .layerDeco{
position:absolute;top: -11px;left:125px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}


.targetTaNumber{
position:absolute;top:0;
background-color:#fff; border:1px solid #dcdcdc;
width:175px; height:97px;
margin:182px 0px;
text-align:left;
padding:15px 15px;
box-shadow: 3px 3px 5px #e9e9e9;
font-size:12px;
z-index:10;
}

.targetTaNumber .layerGrayBox input{width:50px;height:20px;border:1px solid #2e65c5;text-align:right;margin-right:4px;padding-right:4px;line-height:22px}
.targetTaNumber .layerGrayBox p{margin-top:-14px;}
.targetTaNumber .text{color:#282828;margin-bottom:4px;}
.targetTaNumber .grayText{color:#909090;margin-top:4px;}

.targetTaNumber .layerDeco{
position:absolute; margin-top:-26px;margin-left:75px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}


.TAautoNumber{
position:absolute;top:0;
background-color:#fff; border:1px solid #dcdcdc;
width:172px; height:94px;
margin-top:175px;
margin-left:695px;
text-align:left;
padding:15px 15px;
box-shadow: 3px 3px 5px #e9e9e9;
z-index:10;
font-size:12px;
}

.TAautoNumber .text{margin:0 0 6px 0;}

.TAautoNumber .layerDeco{
position:absolute; margin-top:-26px;margin-left:75px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}

.blueBtn76 {
float:left;
width:76px; height:26px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff; font-weight:bold;
border:1px solid #dcdcdc; margin-top:7px; margin-right:2px;

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*/
}

.blueBtn76 p {margin-top:7px;}

.grayBtn76 {
float:left;
width:76px; height:26px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff; font-weight:bold;
border:1px solid #dcdcdc; margin-top:7px; margin-left:10px;

background-color: #c6c6c6;
}

.grayBtn76 p {margin-top:7px;}

.layerPointBlock{
float:left; width:100px; margin:0 0 0 5px;
text-align:center;
border-radius:4px;cursor:default;
border:1px solid #e9bd0d;background-color:#ffffde;
}

#Layer_dupTA .layerPointBlock {float:none; margin:0 auto;}

#Layer_dupTA .workListSelect p {line-height:12px;}

.layerPointBlock .blockText{margin:4px 0 0 0;color:#cc6600;}

.moreBlockLayer{
position:absolute;
width:300px;
background-color:#fff; border:1px solid #dcdcdc;
margin-top:0px;
margin-left:0px;
padding:5px 10px 10px 10px;
text-align:center;
box-shadow: 3px 3px 5px #e9e9e9;
z-index:10;
font-size:12px;
}

.moreBlockLayer .text{
float:left;
width:20px;height:20px;
text-align:left
}

.divScroll{
overFlow:auto;
scrollbar-track-color:#fff;
}

.dragArea{
float:left; cursor:move;

border-radius:10px;
background-color:#f5f5f5;
}


.SearchLayer {
position:absolute;display:inline-block;
background-color:#fff; border:1px solid #dcdcdc;
width:420px;
text-align:left;
padding:10px;
box-shadow: 3px 3px 5px #e9e9e9;
font-size:12px;
z-index:1001;
font-size:12px;color:#282828;
}

.SearchLayer .layerDeco{
position:absolute; top:-11px;left:210px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}

.SearchLayer .title{
float:left;margin-top:3px;color:#3366cc;font-weight:bold;
}

.SearchLayer .table{
margin-top:24px;text-align:center
}

.SearchLayer table th{width:25%;}

/* 레이어 띄울 시 커버 레이어 관련 속성 */
#div_CoveredLayer { width: 100% !important; height: 100% !important; z-index: 9; }


/*------------------------------------------------ TA, 프로스펙팅, SP 공통 레이어 --------------------------------------------------*/

body .searchBtn { 
	/* width: 42px; */ 
	margin: 0; 
	padding:0px 5px; 
	/* *margin-left: 5px; *padding: 0;  */
	border-radius:4px;
	width:auto;
}

body .searchBtn:hover{
	background:#595959;
	color:#ffffff;
	border:1px solid #595959
}

.selCustBtn { width: 58px; margin-left: 0px; *margin-left: 5px; }

[class*="addComLayer"] { padding: 20px 30px; width: 330px;/* margin-top: 450px*/ ;}

[class*="addComLayer"] th { padding-left: 2px; padding-right: 2px; text-align: center; }
[class*="addComLayer"] td { padding-top: 6px; padding-bottom: 6px; *padding-top: 5px; *padding-bottom: 5px; }
[class*="addComLayer"] .labelWrapper { width: 30%;  *margin-top: 0; }
[class*="addComLayer"] .left.layerDateGrayBox { margin-bottom: 5px; }
[class*="addComLayer"] .left.layerDateGrayBox .labelWrapper { width: 50px; }
[class*="addComLayer"] .ui-datepicker-trigger { /* margin-top: -3px; */ *left: 2px; *margin-top: 0; }
[class*="addComLayer"] input,
[class*="addComLayer"] select { float: left; *margin-right: 0px; }
[class*="addComLayer"] .textPositioning { float: left; margin: 0; margin-left: 3px; *margin-top: 5px;}
[class*="addComLayer"] .hasDatepicker { *margin-top: 2px; }
[class*="addComLayer"] .datePickSendCheck {
	margin: 0 0 5px 5px;
	letter-spacing: -1px;
	background-color: #f7f7f7;
	padding: 4px 4px;
	height: 16px;
	*padding: 2px 4px;
	*height: 18px;
}
[class*="addComLayer"] textarea {
	width: 98%;
	height: 47px;
	border:1px solid #abadb3;
	font-size:12px;
	resize: none
}
[class*="addComLayer"] .titleInput { width: 100%; width: 98% \0/IE8+9; *width: 98%; }
.addComLayer .custNameSearch .searchBtn{margin-top: 0px;height:24px;}


.labelWrapper { width: 30%;  *margin-top: 0; }
.contactInput .textPositioning { margin-left: 5px; margin-right: 5px; margin-top: 2px; width: auto; float: left;}
.contactInput input { margin-top: -2px; float: left;}
.bottomSubmitLine { width: 330px; margin: 10px auto; }

.bottomSubmitLine .blueBtn,
.bottomSubmitLine .grayBtn,
.bottomSubmitLine .redBtn { width: 160px; margin: 0; }
.bottomSubmitLine .grayBtn { margin-left: 10px; }

.addIntroduced { height: auto; }
.addIntroduced .layerDeco { margin-left: 312px !important; }
.addIntroduced .tablebox{
	margin-bottom:10px;
}

.addDirect { height: 420px; }
.addDirect .ui-datepicker-trigger { margin-top: -2px; *margin-top: 4px; }
.addDirect .hasDatepicker { *margin-right: 3px; }
.addDirect .layerDeco { margin-left: 230px; }

.addDirect .datePickSendCheck input { *margin: 0; *margin-right: -2px; }
.addDirect .datePickSendCheck .radio2 { margin-left: 5px; *margin-left: 2px; }

/* .addComLayerSP { top: 186px !important; left: 540px !important;} */
.addComLayerSP .sectorSelect select { width: auto; position: relative; }
.addComLayerSP .sectorSelect .selectField { margin-left: 5px; }
.addComLayerSP .layerDateGrayBox { width: 120px; *margin-top: 3px; }
.addComLayerSP .sectorSelect .layerDateGrayBox .fieldName { float: left; margin: 0; margin-top: 5px; margin-left: 5px;}
.addComLayerSP .sectorSelect .layerDateGrayBox .fieldName .grayText { font-size: 10px; margin-left: 5px;}
.addComLayerSP .checkboxWrapper { margin-left: 5px; /*margin-top: 3px;*/ width: 85px; *margin-left: 0; *margin-top:-3px; } /******160225_조희선********/
.addComLayerSP .checkboxWrapper .textPositioning { *width:65px; margin-top: 0; }
.addComLayerSP .checkboxWrapper02 { margin-left: 5px; margin-top: 0px; width: 65px; *margin-left: 0; *margin-top:-3px; }
.quicknote .layerDateGrayBox .checkboxWrapper02{width:60px;}
.addComLayerSP .checkboxWrapper02 .textPositioning { *width:65px; margin-top: 0; }
.addComLayerSP .selDate .left { margin-top: 2px; *margin-top:0; }
.addComLayerSP .leftGray { width: auto; float: left; margin-top: 0; margin-left: 11px;}

.addComLayerSP .selField { margin-left: 5px; *margin-left: 0; }
.addComLayerSP .selField li {
	float: left;
	list-style: none;
	/* width: 24%; */
	min-width:24%;
	margin: 0;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	/* *width: 25%; */
}

.addComLayerSP .selField li .textPositioning{
	cursor:pointer;
}

.addComLayerSP .selectFieldLayer { position: absolute;
	background-color: #fff;
	left: 213px;
	top: 130px;
	border: 1px solid #abadb3;
	width: 150px;
	padding: 10px 0 5px 10px;
	z-index: 20;
}

.addComLayerSP .selectFieldLayer { *padding-left: 10px; *padding-top: 4px;}
.addComLayerSP .selectFieldLayer li { width: 60px; margin-right: 10px; margin-bottom: 5px; *margin-bottom: 0; }
.addComLayerSP .selectFieldLayer label { width: 100%; }
.addComLayerSP .selectFieldLayer li input { float: right; }

.addComLayerSP .updateSelect { width: 100px; }
.addComLayerSP .custNameSearch .searchBtn {margin-top: 0px;width:40px;} 

/*------------------프로스펙팅 레이어 관련---------------------*/
[class*="pro"] [class*="add"] .ui-datepicker-trigger { margin-top: 0px; *margin-left: 4px; *margin-top: 3px; }

[class*="pro"] .addIntroduced { height: 377px; height: 385px \0/IE8+9; }
[class*="pro"] .addDirect { height: 310px; height: 318px \0/IE8+9; }

/*---------TA일정_소개자추가 레이어 관련_조희선추가 ----------------- */
.taAlertWrapper .addIntroduced th {text-align: center;}
.addIntroduced textarea {resize:none; border:1px solid #abadb3;}
/*------------------------------------------------ TA, 프로스펙팅, SP 공통 레이어 끝 --------------------------------------------------*/

/* sp캘린더 요소 자세히 보기 레이어 */
.detailBlockLayer{
	position:absolute;
	width: 195px;
	background-color:#fff; border:1px solid #dcdcdc;
	margin-left: 0px;
	padding:5px 10px 10px 10px;
	text-align:center;
	box-shadow: 3px 3px 5px #e9e9e9;
	z-index:10;
	font-size:12px;
	*left: 1px;
}

.detailBlockLayer .blockStat [class*="cal"] {
	min-width: 98px;
	max-width: 150px;
	width: auto;
	height: 18px;
	margin-top: 5px;
}

.clearboth { clear: both; }

.detailBlockLayer .detailTable { font-size: 11px; margin-top: 10px; }
.detailBlockLayer .detailTable, .detailBlockLayer .detailTable th, .detailBlockLayer .detailTable td { border: 0; }
.detailBlockLayer .detailTable th { font-weight: bold; text-align: center; background-color: #fff; }
.detailBlockLayer .detailTable td { text-align: left; height: auto; padding-left: 10px; *padding-left: 0px; }
.detailBlockLayer .detailTable td p { float: left; margin: 0; }
.detailBlockLayer .detailTable td textarea { height: 60px; width: 156px; margin: 0; *width: 150px;}
.detailBlockLayer .detailTable .firstRow,
.detailBlockLayer .detailTable .firstRow td,
.detailBlockLayer .detailTable .firstRow th { border-bottom: 1px solid #dadada; }

.detailBlockLayer .layerDeco {
	position:absolute;
	margin-top:-16px;
	margin-left:10px;
	width:15px;
	height:11px;
	background:url(../images/prospecting/layerDeco.png) no-repeat;
	background-size:15px 11px;
	*margin-left: 0;
	*left: 30px;
}

.detailBlockLayer .btnWrapper [class*="Btn"] {
	float:left;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin:0 -1px;
	border:1px solid #dcdcdc;
	height: 20px;
	width: 56px;
}
.detailBlockLayer .btnWrapper [class*="Btn"] p { margin: 0; margin-top: 5px; }
.detailBlockLayer .btnWrapper .grayBtn, .detailBlockLayer .btnWrapper .redBtn { margin-left: 5px; }

.detailBlockLayer .btnWrapper { width: 180px; margin: 5px auto; }

.detailBlockLayer .grayBtn { background-color: #c6c6c6; }

.detailBlockLayer .redBtn {
	background: #a84343; /* Old browsers */
	background: -webkit-linear-gradient(#d76e6d, #a84343); /* For Safari */
	background: -o-linear-gradient(#d76e6d, #a84343); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d76e6d, #a84343); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d76e6d, #a84343); /* Standard syntax (must be last)*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d76e6d', endColorstr='#a84343',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#d76e6d), to(#a84343)); /*모바일 브라우저8*/
}

.detailBlock .text{
	float:left;
	width:20px;height:20px;
	text-align:left
}

/* 사용자 클릭했을때 뜨는 레이어 */
.userDetailLayer { width: 208px; padding: 0;}
.userDetailLayer .name {width: 178px; margin:0 auto; margin-top:10px;}
.userDetailLayer .name .font10{font-size:12px;font-family:gulim, dotum;}
.userDetailLayer .name .font12{font-size:14px;font-family:gulim, dotum;}
.userDetailLayer .time {width: 178px; margin:0 auto;margin-top:5px;margin-bottom:2px;}
.userDetailLayer .grayBox {width: 168px; background-color: #f5f5f5; padding:10px 10px 5px; margin:0 auto;}
.userDetailLayer .grayBox p { margin:0 0 3px 0; color: #5d5d5d; }

.userDetailLayer .btnsGroup {width:186px;margin:auto;}
.userDetailLayer .btnsGroup [class*="Btn"] { width: 60px; height: 20px; margin: 0; }
.userDetailLayer .btnsGroup [class*="Btn"] p { margin-top: 4px; font-weight: normal;font-size:11px;}
.userDetailLayer .btnsGroup .grayBtn,
.userDetailLayer .btnsGroup .redBtn { margin-left: 3px; }
.userDetailLayer .hr{width:178px;height:1px;background-color:#e5e5e5;margin:0 auto;margin-top:3px;margin-bottom:3px;}
.userDetailLayer .grayBox .grayText {color:#909090;}

.userDetailLayer .workList { width: 50%; height: 23px; margin-top: -1px;}
.userDetailLayer .workList p { margin-top: 5px; font-size: 11px; }
.userDetailLayer .workList .btnText { margin:6px 0 0 10px; font-size: 11px; }

.userDetailLayer .workList .nextImg {
	width:6px;height:5px;
	background:url(../images/prospecting/btnArrow.gif) no-repeat; background-size:6px 5px;
	margin:8px 10px 0 0;
}



/* 발송리스트 발송 상세수정 레이어 */
.sp_03 .alertLayer .grayBox { background-color: #f7f7f7; height: 38px; padding: 0;}
.sp_03 .alertLayer .grayBox p { margin-top: 10px; float: left; margin: 0; margin-top: 15px; margin-left: 10px; }

.sp_03 .detailSetLayer { width: 633px; height: auto; left: 125px; top: 220px; }
.sp_03 .detailSetLayer p { margin: 0; }

/* detailSetLayer 에 왼쪽 하단 영역 공통 컨트롤로 빼기 위해 상속 제거 */
.leftInMsgLayer { width: 427px; float: left; margin-top: 10px; height: 300px; /*border-bottom: 1px solid #dfdfdf;*/ }
	/*최상위 레이어의 탭박스 값을 고정시키기 위해 !important 로 호출 문제가 될 경우 leftInMsgLayer클래스 안의
	tabbox 클래스명을 변경해야 함. -지환*/
.leftInMsgLayer .tabbox {margin-top:0 !important;}
.leftInMsgLayer .tabbox div { width: 16.6% !important; height: 30px; }
.leftInMsgLayer .tabbox .selectDiv { width: 16.5% !important; *width: 16.8%;}
.leftInMsgLayer .tabbox div p { margin-top: 9px !important; }

.leftInMsgLayer .attitudeBox { border-bottom: 1px solid #dfdfdf; height: 31px; margin-top: 15px;}
.leftInMsgLayer .attitudeBox [class*="workList"] { height: 30px; }
.leftInMsgLayer .attitudeBox [class*="workList"] p { margin-top: 10px; }
.leftInMsgLayer .messageListWrapper li { float: left; list-style: none; margin-left: 8px; width: 130px;}
.leftInMsgLayer .messageListWrapper .SmsContentsWrapper { width: 130px; height: 180px; margin-top: 20px;}
.leftInMsgLayer .messageListWrapper .SmsContentsWrapper .WhiteMessageWrapper {
	width: 108px !important;
	height: 136px !important;
	margin: 10px auto 3px !important;
	border: 1px solid #b0b0b0;
}
.leftInMsgLayer .messageListWrapper .SmsContentsWrapper .messageArea { margin-left: 8px; height: 118px !important; }
.leftInMsgLayer .messageListWrapper .SmsContentsWrapper [class*="Btn"] { width: 68px; height: 18px; margin-top: 3px; margin-left:30px; }
.leftInMsgLayer .messageListWrapper .SmsContentsWrapper [class*="Btn"] p { margin-top: 2px; } 
/*--------------------------*/

.sp_03 .detailSetLayer .rightCol { width: 199px; /*float: left;*/ float: right; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper { height: 298px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topAttitude { background-color: #fff; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .messageDeco { left: 3px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topRow { height: 25px; padding: 0; margin-top: 5px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topRow .left { margin-left: 15px; font-size: 15px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topRow .right { margin-right: 15px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topRow .left p,
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .topRow .right .textInRound { margin-top: 4px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 {  margin-top: 5px; border: 0; background: none; padding-left: 0px; width: 145px; height: 55px; margin-left: 18px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .checkRow,
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .timeRow { height: 25px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .checkRow { border-bottom: 1px solid #b0b0b0; margin-left: -5px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .checkRow input { margin: 5px 5px 0 5px; *margin: 0 0 0 0; float: left;}
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .checkRow .textPositioning {float: left; *margin: 5px 0 0 0;}
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .checkRow label{width:auto;}

.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .timeRow,
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row7,
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row8 { margin-top: 5px; }

.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .timeRow .textPositioning{float: left;}
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row2 .timeRow select {float: left; margin-left: 5px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row6 .textInRound { margin-top: 4px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row5 .WhiteMessageWrapper { height: 113px; margin-left: 14px; }
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row5 .messageArea { height: 95px; margin-left: 13px; *margin-left: 0;}
.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row5 div { margin-left: 12px; }

.sp_03 .detailSetLayer .submitLine { width: 300px; margin: 10px auto; clear:both;}
.sp_03 .detailSetLayer .submitLine div  { width: 146px; height: 30px; margin: 0; margin-top: 10px; }
.sp_03 .detailSetLayer .submitLine .workListSelect { margin-top: 9px; margin-right: 5px;}
.sp_03 .detailSetLayer .submitLine div p { color: #fff; font-weight: bold; margin-top: 10px; }

.sp_03 .SmsContentsWrapper .WhiteBtn { text-align: center; }
.sp_03 .SmsContentsWrapper .WhiteBtn p { margin-top: 3px; }

.sp_03 .detailSetLayer .rightCol .SmsContentsWrapper .row8 p { margin-left: 15px; }

.sp_03 .detailSetLayer .row7 .left, .sp_03 .detailSetLayer .row7 .right { margin-top: 4px; }
.sp_03 .detailSetLayer .emoticonLayer { top: 250px !important; left: 90px !important; }

.sp_03 .modifyMessage { width: 323px; height: 290px; left: 50%; margin-left: -160px; }
.sp_03 .modifyMessage p { margin: 0; }
.sp_03 .modifyMessage .SmsContentsWrapper { width: 292px; height: 140px; }
.sp_03 .modifyMessage .SmsContentsWrapper .row5 { margin-top: 6px; }
.sp_03 .modifyMessage .SmsContentsWrapper .row5 .WhiteMessageWrapper {width: 250px; height: 100px; margin: 0 auto;  }
.sp_03 .modifyMessage .SmsContentsWrapper .row5 .messageDeco {left: 9px;}
.sp_03 .modifyMessage .SmsContentsWrapper .messageArea { height: 82px; width: 210px; margin-left: 20px; margin-top: 9px; }
.sp_03 .modifyMessage .SmsContentsWrapper .row6 .WhiteBgRound { width: 250px; }

.sp_03 .modifyMessage .submitLine div { width: 145px; height: 30px; margin-top: 10px; }
.sp_03 .modifyMessage .submitLine .workListSelect { margin-top: 9px; }
.sp_03 .modifyMessage .submitLine div p { margin-top: 10px; }

.sp_03 .modifyMessage .SmsContentsWrapper .row7 .WhiteBgRound { width: 250px; }


.sp_03 .grosslySendLayer {
	width: 285px;
	/*height: 265px;*/
}
.sp_03 .grosslySendLayer .grayBox {
	height: 100px; padding: 0 
}
.sp_03 .grosslySendLayer .grayBox p {
	margin: 10px 10px 0 10px;
}
.sp_03 .grosslySendLayer .grayBox .grayText {
	color: #605f5f;
	width: 260px;
}
.sp_03 .grosslySendLayer table p,
.sp_03 .grosslySendLayer table input,
.sp_03 .grosslySendLayer table select {
	float: left;
	margin-left: 5px;
}
.sp_03 .grosslySendLayer td,
.sp_03 .grosslySendLayer th {
	min-height: auto;
	height: 30px;
}
.sp_03 .grosslySendLayer .textPositioning { margin-top: 3px; vertical-align: top; margin-left: 5px; }
.sp_03 .grosslySendLayer input { margin-top: 3px; }
.sp_03 .grosslySendLayer th { width: 76px; text-align: center;}
.sp_03 .grosslySendLayer .submitLine div { width: 140px; float: left; margin-top: 15px; }
.sp_03 .grosslySendLayer .submitLine .grayBtn { margin-left: 5px; margin-top: 17px; }
.sp_03 .grosslySendLayer .layerDeco { margin-left: 265px; }

/* 감사활동 리스트 감사활동 설정 레이어 */
.sp_04 .setMessageLayer { height: 620px; width: 880px; padding: 10px; left: 12px; top: 15px; }

.sp_04 .setMessageLayer .tableList3.spSettingBody td:hover{background:transparent;}

.sp_04 .setMessageLayer .spSettingBody { border: 0; }
.sp_04 .setMessageLayer .spSettingBody td { border: 0; }
.sp_04 .setMessageLayer .SmsContentsWrapper { height: 250px; }
.sp_04 .setMessageLayer .SmsContentsWrapper .row1 { padding-left: 0; }
.sp_04 .setMessageLayer .SmsContentsWrapper .row2 { width: 130px; padding-left: 0; }
.sp_04 .setMessageLayer .SmsContentsWrapper .row2 p { float: none; text-align: center;}
.sp_04 .setMessageLayer .spSettingBody .selectGrayBox { float: none; height: 23px; width: 162px; margin: 0 auto; margin-bottom: 10px; }
.sp_04 .setMessageLayer .spSettingBody .bottomCheckWrapper { margin-top: 5px; }
.sp_04 .setMessageLayer .spSettingBody .bottomCheckWrapper input { float: left; *margin-right: 0px; *margin-top: -5px; }
.sp_04 .setMessageLayer .spSettingBody .bottomCheckWrapper .textPositioning {
	font-size: 11px;
	margin-top: 2px;
	*margin-top: 0;
	margin-left: 5px;
	*margin-left: 0;
}

.sp_04 .setMessageLayer .infoTable { width: 390px; height: 200px; margin: 0 auto; }
.sp_04 .setMessageLayer .infoTable td { border: 1px solid #e9e9e9; }
.sp_04 .setMessageLayer .infoTable li { text-align: left; list-style: none; }

.sp_04 .setMessageLayer .bottomSubmitLine { width: 302px; margin: 10px auto; }
.sp_04 .setMessageLayer .bottomSubmitLine div { width: 145px; height: 30px; margin: 0; }
.sp_04 .setMessageLayer .bottomSubmitLine div p { margin-top: 10px; }
.sp_04 .setMessageLayer .bottomSubmitLine .grayBtn { margin-left: 10px; }


/* 이모티콘 레이어 */
.emoticonLayer {
	height: 240px;
	width: 240px;
	padding: 0;
	z-index: 1002;
}

.emoticonLayer .right {
	width: 100%;
	height: 26px;
}
.emoticonLayer .right .closeBtn {
	float: right;
	margin-top: 8px;
	margin-right: 14px;
	width: 14px;
	height: 14px;
	background-position: -4px -4px;
}

.emoticonLayer [class*="emoTable"] {
	border-collapse: collapse;
	width: auto;
	margin: 0 auto;
}

.emoticonLayer [class*="emoTable"] td {
	border: 1px solid #dcdcdc;
	background-color: #fbfbfb;
	font-size: 15px;
	text-align: center;
	min-width: 33px;
	height: 29px;
	padding-top: 0px;
	*padding-top: 1px;
}
.emoticonLayer .emoTable1 td {
	width: 33px;
}
.emoticonLayer .emoTable2 td,
.emoticonLayer .emoTable3 td {
	font-size: 13px;
	width: 70px;
}
.emoticonLayer .pagingSelect { font-weight: bold; }

.emoticonLayer .pagingCtrl {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
}
.emoticonLayer .layerDeco {
	margin-left: 0;
	margin-top: 0;
	right: 13px;
	top: -11px;
}

.layerLeftDeco {
	background-image: url("../images/scheduling/leftLayerDeco.gif");
	width: 11px;
	height: 8px;
	position: absolute;
	left: -11px;
	top: 7px;
}

/* 일정관리 페이지 레이어 속성 */
[class*="scheduleLayer"] { width: 350px; }
[class*="scheduleLayer"] th { height: 34px; width: 67px; }
[class*="scheduleLayer"] th { text-align: center; }
[class*="scheduleLayer"] input,
[class*="scheduleLayer"] select,
[class*="scheduleLayer"] .inputText,
[class*="scheduleLayer"] .searchBtn,
[class*="scheduleLayer"] .ui-datepicker-trigger { float: left; }

[class*="scheduleLayer"] select{padding:1px 1px 5px;}

[class*="scheduleLayer"] p { margin: 0; }
/* [class*="scheduleLayer"] .searchBtn { height: 24px; margin-top:0px; padding: 2px 0 0 0; } */
[class*="scheduleLayer"] .layerDateGrayBox { width: 158px; padding-left: 5px; }
[class*="scheduleLayer"] li { float: left; list-style: none; }

[class*="scheduleLayer"] .rowInTd .layerDateGrayBox { width: 100%; padding: 5px 0 0 0; }
[class*="scheduleLayer"] .layerDateGrayBox p { margin: 3px 8px 0 5px; float: left; }
[class*="scheduleLayer"] .layerDateGrayBox input { margin: 2px 0 0 0; *margin: -2px 0 0 0; }

[class*="scheduleLayer"] .rowInTd { height: 25px; }
[class*="scheduleLayer"] .rowInTd .textPositioning { margin: 5px 8px 0 0; }
[class*="scheduleLayer"] .rowInTd select { margin-right: 5px; }

[class*="scheduleLayer"] .rowInTd ul { margin-left: 5px; }
[class*="scheduleLayer"] .rowInTd li .textPositioning { margin-top: 2px; margin-left: 3px; *margin-left: 0; *margin-right: 2px; }

[class*="scheduleLayer"] .detailBtn { position: relative; width: 100%; height: 25px; margin-top: 10px; }
[class*="scheduleLayer"] .detailBtn .textPositioning { margin-top: 6px; float:none; line-height:15px; width:auto;}
[class*="scheduleLayer"] .detailBtn img { position: absolute; right: 9px; top: 12px; }

/* [class*="scheduleLayer"] .submitLine [class*="Btn"] p { margin-top: 9px; } */
[class*="scheduleLayer"] .submitLine .grayBtn, 
[class*="scheduleLayer"] .submitLine .redBtn { margin-left: 1%; *margin-left: 5px; }
[class*="scheduleLayer"] .normalSubmit [class*="Btn"] { width: 45%; height: 30px; margin-top: 20px; }
[class*="addScheEvent"] .normalSubmit [class*="Btn"] { width: 45%; height: 30px; margin-top: 20px; margin-left:5px;}
[class*="scheduleLayer"] .todoSubmit [class*="Btn"] { width: 30%; }

[class*="scheduleLayer"] .scheDate select { margin-left: 10px; }
[class*="scheduleLayer"] .scheDate .clearboth { width: 100%; height: 5px; }
[class*="scheduleLayer"] .scheDate .layerDateGrayBox { width: 60px; padding-left: 5px; float: right; *width: 50px; }
[class*="scheduleLayer"] .scheDate .layerDateGrayBox .textPositioning { margin-right: 0; *margin-left: 0; *margin-top: 3px; }
[class*="scheduleLayer"] [class*="Act"] {
	width: 30px;
	height: 23px;
	font-weight: bold;
	float: left;
	margin-right: 5px;
	border: 0px solid #d6d6d6;
	text-align: center;
	cursor:pointer;
	border-radius:4px;
	background:#ededed;
}
[class*="scheduleLayer"] [class*="Act"] p { margin-top: 6px; }
[class*="scheduleLayer"] button[class*="Act"] p{margin-top:1px;}
[class*="scheduleLayer"] [class*="Act"].sel p { margin-top: 5px; }

[class*="scheduleLayer"] .normAct { width: auto; margin: 2px 2px;padding:0px 5px;}
[class*="scheduleLayer"] .normAct:hover{color:#ffffff; text-decoration:underline;}

[class*="scheduleLayer"] .normAct.sel { height:21px;/* padding:0 3px; */} /* border 2px 제외*/
[class*="scheduleLayer"] .stockAct { width: 30px; }
[class*="scheduleLayer"] .cmipAct { width: 60px; }

.taAct { background-color: #b5e2da; }
.apAct { background-color: #e2edff; }
.ffAct { background-color: #fce7ae; }
.pcAct { background-color: #fbc4b0; }
.cAct { background-color: #f1f6e0; }
.stockAct { background-color: #c4e38e; }
.nAct { background-color: #e3f0ad; }
.rlAct { background-color: #fad69c; }
.cmipAct { background-color: #f3d4d2;}

[class*="scheduleLayer"] [class*="Act"].sel { 
	border-color: #000; border-width: 2px;
	padding:0 3px;
}
[class*="scheduleLayer"] button[class*="Act"].sel {height:23px;}
[class*="scheduleLayer"] button[class*="Act"].sel p{margin-top:1px;}

.ui-datepicker-trigger { margin: 2px 5px 0; }

[class*="scheduleLayer"] .tableInTable,
[class*="scheduleLayer"] .tableInTable td,
[class*="scheduleLayer"] .tableInTable th,
[class*="scheduleLayer"] .tableInTable tr {
	border: 0;
	padding: 0;
}
[class*="scheduleLayer"] .tableInTable th {
	background: none;
	vertical-align: top;
	padding-top: 5px;
}
[class*="scheduleLayer"] .tableInTable td {
	text-align: left;
}
[class*="scheduleLayer"] .tableInTable span {
	display: inline-block;
	margin: 3px 0 0 5px;
}
[class*="scheduleLayer"] .tableInTable .repeatList li {
	float: none;
	clear: both;
	height: 28px;
	margin: 0;
}
[class*="scheduleLayer"] .tableInTable .repeatList li input[type="radio"] {
	margin-top: 5px;
	margin-right: 5px;
}
.scheduleLayerTodo .layerDateGrayBox .checkGroup {
	margin-top: 5px;
}
.scheduleLayerTodo .layerDateGrayBox .checkGroup li {
	width: 33%;
	margin-bottom: 5px;
}
.scheduleLayerTodo .layerDateGrayBox .checkGroup li.longTxt{width:49%;}
.layerDateGrayBox li.longTxt p{
	overflow-x: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 76%;
}

.scheduleLayerTodo .scrollControl,
.scheduleLayer .scrollControl {
	height:360px;
	overFlow:auto;
	padding-right:3px;
}

.scheduleLayerTodo .scheDate .dataInput,
.scheduleLayer .scheDate .dataInput {
	width:75px; 
	padding-left:5px;
}

.scheduleLayer .scheDate .time {
	width: 44px; 
	margin-left:4px ; 
	padding-left: 5px;
}

.scheduleLayer .scheDate  .swungDash {
	margin: 5px 0 0 20px
}

.scheduleLayerTodo .detailInput,
.scheduleLayer .detailInput {
	height:68px;
}

.scheduleLayer .noticeRow .smsTextarea {
	width:97%;
	height:45px;
	margin-top: 5px;
}

.scheduleLayer .repeatRow .selectInput {
	width: 25px; 
	margin-left: 10px;
	padding-left: 5px; 
	float: left;
}

.scheduleLayer .repeatRow  .frequencyArea .repeatSelect.left {
	width:82%;
}

.scheduleLayer .frequencyArea .weekArea {
	width:25%;
}

.scheduleLayer .frequencyArea .repeatSelect .textPositioning {
	margin: 5px 0 0 5px
}

.scheduleLayer .repeatRow .layerDateGrayBox {
	width:96%;
	margin-top:7px;
}

.scheduleLayer .repeatRow .repeatBoxTd .boldText {
	width:13%;
	margin-top:4px;
}

.scheduleLayer .repeatRow .repeatBoxTd label.left{
	width:80px;
	padding:5px 0;
}

.scheduleLayer .repeatRow .repeatBoxTd label.left input{
	margin-right:5px;
}

.scheduleLayer .repeatSelect .repeatSdata {
	width:90px; 
	padding-left:5px; 
	float:left;
}

.scheduleLayer .repeatList li:first-child,
.pa-memoTodo .repeatList li:first-child{
	height:26px;
}

.scheduleLayer .repeatList li:first-child input,
.pa-memoTodo .repeatList li:first-child input 
{
	margin-right:0;
}

.scheduleLayer .repeatList .repeatNumber,
.pa-memoTodo .repeatList .repeatNumber{
	width:90px;
}

.scheduleLayer .repeatList .repeatNumber span,
.pa-memoTodo .repeatList .repeatNumber span{
	margin-left:0;
}

.scheduleLayer .repeatList .repeatDate,
.pa-memoTodo .repeatList .repeatDate
 {
	width:90px; 
	padding-left:5px; 
	float:left;
}

.scheduleLayer .repeatList li:last-child div.left {
	margin-left:3px;
}

.scheduleLayer .scheDate .textPositioning{
	float:left;
	margin:5px 5px 10px 0;
}

.scheduleLayer .layerDateGrayBox div{
	width:116px !important;
}

/*15.05.14 추가 _일정 추가시 활동 선택하지 않았을 경우  레이어 style*/
.alertLayer_sche {
position:absolute;display:inline-block;
background-color:#fff; border:1px solid #dcdcdc;
width:350px;
text-align:left;
padding:20px;
/*box-shadow: 3px 3px 5px #e9e9e9;*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
font-size:12px;
z-index:1001;
}

.alertLayer_sche .blueBtn {
float:left;
width:146px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff; font-weight:bold;
outline:1px solid #dcdcdc; margin-top:10px; margin-right:2px;

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(#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*/
}


.alertLayer_sche .blueBtn:hover {
background: #4c81e1; /* Old browsers */
background: -moz-linear-gradient(top,  #3366cc 0%, #6699ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366cc), color-stop(100%,#6699ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3366cc 0%,#6699ff 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#3366cc 0%,#6699ff 100%); /* W3C */
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*/
}

.alertLayer_sche .blueBtn p {margin-top:8px;}

.alertLayer_sche .grayBtn {
float:left;
width:146px; height:30px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff; font-weight:bold;
outline:1px solid #dcdcdc; margin-top:10px; margin-left:10px;

background: #c6c6c6; /* Old browsers */
background: -moz-linear-gradient(top,  #dfdfdf 0%, #ababab 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#ababab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dfdfdf 0%,#ababab 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#dfdfdf 0%,#ababab 100%); /* W3C */
background: -o-linear-gradient(#dfdfdf, #ababab); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ababab)); /*모바일 브라우저8*/
}


.alertLayer_sche .grayBtn:hover {
background: #c6c6c6; /* Old browsers */
background: -moz-linear-gradient(top,  #ababab 0%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ababab 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#ababab 0%,#dfdfdf 100%); /* W3C */
background: -o-linear-gradient(#ababab, #dfdfdf); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#dfdfdf)); /*모바일 브라우저8*/
}

.alertLayer_sche .grayBtn p {margin-top:8px;}

.alertLayer_sche .blackLine {
position:relative;
overflow:hidden;
background-color:#fff;
border-bottom:1px solid;
border-bottom-color:#e0e0e0;
margin-bottom:14px;
}

.alertLayer_sche .layerTitleIcon{
float:left; 
width:23px;height:22px;
background:url(../images/prospecting/layerTitleIcon.gif) no-repeat;background-size:23px 22px;
margin-top:0px;
}

.alertLayer_sche .titleText{
float:left; margin-top:-4px; margin-left:5px;letter-spacing:-2.4px;
font-size:21px; font-weight:bold; font-family:Malgun Gothic, '맑은 고딕','Malgun Gothic','나눔 고딕','Apple SD Gothic Neo','Apple Gothic';color:#3366cc; 
}

.alertLayer_sche .left60{float:left; width:60%; height:30px;}
.alertLayer_sche .left40{float:left; width:40%; height:30px;}

.scheduleLayer .unselected{padding:10px 0;}
.scheduleLayer .layerGrayBox p{margin:0 10px;}
/*15.05.14 추가 _일정 추가시 활동 선택하지 않았을 경우  레이어 style 끝 */



/*일정추가레이어-내용텍스트박스,알림내용텍스트박스 크기조절*/
[class*="scheduleLayer"] .tablebox textarea {width: 97%; font-family:'굴림', 'gulim', 'dotum';}
/*일정추가 레이어_알림반복테이블*/

/* 일정관리 일간페이지 검색 결과 레이어 */
.sche_01_01 .searchResultLayer {
	padding: 10px;
	width: 264px;
	height: auto;
	left: 94px;
}
.sche_01_01 .searchResultLayer th { width: 22%; }
.sche_01_01 .searchResultLayer td { width: 44%; }

/* 다른글보기 레이어 */
.viewOtherTextLayer {
	width: 430px;
	height: auto;
	z-index: 11;
}
.viewOtherTextLayer.cntrAlign {
	left: 250px;
	top: 200px;
}
.viewOtherTextLayer .leftInMsgLayer {
	border-bottom:none; 
}
.viewOtherTextLayer .leftInMsgLayer p {
	margin-top: 2px;
}

.viewOtherTextLayer .leftInMsgLayer .tabbox div p{
	margin-top: 2px !important;
}

.viewOtherTextLayer .leftInMsgLayer .tabbox .selectDiv,
.viewOtherTextLayer .leftInMsgLayer .tabbox .selectDiv:hover{
	height:28px;
}

.viewOtherTextLayer .leftInMsgLayer .tabbox div:hover{
	height:27px;
}

/* 미가입 상품 추출 추가 레이어 */
.pro09 .monthMoveLayer { height: 320px; }
.pro09 .monthMoveLayer .date {
	width: 100%;
	margin: 0 0 10px;
	float: none;
}
.pro09 .monthMoveLayer [class*="blueMonth"] { width: 40px; height: 40px; margin: 7px; font-size: 26px; }
.pro09 .monthMoveLayer .blueMonthOver { width: 37px; height: 37px; }
.pro09 .monthMoveLayer [class*="blueMonth"] p { margin: 0; }

.pro09 .alertLayer { width: 342px; left: 50%; top: 50%; margin-left: -171px; margin-top: -112px;}
.pro09 .alertLayer .layerDateGrayBox div { margin: 5px 5px 5px 5px; font-size: 12px; width: auto; letter-spacing: 0; }
.pro09 .alertLayer .centerAlign { text-align: center; margin-top: 5px; }
.pro09 .alertLayer .btnWrapper {width: 100%; margin: 0 auto; }
.pro09 .alertLayer .btnWrapper [class*="Btn"] { width: 165px; }

/* 고객평가 레이어 */
.pro_cosList .alertLayer .layerDeco { margin-left: 110px;}
.pro_cosList .alertLayer .layerDateGrayBox { height: 30px; }
.pro_cosList .alertLayer .layerDateGrayBox p { margin: 9px 5px; }

.pro_cosList .alertLayer .tableList3 { margin-top: 10px; }
.pro_cosList .alertLayer .tableList3 th, .pro_cosList .alertLayer .tableList3 td  { height: 30px; }
.pro_cosList .alertLayer .tableList3 .textCenter { margin-top: 5px; }

.pro_cosList .alertLayer .btnWrapper, .pro_cosList .alertLayer .blueBtn { width: 100%; }

/* 고객평가페이지 카드 아이콘 오버시에 보이는 레이어 */
.cardInfoLayer .infoTable { width: 100%; }

.cardInfoLayer .infoTable,
.cardInfoLayer .infoTable td,
.cardInfoLayer .infoTable th {
	border: 0;
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
	border-collapse: collapse;
	font-size: 12px;
}
.cardInfoLayer .infoTable th {
	color: #2e65c5;
	font-weight: bold;
	width: 80px;
}
.cardInfoLayer .infoTable li {
	list-style: none;
	float: none;
}

.cardLayer .cardAll { margin-top: 0; }
.cardLayer .card { background-color: #fff; }
.cardLayer .card .spListBox{height:auto;position:relative;max-height:280px;overflow-y:scroll;}
.cardLayer .card .spListBox p{float:left;position:absolute;color:#fff;font-weight:bold;text-align:center;width:130px;top:48%;margin:0px;}

/* 일정관리 공용 검색 컨트롤레이어 */
.detailSearchLayer { width: 1000px; padding: 0; border: 0; top: 250px; left: 0; z-index: 99; }
.sche_01_01 .detailSearchLayer{top:182px;}
.detailSearchLayer .tableList2 { margin-top: 0; }

.headerSearchTable input,
.headerSearchTable .ui-datepicker-trigger { float: left !important; }
.headerSearchTable th { height: 34px !important; text-align: center;}
.headerSearchTable td { height: auto !important; background-color: #fff; vertical-align: middle !important; }
.headerSearchTable .workListSelect { width: 123px; height: 43px; margin-left: 11px; text-align: center !important; }
.headerSearchTable .workListSelect p { /*margin-top: 16px !important;*/ width: 117px;  line-height:45px;}
.headerSearchTable ul { margin-left: 10px; margin-top: 5px; }
.headerSearchTable li { float: left; list-style: none; width: 65px; margin-bottom: 5px; }
.headerSearchTable li .textPositioning { margin-left: 5px; *margin-left: 0; *margin-top: 4px;}
.headerSearchTable .textPositioning { margin: 0; }
.namecontentsAlignBox .inputText { width: 88px; margin-right: 0; margin-left: 11px; }
.namecontentsAlignBox .searchBtn { float: left; margin-left: -1px; padding: 3px 0 0 0; height: 17px; }
.termBox .textPositioning { margin: 5px 10px 0 0 !important; }
.sche_04_01 .termBox .textPositioning { margin: 10px 2px 0 12px !important; }

.headerSearchTable .layerDeco {
	position:absolute;
	margin-top: 0;
	margin-left: 0;
	top: -10px;
	left: 950px;
	width:15px;height:11px;
	background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
	z-index:1000;
}

.headerSearchTable .custNameSearchLayer { top: 40px !important; left: 0 !important; }
.headerSearchTable .custNameSearchLayer .layerDeco { left: 125px; }

/*---------------------------*/

/*--- 고객정보에서 샘플보기 레이어 ---*/

.anni-senttype-layout 
{
    width: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    line-height: 15px;
    position: absolute;
}

.anni-senttype-layout .layerDeco {
	position:absolute;
    margin: 0;
	top: -11px;
	left: 185px;
	width:15px;height:11px;
	background: url(../images/prospecting/layerDeco.png) no-repeat;
	background-size:15px 11px;
	z-index:1000;
}

/*----------------------------------*/

/*--------------------------------------------------------- 타임 피커 - 시작 --------------------------------------------------------------------------*/
.quicknote .alertLayer.timePickerLayer,
.timePickerLayer 
{
    width: 130px !important;
    height: 250px;
    padding: 0 !important;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    text-align: left;
    /* box-shadow: 3px 3px 5px #e9e9e9; */
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.quicknote.area-side .mid-doc > .hideForQNote { display: none !important; }
.timePickerLayer p { margin: 0; }
.timePickerLayer .AmPmSel { height: 20px; width: 100%; }
.timePickerLayer .AmPmSel [class*="Btn"] { float: left; width: 50%; height: 20px; background-color: #f5f5f5; color: #5b5b5b; font-size: 12px; text-align: center; cursor: pointer; }
.timePickerLayer .AmPmSel [class*="Btn"] p { margin-top: 4px; }
.timePickerLayer .AmPmSel [class*="Btn"].sel { background-color: #2e65c5; color: #fff; }
.timePickerLayer .timeShow { font-size: 24px; font-family:'Malgun Gothic','맑은고딕','arial'; color: #2e65c5; text-align: center; width: 100%; height: 32px; font-weight: bold; }
.timePickerLayer .bottomSubmitLine { width: 100%;  }
.timePickerLayer .sectionTitle { height: 12px; width: 100%; background-color: #f1f1f1; color: #ababab; clear: both;  padding-top: 2px; }
.timePickerLayer .sectionTitle p { margin: 0 0 0 7px; font-size: 11px; }
.timePick { width: 90%; margin-left: 5%; clear: both; }
.timePick li  
{
    font-size: 13px;
    font-weight: bold;  
    font-family:'Malgun Gothic','맑은고딕','arial','Apple SD Gothic Neo','Apple Gothic'; 
    color: #828282; 
    width: 25%; 
    margin-top: 6px; 
    text-align: center;
    float: left;
    list-style: none;
}
.timePick li .forRound { width: 20px; height: 20px; border-radius: 20px; margin: 0 auto; }
.timePick li.sel .forRound { border-radius: 20px; background-color: #2e65c5; color: #fff; }
.hourSection { height: 100px; }
.minSection { height: 73px; }
.timePickerLayer .bottomSubmitLine { width: 90%; margin: 0 !important; margin-left: 5% !important; height: 20px; }
.timePickerLayer .bottomSubmitLine [class*="Btn"] { margin: 0; width: 55px !important; height: 20px; }
.timePickerLayer .bottomSubmitLine [class*="Btn"] p { margin-top: 5px; }
.timePickerLayer .bottomSubmitLine .grayBtn { margin-left: 6px !important; }
/*--------------------------------------------------------- 타임 피커 - 종료 --------------------------------------------------------------------------*/

/* 퀵노트에서 깨지는 레이어 들 속성 재정의 */
.quicknote #Layer_dupTA 
{
    width: 400px !important;
    padding: 20px !important;
    margin-left: 35px !important;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    text-align: left;
    padding: 20px;
    /* box-shadow: 3px 3px 5px #e9e9e9; */
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    font-size: 12px;
    z-index: 10;    
}

.quicknote #CustToolTip_Layer_CustInfo 
{
    width: 275px !important;
    height: 167px !important;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}

/* 일정관리 일간 레이어 관련 속성 */

.addScheEvent {
	padding: 20px 20px !important;
	width: 347px;
}
.addScheEvent th {
	text-align: center;
}
.addScheEvent .custNameSearch {
	width: auto;
}

.addScheEvent .custNameSearch .searchBtn  {
	width: 40px;
	height: 24px;
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 5px;
}

.addScheEvent .custNameSearch [id*="forSearchOutput"] .searchBtn
{
    width: 45px;
}

.addScheEvent .custNameSearch [id*="forSearchOutput"] .inputTextFin 
{
    float: left;
}

.addScheEvent [id*=forSearch] .inputText { float: left; }

.addScheEvent [class*="Wrapper"] {
	display: inline-block;
	margin-left: 5px;
	margin-right: 0px;
}
.addScheEvent [class*="Wrapper"] span {
	margin-left: 3px;
}

.addScheEvent .radioWrapper {
	width: 40px;
}

.addScheEvent .checkWrapper {
	height: 12px;
}

.addScheEvent .tableWrapper {
	width: 100%;
	margin-left: 0;
	clear: both;
}

.addScheEvent .tableWrapper table {
	margin-top: 5px;
}

.addScheEvent .delBtnWrapper .redBtn,
.addScheEvent .delBtnWrapper .grayBtn {
	width: 50px; 
	height: 20px;
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}

.addScheEvent .delBtnWrapper .redBtn p,
.addScheEvent .delBtnWrapper .grayBtn  p{
	margin-top: 4px;
}

.addScheEvent .delBtnWrapper {
	width: 100%;
	margin-left: 0;
	height: auto;
	margin-bottom: 5px;
}

.addScheEvent .addFamily {
	width: 100%;
	padding: 0;
	height: 24px;
	margin-top: 5px;
	margin-left: 0px ;
}
.addScheEvent .addFamily p {
	margin-top: 5px;
}

.addScheEvent .emptyFamily {
	width: 100%;
	height: 35px;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #dcdcdc;
}

[name="CustomerName"] 
{
    margin-left: 0 !important;
    margin-right: 0;
}

[name="CustomerName"],
[name="VocationName"] 
{
    width: 84px !important;
}

.lay-cust-fami select {margin-bottom: 5px;}
.lay-cust-fami-lim select {margin-bottom: 5px;}

/*----------------------------일정관리 내부의 레이어 오프셋----------------------------------*/
/* 제거할예정인데 혹시 몰라서 주석으로 처리 
.sche_layer_group [class*="add"] 
{
    margin-left: 290px !important;
}
*/

.sche_layer_group [class*="add"] .layerDeco 
{
    display: none;
}

.sche_layer_group #Layer_CustFamiLim_layout,
.sche_layer_group #Layer_CustFami_layout
{
    top: 230px;
    left: 270px;
}

.sche_layer_group .addSP 
{
    left: 0px !important;
}

.sche_layer_group [name*="background"]
{
    z-index: 9 !important;
}

/*--------------------------일정관리 - 설정 레이어 ---------------------------*/

.sche_04_01 input{margin:0 0 5px 15px;}
.sche_04_01 label:first-child input{margin:0 0 5px 0;}
.sche_04_01 .groupAct{clear:left;width:100%;border: 1px solid #d6d6d6; margin:2px 0 2px -2px;padding:3px 0px 5px 0;}
.sche_04_01 li{margin:0;}
/*.sche_04_01 .alertLayer .radioGroup{margin:10px 0 160px 0;}*/ /*20161021_hs 지움*/
.alertLayer.sche_04_01 {width:400px;}

.alertLayer.sche_04_01 .blueBtn,
.alertLayer.sche_04_01 .grayBtn {width:48.5%;}

.alertLayer.sche_04_01 .normAct {
	line-height:22px;
}

.alertLayer.sche_04_01 .normAct p {
	margin-top:0;
}


.renewal_04_01 .alertLayer .textPositioning {
	float:left;
}

#div_AttrLayer_Create .blackLine .left60 {
	width:80%;
}

#div_AttrLayer_Create .blackLine .left40 {
	width:20%;
}

[class*="analysis"] input{float:left;margin:5px 10px 5px 5px;}
[class*="analysis"] .groupAct{clear:left;width:100%;border:0;border-bottom: 1px dashed #969696; margin:2px 0 2px -2px;padding:3px 0px 3px; height:auto;}
[class*="analysis"] .alertLayer .radioGroup{margin:10px 0 110px 0;}

[class*="Act"] p{margin-top:0px;}

[class*="analysis"] .selectBtn{font-weight: bold; width:60px;}
#div_Compare_List1.margin_top-10{
	border-left: 1px solid #dcdcdc;
}

#div_Compare_List2.margin_top-10{
	border-left: 1px solid #dcdcdc;
}


[class*="analysis"] .tablebox th{padding:14px 0 10px 0;}

[class*="analysis"] .tablebox .textPositioning {float:left; margin:6px 0 0 -4px; *margin-top: 5px;}
[class*="analysis"] .tablebox label{margin-left:14px;} 
[class*="analysis"] .tablebox .radio2c{float:left;width:50%;}
[class*="analysis"] .tablebox .radio3c{float:left;width:34%;}
[class*="analysis"] .tablebox .radio3cl{float:left;width:32%;}
[class*="analysis"] .tablebox .radio4c{float:left;width:25%;}
[class*="analysis"] .tablebox .radio6c{float:left;width:66%;}

[class*="analysis"] .layerDateGrayBox .checkGroup {
	margin-top: 5px;
}
[class*="analysis"] .layerDateGrayBox .checkGroup li {
	float: left; list-style: none;
	width: 25%;
	margin-bottom: 5px;
}

[class*="analysis"] .layerDateGrayBox { width: 100%; padding: 5px 0 0 0; }
[class*="analysis"] .layerDateGrayBox p { margin: 3px 20px 0 5px; *margin: 5px 10px 0 5px; }
[class*="analysis"] .layerDateGrayBox input { margin: -1px -10px 0 0; *margin: -2px 0 0 0; }

/* [class*="collectMoney"] .alertLayer button{width:100%;margin:0 0 5px 0; background-color:#fff;} */

#divOvduAddLayer.alertLayer button{width:100%;margin:0 0 5px 0; background-color:#fff;} 
#fdtrAddLayer.alertLayer button{width:100%;margin:0 0 5px 0; background-color:#fff;} 

#ovduDirectAddLayer.alertLayer .tabbox div{width:calc(33% - 1px) !important;}
#fdtrDirectAddLayer.alertLayer .tabbox div{width:calc(33% - 1px) !important;}

#divDirect .blueBtn{width:49% !important;}

[class*="collectMoney"] .alertLayer button p{margin:4px 0 0 0;}

[class*="collectMoney"] .alertLayer .smsTextBox{
	overflow: hidden;
	float:left; width:82%; cursor:pointer; padding:7px; margin:0 auto;
	border-radius:4px; /*  */
	background-color:#f7f7f7; border:#888888 1px solid;
	text-align:left; font-size:12px;color:#000;font-weight:normal;
}

[class*="collectMoney"] .alertLayer .smsTextBoxEdit{
	background-color:#f4fbff; border:#95b4bf 1px solid;
}

[class*="collectMoney"] .alertLayer .smsTextBoxWhite{
	/*float:none;*/
	height:110px;background-color:#fff; 
	/*margin-bottom:5px;*/
	margin: 3px 3px 5px;
}

[class*="collectMoney"] .alertLayer .box3{float:left;overflow: hidden; width:110px; /* width:32%; *width:33%; */margin:5px 1px 5px 1px;}
[class*="collectMoney"] .alertLayer .box3 .smsTextBoxWhite{float:none;}
/* [class*="collectMoney"] .alertLayer .workList{float:none; height:20px; margin:0 auto;} */
[class*="collectMoney"] .alertLayer .workList p{margin-top:4px;}

[class*="collectMoney"] .alertLayer .height30{height:30px;margin:0 0 5px 0; }

[class*="collectMoney"] .alertLayer [class*="viewRoundSmall"]{
	float:left;width:36px;height:20px;cursor:pointer;margin:0 0 0 5px;
	/*  */
	border-radius:4px; outline:0px solid #dcdcdc;
	font-size:12px; font-weight:bold; font-family:'나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;
}

[class*="collectMoney"] .alertLayer .blueBtnS {background-color:#6699cc;}
[class*="collectMoney"] .alertLayer .defaultBtnS {background-color:#c6c6c6;}
[class*="collectMoney"] .alertLayer .grayBtnS {background-color:#727272;}
[class*="collectMoney"] .alertLayer .greenBtnS {background-color:#9fc82f;}

[class*="collectMoney"] .alertLayer .viewRoundSmall p {margin:1px 0 0 5px;}


[class*="collectMoney"] .alertLayer .fileuploadbox {float:left;width:282px;height:22px;margin:-3px 5px 0 5px;border:1px solid #adacb1;}
[class*="collectMoney"] .alertLayer .greySearchBtn {float:left;width:70px;height:22px;margin-top:-3px;font-size:9pt;background-color:#f8f8fa;}
[class*="collectMoney"] .alertLayer .greySearchBtn p{font-family:'arial', 'gulim';font-weight:normal;margin:2px 0 0 0;}
[class*="collectMoney"] .alertLayer .textareaBox{resize:none;width:100%;overflow:auto;margin:-3px 5px 10px 5px;border:1px solid #adacb1;padding:10px;}
[class*="collectMoney"] .alertLayer .divScrollbox{overFlow:auto;height:300px;width:100%;margin-top:10px;}

[class*="collectMoney"] .alertLayer .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;
}


[class*="collectMoney"] .alertLayer  .grayBoxInBox{
	width:95%; height:30px; margin:0 auto;
	background-color:#fcfcfc; border:#dfdfdf 1px solid;
}


[class*="collectMoney"] .alertLayer .grayBoxInBox p{margin:10px 10px;}

[class*="collectMoney"] .alertLayer [class*="dataSample"]{
	display:block;float:left;
	width:50px;height:20px;
	
	border-radius:6px; 
	font-weight:bold;
	margin:0 5px;
}

[class*="collectMoney"] .alertLayer .dataSampleBBox{background-color:#f9fbff; color:#2d67c8; border:#2a62bf 1px solid;}
[class*="collectMoney"] .alertLayer .dataSampleRBox{background-color:#fffefe; color:#c31411; border:#c31411 1px solid;}
[class*="collectMoney"] .alertLayer .dataSampleWBox{background-color:#fff; border:#fff 1px solid;}
[class*="collectMoney"] .alertLayer .dataSampleSun{background-color:#fff; color:#c31411; border:#fff 1px solid;}

[class*="collectMoney"] .alertLayer [class*="dataSample"] p{margin:5px 0 0 6px;}

[class*="collectMoney"] .alertLayer .dataSubText{position:absolute;}

[class*="collectMoney"] .alertLayer .grayBtnOne{width:100%;margin-left:0;}

[class*="collectMoney"] .alertLayer .tabBox div{width:33.33%;}

[class*="collectMoney"] .alertLayer .layerDateGrayBox ol li {margin:5px 0 0 20px;}




.send_mail .alertLayer {width:667px; height:auto;}
.send_mail .tablebox td {height:40px;}
.send_mail .alertLayer .alertLayerGrayBox {height: 47px; background:#efefef; padding:10px 0 0 10px;}
.send_mail .alertLayer .grayBoxText{width:60%; padding-top: 2px; font:12px "gulim"; color:#000; line-height:18px; float:left;}
.send_mail .alertLayer .alertLayerGrayBox .alertLayerCoin {width:100px; height:12px; color: #2e65c5; float: right;margin: 14px 12px 0 0;}
.send_mail .tablebox {text-align:center;}

.send_mail .alertLayer .grayBtn {width: 100%; margin-left:0px;}

/* ------------- 활동스케줄 / 클릭시 뜨는 레이어 --------------- */

.userDetailLayerNew {top:100px;left:100px;width:342px;padding:0;height:345px;border:1px solid #a4a4a4;}
.userDetailLayer_small {top:100px;left:100px;width:240px;padding:0;height:145px;border:1px solid #a4a4a4;}

.alertLayer.userDetailLayerNew .tabbox{
	margin:7px 0 2px;
}

.alertLayer.userDetailLayerNew .tabbox div{
	width:33%; height:25px;
	font-size:12px; line-height:14px;
}

.alertLayer.userDetailLayerNew .tabbox div.selectDiv{
	height:23px;
	border-bottom:1px solid #ffffff;
}

.alertLayer.userDetailLayerNew .tabbox div:hover{
	height:22px;
}

/* .alertLayer.userDetailLayerNew .tabbox div p{
	margin:5px 0 0;
} */

.quickviewTitle{width:100%;height:27px;background-color:#f5f5f5;}

.lightGrayBox{background-color:#f5f5f5;height:35px;width:250px;margin:8px 0;text-align:left;}
/* .quickviewEmptyBox{background-color:#ffffff;height:35px;width:250px;margin:8px 0;text-align:left;} */

.detailLayerMenuBox .quickviewBtn{
float:left;
width:100%;
height:64px;
cursor:pointer;
text-align:center;
font-size:12px;
color:#5f5f5f;
background-color:#fcfcfc;
margin:0 -1px;

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*/
}

.detailLayerMenuBox .quickviewBtn .btnText{font-size:12px;margin:27px 0 0 0px;}

.detailLayerMenuBox .quickviewImportantBtn {
float:left;
width:100%; height:62px; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:0px;

background: #9cc650; /* Old browsers */
background: -moz-linear-gradient(top,  #9cc650 0%, #78a230 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc650), color-stop(100%,#78a230)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9cc650 0%,#78a230 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#9cc650 0%,#78a230 100%); /* W3C */
background: -o-linear-gradient(#9cc650, #78a230); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc650', endColorstr='#78a230',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#9cc650), to(#78a230)); /*모바일 브라우저8*/
}

.detailLayerMenuBox .quickviewBtn:hover {
float:left;
width:100%;
cursor:pointer;
text-align:center;
font-size:12px;
color:#5f5f5f;
background-color:#fcfcfc;
margin:0 -1px;

background: -webkit-linear-gradient(#e1e1e1, #f3f3f3); /* For Safari */
background: -o-linear-gradient(#e1e1e1, #f3f3f3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#e1e1e1, #f3f3f3); /* For Firefox 3.6 to 15 */
background: linear-gradient(#e1e1e1, #f3f3f3); /* Standard syntax (must be last)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#f3f3f3)); /*모바일브라우저8*/
}


.detailLayerMenuBox .quickviewImportantBtn:hover {
float:left;
width:100%; cursor:pointer;
text-align:center;
font-size:12px; color:#ffffff;
margin-top:0px;

background: #9cc650; /* Old browsers */
background: -moz-linear-gradient(top,  #78a230 0%, #9cc650 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78a230), color-stop(100%,#9cc650)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78a230 0%, #9cc650 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#78a230 0%, #9cc650 100%); /* W3C */
background: -o-linear-gradient(#78a230, #9cc650); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a230', endColorstr='#9cc650',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#78a230), to(#9cc650)); /*모바일 브라우저8*/
}

.detailLayerMenuBox .quickviewImportantBtn .btnText {margin:25px 0 0 0px; font-size: 12px; text-align:center;}
.detailLayerMenuBox .quickviewImportantBtn .btnText2Line {margin:14px 0 0 0px; font-size: 12px; text-align:center;}


/* .eachInfoLine{width:224px;height:14px;margin:5px 0 0 0;} */
.eachInfoLine{width:224px;height:auto;overflow:auto;margin:5px 0 0 0;}
/* 161012 감사안부 개편시  prospectingLayer.css 충돌로 인한 추가*/
.yellowBox .eachInfoLine{width:224px;height:auto;overflow:auto;margin:5px 0 0 0;}
.eachInfoLine .darkGray {margin-bottom:5px; }
.eachInfoLine .width40{width:40px;}
.eachInfoLine .width75{width:75px;}
.eachInfoLine pre  {white-space:pre-line;margin:0;}


/* 팀 멤버 구성알림 레이어 */
.teamMemberLayerBox{
	width:520px;
	height:165px;
	border:1px solid #ccc;
	position:absolute;
	top:200px;
	left:190px;
	background-color:#fff;
	padding:20px 40px;
}

.teamLayerLeft{width:106px;margin-right:20px;}
.teamLayerRight{width:394px;font-size:13px;}
.teamLayerTitle{font-family:'malgun gothic','nanum gothic','Apple SD Gothic Neo','Apple Gothic';font-size:20px;color:#578cce;line-height:30px;}
.teamLayerLine{width:100%;height:1px;background-color:#c8c8c8;margin:3px 0 15px 0;}
.teamLayerBottom{width:100%;margin-top:20px;}

.teamLayerCancelBtn{
	width:258px;
	border:none;
	background-color:#adadad;
	height:32px;
	font-size:12px;
	cursor:pointer;
	text-align:center;
	color:#fff;
}


/* ---------------------- 일간 이동 레이어 ----------------------------- */
.dayMoveLayer{
position:absolute;
background-color:#fff;
border:1px solid #dcdcdc;
width:255px;
height:auto;
/* top:310px;
eft:390px; */
text-align:left;
padding:10px;
box-shadow: 3px 3px 5px #e9e9e9;
z-index:99;
}

.dayMoveLayer .date {
position:relative;
float:left; width:178px;
font-family:'Tahoma', 'Arial';
font-size:21px;
/* color:#3366cc; */
font-weight:bold;
text-align:center;
margin:0 0 10px 10px;
letter-spacing:-1;
}

.dayMoveLayer .date[name*="year"]
{
width: 110px;
}

.dayMoveLayer .date[name*="month"]
{
width: 84px; 
}


.dayMoveLayer .date img{
	margin:0 5px;
	width:15px; height:15px;
}

.sp_03.sche_Anniversary .dayMoveLayer .date img{
	margin:0 5px;
}

.dayMoveLayer .closeSmallBtn 
{
float: right;
margin-top: 4px;
right: 13px;
}

.dayMoveLayer .blueMonth{
float:left; width:46px;height:46px; margin:4px;
border-radius:30px;
behavior: url(css/PIE.htc);
background-color:#3366cc;
text-align:center; font-size:30px; font-weight:bold; font-family:'나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#fff;letter-spacing:-1;
cursor:pointer;
}

.dayMoveLayer .blueMonthOver{
float:left; width:40px;height:40px; margin:4px; 
border-radius:30px;
behavior: url(css/PIE.htc);
background-color:#fff;
text-align:center; font-size:30px; font-weight:bold; font-family:'나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';color:#3366cc;letter-spacing:-1;
cursor:pointer;
border:3px solid #3366cc;
}

.dayMoveLayer .dateUnit 
{
float:left;
font-family:'나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic';
color:#828282;
letter-spacing:-1;
font-size: 15px;
cursor:pointer;
width:30px;
height:30px;
margin:3px;
text-align:center;
line-height:28px;
}


.dayMoveLayer .dateUnit:hover{
background-color:#c8c8ca;
color:#ffffff;
border-radius:15px;
}

.dayMoveLayer .dateUnit.hollyday
{
color: #ea6969;
}
.dayMoveLayer .dateUnit.blueText
{
color:#2e65c5;
}

.dayMoveLayer .dateUnit.blueDate
{
border-radius:30px;
behavior: url(css/PIE.htc);
background-color:#3366cc;
color:#fff;
}



.dayMoveLayer .blueMonthOver p {margin-top:-3px;}

.dayMoveLayer .layerDeco{
position:absolute;top: -11px;left:125px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}


.analysis_activity .activityView{
	width:140px;
	top:40px;left:-10px;
	padding:15px 10px 5px;
}

/*.analysis_activity .layerDeco{
position:absolute;top: -11px;left:125px;
width:15px;height:11px;
background:url(../images/prospecting/layerDeco.png) no-repeat;background-size:15px 11px;
}*/

.analysis_activity .activityView label{
	width: 100%;
	float: left;
	margin-bottom:5px;
}

.analysis_activity .activityView input{
	float: left;
	margin:0px 10px 5px 5px;
}


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



/* --- contact_history 발송고객 명단 레이어 --- */

.receiverListLayer{position:absolute;top:285px;left:250px;width:150px;height:240px;border:1px solid #c8c8c8;background-color:#fff;}
.ListLayerTopBar{background-color:#f0f0f0;height:25px;width:100%;font-size:13px;}
.ListLayerContents{width:100%;height:215px;overflow:scroll;overflow-x:hidden;}
.eachCustomerList{width:110px;padding:7px 10px 5px 10px;font-size:12px;cursor:pointer;}
.eachCustomerList:hover{background-color:#f0f0f0;}


/*combinesend_업로드이미지 선택  */
.comAlertLayer  {width: 400px; top: 300px; left: 200px; }
.comAlertLayer .blackLine {width: 100%;}
.comAlertLayer .comSerchBox{margin-bottom: 10px; height: 35px;}
.comSearchText {font-size: 15px; float: left; margin-right: 10px; margin-top: 7px; }
.comAlertLayer .inputText{height: 32px;width: 60%;}
.comAlertLayer .graySearchBtn {background:#e3e3e3; border: 1px solid #b5b6b6; color: #444; width: 73px;padding: 5px 5px;text-align: center;cursor: pointer;}
.comAlertLayer .graySearchBtn p {margin:0; margin-top: 5px;}
.comAlertLayer .workListSelect {color: #fff; border: 1px solid #dcdcdc;margin-left: 5px; width: 63px;}
.comAlertLayer .layerGrayBox {padding:10px 10px; width: auto;}
.comAlertLayer .layerGrayTitle {width:100%;margin-bottom: ;font-weight:bold;}
.comAlertLayer .layerGrayContents {line-height: 16px;}

.comAlertLayer .submitLine { width: 330px; margin: 10px auto; }
.comAlertLayer .SubmitLine .blueBtn,
.comAlertLayer .SubmitLine .grayBtn{ width: 160px; margin: 0; }
.comAlertLayer .SubmitLine .grayBtn { margin-left: 10px; }


/*비밀번호 설정시 주의해야할 사항 _레이어 */
.pwSetNoticeLayer{width:400px;top:35px;left:190px;height:240px;}
.pwSetNoticeLayer ul{list-style-type:disc;font-size:12px;font-family:'gulim';line-height:28px;margin:15px 0 0 -15px;}
.pwSetNoticeLayer .textGray{color:#848484;font-weight:normal;margin-left:10px;}
.pwSetNoticeLayer .surroundingBox{background-color:#efefef;padding:2px 10px 10px 10px;}





/*회원가입_회원정보 입력 _ 비밀번호 도움말 레이어 시작*/

.textIndent{margin-left:13px;}
.textIndent02{margin-left:19px;}
.pwAdiviceArea{background-color:#f9f9f9;padding:10px;}
.exampleTextBox{margin:5px 0 0 13px;color:#828282;}
.pwAdiviceText{line-height:18px;}

/*회원가입_회원정보 입력 _ 비밀번호 도움말 레이어 끝*/


/*마이페이지_등급상세 레이어 시작*/

.detailGradeLayer th{height:30px;}
.detailGradeLayer td{height:30px;}

.blueLine{width:100%;height:1px;background-color:#aec9ea;float:left;margin:10px 0;}

.detailGradeLayer .subTitle{font-size:13px;}
.detailGradeLayer .tableTitle{font-size:13px;margin-bottom:10px;}
.detailGradeLayer .subNotice{font-size:13px;margin-top:15px;font-size:12px;}

.detailGradeDeLayer .tableList {
width:100%;
border:1px solid #dcdcdc;
font-size:12px; 
font-family:'gulim','arial';
color:#282828;
border-collapse:collapse;
}
.detailGradeLayer .tableList input{margin-bottom:2px;font-family:gulim, dotum; color:#555; border:0; padding:0;}
.detailGradeLayer .tableList th{height:35px;background-color:#f7f7f7;border:1px solid #dcdcdc;font-weight:normal;}
.detailGradeLayer .tableList td{height:35px;border:1px solid #dcdcdc;text-align:left;padding-left:12px;}
.detailGradeLayer .tableList td p{margin:3px 0 0 5px;}

.detailGradeLayer .gradeIconBox{width:30px;}
.detailGradeLayer .gradeIconBox .pdLeft4{padding-left:4px;}

/*마이페이지_등급상세 레이어 끝*/

/*마이페이지_요금결제_할인내역보기 시작*/
[class*="pay"] .saveListLayer .titleText {margin-top:-3px;}
.saveListLayer p {margin:0;}
.saveListLayer .blue {color:#2e65c5;}

.saveListLayer .saveList {
	margin-top:5px;
	width:100%;
	float:left;
}
.saveListLayer .saveListTitle {
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','Apple SD Gothic Neo','Apple Gothic';
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	width:100%;
}
.saveListLayer .mBotoom15{margin-bottom:15px;}

.saveListLayer .additionalEx{
	margin-left:20px;
}
.saveListLayer .additionalEx .grey{
	color:#626262;
	margin-bottom:5px;
}
.saveListLayer .dotLine{
	border-top:1px dotted #a8a8a8;
	margin-top:20px;
	margin-bottom:15px;
	width:100%;
}
.saveListLayer .tableList {width:96%; margin:0 auto;}
.saveListLayer .lineGreyBox{
	width:93%;
	background:#f9f9f9;
	border:1px solid #dfdfdf;
	padding:15px;
	font-family:'Malgun Gothic','맑은 고딕','Malgun Gothic','Nanum Gothic','Apple SD Gothic Neo','Apple Gothic';
}
.saveListLayer .lastBigTitle{
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}
.saveListLayer .lastSmallTitle{
	font-size:14px;
}
.saveListLayer .bigPer{
	font-weight:bold;
	font-size:50px;
	font-family:Garamond;
}

.saveListLayer .introSaveArea {
	width:100%;
	/* height:170px; */
	height:auto;
	float:left;
	overFlow:auto;
}

/*마이페이지_요금결제_할인내역보기 끝*/


/*마이페이지 서비스전환 레이어 시작*/
.mypage_change_service .checkLayer {width:420px; height:290px;
}

.mypage_change_service .checkLayer .attentionText{
	font-size:12px;
	overFlow:auto; 
	height:auto;
	width:100%;
	margin-left:0;
	}
	
.mypage_change_service .checkLayer .btnBox {width:100%; float:left;}

.mypage_change_service .checkLayer .btn {margin:10px auto;}

.mypage_change_service .checkLayer ul{ 
	font-weight:normal; margin:0 ; padding:0;
}

.mypage_change_service .checkLayer p {width:30%;font-size:13px; color:#303030; }

.mypage_change_service .checkLayer .inputIdPw .idBox,.pwBox {width:80%;margin-left:50px;margin-bottom:10px;}

.mypage_change_service .checkLayer input {width:140px; height:32px;margin:0;}

.mypage_change_service .checkLayer .blackLine .left {margin-bottom:5px;}

.mypage_change_service .checkLayer .margin0 {margin:0}

.checkLayer .attentionText li {margin-bottom:7px; list-style:disc; margin-left:15px;}

.checkLayer .reConfirmBtn{
	width:130px; height:36px; border:1px solid #c8c8c8; 
	background:#f3f3f3;margin-left:5px;cursor:pointer;
}

.checkLayer .confirm {margin-left:25px; margin-top:10px;}

.checkLayer .confirmBox{
	height:16px; border:1px solid #c8c8c8; width:80px; margin-right:5px;
	text-align:center; padding:9px 0;
}

.checkLayer .agreeBox {width:100%; margin-top:5px; margin-left:25px;}

.checkLayer .agreeBox .inputNumber {width:170px; }

.checkLayer .agreeBox .checkbox {width:auto; margin-right:5px;margin-top:5px;}

.checkLayer .agreeBox .agreeText {width:90%; font-weight:normal;}

.checkLastLayer {width:420px; height:auto;}
.checkLastLayer .blackLine .left {margin-bottom:5px;}
.checkLastLayer .attentionText {
	text-align:center;
	font-family:"Malgun Gothic","맑은 고딕","Nanum Gothic",'Apple SD Gothic Neo','Apple Gothic';
	font-size:17px;
	font-weight:normal;
}

.checkLastLayer .btn {margin-top:20px;}


.mypage_change_service .checkLayer .grayBox{font-weight:normal;}
.mypage_change_service .checkLayer .inputNumber.certify{height:36px;width:140px;}
.checkLayer .confirm.certify {margin-bottom:40px;}
.mypage_change_service .checkLayer.renewal{height:250px;}
.mypage_change_service .checkLayer.renewal input{width:212px;}
/*마이페이지 서비스전환 레이어 끝*/


#Ctrl_Mesg_Layer_Team .tableList tr td, #Ctrl_Mesg_Layer_Team .tableList tr th{
	height:30px; margin:0; padding:0;
}

#Ctrl_Mesg_Layer_Team .tableList input[type="checkbox"]{
	width:15px; height:15px;
}

#Ctrl_Mesg_Layer_Team .tableList .onlyTeamMsg {
	line-height:26px;
}


/*감사_다른글보기 레이어 추가*/
[class*="sp"] .SmsContentsWrapper {
	margin: 10px auto;
	border: 1px solid #e9e9e9;
	background-color: #f3f3f3;
}

[class*="sp"] .SmsContentsWrapper .row5 { position: relative; z-index:1;}

[class*="sp"] .SmsContentsWrapper [class*="White"] {background-color:#ffffff;}

[class*="sp"] .SmsContentsWrapper,
[class*="sp"] .SmsContentsWrapper .WhiteBgRound,
[class*="sp"] .SmsContentsWrapper .WhiteMessageWrapper,
[class*="sp"] .topAttitude { border-radius: 10px;  }

[class*="sp"] .SmsContentsWrapper .row5 .messageArea { resize: none; width: 84%; margin-top: 10px; border: 0; font-size: 12px; }
/* //감사_다른글보기 레이어 추가*/




/*회원가입 축하 팝업 추가 15.07.22 */


.celebrating_pop .blue{#2e65c5;}
.celebrating_pop .gray{#626262}
.celebrating_pop .textLeftMg{margin-left:20px;}

.celebrating_pop .alertLayer{
padding:0px;
width:665px;
height:602px;
}

.celebrating_pop .grayRoundBtn{
font-size:13px;
font-weight:bold;
border:1px solid #c8c8c8;
padding:2px 10px 2px;
border-radius:30px;
cursor:pointer;
font-family:'malgun gothic','nanum gothic','Apple SD Gothic Neo','Apple Gothic';
margin-top:4px;
}

.celebrating_pop .grayRoundBtn:hover{background-color:#f9f9f9;}

.celebrating_pop .grayRoundBtn .btn_text{margin-top:1px;}
.celebrating_pop .grayRoundBtn .btn_img{
margin:0 0 1px 5px;}

.celebrating_pop .popup_top{
width:665px;
height:204px;
background:url(../images/pdsmain/celebrating_pop01.jpg) no-repeat;
background-color:#3366cc;
}

.celebrating_pop .popup_middle{
width:665px;
height:360px;
background:url(../images/pdsmain/celebrating_pop02.jpg) no-repeat;
background-size:665px 360px;
font-family:'margun gothic', 'nanum gothic','Apple SD Gothic Neo','Apple Gothic';
color:#000000;
font-size:14px;
}


.celebrating_pop .noticeList{
padding:0px 30px;
float:left;
width:605px;
}


.celebrating_pop .eachNotice{
border-bottom:1px solid #EFEFEF;
letter-spacing:-1px;
line-height:34px;
}

.celebrating_pop .eachNotice02{
border-bottom:1px solid #EFEFEF;
letter-spacing:-1px;
line-height:25px;
padding:8px 0;
}

.celebrating_pop .eachNotice02 .subNotice{
font-size:12px;
}

.celebrating_pop .popup_bottom{
width:665px;
height:38px;
background-color:#4d4f58;
}

.celebrating_pop .popup_bottom .bottonLine{
padding:12px;
font-weight:bold;
color:#ffffff;
}

.celebrating_pop .checkbox{
margin-top:2px;
}

.celebrating_pop .popupViewSelect{
margin-top:2px;
margin-left:5px;
}

.celebrating_pop .popup_top .closeBtn{
margin:20px 20px 0 0;
}

/*회원가입 축하 팝업 끝 */




/* 마이페이지 _사용료 미납안내 레이어 시작*/

.mypage_main .defaultGuideLayer{
	font-family:gulim, dotum;
	font-weight:normal;
	width:430px;
	height:480px;
}

.mypage_main  .defaultGuideBox{
	width:100%;
	height:auto;
}

.mypage_main  .defaultGuideBox .defaultGuide{padding:10px;}

.mypage_main .defaultGuideLayer .grayBox{
	background-color:#f0f0f0;
}

.mypage_main .defaultGuideLayer .grayBox p{
	padding:10px 0;
	font-family:'malgun gothic', 'nanum gothic';
	font-size:22px;
	color:#484848;
	text-align:center;
	margin:15px 0;
}

.mypage_main .defaultGuideLayer .grayBox .price{font-size:30px;}

.mypage_main .defaultGuideLayer .paymentTypeBox{width:100%;}
.mypage_main .defaultGuideLayer .paymentType{margin:0 auto;width:85%;}

.mypage_main .defaultGuideLayer .warningBox{
	border:1px solid #c8c8c8;
	margin:20px 0;
}
.mypage_main .defaultGuideLayer .warningBox p{
	text-align:center;
	margin:8px 0;
}

.defaultGuideLayer .paymentTypeBox .tableList{border:0px;margin:35px 0;}
.defaultGuideLayer .paymentTypeBox .tableList td{width:33%;border:0px;font-weight:bold;}
.defaultGuideLayer .paymentTypeBox .tableList .creditCard_check{padding:0 25px;}
.defaultGuideLayer .paymentTypeBox .tableList .payPhone_check{padding:0 32px;}
.defaultGuideLayer .paymentTypeBox .tableList .empty{height:10px;}
.defaultGuideLayer .paymentTypeBox input{width:15px;width:auto;height:auto;}

.defaultGuideLayer label{cursor:pointer;}

.defaultGuideLayer .blueBtn{width:48.5%;}
.defaultGuideLayer .grayBtn{width:48.5%;}


/* 마이페이지 _사용료 미납안내 레이어 끝*/



/* 마이페이지 _사용료 미납안내 레이어 시작*/

.mypage_main .defaultGuideLayer{
	font-family:gulim, dotum;
	font-weight:normal;
	width:430px;
	height:480px;
}

.mypage_main  .defaultGuideBox{
	width:100%;
	height:auto;
}

.mypage_main  .defaultGuideBox .defaultGuide{padding:10px;}

.mypage_main .defaultGuideLayer .grayBox{
	background-color:#f0f0f0;
}

.mypage_main .defaultGuideLayer .grayBox p{
	padding:10px 0;
	font-family:'malgun gothic', 'nanum gothic';
	font-size:22px;
	color:#484848;
	text-align:center;
	margin:15px 0;
}

.mypage_main .defaultGuideLayer .grayBox .price{font-size:30px;}

.mypage_main .defaultGuideLayer .paymentTypeBox{width:100%;}
.mypage_main .defaultGuideLayer .paymentType{margin:0 auto;width:85%;}

.mypage_main .defaultGuideLayer .warningBox{
	border:1px solid #c8c8c8;
	margin:20px 0;
}
.mypage_main .defaultGuideLayer .warningBox p{
	text-align:center;
	margin:8px 0;
}

.defaultGuideLayer .paymentTypeBox .tableList{border:0px;margin:35px 0;}
.defaultGuideLayer .paymentTypeBox .tableList td{width:33%;border:0px;font-weight:bold;}
.defaultGuideLayer .paymentTypeBox .tableList .creditCard_check{padding:0 25px;}
.defaultGuideLayer .paymentTypeBox .tableList .payPhone_check{padding:0 32px;}
.defaultGuideLayer .paymentTypeBox .tableList .empty{height:10px;}
.defaultGuideLayer .paymentTypeBox input{width:15px;width:auto;height:auto;}

.defaultGuideLayer label{cursor:pointer;}

.defaultGuideLayer .blueBtn{width:48.5%;}
.defaultGuideLayer .grayBtn{width:48.5%;}


/* 마이페이지 _사용료 미납안내 레이어 끝*/



/* 플랜두씨 요금제 안내 및 할인제도 안내 레이어 시작 */

.feeAndDiscountGuide{font-family:'gulim';}

.feeAndDiscountGuide .alertLayer {
	width:800px;
	height:auto;
}

.feeAndDiscountGuide .contentsBox{padding:0 10px;font-family:'gulim';font-weight:normal;}

.feeType_title{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:18px;
	font-weight:bold;
	color:#484848;
	margin-top:10px;
}

.feeAndDiscountGuide .discountType_detail{margin:10px 0 20px 0px;width:100%;line-height:18px;}

.feeAndDiscountGuide .discountType_title{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:18px;
	font-weight:bold;
	color:#484848;
	margin-top:10px;
	width:100%;
}

.feeAndDiscountGuide .grayBox{background-color:#f7f7f7;width:100%;padding:6px 0;margin:-10px 0 20px 0;}
.feeAndDiscountGuide .grayBox .detailContents{padding:1px 20px;line-height:18px;}
.feeAndDiscountGuide .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;}

.feeAndDiscountGuide .unit{margin-top:20px;}
.feeAndDiscountGuide .detailNotice{margin-top:8px; color:#e73939;font-weight:normal;font-family:'gulim';}

.feeAndDiscountGuide .tablebox{height:280px;}
.feeAndDiscountGuide .tablebox td{text-align:center;padding:0px 10px;font-weight:normal;}
.feeAndDiscountGuide .tablebox .memverType{width:5%;}
.feeAndDiscountGuide .tablebox .serviceType{text-align:left;padding:0px 15px;width:25%;}
.feeAndDiscountGuide .tablebox .eachFee{width:14%}
.feeAndDiscountGuide .tablebox .colored{}

.feeAndDiscountGuide .dotLine{height:1px;width:100%;border-top:dotted 1px #c8c8c8;margin:20px 0 10px 0;}


.feeAndDiscountGuide .grayBorderBox{border:1px solid #E8E8E8;width:100%;margin:20px 0;}
.feeAndDiscountGuide .grayBorderBox .noticeBox{margin:10px auto;color:#e73939;text-align:center;}

.pdsmain .alertLayer .tablebox tr:hover {background:transparent}
.pdsmain .alertLayer .tablebox th {padding:9px 5px 8px 5px;}
.pdsmain .alertLayer .tablebox td{padding:8px 5px 6px 5px; text-align:center;}
.pdsmain .alertLayer .tablebox .memverType{width:5%;}
.pdsmain .alertLayer .tablebox .serviceType {text-align:left;width:25%;}
.pdsmain .alertLayer .tablebox .eachFee{width:14%}
td.eachFee.ng-binding{padding:14px;}
.alertLayer .unit{margin-top:20px;}
.alertLayer .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';}
/* 플랜두씨 요금제 안내 및 할인제도 안내 레이어 끝 */



/* 고객수 현황 레이어 시작 */
.headCountLayer .alertLayer{width:243px;height:63px;}
.headCountLayer img{margin-right:10px;}
.headCountLayer .headCountBox{width:170px;}
.headCountLayer .headCountBox .headCountText{width:100%; font-family:'malgun gothic','nanum gothic'; font-size:18px;margin-bottom:8px;}
/*포인트 코인 없을 경우*/.headCountLayer .headCountBox .headCountText.noPoint{margin:19px 0;}
.headCountLayer .headCountBox .headCount_detail{
	width:100%;
	font-family:'gulim';
	font-weight:normal;
	line-height:15px;
}
/* 고객수 현황 레이어 끝 */






/* pdf자료실 레이어 _15.09.08 추가*/

.pdf_contents .alertLayer {
    top:150px;
    left:235px;
    position:absolute;display:inline-block;
    background-color:#fff; border:1px solid #dcdcdc;
    width:auto;
    text-align:left;
    padding:20px;
    /*box-shadow: 3px 3px 5px #e9e9e9;*/
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    font-size:12px;
    z-index:1001;
}

.pdf_contents .alertLayer .tableBox{
    margin-bottom:20px;
    height:121px;
    overflow-y:scroll;
    
}
.pdf_contents .alertLayer .tableBox .tableList{margin-top:0px;}

.pdf_contents .alertLayer .tableList .number{width:8%;}
.pdf_contents .alertLayer .tableList .category{width:20%;}
.pdf_contents .alertLayer .tableList .category2{width:16%;}
.pdf_contents .alertLayer .tableList .subject{width:44%;}
.pdf_contents .alertLayer .tableList .delete{width:12%;}

.pdf_contents .alertLayer .tableList .subject02{width:30%;padding:0 25px;}
.pdf_contents .alertLayer .tableList .insertLine{width:70%;}
.pdf_contents .alertLayer .tableList .insertLine:hover{background-color:#ffffff;}
.pdf_contents .alertLayer .tableList .insertLine .grayBox{
    background-color:#f7f7f7;
    width:135px;
    margin:2px 0 4px 0;
	padding:0 5px;
}

.pdf_contents .alertLayer .tableList .insertLine .grayBox .boxContents{
	width:100%; 
	height:20px; 
	padding:5px 10px; 
	font-size:12px;
}

.pdf_contents .alertLayer .tableList .insertLine .grayBox .boxContents p {
	margin:0;
}

.boxContents p{margin:4px 0 4px 5px;}


.pdf_contents .alertLayer .tableList .insertLine .dateLine{
    width:100%;
}
.pdf_contents .alertLayer .tableList .insertLine .dateLine .boxContents{width:100%; height:20px; padding:10px 0 5px 0px;}

.pdf_contents .alertLayer .tableList .insertLine .dateLine .boxContents img{margin-top:-4px;cursor:pointer;}

.pdf_contents .alertLayer .tableList input{
    width:96%;
    height:20px;
    border:1px solid #c8c8c8;
}

.boxContents select{color:#c8c8c8;}

.pdf_contents .alertLayer .tableList .radio{width:15px;}


.pdf_contents .deleteBtn{font-size:12px;margin-left:1px;cursor:pointer;}
.pdf_contents .blueBtn{width:49%;}
.pdf_contents .grayBtn{width:49%;float:right;margin-left:0px;}

.pdf_contents .notice{margin-bottom:10px;line-height:15px;}

.pdf_contents .underLine{text-decoration:underline;}


.pdf_contents .dateLine .boxContents input{width:80px; float:left;}

.pdf_contents .mgLeft20{margin-left:20px;}

/* pdf자료실 레이어 끝*/


/*엑셀, 폰북 업로드시 주의사항 팝업 시작 _15.09.23 */

.excelPhonebook_pop .alertLayer{
padding:0px;
width:593px;
height:472px;
top:10px;
left:200px;
}

.excelPhonebook_pop .popup_top{
width:592px;
height:434px;
background:url(../images/CustomerImpressive/excelPhonebook_popup_bg.jpg) no-repeat;
}

.excelPhonebook_pop .popup_top .closeBtn{margin:20px 20px 0 0;}

.excelPhonebook_pop .popup_bottom{
width:593px;
height:38px;
background-color:#4d4f58;
}

.excelPhonebook_pop .popup_bottom .bottonLine{
padding:12px;
font-weight:bold;
color:#ffffff;
}

.excelPhonebook_pop .popupViewSelect{
margin-top:2px;
margin-left:5px;
}

.excelPhonebook_pop .checkbox{
margin-top:2px;
}

.excelPhonebook_pop .grayRoundBtn{
position:absolute;
bottom:65px;right:44px;
font-size:13px;
font-weight:bold;
border:1px solid #c8c8c8;
padding:8px 20px;
border-radius:30px;
cursor:pointer;
font-family:'malgun gothic','nanum gothic','Apple SD Gothic Neo','Apple Gothic';
margin-top:4px;
}

.excelPhonebook_pop .grayRoundBtn:hover{background-color:#f9f9f9;}

.excelPhonebook_pop .grayRoundBtn .btn_text{margin-top:1px;}
.excelPhonebook_pop .grayRoundBtn .btn_img{
margin:0 0 1px 5px;}


/*엑셀, 폰북 업로드시 주의사항 팝업 끝 */


/* layers _회신번호 본인인증 / 회신번호 설정 등  _15.09.25 */


.mypage_call-back .checkLayer {width:420px;}
.mypage_call-back .checkLayer .attentionText{
	font-size:12px;
	overFlow:auto; 
	height:auto;
	width:100%;
	margin-left:0;
	}

.mypage_call-back .checkLayer ul{ 
	font-weight:normal; margin:0 ; padding:0;
}	
.mypage_call-back .checkLayer .attentionText li {margin-bottom:7px; list-style:disc; margin-left:15px;line-height:20px;}	

.mypage_call-back .checkLayer .attentionText span{letter-spacing:-1;}	
	
.mypage_call-back .checkLayer .confirm {margin:15px 0 20px 25px;}

.mypage_call-back .checkLayer .confirmBox{
	height:16px; border:1px solid #c8c8c8; width:80px; margin-right:5px;
	text-align:center; padding:9px 0;
}	

.mypage_call-back .checkLayer input {width:140px; height:36px;margin:0;}	
.mypage_call-back .checkLayer .inputNumber  {width:140px; height:36px;margin:0;border:1px solid #c8c8c8;}	

	
.mypage_call-back .checkLayer .noticeBox {width:100%;}	
	
.mypage_call-back  .checkLayer .noticeBox .noticeText {width:100%; font-weight:normal;letter-spacing:-0.1;}

.mypage_call-back .checkLayer .btnBox {width:100%;margin:15px 0;}		
.mypage_call-back .checkLayer .btnBox .btn {margin:10px auto;width:310px;}	
	
.send_mail .mypage_call-back .workListSelect{
	width:150px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin-right:10px;
	margin-left:8px;
	padding-top:3px;
	/* 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*/
}
.mypage_call-back .workListSelect{
	width:150px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin-right:10px;
	padding-top:3px;
	/* 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*/
}

.mypage_call-back .workList{
	width:150px; 
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding-top:3px;
}	
	
.mypage_call-back .workListSelect: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*/
}	
	
.mypage_call-back .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*/
}	

.mypage_call-back .workList_red {
color:#fff;
font-weight:bold;
letter-spacing:-1px;

background: #c25a5b; /* Old browsers */
background: -moz-linear-gradient(top,  #d66d6d 0%, #a94343 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d66d6d), color-stop(100%,#a94343)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d66d6d 0%,#a94343 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#d66d6d 0%,#a94343 100%); /* W3C */
background: -o-linear-gradient(#d66d6d, #a94343); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66d6d', endColorstr='#a94343',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#d66d6d), to(#a94343)); /*모바일 브라우저8*/
}


.mypage_call-back .workList_red:hover {
color:#fff;
font-weight:bold;

background: #c25a5b; /* Old browsers */
background: -moz-linear-gradient(top,  #a94343 0%, #d66d6d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a94343), color-stop(100%,#d66d6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a94343 0%,#d66d6d 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(#a94343 0%,#d66d6d 100%); /* W3C */
background: -o-linear-gradient(#a94343, #d66d6d); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94343', endColorstr='#d66d6d',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, from(#a94343), to(#d66d6d)); /*모바일 브라우저8*/
}
	
.mypage_call-back .requestText {
	text-align:center;
	font-family:"Malgun Gothic","留묒� 怨좊뵓","Nanum Gothic",'Apple SD Gothic Neo','Apple Gothic';
	font-size:17px;
	font-weight:normal;
	margin-top:28px;
}

.mypage_call-back .requestText .smallText{font-size:15px;letter-spacing:-1;}

.mypage_call-back .requestText .smallText.letterSpacingNone{font-size:15px;letter-spacing:-0.5;}

.mypage_call-back .tablebox th {padding:8px 5px;}
.mypage_call-back .tablebox td {padding:8px 5px; text-align:center;}
.mypage_call-back .paymentChangeLayer input{width:auto; }
	
/* layers _회신번호 본인인증 / 회신번호 설정 등  끝 */

/* layer _소개자료(DM) 신청  - 170417_지환*/
.alertLayer.pdsDmlayer.orderLayer{
	width:640px;
}

.pdsDmlayer .grayBox p{margin:0;}
.pdsDmlayer table{
	font-family:'malgun gothic', 'nanum gothic';
	
}

.pdsDmlayer .workListSelect.btnAlone{width:315px;}
.pdsDmlayer .requestText{
	font-family:'malgun gothic', 'nanum gothic'; 
	font-size:15px; line-height:23px;
	margin:15px 0;
}
.pdsDmlayer .tableList th{
	width:80px;
	font-size:14px;
}

.pdsDmlayer .edu_inputText.textAlone{
	width:100%;
	margin-top:4px;
}

.pdsDmlayer .btnWrapper .blueBtn, .pdsDmlayer .btnWrapper .grayBtn{
	width:49%;
}

.pdsDmlayer.orderLayer .addressArea .codeBtn.left{
	margin-right:10px;
}

.alertLayer.pdsDmlayer.finish{
	width:450px;
}

.alertLayer.pdsDmlayer.finish .dmFinImg{
	margin-right:20px;
}

.alertLayer.pdsDmlayer.finish .dmFinImgArea{
	width:280px;
	margin:30px auto;
}

.alertLayer.pdsDmlayer.finish .btnWrapper .btnAlone{
	width:100%;
}


/* layers _납부 방법 변경 안내 레이어  _15.10.13 */

.mypage_call-back .paymentChangeLayer {width:420px;}
.mypage_call-back .paymentChangeLayer .attentionText{
	font-size:12px;
	overFlow:auto; 
	height:auto;
	width:100%;
	margin-left:0;
	}

.mypage_call-back .paymentChangeLayer .btnBox {width:100%;margin:15px 0;}		
.mypage_call-back .paymentChangeLayer .btnBox .btn {margin:10px auto;width:310px;}	

.paymentChangeLayer .alertLayer{width:500px;height:auto;}
.paymentChangeLayer .sub_title{
	font-family:'malgun gothic', 'nanum gothic';
	font-size:18px;
	font-weight:bold;
	color:#484848;
	margin-top:10px;
	width:100%;
}
.paymentChangeLayer .contentsBox{padding:0 10px;font-family:'gulim';font-weight:normal;}

.paymentChangeLayer .sub_detail{margin:10px 0 20px 0px;width:100%;line-height:20px;}

.paymentChangeLayer .contentsBox .tableList{margin:10px 0 20px 0;}
.paymentChangeLayer .contentsBox .tableList th{width:22%;text-align:left;padding-left:8px;letter-spacing:-1;height:38px;}
.paymentChangeLayer .contentsBox .tableList th span{font-weight:normal;}
.paymentChangeLayer .contentsBox .tableList td{width:28%;height:auto;}

.paymentChangeLayer .workListSelect.btnAlone{width:315px;}
.paymentChangeLayer .workListSelect:hover{margin-right:10px;}

.paymentChangeLayer .dotLine{margin:5px 0;}
.mypage_call-back .paymentChangeLayer{width:350px;}

.paymentChangeLayer select{width:120px;}
.paymentChangeLayer input{width:120px;height:18px;margin-left:2px;}

.paymentChangeLayer .alertLayer.agreementGuide{width:482px;height:auto;}
.paymentChangeLayer .alertLayer.agreementGuide .cmsAgreementBtn_Box{
    width:422px;
    padding:10px 20px 10px 20px;
}
.paymentChangeLayer .alertLayer.agreementGuide .cmsAgreementBtn_Box .cmsAgreementBtn{
    width:168px;
    height:52px;
    padding:15px;
    border:1px solid #cccccc;
    border-radius:5px;
    cursor:pointer;
}
.cmsAgreementBtn_Box .cmsAgreementBtn:hover{background-color:#f7f7f7;}

.paymentChangeLayer .alertLayer.agreementGuide .sub_detail{
    margin:10px 0 20px 0px;
    line-height:20px;
    margin-left:15px;
}
.cmsAgreementBtn_Box .cmsAgreementBtn .titleBox{
    height:42px;
    margin:6px 0 6px 10px;
    font-family:'malgun gothic';
}

.cmsAgreementBtn_Box .cmsAgreementBtn .titleBox .btnType{font-size:15px;}

.mypage_call-back .requestText.textLeft.font13{text-align:left;font-size:13px;}
.mypage_call-back .paymentChangeLayer .grayBox{
    background-color:#f7f7f7;
    line-height:16px;
    padding:15px;
    margin:15px 0;
}

.mypage_call-back .paymentChangeLayer.prepare{width:250px;}
.mypage_call-back .paymentChangeLayer.prepare .requestText{margin-top:15px;}
.mypage_call-back .paymentChangeLayer.prepare .btn{width:200px;}
.mypage_call-back .paymentChangeLayer.prepare .btn .workListSelect{width:200px;}

.mypage_call-back .paymentChangeLayer.docPrint{
    width:750px;
    height:auto;
    position:relative;
    /*overflow-y: scroll;*/
}

.mypage_call-back .paymentChangeLayer .printBtn{
    /*background-image:url(../images/prospecting/printBtn.gif);*/
    cursor:pointer;
    position:absolute;
    /*top:14px;
    left:18px;*/
    top:132px;
    right:18px;
}
.mypage_call-back .paymentChangeLayer .docTitle{
    font-size:20px;
    letter-spacing:-1;
    width:100%;
}
.docTitle p{
    width:262px;
    margin:0 auto;
}
.paymentChangeLayer.docPrint .tableList{
    margin-top:25px;
    line-height:15px;
    font-size:15px;
}
.paymentChangeLayer.docPrint .tableList td{
    padding:5px;
    width:31%;
}
.paymentChangeLayer.docPrint .tableList .tableTitle{
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    padding-left:0px;
}
.paymentChangeLayer.docPrint .tableList th{
    width:19%;
}
.paymentChangeLayer.docPrint .textLeft{text-align:left;}

.paymentChangeLayer.docPrint .tableList .red:hover{
    text-decoration:underline;
    cursor:pointer;
}

.paymentChangeLayer.docPrint .tableList span{
    letter-spacing:-1;
    font-weight:normal;
}

.paymentChangeLayer.docPrint .agreementBox{
    width:100%;
    margin:30px 0 0 0;
    font-weight:normal;
    line-height:20px;
    font-family:'gulim';
}
.paymentChangeLayer.docPrint .agreementBox .agreementTitle{
    font-family:'malgun gothic';
    font-weight:bold;
    font-size:15px;
    margin-bottom:10px;
}
.paymentChangeLayer.docPrint .agreementCheck{
    width:100%;
    margin-top:10px;
}
.paymentChangeLayer.docPrint .agreementCheck label{float:right;}

.paymentChangeLayer.docPrint .checkBox{width:15px;margin-right:5px;
}
    
.paymentChangeLayer.docPrint .divisionLine{
    background-color:#CACACA;
    margin:20px 0 0px 0;
}    

.paymentChangeLayer.docPrint .signBox{
    width:100%;
    margin:30px 0 0 0;
    font-weight:normal;
    line-height:22px;
    font-family:'gulim';
    padding:15px 0;
    text-align:center;
    border:1px solid #c8c8c8;   
}

.paymentChangeLayer.docPrint .signBox span{
    margin-right:15px;
    text-align:right;
}

.mypage_call-back .paymentChangeLayer .docComplete{
    font-size:16px;
    width:100%;
    margin:30px 0 10px 0;
}
.docComplete p{
    width:320px;
    margin:0 auto;
}

.paymentChangeLayer.docPrint .docNoticeBox{
    width:100%;
    margin:30px 0 20px 0;
    font-weight:normal;
    line-height:20px;
    font-family:'gulim';
    padding:10px 0;
    text-align:center;
    border:1px solid #F18F8F;
}

.mypage_call-back .paymentChangeLayer .sealBox{
    width:80px;
    height:80px;
    position:absolute;
    bottom:10px;
    right:185px;
    background-image:url(../images/payment/seal.png);
    background-size:80px;
    display:none;
}
.mypage_call-back .paymentChangeLayer.docPrint .closeBtn{
    position:absolute;
    top:18px;
    right:18px;
}

@media print and (min-resolution: 300dpi){
    .mypage_call-back .paymentChangeLayer.docPrint{
        width:1040px;
        height:180%;
        /*height:1473px;*/
        position:relative;
        border:0px;
        box-shadow:0px;
        margin-top:-120px;
    }
    .mypage_call-back .paymentChangeLayer .docTitle{margin-top:50px;}
    .paymentChangeLayer.docPrint .tableList{font-size:15px;margin-bottom:20px;}
    .paymentChangeLayer.docPrint .tableList th{height:50px;}
    .paymentChangeLayer.docPrint .tableList td{height:50px;}
    .paymentChangeLayer.docPrint .agreementBox{font-size:15px;line-height:23px;}
    .paymentChangeLayer.docPrint .signBox{font-size:15px;}
    .mypage_call-back .paymentChangeLayer .docComplet{font-size:30px;margin:50px 0 30px 0;}
    .mypage_call-back .paymentChangeLayer .printBtn{display:none;}
    .mypage_call-back .paymentChangeLayer .sealBox{
        width:80px;
        height:80px;
        position:absolute;
        bottom:-40px; /*원래는 50px 였는데 리얼에서 직인 위치가 제대로 나오지 않아 바꿈*/
        right:330px;
        /*background-image:url(../images/payment/seal.png);*/
        background-size:80px;
        display:block;
    }
}

/* layers _납부 방법 변경 안내 레이어  끝 */


/* layers _출금이체 계좌 (CMS) 오류 안내 레이어  _15.10.13 */
.cmsErrorLayer{
	width:571px;
	height:210px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:10001;
}

.cmsErrorBox {
	width:571px; overflow:auto; background:#fff;
	font-family:'굴림' ;font-size:13px; border:1px #e8e8e9 solid; 
}


.cmsErrorLayer .iconImgBox{
	float:left; margin:23px 15px 0 35px;
}
.cmsErrorLayer .contentsBox{
    margin:20px 0 0 15px;
    float:left;
    padding:0;
}

.cmsErrorLayer .contentsTitle{
	color:#578cce; letter-spacing:-2px;
	font-size:20px;
	font-weight:bold;
}

.cmsErrorLayer .popCloseBtn{
	margin:5px 12px 0 0;
	float:right; cursor:pointer;
}

.cmsErrorLayer .titleLine{
	width:369px; height:1px; border:0;
	background:#dbdbdb; margin-top:7px; margin-bottom:15px;
 }
.cmsErrorLayer .testSelectBtn{
	width:516px; height:35px; margin:0 auto; margin-bottom: 10px;
	font-weight:bold;
	clear: both;
}
.cmsErrorLayer .testSelectBtn button{font-weight:bold;height:30px;padding:4px 0;}

.cmsErrorLayer .enrollBtn{
    border:0px;
	width:246px; 
	width:calc(50% - 10px);
	height:24px; float:left; cursor:pointer;
	color:#fff; font-size:13px;
	border-radius:15px;
	
	margin-right:20px;
	text-align:center; padding-top:5px;
	background: #406dc7; /* 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*/
}

.cmsErrorLayer .enrollBtn:hover{
	background: #193d86; 
}

.cmsErrorLayer .cancelBtn{
	float:right;
	width:246px; 
	width:calc(50% - 10px);
	height:24px; 
	background: #ffffff; cursor:pointer;
	color:#000000; font-size:13px;
	text-align:center; padding-top:5px;
	
	border:1px solid #a2a2a2;
	border-radius:15px;
}

.cmsErrorLayer .cancelBtn:hover{
	background:#5f5f5f;
	color:#ffffff;
}


.cmsErrorLayer .testContents{margin-bottom:30px; overflow: auto;font-family:'gulim';line-height:17px;}

.mypage_call-back .paymentChangeLayer .btnBox .btn.accountEnroll {width:380px;}
.mypage_call-back .workListSelect.accountEnrollBtn{width:180px;}
.mypage_call-back .workList.accountEnrollCancelBtn{width:180px;}

/* layers _출금이체 계좌 (CMS) 오류 안내 끝 */


/* 기프티쇼 메시지 작성 안내 레이어 15.10.16 */
.alertLayer.mmsGuide{width:338px;position:absolute;top:30%;left:30%}
.alertLayer.mmsGuide .layerDateGrayBox{margin-top:6px;}
.alertLayer.mmsGuide .layerDateGrayBox .grayBoxText{width:100%;}
.alertLayer.mmsGuide .layerDateGrayBox .grayBoxText p{padding:0 10px;line-height:18px;}
.alertLayer.mmsGuide .contentsBox{margin-bottom:0px;}
.alertLayer.mmsGuide img{margin:15px 0 5px 0;}
.alertLayer.mmsGuide .contentsBox {
	height:400px;
	overflow:auto;
	overflow-x:hidden;
}

/* 기프티쇼 메시지 작성 안내 레이어 끝 */


/* 폰발송 관련 레이어 15.10.20 시작 _++ cmsErrorLayer의 css와 중복되는 것이 많아 새 이름 지정없이 그냥 끌어와서 씀. _다미  */
.cmsErrorLayer .testSelectBtn.phoneSend button{width:100%;}
.mypage_call-back .requestText.phoneSend{margin-top:10px;font-size:13px;text-align:left;}
.mypage_call-back .requestText.phoneSend.font15{font-size:15px;}
.mypage_call-back .requestText.phoneSend.font15.textCenter{text-align:center;}


.phoneSend .downBtnBox{
    height:35px; margin:0 auto; margin-bottom: 10px;
	font-weight:bold;
	clear: both;}
.phoneSend .downBtn{
    font-weight:bold;height:30px;padding:8px 0;
    border:0px;
    float:left; cursor:pointer;
	border-top:1px #dfdfdf solid; color:#fff; font-size:12px;
	text-align:center; padding-top:8px;
	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*/
}
.phoneSend .cancelBtn{
    font-weight:bold;
    height:30px;
    border:0px;
	background: #c6c6c6; cursor:pointer;
	float:right; border-top:1px #dfdfdf solid;
	color:#fff; font-size:12px;
	text-align:center; padding:8px 0;
}
.downBtn.phoneSend{width:49%;margin:25px 0 10px 0;}
.cancelBtn.phoneSend{width:49%;margin:25px 0 10px 0;}

.paymentChangeLayer .contentsBox.phoneSend .sub_detail{margin:10px 0;}
.mypage_call-back .paymentChangeLayer .btnBox .btn.phoneSend{
    margin:0;
    width:auto;
}
.paymentChangeLayer .phoneSend .workListSelect:hover{margin-left:10px;}

.paymentChangeLayer .phoneSend .checkBox_box{float:left;margin-left:}
.paymentChangeLayer .phoneSend .sub_title{margin-bottom:10px;}
.paymentChangeLayer .phoneSend .checkBox{width:15px;margin:11px 5px 0 0px;}
.paymentChangeLayer .phoneSend .radio_box{margin:-10px 0 0 0px;}
.paymentChangeLayer .phoneSend .radio_box.mgLeft20{margin-left:20px;}
.paymentChangeLayer .phoneSend .radio{width:15px;margin:11px 5px 0 0px;}

.sendFailLayer .radio {
	float:left;
	margin-right:5px;
}

.sendFailLayer .tablebox td span {
	display:block;
	margin-top:4px;
	float:left;
	margin-right:15px;
}

.sendFailLayer .tablebox .selectType {
	width:225px;
	margin:0 auto;
}

.sendFailLayer .layerDateGrayBox {
margin-top:15px;
}

.sendFailLayer .phoneSend.downBtn,
.sendFailLayer .phoneSend.cancelBtn {
margin:15px 0 10px 0
}

.mypage_call-back .special .grayBox {
	width:89%;
}


/* 폰발송 관련 레이어 끝 */

/*문자보내기 검색레이어 추가*/
#Ctrl_Mesg_Layer_Search .addPhoneNumberBtn {width:100%; margin-top:15px;}

/* 폰발송 관련 레이어 15.10.20 시작 _++ cmsErrorLayer의 css와 중복되는 것이 많아 새 이름 지정없이 그냥 끌어와서 씀. _다미  */
.cmsErrorLayer .testSelectBtn.phoneSend button{width:100%;}
.mypage_call-back .requestText.phoneSend{margin-top:10px;font-size:13px;text-align:left;}
/* .mypage_call-back .requestText.phoneSend.font15{font-size:15px;} */
.mypage_call-back .requestText.phoneSend.font15.textCenter{text-align:center;}

.phoneSend .downBtnBox{
    height:35px; margin:0 auto; margin-bottom: 10px;
	font-weight:bold;
	clear: both;}
	
.phoneSend .downBtn{
    font-weight:bold;height:30px;
	padding:0;
	line-height:18px;
    border:0px;
    float:left; cursor:pointer;
	border-top:1px #dfdfdf solid; color:#fff; font-size:12px;
	border-radius:15px;
	text-align:center; 
	
	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*/
}
.phoneSend .cancelBtn{
    font-weight:bold;
    height:30px;
    border:0px;
	background: #c6c6c6; cursor:pointer;
	float:right; border-top:1px #dfdfdf solid;
	color:#fff; font-size:12px;
	text-align:center; padding:0;
	line-height:18px;
}
.downBtn.phoneSend{width:49%;margin:25px 0 10px 0;}
.cancelBtn.phoneSend{width:49%;margin:25px 0 10px 0;}
.downBtnBox .phoneSend.fullBtn{width:100%;margin:15px 0 0 0;}

.paymentChangeLayer .contentsBox.phoneSend .sub_detail{
    margin:10px 0;
    font-size:13px;
    font-family:'malgun gothic';
}
.mypage_call-back .paymentChangeLayer .btnBox .btn.phoneSend{
    margin:0;
    width:auto;
}
.paymentChangeLayer .phoneSend .workListSelect:hover{margin-left:10px;}

.paymentChangeLayer .phoneSend .checkBox_box{float:left;margin-left:}
.paymentChangeLayer .phoneSend .sub_title{margin-bottom:10px;}
.paymentChangeLayer .phoneSend .checkBox{width:15px;margin:11px 5px 0 0px;}
.paymentChangeLayer .phoneSend .radio_box{margin:-10px 0 0 0px;}
.paymentChangeLayer .phoneSend .radio_box.mgLeft20{margin-left:20px;}
.paymentChangeLayer .phoneSend .radio{width:15px;margin:11px 5px 0 0px;}
.paymentChangeLayer .phoneSend input{border:1px solid #c8c8c8;}
.paymentChangeLayer .phoneSend .dateSelectLine{margin:5px 0 10px 0;}
.paymentChangeLayer .phoneSend .dateSelectLine.mgLeft20{margin-left:20px;}
.paymentChangeLayer .phoneSend .dateSelectLine .inputDate{height:30px;padding:0 5px;}

.phoneSend .pageOverBtn_box{
    width:30px;
    height:30px;
}
.phoneSend .pageOverBtn_box .pageOverBtn{margin:auto 0;}

.clear{clear:both;}
.paymentChangeLayer .contentsBox .tableList.phoneSendLimit{margin-bottom:0px;width:434px;}
.paymentChangeLayer .contentsBox .tableList.phoneSendLimit td{
    width:12%;
    height:45px;
}
.paymentChangeLayer .contentsBox .tableList.phoneSendLimit .grayBg{background-color:#f7f7f7;}
.skyblueBg{background-color:#ECF9FF;}
.paymentChangeLayer .contentsBox .tableList.phoneSendLimit .portion{width:16%;}

.phoneSend .altbeforeBtn{
width:26px;
height:93px;
background-image:url('../images/phone_send/alt_beforebtn.gif');
font-size:0pt;
border:0px;
margin:30px 4px 14px 0;
border:1px solid #c8c8c8;
border-radius:3px;
cursor:pointer;
}

.phoneSend .altNextBtn{
width:26px;
height:93px;
background-image:url('../images/phone_send/alt_nextbtn.gif');
font-size:0pt;
margin:30px 0px 14px 4px;
border:1px solid #c8c8c8;
border-radius:3px;
cursor:pointer;
}

.phoneSend .grayBoxText{width:100%;padding:0 10px;}
.phoneSendLimit_info{margin:10px 30px -5px 30px;width:434px;}

.special.alertLayer .titleText {
	font-size:19px;
}

.mypage_call-back .special .requestText ul {
	margin-left:15px;
}


/* 폰발송 관련 레이어 끝 */

/*결제 레이어 _ cms & 기간결제 공통 추가 _15.10.27*/
.alertLayer .confirm.checkLayer{width:100%;}
.alertLayer .confirm.checkLayer .grayBox{margin:15px 0 10px 0;}
.alertLayer .confirm.checkLayer .grayBox .textBox{padding:10px;line-height:18px;}
.alertLayer .confirm .surroundingBox{width:100%;} 
.surroundingBox.paymentType{height:100px;}
.surroundingBox .paymentTypeBox .tableList{margin:5px 0 0 -15px;}
.alertLayer .confirm .surroundingBox p{font-size:13px;letter-spacing:-1;font-family:'marlgun gothic';margin:9px 0;}
.alertLayer .confirm .surroundingBox .gulim{font-family:'gulim';margin:10px 0 10px 5px;letter-spacing:0;}
.gulim{font-family:'gulim';}
.alertLayer .confirm .surroundingBox .inputText{margin-left:5px;width:120px; height:36px; color:#000000;}
.alertLayer .confirm .surroundingBox button{width:auto;padding:0 15px;}
.width100{width:100%;}
.alertLayer .confirm .divisionLine{width:100%;}
.alertLayer .confirm .surroundingBox .price{margin:-1px 0 0 5px;font-size:25px;font-family:'malgun gothic';}
/*결제 레이어 _ cms & 기간결제 공통 추가 끝*/

/* 삼성 스마트폰 사용자 안내 레이어 */
.gallaxyUserGuide{float:left;line-height:18px;height:650px;overflow-y:scroll;font-size:13px;}
/* 삼성 스마트폰 사용자 안내 레이어 끝 */


/*플랜두씨 서비스 사용신청서*/
.main_serviceUseApplicationForm .alertLayer {
	width:80%;
	font-family: 'gulim','굴림','dotum','arial'; 
	height:550px; 
}

.main_serviceUseApplicationForm .alertLayer .contents {
	padding-right:10px;
	overflow-y: scroll;
	height:450px;
}

.main_serviceUseApplicationForm .alertLayer .blue {
	color:#2e65c5;
}
.main_serviceUseApplicationForm p {
	margin:0 
}
.grayFullBox { 
	background: #fafafa;
	border:1px solid #eaeaea;
	padding:15px;
	margin-bottom:30px;
}

.grayFullBox .txtParagraph {
	margin-bottom:30px;
	line-height:18px;
}

.serviceApplicationView01 .title,
.serviceApplicationView02 .title,
.grayFullBox .txtParagraph .title {margin-bottom:10px;}

.serviceApplicationView02 .font {
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
	font-size:14px;
	}

.alertLayer .serviceApplicationView02 .dotLine {padding-bottom:15px;}
	
.serviceApplicationView02 .font  .title {font-size:18px;}	

.grayFullBox .mgBottom0 {margin-bottom:0;}

.main_serviceUseApplicationForm .tabbox {margin-bottom:30px;}
.main_serviceUseApplicationForm .tabbox div {width:50%;}

.serviceApplicationView01 {
	margin-bottom:20px; 
	border-bottom:1px solid #b2b2b2;
	padding-bottom:25px;
	}
	
.main_serviceUseApplicationForm .grayTxt {color:#757575 ; margin-top:10px;}	
.main_serviceUseApplicationForm .attentionTxt { margin:10px 0}	
	
.noLineGrayFullBox {background:#f6f6f6; padding:20px; margin:20px 0 30px 0;overflow:auto;}
.noLineGrayFullBox .agreeCheck {
	width:100%;height:20px;
}
.noLineGrayFullBox .agreeCheck p{
	margin-left:5px; margin-top:1px;
}
.noLineGrayFullBox .signature{width:100%; text-align:right; }

.alertLayer .noLineGrayFullBox .dotLine {height:2px; border-top:dotted 2px #c8c8c8; margin:15px 0 10px 0 }

.payCountTxt {
	font:24px "malgun gothic","맑은고딕","nanum gothic","Apple SD Gothic Neo","Apple Gothic";
	color:#2e65c5;
}

.noLineGrayFullBox .grayTxt {
	margin-top:14px; float:left; margin-left:5px;
	font-family:"malgun gothic","맑은고딕","nanum gothic","Apple SD Gothic Neo","Apple Gothic";
} 
.payWayFullBox {width:480px; margin :0 auto; height: 120px;}
.payWayBox {width:160px; float:left; text-align:center;}
.selectPayWay {margin-top:20px;}
.selectPayWay input {margin-right:5px;margin-top:2px; }

.serviceApplicationView02 .bgGray	{background:#f6f6f6; padding:10px; margin-bottom:10px;}
.serviceApplicationView01 .mgBottom5,
.serviceApplicationView02 .mgBottom5	{margin-bottom:5px;}
.main_serviceUseApplicationForm .submitLine {width:100%; height:60px; margin-top:20px;}
.main_serviceUseApplicationForm .submitLine button {width:49%; }

.serviceApplicationView01 .selectMonth {margin-right:50px; float:left}
.serviceApplicationView01 .selectMonth p {margin-left:7px;}

.serviceApplicationView02 .creditCard {width:68px; margin:0 auto;}
.serviceApplicationView02 .cellphone {width:54px; margin:0 auto;}
.serviceApplicationView02 .account {width:106px; margin:0 auto;}

.cellphone p,
.creditCard p,
.account p {margin-top:2px;}

.main_serviceUseApplicationForm .overdue {margin-bottom:0;}
/*플랜두씨 서비스 사용신청서 끝*/



/*플랜두시 팀코칭_ 팀멤버 스케줄 레이어  _ 희선 */   
.memberScheLayer{width:500px;}
.memberScheLayer .titleText .titleName span {font-size:21px;}
.memberScheLayer .titleText img{margin:0 0 -2px 5px;}
.memberScheLayer .textBox{width:100%;margin:10px 0; margin-top:15px;}
.memberScheLayer .textBox p{line-height:40px;}

.memberScheLayer .grayBox {overFlow:auto;}
.memberScheLayer .grayBox pre {height:60px;}

.memberScheLayer .sendMessageBox {
	padding-bottom:5px;
	height:90px;
}

.memberScheLayer  .line {
	width:100%; height:1px;
	background:#bbbbbb;
	margin:0;
}
.memberScheLayer .inputMsgArea {width:39%;}
.memberScheLayer .inputMsgArea textarea{
    width:100%;
    padding:10px;
    height:60px;
    overflow: auto;
    border-radius:5px;
	border:1px solid #bebebe;
	margin-right:10px;
}
.memberScheLayer .selectOptionArea {
	width:36.5%;
	float:left;
	margin-right:10px;
}

.memberScheLayer .selectOptionArea p{margin:5px 0;}
.sendType button {
	width:50%;
	border:0;
	height:32px;
	float:left;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	}
.memberScheLayer .workListGradientNone {
	color:#ffffff;
	background:#c8c8c8;
}

.memberScheLayer .workListGradientNone:hover {
	background:#adadad;
}
.sendType .workListSelect {
	background:#578cce;
}

.sendType .workListSelect:hover {
	background:#336CB3;
	border:0;
}

.memberScheLayer .sendArea {
	width:16%;
	float:right;
}

.memberScheLayer .sendArea button {
	width:100%;
	height:80px;
}

.memberScheLayer .viewRoundSmallBlueBox{
	width:40px;
	height:14px;
	padding:5px 8px;
	border-radius:30px;
	background-color:#6699cc;
	text-align:center;
	font-size:12px;
	color:#fff;
	border:0;
	font-weight:bold;
}

.memberScheLayer .historyArea {
	width:100%;
	height:240px;
	overFlow:auto;
}

.memberScheLayer .coachingSize {
	width:100%;
	clear:both;
	}

.memberScheLayer .coachingHistoryArea .smallSize {
	width:12px;
	height:12px;
}

.memberScheLayer .decoStyle {
	width:auto;
	max-width:370px;
	margin-bottom:10px;
	border-radius:10px;
	
}

.memberScheLayer .decoStyle p {
	margin-top:0;
	margin-bottom:4px;
}

.memberScheLayer .decoStyle .last {
	margin-bottom:0;
}

.memberScheLayer .teamMember{
	background:#ffe270;
	padding:10px ;
	margin-left:6px;
	position:relative;
}

.memberScheLayer .teamMember img {
	position:absolute;
	bottom:7px;
	left:-5px;
}

.memberScheLayer .coachingSend{
	background:#d3e5ff;
	padding:10px ;
	margin-right:6px;
	position:relative;
}

.memberScheLayer .coachingSend img {
	position:absolute;
	bottom:7px;
	right:-5px;
}

.memberScheLayer.alertLayer .grayBox {
	height:50px;
	overFlow:auto;
}

.memberScheLayer .decoStyle .color {
	color:#666666;
}

/*큰 아이콘 불러오기*/
.memberScheLayer .blackLine [class*="gradeIcon"] {
	width:20px; height:20px;
	background-size:20px;
	margin-top:-5px;
	margin-left:5px;
	}
.memberScheLayer .blackLine .agradeIcon {
	background-image:url("../images/prospecting/aGradeBtn.png")
}
.memberScheLayer .blackLine .bgradeIcon {
	background-image:url("../images/prospecting/bGradeBtn.png")
}

.memberScheLayer .blackLine .cgradeIcon {
	background-image:url("../images/prospecting/cGradeBtn.png")
}

.memberScheLayer .blackLine .ngradeIcon {
	background-image:url("../images/prospecting/nGradeIconBig.png")
}

/*플랜두시 팀코칭_ 팀멤버 스케줄 레이어 끝*/



/*플랜두씨 홍보 영상*/
.pdsvod_layer{
    width:853px;
    height:480px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin:auto;
    z-index: 10001;
}




/*마이페이지 리뉴얼 _ 할인제도 안내 레이어 _160418*/

.alertLayer.dcGuide{
    width:588px;
    font-family:'malgun gothic', 'nanum gothic';
    height:auto;
    top:80px;
    left:150px;
}

.alertLayer.dcGuide .green{color:#348E31;}
.alertLayer.dcGuide .line{margin:20px 0 0 0;}


.alertLayer.dcGuide .mgTop10{margin-top:10px;}
.alertLayer.dcGuide .grayInputBox{font-size:16px;}
.alertLayer.dcGuide .explain{margin-left:10px;}
.alertLayer.dcGuide .gulim{font-size:12px;font-weight:normal;}

.alertLayer.dcGuide .dcTypeBox{
    width:100%;
    margin-top:20px;
    position:relative;
}
.alertLayer.dcGuide .dcType{
    text-align:left;
    width:442px;
    font-size:16px;
}

.alertLayer.dcGuide .dcType img{position:absolute;top:0;left:0;
}
.alertLayer.dcGuide .dcType .explain.gulim.mgLeft0.mgTop10{line-height:18px;}

.alertLayer.dcGuide .dcType ul{margin:0;width:98%;float:left;
    line-height:23px;
}

.alertLayer.dcGuide .dcType ul li{font-weight:normal;}

.alertLayer.dcGuide .mgLeft0{margin-left:0px;}

.alertLayer.dcGuide .dcType ul .dashLine{margin:10px 0;}

.alertLayer.dcGuide .dc_month{
    width:100%;
    border:1px solid #c8c8c8;
    border-radius:15px;
    margin-top:20px;
}
.alertLayer.dcGuide .dc_month .textBox{padding:15px;font-size:16px;line-height:15px;}

.alertLayer.dcGuide .dc_month .textBox p{margin:0px 0 5px 0;}

.alertLayer.dcGuide .dc_month img{margin:7px;float:right;}

/*마이페이지 리뉴얼 _ 할인제도 안내 레이어 끝*/



/*폰발송 안내 리뉴얼_160422_hs*/
.phoneSendNoticeLayer.alertLayer {
	box-shadow:none;
	position:relative;
	width:272px;
}

.sendCondition {
	width:100%;
	float:left;
	font:bold 14px 'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';	
}

.sendCondition p {
	margin: 8px 0;
}

.todaySendNum {
	border-bottom:1px solid #e2e2e2 ;
	width:100%;
	overFlow:auto;
}

.grayBox ul {
	margin-left:20px;
	margin-top:3px;
}

.phoneSendNoticeLayer .grayBox {
	margin: 10px 0 15px 0;
	padding: 10px;
}

.limitText {
	margin: 10px 0 0 0 ;
}

.symbolArea {
	width:100%;
	margin-bottom:15px;
}

.symbolArea p {
	margin:0;
}

.symbolArea .symbol {
	height:40px;
	margin-right:5px;
}

.footer {
	position:absolute;
	bottom:0;
	left:0;
	background:#4d4f58 ;
	width:100%;
	height:30px;
	color:#fff ; 
}

.footer .mgLeft {
	margin:8px 0 0 20px;
}

.footer .mgLeft input,
.footer .mgRight input{
	margin-right:7px;
}

.footer .mgRight {
	margin:8px 20px 0 0;
}

/*폰발송 안내 리뉴얼_160422_hs_end*/




/*배우자 연동 레이어 _16.04.26*/
.alertLayer.spouseLinkage{width:837px;
    font-family:'malgun gothic', 'nanum gothic';
}
.alertLayer.spouseLinkage .step{
    width:100%;
    height:48px;
    font-size:16px;
    margin:15px 0;
}
.alertLayer.spouseLinkage .step.first{
    background-image:url(../images/prospecting/spouse_step01.jpg);
}
.alertLayer.spouseLinkage .step.second{
    background-image:url(../images/prospecting/spouse_step02.jpg);
}
.alertLayer.spouseLinkage .step.third{
    background-image:url(../images/prospecting/spouse_step03.jpg);
}

.alertLayer.spouseLinkage .step div{width:50%;text-align:center;line-height:48px;float:left;color:#929292;}
.alertLayer.spouseLinkage .step .select{color:#fff;font-weight:bold;}
.alertLayer.spouseLinkage .txtIndent{margin-left:16px;}

.alertLayer.spouseLinkage .conBox{width:100%;margin-top:20px;}
.alertLayer.spouseLinkage .conBox .title{font-size:16px;font-weight:bold;float:left;width:100%;margin-bottom:10px;}
.alertLayer.spouseLinkage .conBox .layerDateGrayBox{
    padding:10px;
    width:auto;
}
.alertLayer.spouseLinkage .conBox input{
    height: 27px;
    width: 315px;
    border: 3px solid #578cce;
    padding: 0 5px;
    margin: 0px;
}
.alertLayer.spouseLinkage .conBox select{
    height:28px;
    width:90%;
    border:1px solid #c8c8c8;
}


.alertLayer.spouseLinkage .conBox .searchBtn{
    width: 53px;
    height: 33px;
    text-align: center;
    border: 0px solid #abadb3;
    font-size: 12px;
    color: #5b5b5b;
    background-color: #578cce;
    cursor: pointer;
    border-radius: 3px;
    margin:0 0 0 -1px;
}


.alertLayer.spouseLinkage .conBox .searchSpouse{
    width:385px;
    margin-top:15px;
}
.alertLayer.spouseLinkage .conBox label{width:100%;}
.alertLayer.spouseLinkage .conBox label p{
	margin:4px;
	float:left;
	max-width: 250px;
    overflow-x: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.alertLayer.spouseLinkage .conBox label .customerAge{max-width:60px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .anniversary label p{margin:8px 4px;float:left;overflow:hidden;}
.alertLayer.spouseLinkage .conBox .radio{width:15px;height:24px;border:0;}
.alertLayer.spouseLinkage .conBox .searchSpouse .customer{
	margin:10px 0 20px 0;
	width:100%;
	height:auto;
	max-height:150px;
	overflow-y:auto;
	overflow-x:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	min-height:15px;
}

.alertLayer.spouseLinkage .btnBox{width:100%;margin:30px 0 15px 0;}
.alertLayer.spouseLinkage .btnBox .btn{width:300px;margin:0 auto;}
.alertLayer.spouseLinkage .btnBox .btn.btn2{width:610px;margin:0 auto;}
.alertLayer.spouseLinkage .btnBox .btn button{width:300px;}
.alertLayer.spouseLinkage .btnBox .workListSelect{float:right;}

.alertLayer.spouseLinkage .spouseTableList{
    width: 100%;
    font-size: 15px;
    color: #282828;
    border-collapse: collapse;
    text-align: left;
    margin-bottom:10px;
}
.alertLayer.spouseLinkage .spouseTableList tr{border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.alertLayer.spouseLinkage .spouseTableList th{background-color:#f7f7f7;}

.alertLayer.spouseLinkage .spouseTableList th,
.alertLayer.spouseLinkage .spouseTableList td{
    height:32px;
    border-right:1px solid #c8c8c8;
    padding:5px 0;
    text-align:center;
    font-weight:normal;
	font-size:14px;
}
.alertLayer.spouseLinkage .family{max-height:210px;overflow-y:auto;float:left;}
.alertLayer.spouseLinkage .spouseTableList .divisionLine{border-right:3px double #c8c8c8;}

.alertLayer.spouseLinkage .spouseTableList .last{border-right:0px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .inputText{border:1px solid #c8c8c8;width:75%;float:left;margin:0 6px;height:28px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .inputText.expiry{background-color:#E6E6E6;}
.alertLayer.spouseLinkage .conBox .spouseTableList.family .inputText{margin-left:6px;width:80%;}
.alertLayer.spouseLinkage .conBox .spouseTableList .anniversary .inputText{width:78%;margin:0 5px 0 10px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .anniversary label{margin-right:10px;float:left;width:auto;}
.alertLayer.spouseLinkage .conBox .spouseTableList .anniversary label{float:left;}

.alertLayer.spouseLinkage .conBox .spouseTableList .birth label{
    height: 19px;
    margin:-8px 0 6px 5px;
    float: left;
	width:auto;
}

.alertLayer.spouseLinkage .mismatch.anniversary p{margin:10px 5px;}
.alertLayer.spouseLinkage .mismatch.anniversary p.detail{color:#000000;font-family:'gulim'}


.alertLayer.spouseLinkage .conBox .spouseTableList .birth .inputText{width:60%;margin-top:3px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .birth p{font-family:'gulim';font-size:12px;margin-top:10px;text-align: left;margin:9px 0 0 4px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .birth .radio{
    width:12px;float:left;
}
.alertLayer.spouseLinkage .conBox .spouseTableList .birth.mismatch{background-color:#fff1f1;}
.alertLayer.spouseLinkage .spouseTableList .birth.mismatch .error{font-size:12px;color:#d53333;margin:5px 0 0 0px;}


.alertLayer.spouseLinkage .conBox .spouseTableList .insu.mismatch{background-color:#fff1f1;}
.alertLayer.spouseLinkage .spouseTableList .insu.mismatch .error{font-size:12px;color:#d53333;margin:5px 0 0 0px;}
.alertLayer.spouseLinkage .conBox .spouseTableList .insu p{font-family:'gulim';font-size:12px;margin-top:10px;text-align: left;margin:9px 0 0 4px;}



.alertLayer.spouseLinkage .conBox .spouseTableList .radio{margin-top:4px;border:0;}
.alertLayer.spouseLinkage .spouseTableList .anniversary.mismatch{background-color:#fff1f1;}
.alertLayer.spouseLinkage .spouseTableList .anniversary.mismatch{
    font-size:12px;
    text-align:left;
    margin:2px 10px;
    line-height:15px;
}
.alertLayer.spouseLinkage .conBox .spouseTableList .anniversary.mismatch .inputText{width:78%;}
.alertLayer.spouseLinkage .spouseTableList .mismatch div{margin-left:16px;color:#000;font-family:'gulim';float:left;}


.alertLayer.spouseLinkage .addFamilyBtn{
    background-color: #fff;
    width: 23px;
    height: 22px;
    padding: 3px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    margin: -1px;
    cursor: pointer;
}

.alertLayer.spouseLinkage .addBtn{border: 1px solid #578cce;}
/*배우자 연동 레이어 끝*/


/*SP 콜비서 샘플 */

.sp_setting .sampleLayer {
	height:600px;
	overflow:auto;
}
.sampleLayer .grayBgBox {background:#f7f7f7;padding:10px; margin-bottom:15px; }
.sampleLayer .grayBgBox p{margin:0  }
.sampleLayer .wholeSample { height:auto; overflow:auto; }
.sampleLayer .wholeSample .SmsContentsWrapper {width:195px; height: auto; padding:5px 0 ;}

.sampleLayer .wholeSample .WhiteBgRound p {text-align:center; margin-top:5px; margin-bottom:1px;}
.sampleLayer .wholeSample .SmsContentsWrapper .row5 .WhiteMessageWrapper {width:185px;}
.sampleLayer .wholeSample .SmsContentsWrapper .row7 .WhiteBgRound {width:185px; height:auto; overflow:auto;}

.sampleLayer .functionBtnBox .taoverlapAlt .workListSelect{
	margin: -5px 10px 0 0;
	padding: 0 10px;
}
.sampleLayer .margin0 {margin:0; margin-top:4px;}
.sampleLayer .mark {height:20px; margin-right:5px;}
.sampleLayer .setImg {margin:10px auto; width:419px; margin-bottom:15px;}
.sampleLayer .blue {line-height:20px;}
[class*="sp"] .sampleLayer .dotLine {margin:10px 0 15px 0;}
[class*='sp'] .sampleLayer .SmsContentsWrapper {margin-bottom:0px;}
[class*='sp'] .sampleLayer .SmsContentsWrapper {border:1px solid #888888;}
.sampleLayer .markText {margin-top:15px;}


.sp_setting #div_callSampleLayer .SmsContentsWrapper .row5 .WhiteMessageWrapper,
.sp_setting #div_SampleLayer .SmsContentsWrapper .row5 .WhiteMessageWrapper {
	width:162px;
	height:122px;
}

.sp_setting .sampleLayer .blue {
	color:#006ac8;
}
/*콜비서 샘플 end*/


/* 세일즈클럽 */
.alertLayer.icon{width: 635px;background: #fff;}
.alertLayer.icon .blueBtn{width:100%;margin-top:10px;}
.alertLayer.icon .iconImgBox{margin:0px;}
.alertLayer.icon .textBox{margin-left:20px;width:442px;}
.alertLayer.icon .textBox.clause{width:100%;margin:0;}
.alertLayer.icon .textBox .blackLine{width:100%;}
.alertLayer.icon .textBox .textContents{
    font-family: 'gulim';
    line-height: 17px;
    font-weight:normal;
}
.alertLayer.icon .textBox.clause .textContents{overflow-y:scroll;width:100%;height:350px;margin-bottom:15px;}
.alertLayer.icon .textBox.clause.point .textContents{height:220px;overflow-y:hidden;}
.alertLayer.icon .textBox .textContents p{font-size:12px;margin:20px 0 5px 0;}
.alertLayer.icon .textBox .textContents span{text-decoration:underline;}
.alertLayer.icon .textBox .textContents .txtIndent{margin-left:15px;text-decoration:none;}
.alertLayer.icon .textBox.clause.point .textContents ul{margin:0px 0 0 15px;}
.alertLayer.icon .textBox.clause.point .textContents ul li{list-style:none;}

.alertLayer.salesClub.clause{width:635px;}

.salesClub .blueBtn, .salesClub .grayBtn{width:48%;margin-top:20px;}

.salesClub .btnBox{width:100%;float:left;margin-top:20px;}
.salesClub .btnBox .btn_wrap{margin:0 auto;width:315px;}
.salesClub .btnBox .btn_wrap .blueBtn.roundBtn{margin:0 auto;border-radius:5px;border:0px;outline:0px;width:100%;}

.alertLayer.salesClub.dropOut .requestText{line-height:20px;text-align:center;padding:20px 0;}
.alertLayer.salesClub.dropOut .blueBtn{width:100%;}

.alertLayer.salesClub .txtCenter{text-align:center;margin:10px 00;}
.alertLayer.salesClub .tableList{width:97.5%;}
.alertLayer.salesClub .tableList.coinGuide{margin-bottom:30px;}
.alertLayer.salesClub .tableList td.border, .alertLayer.salesClub .tableList th.border{border-right:1px solid #c8c8c8;}
.alertLayer.salesClub .tableList th{font-weight:bold;}
.alertLayer.salesClub .tableList .letterSpace{letter-spacing:-1px;}
/* 세일즈클럽 */


/* 肄붿씤 蹂댁쑀 ?꾪솴 ?덉씠??*/
.coinLayer .alertLayer .btnBox{width:100%;margin-top:5px;}
/* 肄붿씤 蹂댁쑀 ?꾪솴 ?덉씠????*/


/*엑셀 업로드 리뉴얼_160621_hs*/

.uploadResultLayer .left60 .titleText{
	width:auto;
	margin-left:5px;
}

.uploadResultLayer .tableList {
	margin-bottom:20px;
}

.uploadResultLayer .tableList td {
	padding: 7px 5px;
}

.uploadResultLayer .tableList tr {
	text-align:center;
}

.uploadResultLayer .tableList .bold {
	text-align:left;
	padding-left:20px;
}

.uploadResultLayer .tableList .normal {
	font-weight:normal;
}

.uploadResultLayer .submitLine .grayBtn {
	background:#c6c6c6;	
}
.listDownLayer .submitLine,
.uploadResultLayer .submitLine {
	width:304px;
	margin:15px auto;
}

.uploadResultLayer .textArea p:first-child {
	margin-bottom:3px;
}

.uploadResultLayer .fullBtn {
	width:100%;
}

.uploadResultLayer .fullBtn button {
	width:100%;
	margin:0;
}

.excleUploadLayer {
	width:550px;
}

.excleUploadLayer .grayBox p {
	margin:0;
}

.excleUploadLayer .uploadFileArea{
	width:100%;
}

.excleUploadLayer .uploadFileArea .inputText {
	width:75%;
	height:30px;
	text-indent:7px;
	
}

.excleUploadLayer .uploadFileArea .greenSubmitBtn {
    width:22%; height:34px;margin-left:4px;
    font:bold 14px 'Malgun Gothic','맑은고딕','arial','Apple SD Gothic Neo','Apple Gothic','Tahoma','Arial';
	cursor:pointer;
	
	color:#ffffff;
	border:1px solid #dcdcdc;
	background: #346733; /* Old browsers */
	background: -webkit-linear-gradient(#669933, #346733); /* For Safari */
	background: -o-linear-gradient(#669933, #346733); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#669933, #346733); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#669933, #346733); /* Standard syntax (must be last)*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#346733',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#669933), to(#346733)); /*모바일 브라우저8*/
}

.excleUploadLayer .uploadFileArea .selectGrayBox {
	width:22%;
	cursor:pointer;
	font-weight:bold;
}

.excleUploadLayer .submitLine{
	width:100%;
	float:left;
	margin-top:10px;
}

.excleUploadLayer .submitLine .blueBtn,
.excleUploadLayer .submitLine .grayBtn{
	width:48.9%;	
}


/***  엑셀 덮어쓰기 레이어  ***/

.excelMergeLayer .textArea {
	padding:10px;
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
}

.excelMergeLayer .textBox{
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
}

.excelMergeLayer .textArea p {
	margin-top:0;
}
 
.excelMergeLayer .submitLine button {
	width:48%;
}

.excelMergeLayer .tableList {
	margin-top:15px;
	text-align:center;
}

.excelMergeLayer .submitLine .fullBtn{
	margin-top:15px;
	width:100%;
}

.excelMergeLayer .typeRadio {
	margin-top:5px;
}

.excelMergeLayer .inputText{
	width:90px;
	margin-left:5px;
	height:26px;
	text-indent:10px;
}

.excelMergeLayer .mergeAllTable .tableList .select{
	background-color:#fffad2 ;
}

.excelMergeLayer .mergeAllTable {
	height:300px;
	overflow:auto;
}

.contact_merge .searchResultLayer .addPhoneNumberBtn {
	width:100%;
	margin-top:15px;
	background-color:#6699cc;
	height:32px;
	cursor:pointer;
	border:0;
	letter-spacing:-1px;
	color:#fff;
}

.contact_merge .searchResultLayer .addPhoneNumberBtn:hover {
	background-color:#336CB3;
}

.contact_merge .excelMergeLayer .titleText,
.contact_merge .searchResultLayer .titleText{
	width:auto;
	margin-bottom:10px;
}





/*엑셀 파일 업로드 및 중복연락처정리 도움말 팝업*/

.exUpload_duplication_guideBox {
    width:660px;
    height:750px;
    margin:0 auto;
    font-family:'Malgun Gothic','맑은고딕','Nanum Gothic';
}

.exUpload_duplication_guideBox .tabbox {margin:15px 0 20px 0}

.exUpload_duplication_guideBox .tabbox div {
width:49.5%;
height:56px;
}

.exUpload_duplication_guideBox .tabbox .selectText{margin-top:20px;}
.exUpload_duplication_guideBox .tabbox .selectText.twoRow{margin-top:0px;}
.exUpload_duplication_guideBox .tabbox p{margin-top:0px;}
.exUpload_duplication_guideBox .tabbox .oneLine{margin-top:12px;}

.exUpload_duplication_guideBox h3{margin-bottom:20px;}

.exUpload_duplication_guideBox .circle {
	float:left;
	height:50px;
	margin-right:5px;
}

.exUpload_duplication_guideBox .textGrayBox {
    border-top: 1px solid #bbbbbb;
    background-color:#f8f8f8;
    height:auto; 
    padding:1px 15px;
    font-size:14px;
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic'; 
	line-height:22px;
	margin:20px 0 15px 0;;
}

.exUpload_duplication_guideBox img{width:100%;}

.exUpload_duplication_guideBox .enterExcel {
	padding:5px 15px;
	font-size:14px;
}
/*엑셀 파일 업로드 및 중복연락처정리 도움말 팝업 끝 */

/*엑셀 입력방법 도움말*/
.alertLayer .autoScroll {
	height:500px;
	overFlow:auto;
}

.uploadResultLayer .autoScroll .grayBox {
	margin-right:10px;
}

.uploadResultLayer .autoScroll .grayBox p {
	margin:3px 0;
}

.uploadResultLayer .guideArea {
	padding-right:10px;
}

.guideArea .guideBox {
	width:100%;
	border-bottom:1px dotted #bebebe;
	margin:10px 0;
	overFlow:auto;
	padding-bottom:7px;
}

.guideArea .guideBox:last-child{
	border:0;
}

.guideArea .guideBox  .head{
	width:13%;
	float:left;
	font-weight:bold;
	height:100%;
	padding-top:5px;
}

.guideArea .guideBox  .contents {
	width:87%;
	float:left;
}

.guideArea .tableList {
	margin-bottom:10px;
}

.uploadResultLayer .guideArea .tableList th,
.uploadResultLayer .guideArea .tableList td
  {
	border-right:1px solid #b2b2b2;
}

.guideArea .tableList th:last-child,
.guideArea .tableList td:last-child{
	border-right:0;
}

.guideArea .tableList th{
	padding:3px 0; 
}

.guideArea .tableList .zon {
	background:#fffacf ;
}

.guideArea .tableList .pyoung { 
	background:#e7ffcc ;
}

.guideArea .tableList .ban { 
	background:#cff3ff ;
}

.guideArea .tableList .bold p {
	margin:0;
}

.guideArea .tableList .backBlue th {
	background:#d9f0f9;
}

.guideArea .contents .tip {
	display:inline-block;
	height:40px;
	float:left;
	margin-right:5px;
}

.guideArea .contents p {
	margin:5px 0;
}

.guideArea .contents p.mgLeft  {
	margin-left:15px;
	float:left;
}


/***  엑셀 덮어쓰기 레이어  ***/

.excelMergeLayer .textArea {
	padding:10px;
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
}

.excelMergeLayer .textBox{
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
}

.excelMergeLayer .textArea p {
	margin-top:0;
}
 
.excelMergeLayer .submitLine button {
	width:48%;
}

.excelMergeLayer .tableList {
	margin-top:15px;
	text-align:center;
}

.excelMergeLayer .submitLine .fullBtn{
	margin-top:15px;
	width:100%;
}

.excelMergeLayer .typeRadio {
	margin-top:5px;
}

.excelMergeLayer .inputText{
	width:90px;
	margin-left:5px;
	height:26px;
	text-indent:10px;
}

.excelMergeLayer .mergeAllTable .tableList .select{
	background-color:#fffad2 ;
}

.excelMergeLayer .mergeAllTable {
	height:300px;
	overflow:auto;
}

.contact_merge .searchResultLayer .addPhoneNumberBtn {
	width:100%;
	margin-top:15px;
	background-color:#6699cc;
	height:32px;
	cursor:pointer;
	border:0;
	letter-spacing:-1px;
	color:#fff;
}

.contact_merge .searchResultLayer .addPhoneNumberBtn:hover {
	background-color:#336CB3;
}

.contact_merge .excelMergeLayer .titleText,
.contact_merge .searchResultLayer .titleText{
	width:auto;
	margin-bottom:10px;
}

.contact_merge .excelMergeLayer {
	z-index:1002;
}

.mergeAlertLayer {
	width:571px;
	background:#fff;
	font-family:'굴림','gulim';
	font-size:13px;
	border:1px solid #e8e8e9;
	padding:0 0 10px 0;
}

.mergeAlertLayer .iconImgBox {
	float:left;
	margin:28px 15px 0 35px;
}

.mergeAlertLayer .contentsBox {
	margin:20px 0 0 15px;
	float:left;
	width:380px;
	margin-bottom:10px;
}

.mergeAlertLayer .contentsTitle {
	font: bold 22px "malgun Gothic","맑은고딕";
	color:#578cce;
	letter-spacing:-2px;
}

.mergeAlertLayer .titleLine {
	width:100%;
	height:1px;
	border:0;
	background:#dbdbdb ;
	margin-top:7px;
	margin-bottom:15px;
}

.mergeAlertLayer .noticeTest {
	margin-bottom:10px;
}

.mergeAlertLayer .noticeTest p {
	margin:0 5px 0 0;
}

.mergeAlertLayer .testContents {
	margin-bottom:20px;
	overFlow:auto;
	line-height:18px;
}

.mergeAlertLayer .testSelectBtn {
	width:516px;
	height:35px;
	margin:0 auto;
	margin-bottom:10px;
	font-weight:bold;
	clear:both;
}

.mergeAlertLayer .testSelectBtn .changeBtn {
	width:256px;
	float:left;
	cursor:pointer;
	border:0;
	color:#fff;
	padding:7px 0;
}

.mergeAlertLayer .testSelectBtn .keepBtn {
	width:256px;
	background:#c6c6c6;
	float:right;
	cursor:pointer;
	border:0;
	color:#fff;
	padding:7px 0;
	
}



/*월간안부_월별 발송일 수정_hs_20160805*/
.monthly_sendList .sendData {
	width:600px;
}

.monthly_sendList .holidayCheck p.left {
	margin:0;
}

.monthly_sendList .holidayCheck .checkBox {
	margin-right:5px;
}

.monthly_sendList .selectDataArea{
	width:100%;
}

.monthly_sendList .selectDataArea .leftBtn, 
.monthly_sendList .selectDataArea .rightBtn{
	width:5%;
} 

.monthly_sendList .selectDataArea .prev,
.monthly_sendList .selectDataArea .next {
	border:0;
	background-color:#fff;
}

.monthly_sendList .selectDataArea .leftBtn,
.monthly_sendList .selectDataArea .rightBtn {
	margin-top:45px;
}

.monthly_sendList .selectDataArea .tableList {
	width:100%;
	float:left;
	margin:10px 0; 
}

.monthly_sendList .tableList th,
.monthly_sendList .tableList td {
	height:45px;
	border-right:1px solid #b2b2b2;
}

.monthly_sendList .tableList .last {
	border-right:0;
}
 
.monthly_sendList .sendData .tableList td {
	padding:7px 14px;
}

.monthly_sendList .tableList td select {
	border:0; 
}

.monthly_sendList .submitLine button {
	width:48.4%;
	text-align:center;
}

.monthly_sendList .holidayCheck {
	margin:0 5px;
}

.monthly_sendList .sendData .ui-datepicker-trigger {
	float:left;
}

.monthly_sendList .holidayCheck p {
	margin:10px 0;
}

/*통합서비스 관리_월간안부 발송설정 레이어_hs 20160804*/

.monthlyMsgOption {
	width:380px;
}

.monthlyMsgOption .left60 {
	width:90%;
}

.monthlyMsgOption .left40 {
	width:10%;
}

.monthlyMsgOption .tableList th{
	width:15%;
}

.monthlyMsgOption .tableList td {
	padding:10px;
} 

.monthlyMsgOption p {
	margin: 6px 0;
}

.monthlyMsgOption label p {
	margin: 0;
}

.monthlyMsgOption .dataArea {
	width:100%;
}

.monthlyMsgOption .dataArea p {
	margin-right:7px;
}

.phoneSend .sendType {
	margin-right:30px;
	width:70px;
	float:left;
}

.monthlyMsgOption .sendType input {
	margin-right:5px;
}

.monthlyMsgOption .dataSet {
	margin-right:10px;
}

.monthlyMsgOption .holidayCheck {
	width:100%;
	margin-top:7px;
}

.monthlyMsgOption .checkBox {
	margin-right:5px;
}

.monthlyMsgOption .notice{
	float:left;
	margin-top:7px;
	text-align:left;
	line-height:16px;
}

.monthlyMsgOption .mark {
	margin-right:5px;
	height:35px;
}

.monthlyMsgOption .submitLine  {
	margin-top:10px;
}

.monthlyMsgOption .submitLine button{
	width:48.4%;
}

.webSend .sendType {
	margin-right:15px;
	width:70px;
	float:left;
}

.webSend .sendType.last {
	margin-top:7px;
}

.webSend .mark {
	margin-right:5px;
	height:20px;
}


.alertLayer.mailSvrWrk{
	width:400px;
}

.alertLayer.mailSvrWrk .mailSvrWrkTime{
	font:bold 15px 'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';	
	margin:0 0 10px;
	padding: 0 0 10px;
	border-bottom:1px solid #c6c6c6;
}

.alertLayer.mailSvrWrk .grayBtn{
	width:100%;
	margin:10px 0 0;
}



/*sp 추가 레이어 리뉴얼 _160816*/
.addSP.renewal{padding: 20px 30px;width: 348px;}

.addSP.renewal .layerDateGrayBox{
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 2px 0;
    margin-bottom: 1px;
    height: 20px;
    float: left;
    margin-top: 0;
    margin-left: 11px;
    width: 130px;
}

.addSP.renewal .tablebox .inputText{height:25px;padding:0 3px; width:140px;}
.addSP.renewal .tablebox .searchBtn{height:25px;cursor:pointer; width:auto;}
.addSP.renewal .tablebox .searchLine .inputText{float:left;}
.addSP.renewal .tablebox .searchLine .searchBtn{float:left;margin-top:1px;}

.addSP.renewal .tablebox .searchLine .cancleBtn{width;auto;}

.addSP.renewal .tablebox select{width:100px;height:25px;float:left;}

.addSP.renewal .tablebox .title select{width:100%;}
.addSP.renewal .tablebox .title select.txtInput{width:100px;}
.addSP.renewal .tablebox .title .inputText{float:left;width:125px;margin-left:5px;}

.addSP.renewal .tablebox .type td{padding:0 5px;}
.addSP.renewal .tablebox .type ul{float:left;padding-left:0px;}
.addSP.renewal .tablebox .type ul li{
	margin:4px;
	float:left;
	list-style:none;
	min-width:60px;
}
.addSP.renewal .tablebox .type ul li label{cursor:pointer; white-space:nowrap; float:left;}
.addSP.renewal .tablebox .type ul li label input{float:left;margin-right:4px;}
.addSP.renewal .tablebox .type ul li .textPositioning{
	float:left;
	margin:1px 6px 0 0px;
	min-width:50px;
	max-width:210px;
	text-overflow:ellipsis;
	overflow:hidden;
}


.addSP.renewal .tablebox .price p{margin-top:5px;}
.addSP.renewal .tablebox .price .layerDateGrayBox{line-height:15px;height:auto;padding:5px;width: 96%;margin-left:0px;}
.addSP.renewal .tablebox .price span{margin-left:15px;}

.addSP.renewal .carlendarIcon{margin-top:3px;cursor:pointer;float:left;}

.addSP.renewal .tablebox .start .inputText{width:70px;float:left;}
.addSP.renewal .tablebox .start .selDate .left{width:100%;}
.addSP.renewal .tablebox .start .selDate img{float:left; margin-top:5px;}
.addSP.renewal .tablebox .start .selDate .textPositioning.swungDash{margin:5px 5px 0 0; float:left;}
.addSP.renewal .tablebox .start .selDate select{width:145px;margin-top:5px;}
.addSP.renewal .tablebox .start .layerDateGrayBox{float:left;padding:3px 5px;margin-left:0px;width:85px;margin-left:5px;margin-top:4px;}
.addSP.renewal .tablebox .start .layerDateGrayBox input{float:left;margin:2px 3px 0 0;}


/* .addSP.renewal .tablebox .checkboxWrapper{margin:0 10px 0 0;} */
.addSP.renewal .tablebox .checkboxWrapper p{margin-top:2px;}

.addSP.renewal .tablebox label{cursor:pointer;}

.addSP.renewal .tablebox .end .left{width:100%;}
.addSP.renewal .tablebox .end .inputText{width:100px;float:left;}
.addSP.renewal .tablebox .end select{margin-left:5px;float:right;}
.addSP.renewal .tablebox .end .layerDateGrayBox{
    margin-top: 5px;
    float: left;
    width: 100%;
    height: 20px;
    margin-left: 0;
}
.addSP.renewal .tablebox .end .checkboxWrapper{width:110px;}
.addSP.renewal .tablebox .end .checkboxWrapper input{float:left;margin:2px 3px 0 3px;}

.addSP.renewal .tablebox .spType .layerDateGrayBox p{margin-top:3px;float:left;width:auto;margin-right:10px;}
.addSP.renewal .tablebox .spType .layerDateGrayBox input{float:left;margin:3px 3px 0 5px;}

.addSP.renewal .tablebox .price .inputText{width:145px;float:left;}
.addSP.renewal .tablebox .memo textarea{padding:5px;width:95%;font-size: 12px;height:55px;}

.addSP.renewal .bottomSubmitLine{width:100%;}
.addSP.renewal .bottomSubmitLine .blueBtn,
.addSP.renewal .bottomSubmitLine .grayBtn{width:48%;}
.addSP.renewal .tableWrap{overflow-y: auto;overflow-x: hidden;height: 400px;width: 348px;}
.addSP.renewal .bottomDelLine .blueBtn, 
.addSP.renewal .bottomDelLine .grayBtn,
.addSP.renewal .bottomDelLine .redBtn{width:31%;}

.addSP.renewal .bottomDelLine .redBtn{margin-left:10px;}


/*sp 추가 레이어 리뉴얼 끝*/

/* SP 추가 레이어  */
.alertLayer.spSetting .indentBox p{line-height:18px;}
.alertLayer.spSetting .indentBox .radiosideTextMargin{margin:4px 5px 0 0;}
.alertLayer.spSetting .mgBottom{margin-bottom:10px;}
.alertLayer.spSetting .mgRight{margin-right:10px;}
.alertLayer.spSetting .mgRight p.mgTop{margin:1px 0 0 0;}
.alertLayer.spSetting input.mgRight{margin-right:5px;}
.alertLayer.spSetting .tablebox{margin-bottom:15px;}
.alertLayer.spSetting .tablebox .tdPadding{padding:10px;}
.alertLayer.spSetting .tablebox .tdPadding .left.selectBox{margin:0 0 0 18px;}
.alertLayer.spSetting .indentBox .selectBox{width:130px; margin-top:0px;}
.alertLayer.spSetting .tablebox .textInputArea{width:150px; border:1px solid #abadb3; margin:0 15px 10px 0;padding:3px;}
.alertLayer.spSetting .tablebox .sidecheckBoxMg{margin-top:7px;}
.alertLayer.spSetting .tablebox .sidecheckBoxMg select{width:60px; height:25px; margin:0 10px 0 10px;}
.alertLayer.spSetting .tablebox .radioArea{width:100%; overflow:auto;margin-bottom:5px;}
.alertLayer.spSetting .box3Area{
	width:31%;
	padding:0 10px;
	border-right:1px solid #e0e0e0;
	}
	
.alertLayer.spSetting .box3Area.last{
	padding-right:0;
	border-right:0px;
	}
	
.alertLayer.spSetting .box3Area.first{
	padding-left:0;
	}
	
.alertLayer.spSetting .textArea{
	height:50px
	}
	
.alertLayer.spSetting .box3Area .blueBtn, .alertLayer.spSetting .box3Area .redBtn, .alertLayer.spSetting .box3Area .greenBtn{
	border-radius: 5px;
	border:0px; outline:0;
}

.alertLayer.spSetting .box3Area .greenBtn p{
	font-weight:bold;
}

.alertLayer.spSetting .tdPadding .radioArea {
	margin-bottom:0;
}


/* sp 리스트 리뉴얼 _160823 */
/*공통*/
.alertLayer.spRenewal{width:305px;}
.alertLayer.spRenewal .conBox{width:100%;float:left;max-height:500px; overFlow:auto;}
.alertLayer.spRenewal .conBox .typeBox{float:left;}
.alertLayer.spRenewal .conBox .typeBox .type{
    width:auto;
    border:1px solid #c8c8c8;
    border-radius:5px;
    padding:5px 15px;
    font-family:'malgun gothic';
    font-size:15px;
    background-color:#fff;
    cursor:pointer;
    float:left;
    margin:0 10px 10px 0;
}
.alertLayer.spRenewal .conBox .typeBox .type:hover{border:1px solid #366eb4;}
.alertLayer.spRenewal .conBox .typeBox .type.select{
    background-color:#366eb4;
    color:#fff;
    border:1px solid #366eb4;
}
.alertLayer.spRenewal .conBox .line{width:100%;float:left;height:1px;margin:5px 0;background-color:#e0e0e0;}

.alertLayer.spRenewal .bottomBtn{margin:10px 0;float:left;width:100%;}
.alertLayer.spRenewal .bottomBtn .wrap{width:50%;padding:0; text-align:center;}
.alertLayer.spRenewal .bottomBtn .wrap .blueBtn, .alertLayer.spRenewal .bottomBtn .wrap .grayBtn{
	width:48%;
	float:none;
	margin:0 auto;
	/* line-height:30px; */
	display:inline-block;
}


/* 서비스 제공 여부 선택 레이어 */
.alertLayer.spRenewal.service{width:365px;}
.quicknote .alertLayer.spRenewal.service{background-color:#fff;width:270px !important;padding:20px !important;}

.alertLayer.spRenewal.service .tableList{margin:15px 0 10px 0;}
.alertLayer.spRenewal.service .tableList th, .alertLayer.spRenewal.service .tableList td{width:48%;padding:10px 0;height:10px;}
.quicknote .alertLayer.spRenewal.service .tableList th, .quicknote .alertLayer.spRenewal.service .tableList td{text-align:center;}

.alertLayer.spRenewal.service .explain{font-family:'malgun gothic';font-size:13px;line-height:18px;}

.alertLayer.spRenewal.service .bottomBtn{width:100%;}
.alertLayer.spRenewal.service .bottomBtn .blueBtn, .alertLayer.spRenewal.service .bottomBtn .grayBtn{width:48%;}
.quicknote .alertLayer.spRenewal.service .bottomBtn .blueBtn, .quicknote .alertLayer.spRenewal.service .bottomBtn .grayBtn{width:47%;}


/* 발송시점 선택 레이어 */
.alertLayer.spRenewal.dateSet{}
.alertLayer.spRenewal.dateSet .layerDateGrayBox{margin-top:-5px;}
.alertLayer.spRenewal.dateSet .layerDateGrayBox input{
    height:26px;
    float:left;
    margin:10px -1px 10px 0;
    border:1px solid #c8c8c8;
    padding:0 5px;
    width:85px;
    margin-left:10px;
}
.alertLayer.spRenewal.dateSet .layerDateGrayBox select{padding:0;flaot:left;width:65px;margin-top:10px;height:28px;float:left;}
.alertLayer.spRenewal.dateSet .layerDateGrayBox p{
    padding: 5px 0;
    float: left;
    margin-left: 10px;
    font-size: 15px;
    font-family: 'malgun gothic';
    margin: 9px;
}

/* 특정 고객 감사안부 설정 레이어 */
.alertLayer.spRenewal.messageSet{width:620px;min-height:427px;z-index:1001; -webkit-transform: translateZ(10000)}

.alertLayer.spRenewal.messageSet .titleText{color:#333;margin-left:0;}
.alertLayer.spRenewal.messageSet .titleText .customer{margin-right:10px;float:left;}
.alertLayer.spRenewal.messageSet .titleText .gender{font-size:18px;}
.alertLayer.spRenewal.messageSet .titleText .grade{width:20px;height:20px;float:left;margin:5px 3px 0 3px;}
.alertLayer.spRenewal.messageSet .titleText .grade.a{background-image:url(../images/prospecting/aGradeBtn.png);}
.alertLayer.spRenewal.messageSet .titleText .grade.b{background-image:url(../images/prospecting/bGradeBtn.png);}
.alertLayer.spRenewal.messageSet .titleText .grade.b{background-image:url(../images/prospecting/cGradeBtn.png);}

.alertLayer.spRenewal .SmsContentsWrapper{height:280px;padding-bottom:10px;}
.alertLayer.spRenewal .SmsContentsWrapper .datePicker{height:20px;margin:0 auto;}
.alertLayer.spRenewal .SmsContentsWrapper .datePicker input{width:70px;font-size:12px;margin-bottom:0;padding-bottom:0;}
.alertLayer.spRenewal .SmsContentsWrapper .datePicker img{margin-left:5px;cursor:pointer;margin-bottom:-3px;}
.quicknote .alertLayer.spRenewal .SmsContentsWrapper .datePicker img{float:none;}
.alertLayer.spRenewal .SmsContentsWrapper .row5 .WhiteMessageWrapper{height:180px;}
.alertLayer.spRenewal .SmsContentsWrapper .row5 .WhiteMessageWrapper input{
	width:80%; height:20px;
	border-radius:5px;
	padding:0 10px;
	margin-left:5px;
}
.alertLayer.spRenewal .bottomCheckWrapper input{float:left;}

.alertLayer.spRenewal.messageSet .tableList3{min-height:290px;}
.alertLayer.spRenewal .tableList3{border:0;}
.alertLayer.spRenewal .tableList3 td{border:0;}
.alertLayer.spRenewal .tableList3 td:hover{background-color:transparent;}

.alertLayer.spRenewal .tableList3 p{
	margin:2px 0 0 2px;
}

.alertLayer.spRenewal.setting .tableList3 label p.textPositioning{overflow-x:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;width: 45px;text-align:left;}

.alertLayer.spRenewal .messageArea_new{
    resize:none;
    padding: 10px 10px 5px;
    float: left;
    text-align: left;
    background-color: transparent;
	width:127px;  height:135px;
	border:0;
	overflow-x:hidden;
}

.alertLayer.spRenewal .SmsContentsWrapper.smsFireCarBox .messageArea_new{
	height:80px;
	margin-bottom:5px;
}

.alertLayer.spRenewal .SmsContentsWrapper.smsFireCarBox .div_TextBoxCommon .WhiteMessageWrapper div{
	height:40px;
	overFlow:auto;
	float:left;
	padding:5px 10px;
	text-align:left;
	color:#c11616;
}

.alertLayer.spRenewal .SmsContentsWrapper .when{
    margin:5px 0 5px 23px;
    padding:2px 0;
    width: 128px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
}
.alertLayer.spRenewal .cancel span{font-weight: bold;color: Red;}
.alertLayer.spRenewal .complete span{font-weight: bold;color: Red;}

.alertLayer.spRenewal .WhiteBtn{cursor:pointer;}
.alertLayer.spRenewal .WhiteBgRound .left .textInRound{margin-left:5px;}
.alertLayer.spRenewal .WhiteBgRound .right .textInRound{margin-right:10px;}

.alertLayer.spRenewal .blackLine [class*="gradeIcon"] {
	width:25px; height:25px;
	background-size:25px;
	margin-top:-5px;
	margin-left:5px;
	}
.alertLayer.spRenewal .blackLine .agradeIcon {
	/*background-image:url("../images/prospecting/aGradeBtn.png")*/
    background-image:url("../images/prospecting/aGradeIconBig.png")
}
.alertLayer.spRenewal .blackLine .bgradeIcon {
	/*background-image:url("../images/prospecting/bGradeBtn.png")*/
    background-image:url("../images/prospecting/bGradeIconBig.png")
}

.alertLayer.spRenewal .blackLine .cgradeIcon {
	/*background-image:url("../images/prospecting/cGradeBtn.png")*/
    background-image:url("../images/prospecting/cGradeIconBig.png")
}

.alertLayer.spRenewal .blackLine .ngradeIcon {
	background-image:url("../images/prospecting/nGradeIconBig.png")
}
.alertLayer.spRenewal .SmsContentsWrapper.sel .editIcon{float:left;margin:2px 0 0 5px;}
.alertLayer.spRenewal .SmsContentsWrapper.sel .editIcon img{float:left;}
.alertLayer.spRenewal .SmsContentsWrapper.sel .editIcon span{float:left;font-weight:bold;color:#003e6e;}

/* sp 리스트 리뉴얼 _160823 끝 */



/*그룹관리 레이어 _ 20160823_hs*/

.groupViewLayer {
	width:650px;
}


.groupViewLayer .blackLine .workList {
	padding:4px 15px;
	margin-left:15px;
	height:auto;
	margin-top:1px;
}

.groupSection {
	margin-bottom:20px;
}

.groupSection.mgBottom0 {
	margin-bottom:0;
}

.groupViewArea {
	height:350px;
	overFlow:auto;
}

.groupOption {
	padding:10px 5px;
	border:0px solid #b2b2b2;
	border-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
	font-family:'Malgun Gothic','맑은고딕','arial','Apple SD Gothic Neo','Apple Gothic';
	letter-spacing:-1px;
	line-height:13px;
}

.groupViewLayer .tableList {
	margin-top:0;
	border:0px solid #b2b2b2;
}

.group_management .tableList th{
	padding:10px 0 10px 5px;
	height:auto;
}

.group_management .tableList td {
	padding:10px 10px 0px 10px;
	height:auto;
}

.group_management .tableList th {
	width:16%;
}

.group_management .tableList p {
	margin:0;
}

.group_management .member div {
	min-width:110px;
	margin-right:15px;
	margin-bottom:10px; 
}

.group_management .tableList .checkBox {
	margin-right:5px;
}

.groupMoveArea {
	overFlow:auto;
}

.groupMoveArea p {
	margin:10px 10px 0 0;
}


.group_management .groupMoveArea .whiteBtn{
	border:1px solid #e6e6e6 ;
	background:#406dc7;
	margin-right:5px; padding:7px 15px;
	color:#ffffff; font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}

.group_management .groupMoveArea .whiteBtn:hover{
	background:#163b84;
}

.group_management .groupMoveArea .whiteBtn.ng-scope{
	background:#6ba02c;
}
.group_management .groupMoveArea .whiteBtn.ng-scope:hover{
	background:#426b12;
}

.group_management  .select select {
	height:26px;
	width:140px;
	margin:4px 15px 0 0 ;
}

.group_management.grayBox {
	padding: 10px 15px;
	margin:25px 0 15px 0;
}

.groupViewLayer .submitLine button {
	width:49%;
}

.undesignatedArea {
	width:100%;
	height:100%;
	overflow:auto;
}

.group_management .groupMoveArea.grayBox{
	float:left;
	padding:10px 15px;
	margin:15px 0;
	font-size:15px;
	font-weight:bold;
	font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
	letter-spacing:-1px;
}

.group_management .alertLayer .groupMoveArea.undesignated{
	width:75%;
	border-radius:5px;
}

.group_management .cusDelBtn {
	background:#c75a5a;
	padding:7px 15px;
	border:0;
	float:right;
	width:116px;
	color:#fff;
	font-family:"gulim","굴림","dotum";
	font-weight:bold;
	margin:20px 0 0px 10px; 
	cursor:pointer;
	border-radius:5px;
}

.group_management .cusDelBtn:hover {
	background:#9a3131 ;
}
 
 
/*그룹관리 레이어 끝*/


/* sp 설정 레이어 160825 시작 */
/*상품별 종목 및 제목 설정하기 레이어*/ 
.alertLayer.spRenewal.setting .wrap_list{
	max-height: 494px;
	overflow-y:scroll;
	width: 100%;
	border: 1px solid #c8c8c8;
	margin-top: 10px;
	float: left;
	border-left: 0px;
	border-right: 0px;
}
.alertLayer.spRenewal.setting .tableList3{margin-top:-1px;float:left;}
.alertLayer.spRenewal.setting .tableList3 tr.spMerge{background-color:#fff7ed;}
.alertLayer.spRenewal.setting .tableList3 td, .alertLayer.spRenewal.setting .tableList3 th{border:1px solid #dcdcdc;text-align:center;}
.alertLayer.spRenewal.setting .tableList3 td.first{border-left:0px;padding:0 14px;}
.alertLayer.spRenewal.setting .tableList3 td.first input{margin:0;}
.alertLayer.spRenewal.setting .tableList3 th.first{border-left:0px;}
.alertLayer.spRenewal.setting .tableList3 td.last, .alertLayer.spRenewal.setting .tableList3 th.last{border-right:0px;}
.alertLayer.spRenewal.setting .sectorSelect{width:100px;margin:0 0 0 8px;}
.alertLayer.spRenewal.setting ul{margin: 10px;float:left;}
.alertLayer.spRenewal.setting li{list-style: none;margin:0 5px;float: left;padding:5px;}
.alertLayer.spRenewal.setting input{float:left;}
.alertLayer.spRenewal.setting .workList{padding:0 15px;}

.searchBox input{    
    height: 34px;
    width: 250px;
    border: 3px solid #578cce;
    padding: 0 5px;
    margin: 0 5px;
    font-size:12px;
}
.searchBox .searchBtn{
    width: auto;
    height: 34px;
    text-align: center;
    border: 0px solid #abadb3;
    font-size: 12px;
    color: #5b5b5b;
    background-color: #578cce;
    cursor: pointer;
    border-radius: 3px;
    margin:0 0 0 -10px;
}
.searchBox img{margin:0 20px;}
.alertLayer.spRenewal .searchBox input{height:28px;}

/*선택 sp 병합 레이어*/
.alertLayer.spRenewal.setting .tableList3.merge{margin-bottom:10px;}
.alertLayer.spRenewal.setting select{width:85%;height:25px;}
.alertLayer.spRenewal.setting.merge select{float:none;}
.alertLayer.spRenewal.setting .indentBox{margin-bottom:-10px;}
.alertLayer.spRenewal.setting .inputText{float:none;width:85%;height:25px;}
.alertLayer.spRenewal.setting .tableList3 td .cursor{cursor:pointer;}
.alertLayer.spRenewal.setting .tableList3 td .cursor:hover{text-decoration:underline;}

/*sp 건수 확인 레이어*/
.alertLayer.renewal.userDetailLayerNew{width:200px;z-index: 1001;border:0;height:auto;
}
.alertLayer.renewal.userDetailLayerNew .wrap{border:1px solid #a4a4a4;float:left;width:100%;position:relative;padding:0;}

.alertLayer.renewal.userDetailLayerNew .quickviewTitle .title{padding:6px 10px;font-size:13px;font-weight:bold;float:left;}
.alertLayer.renewal.userDetailLayerNew .quickviewTitle .title span{font-weight:normal;}
.alertLayer.renewal.userDetailLayerNew .quickviewTitle img{padding:5px 10px;cursor:pointer;}
.alertLayer.renewal.userDetailLayerNew .wrap .conBox{width:100%;background-color:#fff;height:auto;}
.alertLayer.renewal.userDetailLayerNew .wrap .conBox p{padding:5px 10px;float:left;font-size:13px;line-height:22px;}
.alertLayer.renewal.userDetailLayerNew .wrap .speechBubble{position:absolute;}

/*sp 설정 레이어 160825 끝*/


/* 감사안부 설정 레이어 160825 시작 */
.alertLayer.renewal{height:auto;}
.alertLayer.renewal .tabbox div{width:33.3%; width:calc(33.3% - 1px);}
.alertLayer.renewal .contentsWorkList {border-bottom:1px solid #dfdfdf;padding-bottom:15px;}
.alertLayer.renewal .contentsWorkList button {padding:0 20px;}
.alertLayer.renewal .contentsWorkList .left button:first-child {margin:0;}
.alertLayer.renewal .contentsWorkList .right button:last-child {margin:0;}
.alertLayer.renewal .dataAllBox{
	border-bottom:1px solid #dfdfdf;margin:15px 0 0px 0;padding-bottom:10px;
	font-size:16px;
	height:auto;
	width:100%;
	line-height:24px;
	overFlow:auto;
	}

.alertLayer.renewal .viewSelectBox{float:left;margin-left:0px; width:100%;}
.alertLayer.renewal .viewSelectBox .viewRoundBlueBtn, .alertLayer.renewal .viewSelectBox .viewRoundwhiteBtn{
		padding:0 10px;
		transition:inherit;
		margin-bottom:5px;
	}
.alertLayer.renewal .viewSelectBox .viewRoundwhiteBtn:hover{margin-top:-1px;}
	
.alertLayer.renewal .wrap{width:304px; padding:0;}
.alertLayer.renewal.fc_send_contentsbox .smsBox{width:140px;}
.alertLayer.renewal.fc_send_contentsbox .graySelectBox{
	background-color: #80b34d;border-radius:6px;
	line-height:25px; color:#ffffff;
}
.alertLayer.renewal.fc_send_contentsbox .graySelectBox.orangeSelectBox{
	background-color: #de903f;
}
.alertLayer.renewal.fc_send_contentsbox .graySelectBox:hover{background-color: #6a9e36;}
.alertLayer.renewal.fc_send_contentsbox .smsBtnArea {width:105px; margin:0 auto; }
.alertLayer.renewal.fc_send_contentsbox .smsBtnArea button {width:50px;margin:8px 0;color:#fff;}
.alertLayer.renewal.fc_send_contentsbox .smsBtnArea .graySelectBox{margin-right:5px;}

.alertLayer.renewal .send_mail{margin:0 0 0 16px;float:left;}

.alertLayer.renewal .sampleAllBox{float:left;width:62%;min-height:380px;}
.alertLayer.renewal .sampleAllBox .smsBox .smsBoxSmall span{white-space:pre-line}
.alertLayer.renewal .sampleAllBox .smsBox .graySelectBox div{text-align:center}
.alertLayer.renewal .sampleAllBox .smsBox .smsBoxSmall pre{margin:0; letter-spacing:-1px;}

.alertLayer.renewal .send_mail .roundBox{float:right;width:33%;margin:20px 22px 0 0;/* height:290px; */}
.alertLayer.renewal .send_mail textarea{
	overflow-y:scroll; height: 168px; border: none; resize: none; width: 217px;
	border:1px solid #c8c8c8;
	font-size:16px; margin:10px 0 10px 10px;
	font-family:'malgun gothic';
	}
.alertLayer.renewal .send_mail .sender{
	width:217px;
	font-size:16px;
	margin:0px 0 10px 10px;
	border:1px solid #c8c8c8;
	}

.alertLayer.renewal .smsSave{width:200px;float:right;margin:15px 30px 0 0;}
.alertLayer.renewal .smsSave input{float:right;margin-right:5px;}

.alertLayer.renewal .bottomBtn.spSet{width:100%; margin:0 auto; float:left;}

.alertLayer.renewal .sampleAllBox .smsEmptyBox {width:100%; text-align:center; padding:33% 0;  }


.alertLayer.renewal  .viewRoundblueBtnSmall {
	float:left; 	height:22px;
	
	cursor:pointer;	border-radius:5px;
	
	font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
	color:#ffffff; font-weight:bold; line-height:22px;
	text-align:center;	font-size:16px;
	margin-top:3px; padding:0 10px; 
	background-color:#3a7ecb;	
}

.alertLayer.renewal  .viewRoundwhiteBtnSmall {
	float:left;
	height:22px;
	cursor:pointer;
	
	border-radius:30px;
	text-align:center; font-weight:bold;font-size:16px;
	font-family:'나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
	margin-top:3px;	padding:0 10px;
}

/* 감사안부 설정 레이어 160825 끝 */

/* 감사안부 설정 레이어 추가 161005 시작 */
.alertLayer.spSetting .smsSave.each{width:100%;float:left;margin:5px 0 10px 0;}
.alertLayer.spSetting .smsSave.each input{margin-right:5px;}
/* 감사안부 설정 레이어 추가 161005 끝 */

.alertLayer.renewal.fc_send_contentsbox .send_mail .messageBox {overflow:hidden;}

/*활동스케줄 추가*/

.confirmLayer {
	width:280px;
}

.confirmLayer .textCenter {
	text-align:center;
	line-height:18px;
}

.sche_04_01 .fullBtn {
	width:100%;
}

.deleteLayer {
	width:350px;
}

.deleteLayer .grayBox div:first-child {
	margin-bottom:10px;
	line-height:22px;
}

.alertLayer.deleteLayer .blueBtn,
.alertLayer.deleteLayer .grayBtn{
	width:48%;
}



/*고객선택레이어 _ 20160907 _ hs______ UX수정*/
.selectGroupLayer {
	width:800px;
	box-shadow: none;
    border: 0;
}

.send_mail .alertLayer.selectGroupLayer.custGroupSelect{
	width:800px;
}

.selectGroupLayer .orange {
	color:#f17246;
}

.selectGroupLayer .tabbox div {
	width:49.5%;
	width:calc(50% - 1px);
}

.selectGroupLayer .selectGrayBox {
	padding:6px 10px;
	height:auto;
}

.selectGroupLayer .contentsWorkList .selectGrayBox {
	padding: 8px 13px;
}

.selectGroupLayer .right .selectGrayBox:last-child {
	margin-left:10px;
}

.selectGroupLayer .inputText {
	text-indent:5px;
	height:20px;
	padding:0;
	float:left;
}

.selectGroupLayer .searchBtn {
	margin-top:0;
}

.selectGroupLayer .contentsWorkList button {
	padding:0 14px;
}

.selectGroupLayer .contentsWorkList button:first-child{
	margin-left:1px;
}

.selectGroupLayer .contentsWorkList .checkType {
	margin-right:15px;
	float:left;
}

.selectGroupLayer .contentsWorkList .checkType:last-child{
	margin-right:0;
}

.selectGroupLayer .contentsWorkList .checkType input {
	margin-right:5px;
}

.selectGroupLayer .selectGroupArea {
	width:100%;
	height:360px;
	overFlow:auto;
	margin-bottom:15px;
}

.selectGroupLayer .GradeArea {
	overFlow:auto;
	margin:15px 0;
}

.selectGroupLayer .gradeTitle{
	margin-bottom:10px;
	height:30px;
}

.selectGroupLayer .groupSection .tableList {
	margin-top:0;
	border:1px solid #b2b2b2;
}

.selectGroupLayer .groupSection .tableList th {
	padding:15px;
}

.selectGroupLayer .groupSection .tableList td {
	padding:15px;
}

.selectGroupLayer .groupSection .tableList p {
	margin:0;
}

.selectGroupLayer .gradeTitle .checkBox {
	margin:7px 5px 0 0;
}

.selectGroupLayer .gradeTitle p {
	margin:5px 0 0 0;
}

.selectGroupLayer .groupSection .tableList .checkBox{
	margin-right:5px;
}

.selectGroupLayer .groupSection .member div.left {
	margin:0 15px 0 0;
}

.selectGroupLayer .typeArea {
	margin-bottom:15px;
}

.selectGroupLayer .btnArea {
	width:304px;
	margin:-10px auto 0 auto;
}


/*고객선택 _ 리스트 방식 _ 디자인 수정 _ 20161111 */
.selectGroupLayer_list .GradeArea .contentsWorkList {
	width:40%;
	float:left;
	margin-top:0;
}

.selectGroupLayer_list .GradeArea .contentsWorkList button:first-child{
	border-radius:5px 0 0 5px;
}
.selectGroupLayer_list .GradeArea .contentsWorkList button:last-child{
	border-radius:0 5px 5px 0;
}

.selectGroupLayer_list .GradeArea {
	margin-bottom:10px;
	border-bottom: 1px solid #c8c8c8;
    padding-bottom: 8px;
}

.selectGroupLayer_list .typeArea {
	margin-top:0;
}
.selectGroupLayer_list .refreshBtn {
	float:right;
	margin-right:1px;
}

.selectGroupLayer_list .groupGradeArea {
	width:23.6%;
	height:360px;
	padding-right:3px;
	overFlow:auto;
	float:left;
	font-family: 'Malgun Gothic','맑은 고딕','Nanum Gothic';
}

.selectGroupLayer_list .groupGradeArea .menu {
	margin-bottom:10px;
	background-color:#f2f2f2;
	border:1px solid #e6e6e6;
	border-radius:6px;
}

.selectGroupLayer_list .groupGradeArea .menu:last-child {
	margin-bottom:0;
}

.selectGroupLayer_list .groupGradeArea .roundGroup {
	cursor:pointer;
	/*border:1px solid #e6e6e6;*/
	background:#fff;
	font-size:14px;
	padding:13px 14px;
	border-radius:5px;
	overFlow:auto;
}

.selectGroupLayer_list .groupGradeArea .roundGroup:hover{
	background:#808080;
	color:#ffffff;
}

.selectGroupLayer_list .groupGradeArea .roundGroup  a {
	list-style:none;
}

.selectGroupLayer_list .groupGradeArea .roundGroup p {
	margin:0;
	width:89%;
	}

.selectGroupLayer_list .groupGradeArea .menu .select {
	border:0;
	font-weight:bold;
	color:#fff;
	background:#366eb4;
} 

.selectGroupLayer_list .groupGradeArea .hide{
	display:none;
}

.selectGroupLayer_list .groupGradeArea .styleOn{
	list-style-image: url('../images/scheduling/circleMarker.png');
	margin:7px 0 0 20px;
	line-height:30px;
	font-size:13px;
	padding:0 5px;
}

.selectGroupLayer_list .styleOn li {
	cursor:pointer;
	line-height:18px;
	margin-bottom:10px;
}
.selectGroupLayer_list .styleOn li:hover{color:blue;}

.selectGroupLayer_list .styleOn .txtSelect {
	font-weight:bold;
}

.selectGroupLayer_list .gradeImg {
	width:13px;
	height:8px;
	margin:6px 0 0 0 ;
}

.selectGroupLayer_list .selectGroupArea .selectMemberArea {
	width:75.6%;
	height:360px;
	overFlow:auto;
	float:left;
	padding-left:3px;
}

.selectGroupLayer_list .selectMemberArea p {
	margin:0;
}

.selectGroupLayer_list .selectMemberArea .greyMember {
	background:#f2f2f2;
	padding:6px 13px;
	height:30px;
	margin-bottom:10px;
}

.selectGroupLayer_list .selectMemberArea .greyMember p {
	margin:9px 25px 0 0;
}

.selectGroupLayer_list .selectMemberArea .greyMember input,
.selectGroupLayer_list .selectMemberArea .greyMember span {
	margin-top:9px;
}

.selectGroupLayer_list .selectMemberArea .greyMember span {
	display:block;
	margin:9px 15px 0 5px;
}
.selectGroupLayer_list .selectMemberArea .custImg {
	width:11%;
	cursor:pointer;
	text-align:right;
}

.selectGroupLayer_list .selectMemberArea .custImg img {
	margin-top:2px;
}

.selectGroupLayer_list .selectMemberArea .custList {
	padding:5px 12px 15px 12px;
	list-style:none;
	overFlow:auto;
}

.selectGroupLayer_list .custList li {
	margin:0 15px 5px 0;
	width:22%;
	height:28px;
	overflow:auto;
}
 
.selectGroupLayer_list .selectMemberArea  .check {
	margin-right:4px;
}

.selectGroupLayer .selectGrayBox select {
	height:22px;
	margin:0 0 0 5px;
}

.selectGroupLayer .selectGrayBox .workList {
	height:22px;
}


/*그룹선택*/
.selectGroupLayer .selectGradeArea {
	width:39%;
	float:left;
	height:400px;
	overFlow:auto;
}

.selectGroupLayer .GradeArea .groupRight {
	width:46%;
}

.selectGroupLayer .groupRight .selectGrayBox input {
	height:22px;
}

.selectGroupLayer .groupRight .workList {
	height:36px;
	border-radius:5px;
}
 
.selectGroupLayer .groupAllGradeArea{
	width:100%;
	height:auto;
	margin-bottom:15px;
	overFlow:auto;
}

.selectGroupLayer .selectGradeArea .gradeTitle {
	margin-bottom:0;
	line-height:28px;
	/* padding:6px 11px; */
	font-size:14px;
	font-weight:bold;
	height:auto;
}

.selectGroupLayer .selectGradeArea .gradeTitle input {
	margin:9px 5px 0 0;
}

.selectGroupLayer .selectGradeArea .gradeTitl p {
	margin:0;
}

.selectGroupLayer .groupNameBox {
	width:90%;
	margin-bottom:10px; padding:0 11px 15px 11px;
	border:1px solid #e6e6e6;
	overFlow:auto;
	border-radius:5px;
	
}

.selectGroupLayer .groupName {
	float:left;
	margin:15px 15px 0 0 ;
}

.selectGroupLayer .groupName input {
	margin-right:3px;
}
.selectGroupLayer .searchBtnArea {
	width:12%;
	float:left;
	padding:20px 10px 0 10px;
}

.selectGroupLayer .blueCusBtn {
	border:0;
	background:#2c72ca;
	border-radius:5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:10px 5px;
	margin-top:40px;
	cursor:pointer;
}

.selectCusArea .serviceTypeArea button {
	border-top:0;
}
.selectCusArea .serviceTypeArea button:first-child{
	border-left:0;
}
.selectCusArea .serviceTypeArea button:last-child{
	border-right:0;
}

.selectGroupLayer .searchBtnArea p {
	margin:3px;
}

.selectGroupLayer .selectCusArea  {
	width:46%;
	border:1px solid #dfdfdf;
	height:400px;
	overFlow:auto;
}

.selectGroupLayer .selectCusArea.right .selectGrayBox {
	width :95%;
	margin:0;
	margin-top:-1px;
	padding-top:10px;
	padding-bottom:7px;
	border-right:0;
	border-left:0;
	background:#f3f3f3;
}

.selectGroupLayer .selectCusArea .checkType{
	float:left;
	margin:0 15px 5px 0;
	
}
.selectGroupLayer .selectCusArea .checkType:last-child{
	margin-bottom:0;
}

.selectCusArea .viewCustArea {
	overFlow:auto;
	padding:15px 0px 0;
}

.selectCusArea  .viewCustArea div.left {
	/* margin:5px 0px 10px 10px ; */
	padding:5px;
	margin:0px 0px 5px 5px;
}

.selectCusArea  .viewCustArea div input {
	margin-right:3px;
}

.selectCusArea .serviceTypeArea {width:100%;}

.selectCusArea .serviceTypeArea button:first-child {
	width:33.3%;
}

.selectCusArea .serviceTypeArea button:nth-child(2) {
	width:33.3%;
}

.selectCusArea .serviceTypeArea button:last-child {
	width:33.4%;
}

.selectGroupLayer .leftCategoryBox{
	width:auto;
	float:left;
}

.selectGroupLayer .leftCategoryBox .resetBtn {
	float:right;
	margin-left:2px;
}

.selectGroupLayer .leftCategoryBox .resetBtn button {
	height:36px;
	border-radius:5px;
}

.selectGroupLayer.custGroupSelect {
	border:1px solid #dcdcdc;
}


.selectGroupLayer.custGroupSelect .groupNameBox {
	width:90%;
	margin-bottom:0px; 
	padding:0;
	border:0px solid #e6e6e6;
	overFlow:auto;
	border-radius:0px;
	
	background:url( "../images/listtree_bg.gif" );
	background-repeat:repeat-y;
}

.selectGroupLayer.custGroupSelect .selectGradeArea{
	width:29%;
	padding:5px 10px;
}

.selectGroupLayer.custGroupSelect .selectCusArea{
	width:53%;
}
	
.selectGroupLayer.custGroupSelect .groupNameBox .groupName:before{
	content: url( "../images/listtree.gif" );
	float:left;
}

.selectGroupLayer.custGroupSelect .groupNameBox:last-child .groupName:before{
	content: url( "../images/listtreeend.gif" );
	float:left;
}

.selectGroupLayer.custGroupSelect .groupNameBox .groupName{
	line-height:22px;
	margin:0px;
}

.selectGroupLayer.custGroupSelect .groupNameBox .groupName input{
	margin-top:4px;
	
}

.alertLayer.selectGroupLayer .selectCusArea{
	overflow-x:hidden;
	overflow-y:hidden;
}

.alertLayer.selectGroupLayer.custGroupSelect .viewCustArea{
	/* width:100%;
	height:492px; */
	width:100%;
	height:80%;
}
.send_mail .alertLayer.selectGroupLayer.custGroupSelect .grayBtn{
	width:140px;
}


.alertLayer.selectGroupLayer .viewCustArea div{
	width:46%;
	letter-spacing:-1px;
	border-bottom:1px dashed #cacaca;
}

.alertLayer.selectGroupLayer .viewCustArea div label span.left{
	width:85%;
	line-height:14px;
}


/*고객선택레이어________끝 */


/*원간안부 설정 안내 레이어 수정 _160922 시작  */
.alertLayer.settingGuide img{margin:10px 0;}
.alertLayer.settingGuide .submitLine{float:left;width:100%;margin:10px 0 15px 0;}
.alertLayer.settingGuide .closeContinue{width:auto;float:right;margin-left:5px;}
.alertLayer.settingGuide input{float:right; margin-right:5px;}
.alertLayer.settingGuide p {margin:0;}
.alertLayer.settingGuide .closeFromnowon {margin:0;}
.alertLayer.settingGuide .graybox {margin: 15px 0;}

.alertLayer.monthlyEditLayer .tabbox div,
.alertLayer.monthlySendLayer .tabbox div
{width:49.5%; width:calc(50% - 1px);}

.alertLayer.settingGuide .blueBtn, 
.alertLayer.settingGuide .greenBtn, 
.alertLayer.settingGuide .grayBtn {
	width:32%;
	width:calc(32% - 10px);
	margin:10px 8px 0px;
} 

.alertLayer.settingGuide .blueBtn p, 
.alertLayer.settingGuide .greenBtn p, 
.alertLayer.settingGuide .grayBtn p {margin:8px 0 0 0;} 


/*원간안부 설정 안내 레이어 수정 _160922 끝  */

/*감사안부 중복알림 레이어 _161027 시작*/
.alertLayer.dup_alarm .tableList td.customer{background-color:#ffffff;}
/*감사안부 중복알림 레이어 _161027 끝*/

/*퀵노트 내 sp추가 부분 깨짐 수정 _ 161102 시작*/
.quicknote .addSP.renewal {width:auto;}
.quicknote .addSP.renewal .tablebox .title .inputText{width:94px;}
.quicknote .addSP.renewal .layerDateGrayBox{width:115px;margin-left:6px;}
.addSP.renewal .tablebox .end select{width:100%;}
.quicknote .addSP.renewal .tablebox .price .layerDateGrayBox{width:98%;}

/*퀵노트 내 sp추가 부분 깨짐 수정 _ 161102  끝*/



/*스케줄/메모 다건 입력시 고객 선택 수정할 수 있는 레이어 _ 20161115 _ hs*/
.scheduleLayer .searchGroupBtn{
	margin-left:5px;
}

.custListLayer {
	position:fixed;
	z-index:1005;
}

.custListLayer .quicknote_editBox {
	width:180px;
	background:#fff;
	border:1px solid #c8c8c8;
	max-height:280px;
	overFlow:auto;
	text-align:left;
}

.custListLayer .custNameBox {
	cursor:pointer;
	border-radius:5px;
	border:1px solid #c8c8c8;
	width:89%;
	padding:5px;
	background-color:#fff;
	text-align:left;
	margin:5px 5px 0;
	height:auto;
	overFlow:auto;
}

.custListLayer .custName {
	font-size:14px;
	font-weight:bold;
	font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔고딕','Apple SD Gothic Neo','Apple Gothic' ; 
	color:#5b5b5b;
	margin:0 2px 0 5px;
	float:left;
}

.custListLayer .quicknote_replyNumberCloseBtn {
	text-align:right;
}

.custListLayer .quicknote_replyNumberCloseBtn img {
	cursor:pointer;
	padding:4px 3px 0 2px;
}

/*팀관리 _ 팀원관리 _ 레이어 20161116_hs*/

.team_activity .alertLayer .contentsBox,
.member_management .alertLayer .contentsBox {
	background: #f7f7f7;
	line-height:18px;
	text-align:left;
	margin:5px 0;
	padding:15px;
	margin-bottom:10px;
}

.team_activity .alertLayer .textBox,
.member_management .alertLayer .textBox{
	margin-bottom:10px; 
}

.team .memoListLayer{
	width:640px;
	height:500px;
}

.team .memoListLayer .memoInputArea textarea{
	width:76.5%;
	padding:15px 10px;
}

.team .memoInputArea .blueMemo {
	width:20%;
	background:#3a7ecb;
	color:#fff;
	border:0;
	height:62px;
	cursor:pointer;
}

.memberPayLayer .searchArea,
.memoListLayer .searchArea {
	margin:15px 0;
	padding:9px 13px;
	border:1px solid #d8d8d8;
	overFlow:auto;
}

.memoListLayer .searchArea p {
	margin:0;
}

.memoListLayer .searchArea .input {
	margin:4px 7px 0 0;
	float:left;
	width:40px;
}

.memoListLayer .dateBox .date {
	width: 85px;
	float:left;
	margin:0 10px 0 0;
	height:20px;
}

.memoListLayer .dateBox select {
	margin:0 20px 0 0;
	height:20px;
}

.memoListLayer .searchBox .inputText {
	border:1px solid #abadb3;
	height:22px;
	float:left;
	margin:0;
	width:170px;
}

.memoListLayer .searchBox button{
	color:#5b5b5b;
	border:1px solid #abadb3;
	height:24px;
	float:left;
	margin-left:-1px;
	background:#f5f5f5;
	cursor:pointer;
}

.memoListLayer .listArea {
	width:100%;
	height:265px;
	overflow:auto;
	margin-bottom:15px;
}

.memoListLayer .listArea .yellowBg{
	background:#fff4a8 ;
	padding:10px 13px;
	overflow:auto;
	margin-bottom:10px;
}

.memoListLayer .listArea .yellowBg .data{
	width:14%;
	float:left;
	color:#7c4912;
	text-align:left;
}

.memoListLayer .listArea .yellowBg .time{
	width:9%;
	float:left;
	color:#7c4912;
	text-align:left;
}

.memoListLayer .listArea .yellowBg .bodyBox{
	float:left;
	width:73%;
}

.memoListLayer .listArea .yellowBg .close{
	width:14px;
	height:14px;
	border:0;
	background:none;
	background-image:url('../images/prospecting/orangeClose.png');
	background-size:14px 14px;
	float:right;
	cursor:pointer;
}

.memoListLayer .submitLine  button{
	width:100%;
	background:#c0c0c0;
	color:#fff;
	font-weight:bold;
	padding:8px;
	cursor:pointer;
}

.member_management .memberPayLayer{
	width:560px;
}

.member_management .memberPayLayer .tableListBox {
	height:160px;
	overflow:auto;
	border:0;
	padding-right:10px;
}

.memberPayLayer .tableList td {
	padding:8px ;
}  

.memberPayLayer .tableList {
	margin:0;
}

.memberPayLayer .tableList .period  select{
	width:50px;
	height:24px;
	text-indent:5px;
}

.memberPayLayer .tableList td p {
	margin:7px 0;
}

.memberPayLayer .greyBox {
	width:94.6%;
	padding:15px;
	background:#f0f0f0;
	color:#282828;
	overflow:auto;
	margin-top:20px;
}

.memberPayLayer .greyBox p {
	margin:0;
	line-height:17px;
}

.memberPayLayer .greyBox .line {
	width:100%;
	height:1px;
	margin:12px 0;
	background:#000;
}

.memberPayLayer .greyBox ol {
	width:97%;
	float:left;
	margin-left:15px;
	line-height:17px;
}

.memberPayLayer .coinPay {
	width:100%;
	overflow:auto;
	margin:15px 0 0 0;
}

.memberPayLayer .coinPay .coinUse {
	margin:8px 30px 0 40px;
	float:left;
}

.memberPayLayer .coinPay input {
	width:110px;
	height:30px;
	text-align:right;
	padding-right:7px;
	margin:0px 7px 0 0;
	float:left;
}

.memberPayLayer .coinPay .coin {
	margin-top:8px;
	float:left;
 }

.memberPayLayer .coinPay .blueBtn {
	margin:0 0 0 15px;
	width:90px;
	float:left;
}

.memberPayLayer .payPrice {
	text-align:right;
	font-weight:bold;	
}

.memberPayLayer .payPrice .italic {
	font-style:italic;
	font-size:24px;
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
}

.memberPayLayer .notice {
	width:100%;
	text-align:center;
	margin-top:20px;
}

.memberPayLayer .submitLine {
	width:304px;
	margin:0 auto;
	overflow:auto;
	margin-top:5px;
}

.memberPayLayer .submitLine button{
	margin-top:0;
}

/*회색박스內 ul&li 스타일 _161125*/
.grayBoxText.includeUl{width:100%;padding:5px 10px;margin:0;}
.grayBoxText.includeUl ul{list-style:square;padding-left:20px;}
.grayBoxText.includeUl ul li{padding:10px 0;font-size:15px;}


.alertLayer.scheduleLayer .custNameBox  {
	margin-right:10px;
	line-height:24px;
}


/*퀵노트 감사안부 설정 레이어 _ 20170102 _ hs _ 시작*/
.quick.spRenewal .quickLayer {
	width:558px;
	height:auto;
}

.quick.spRenewal .quickLayer .conBox {
	max-height:420px;
}

.quick.spRenewal .quickLayer .SmsContentsWrapper {
	width:168px;
	margin-bottom:0px;
}

.quick.spRenewal .quickLayer td {
	padding-bottom:0;
}

.quick.spRenewal .quickLayer .SmsContentsWrapper .row4 {
	width:141px;
	margin:0 auto;
	padding-left:4px;
}

.quick.spRenewal .quickLayer .SmsContentsWrapper .row3 .bottomCheckWrapper {
	margin-left:16px;
}

.quick.spRenewal .quickLayer .SmsContentsWrapper .row4 .WhiteBtn {
	width:43px;
}

.quick.spRenewal .quickLayer .SmsContentsWrapper .row6 {
	width:148px;
	margin:0 auto;
	padding-left:0;
} 

.quick.spRenewal .quickLayer .bottomBtn .wrap {
	width:302px;
}

.quicknote .quickLayer.taCtrl .labelWrapper input{
	float:left;
	margin-top:2px;
}


.quicknote .quickLayer.taCtrl .labelWrapper .textPositioning{
	margin-top:2px;
} 

.quicknote .quickLayer .spRenewal.service .blackLine {
	display:flex;
}

.quicknote .quickLayer .spRenewal.service .blackLine .left60 {
	width:90%;
}

.quicknote .quickLayer .spRenewal.service .blackLine .left40 {
	width:10%;

}

.quicknote .quickLayer .layerDateGrayBox .checkboxWrapper{
	width: 116px !important;
	letter-spacing:-1px;
	padding:2px 0;
}
/*퀵노트 감사안부 설정 레이어 _ 20170102 _ hs _ 끝*/



/*sp레이어 갱신 _20170125 시작*/
.alertLayer.spRenewal.spRenewalSet{}
.alertLayer.spRenewal.spRenewalSet .tableWrap{max-height:400px;float:left;overflow-y:auto;}
.alertLayer.spRenewal.spRenewalSet .tableList3{margin-bottom:20px;max-height:500px;overflow-y:scroll;/*table-layout:auto;*/}
.alertLayer.spRenewal.spRenewalSet .tableList3 th, .alertLayer.spRenewal.spRenewalSet .tableList3 td{border:1px solid #bebebe;text-align:center;}
.alertLayer.spRenewal.spRenewalSet .tableList3 p{margin:0;}
.alertLayer.spRenewal.spRenewalSet .messageType{width:70px;}
.alertLayer.spRenewalSet.spRenewal .bottomBtn .wrap{width:80%;}
.alertLayer .subSetBtn{
	background-color: #fff;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    padding: 3px 8px;
    cursor: pointer;
    width: auto;
    margin: 0;
    float: right;
    text-align: center;
    font-family: 'gulim';
    font-size: 12px;
}
.alertLayer.spRenewalSet.spRenewal .tableList3 .inputText.dataInput{width:76%;}
.alertLayer.spRenewalSet.spRenewal .tableList3 .wrap_input{width:100%;}
.alertLayer.spRenewalSet.spRenewal .tableList3 .inputText.dataInput.grayDate{color:#999999;text-align:left;border:0;width:70%;margin:0;letter-spacing:-0.5px;}
.alertLayer.spRenewalSet.spRenewal .tableList3 img{margin:6px 0 0 0;}
.alertLayer .subSetBtn:hover{background-color: #f7f7f7;}
.alertLayer.spRenewalSet.spRenewal .wrap_input p:first-child{margin-right:0;}
.alertLayer.spRenewalSet.spRenewal .wrap_input p{margin:3px 0 0 0;color:#999999;}
.alertLayer.spRenewalSet.spRenewal select{font-size:12px;font-family:'gulim';height:20px;width:100%;}
.alertLayer.spRenewalSet.spRenewal .title input{border:1px solid #abadb3;width:100%;font-size:12px;height:20px;padding:0;}
.alertLayer.spRenewalSet.spRenewal .tableList3 .memo textarea{width:100%;height:45px;font-size:12px;padding:0;}
/*sp레이어 갱신 _20170125 끝*/

/*감사안부 일괄 발송 설정 _20170125 시작*/ 
.alertLayer.spRenewalSet .txt{font-size:15px;font-family:'malgun gothic'}
.alertLayer.spRenewalSet .txt .notice{font-size: 13px;color:#d53333;}
/*감사안부 일괄 발송 설정 _20170125 끝*/

/*메일보내기 개편 레이어 _일부는 공용으로 사용 가능케 작업 _17.03.08 시작 */
.alertLayer.alarm{} /*공용*/
.alertLayer.alarm .noticeTxt{font-size:13px;font-family:'malgun gothic';width:100%;}/*공용*/

.pdsmail .alertLayer.alarm .noticeTxt{margin:8px 0 10px 0;float:left;}

.alertLayer select.timeSet{height:30px;font-size:12px;font-family:'gulim';font-weight:normal;letter-spacing:0;margin:10px 10px 10px 0;width:95px;}/*공용*/
.pdsmail .alertLayer .inputText.datepick{margin:10px 10px 10px 0;height:25px;text-indent:5px;width:115px;;}

.pdsmail .alertLayer select.timeSet.date{width:120px;}

.txtCenter{text-align:center;}

.pdsmail .alertLayer .indentBox{width:770px;}

.pdsmail .alertLayer .grayBox{float:left;padding:10px 10px 6px;}
.alertLayer .grayBox label{float:left;}/*공용*/
.alertLayer .grayBox input.checkBox{margin-top:5px;}
.alertLayer .grayBox label p{margin:3px 0 0 5px;}/*공용*/

/*도움말 레이어*/
.alertLayer.alarm.guide{}
.alertLayer.alarm.guide div{max-height:600px;overflow-y:auto;}
.alertLayer.alarm.guide .noticeTxt{font-size:15px;margin:20px 0;width:95%;}
.alertLayer.alarm.guide .btnArea{margin:20px 32%;}

.alertLayer.alarm.guide .divisionLine{height:2px;float:left;width:95%;border-top:2px dashed #969595;margin:20px 0;}
/*메일보내기 개편 레이어 _일부는 공용으로 사용 가능케 작업 _17.03.08 끝 */


/*sp이후 할일 관리 _17.04.04 시작*/
.alertLayer.spRenewal.spAddSche .layerGrayBox{margin-top:5px;padding:5px 0;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set{width: 285px;margin:10px auto;letter-spacing:-1px;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set .textPositioning{margin-top:5px;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set .textPositioning span{margin-left: 5px;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set .inputText{width:187px;margin-left:0px;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set .inputText.time{width: 43px;margin-right: -1px;float:left;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .set select{width: 66px;height: 29px;margin:0 0 0 0;margin-bottom: 10px;margin-right: 0px;font-family:'gulim';font-size:12px;}
.alertLayer.spRenewal.spAddSche .layerGrayBox .todo{margin-left: 28px;}
.alertLayer.spRenewal.spAddSche .redBtn{margin-left:0;}
/*sp이후 할일 관리 _17.04.04 끝*/



/*영업지원 알고싶어요 판매 레이어 2017_04_07 시작*/
.alertLayer.orderLayer {
	width:580px;
}

.alertLayer.orderLayer input,
.alertLayer.detailOrderLayer input{
	text-indent: 5px;
}

.orderLayer .productArea{
	margin-bottom:20px;}

.detailOrderLayer .title,
.orderLayer .title{
	font-size: 16px;
	font-family: 'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕','Apple SD Gothic Neo','Apple Gothic';
	letter-spacing: -1px;
	font-weight: bold;
}

.orderLayer .tableList th {text-align: center;}

.orderLayer .productArea .tableList th {
	text-align: center;
	border-right:1px solid #c8c8c8;
}

.orderLayer .productArea .tableList th:last-child,
.orderLayer .productArea .tableList td:last-child{
	border-right:0;
}

.orderLayer .productArea .tableList td{
	border-right:1px solid #c8c8c8;
	padding:2px 10px;
	text-align: right;
	height:34px;
}

.orderLayer .productArea .tableList .txtLeft {
	text-align: left;	
}

.detailOrderLayer .tableList .txtCenter,
.orderLayer .productArea .tableList .txtCenter {
	text-align: center;	
}

.orderLayer .titleArea {
	width:100%;
	height:20px;
}

.detailOrderLayer .addressArea .tableList td,
.orderLayer .addressArea .tableList td{ 
	text-align: left;
	padding:3px 9px;
}

.orderLayer .addressArea .selectAdd {
	width:36%;
	float: right ;
	text-align: right;
	margin-top:5px;
}

.orderLayer .addressArea .selectAdd span{
	float: left;
	margin-left:5px;
}

.orderLayer .addressArea .selectAdd label:first-child{
	margin-right:10px;
	float: left;
}

.orderLayer .addressArea .phone {
	width:85%;
}

.detailOrderLayer .addressArea .codeBtn,
.orderLayer .addressArea .codeBtn {
	border-radius: 5px;
	border:1px solid #c8c8c8;
	padding:3px 10px;
	background: #f5f5f5;
	font-size: 12px;
	color: #5b5b5b;
	cursor: pointer;
}

.detailOrderLayer .addressArea .codeBtn:hover,
.orderLayer .addressArea .codeBtn:hover{
	background: #5b5b5b;
	color:#ffffff;
}

.orderLayer .addressArea .title {
	width:30%;
	float: left;
}

.detailOrderLayer .addressArea .full,
.orderLayer .addressArea .full {
	width:90%;
	margin-top:4px;
}

.detailOrderLayer .addressArea .check,
.orderLayer .addressArea .check {
	margin:7px 0 5px 0;
	overflow: auto;
}

.detailOrderLayer .addressArea .check p, 
.orderLayer .addressArea .check p {
	margin-left:4px;
	line-height:15px;
}
.orderLayer .coinArea {
	width:100%;
	overflow: auto;
	margin-top:30px;
}

.orderLayer .coinArea .title {width:18%;}

.orderLayer .coinArea input {
	text-align: right;
	margin-right:10px;
}
.orderLayer .coinArea p {
	margin:6px 0 0 15px;
}

.orderLayer .addressArea .grayBox {
	margin-bottom:0px;
}

.orderLayer .btnArea button{
	width:32.4%;
	margin:0 8px 0 0;
	height:50px;
	font-family: 'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕','Apple SD Gothic Neo','Apple Gothic';
	font-size: 14px;
	font-weight: normal;
	line-height:48px;
}

.orderLayer .btnArea img {
	margin-top:5px;
	float: left;
}

.orderLayer .btnArea button:last-child {
	margin-right:0;
}

.orderLayer .btnArea .redBtn {
	background: #d86a6b;
}

.orderLayer .btnArea .redBtn:hover {
	background: #cc6364;	
}

.orderLayer .btnArea .greenBtn {
	background: #679d37;
}

.orderLayer .btnArea .greenBtn:hover {
	background: #5c8d31;
}

.orderLayer .btnArea .blueBtn {
	background: #366eb4;
}

.orderLayer .btnArea .blueBtn:hover {
	background: #3265a5;
}





/*상세주문내역*/

 .alertLayer.detailOrderLayer {
	 width:650px;
 }

.alertLayer.detailOrderLayer .tableList{
	margin-bottom:20px;
}

.alertLayer.detailOrderLayer .tableList.orderTable th {
	  text-align: center;
	 
  }

.alertLayer.detailOrderLayer .tableList.orderTable td {
 	padding:10px 10px;
	 text-align: left;
}

.alertLayer.detailOrderLayer .recipe .tableList th,
.alertLayer.detailOrderLayer .recipe .tableList td{
	text-align: center;
}

.alertLayer.detailOrderLayer .saveAddBtn {
	border-radius: 5px;
	background: #366eb4;
	color :#fff;
	margin-left:15px;
	border:0;
	padding:3px 12px;
	cursor: pointer;
}

.detailOrderLayer .addressArea .tableList .phone {width:85%;}

.detailOrderLayer .addressArea .tableList th {
	text-align: center;
}

.detailOrderLayer .addressArea .title .changeBtn {
	background: #f5f5f5;
	border:1px solid #b2b2b2;
	color: #7e7e7e; 
	border-radius: 5px;
	padding:3px 12px;
	font-size: 12px;
	cursor: pointer;
}

.detailOrderLayer .orderTable .stateBox {
	border:1px solid #c8c8c8;
	background:#fff;
	cursor:pointer;
}


/*영업지원 알고싶어요 판매 레이어 2017_04_07 끝*/


/*공통 버튼 추가 _17.05.10*/
.alertLayer .btnBox.common{width: 100%;margin: 15px 0;}
.alertLayer .btnBox.common .btn{margin: 10px auto;width: 100%;}
.alertLayer .btnBox.common .btn button{width:100%;}
/*공통 버튼 추가 끝 */


/*퀵뷰 기념일 레이어 수정 _171205 */
.userDetailLayerNew .yellowBox{background-color:#f7f7f7;}

.userDetailLayerNew .sendDate{width:100%;margin:5px 0;letter-spacing:-1px;}
.userDetailLayerNew .flatBtn{width:60px;height:28px;text-align:center;color:#ffffff;background-color:#c8c8c8;float:left;}
.userDetailLayerNew .flatBtn.send{background-color:#74869e;}
.userDetailLayerNew .flatBtn p{margin-top:7px;}
.userDetailLayerNew .byte{margin:5px;}
.userDetailLayerNew .sendTxtArea .modify{background-color:#ffefb0;}

.userDetailLayerNew.anni .sendTxtArea .modify{width:244px;height:82px;margin-bottom:5px;overflow-y:auto;}
.userDetailLayerNew.anni .sendTxtArea .modify.big{height:125px;}
.userDetailLayerNew.anni .sendTxtArea .modify.finish{background-color: rgba(0, 20, 50, 0.3);}
.userDetailLayerNew.anni .sendTxtArea .inactive{background-color:rgba(0, 19, 50, 0.3);}

.userDetailLayerNew .sendSelect{float:left;margin-bottom:5px;overflow:visible;}
.userDetailLayerNew .giftArea{float:left;height:30px;margin-bottom:8px;overflow-y:auto;width: 100%;}
.userDetailLayerNew .sendGift{background-color:#fff1a6;width:100%;float:left;height:30px;margin:0;}
.userDetailLayerNew .sendGift img.gift{width:32px;background-size: 32px;margin-left:8px;margin-top:3px;}
.userDetailLayerNew .sendGift img.close{width:15px;padding:8px 0;margin-right:10px;cursor:pointer;}
.userDetailLayerNew .sendGift p{margin:9px 0 0 6px;width:68%;overflow-x:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}

.userDetailLayerNew .modify.inactive_box{background-color:#040917;opacity: 0.2;}
.userDetailLayerNew .inactive_txt{position: absolute;text-align: center;width: 244px;font-weight: bold;top: 46%;}
.userDetailLayerNew .inactive_txt.big{top:52%;}
.userDetailLayerNew .modify.inactive_box.finish{background-color:rgba(0,0,0,0.2;)}
/*퀵뷰 기념일 레이어 수정_171205 끝 */

/*sp 감사안부 설정 레이어 추가 _171211 */
.messageSet .customer [class*="gradeIcon"]{width: 25px;height: 25px;background-size: 25px;}
/*sp 감사안부 설정 레이어 추가 끝 */

/* 중복 발송 관리 */
.overlapSms{
	width:700px;top:40px;left:130px;height:570px;
	line-height:24px;
}

.overlapSms input.left.mgRight{
	margin-top:5px;
}

.overlapSms .tableWrap{
    float: left;
    height: 420px;
    margin-bottom: 20px;
    overflow: auto;
    width:100%;
}

.overlapSms .tablebox td{
	text-align:center;
}

.overlapSms .tablebox td p{
	margin:0;
}


.overlapSms .tablebox.mgBottom{
	margin-bottom:20px;
}


.overlapSms .tablebox td.msgTd{
	text-align:left;
}

.blueGraySelectBox div{
	float:left;
	width:50px;
	background:#a5a7b3;
	color:#ffffff;
	font-family:'malgun gothic';
	text-align:center;
	padding:5px;
	cursor:pointer;
}

.blueGraySelectBox .blueSelectBox.select{
	background:#578cce;
	font-weight:bold;
}

.blueGraySelectBox .graySelectBox.select{
	background:#545454;
	font-weight:bold;
}

.overlapSms .blueBtn, .overlapSms .grayBtn{
	width:49%;
}

.pageNumBtn{
	width:100%;
	text-align:center;
	padding:15px 0 10px;
}

.overlapSms .subTitle{
	font-size:16px;
	font-weight:bold;
	font-family:'malgun gothic';
	margin:20px 0 10px;
	color:#2e65c5;
	letter-spacing:-1px;
}

.overlapSms .selectBoxText{
	margin:6px 10px 0 0;
	font-weight:bold;
}

.alertLayer.overlapSms .mgTop{
	margin:1px 0 0 0;
}

.alertLayer.overlapSms .mgRight{
	margin-right:7px;
}

.alertLayer.overlapSms select{
	margin-right:5px;
}


/*폰발송 개선_문자보내기 대량 수신시 폰발송 예약 설정 레이어_180309 시작*/
.book.paymentChangeLayer{width:400px;}
.book.paymentChangeLayer .sub_title.blue{color:#3366cc;}
.book.paymentChangeLayer .sub_title.red{color:#d53333;}
.phoneSend.book .tableList td, .phoneSend.book .tableList th{
    background-color:#f9f9f9;
    font-size:15px;
    font-family: 'malgun gothic';
    padding:5px 0;
}
.phoneSend.book .dateSetBox{height:410px;overflow-y:auto;}
.phoneSend.book .tableList{margin:5px 0 10px 0;float:left;}
.phoneSend.book .tableList th{text-align:center;width:15%;}
.phoneSend.book .inputText{height:30px;width:80px;text-indent:5px;float:left;}
.phoneSend.book .inputText.inputDate{width:100px;}
.phoneSend.book select{height:30px;width:65px;}
.phoneSend.book img{margin-top:5px;float:left;cursor:pointer;}
.phoneSend.book p{margin:5px;}
.phoneSend.book input[type=checkbox]{width:20px;margin-left:10px;}
.phoneSend.book .twinBtn, .phoneSend.book .tripleBtn{margin-top:10px;}
.phoneSend.book .graybox{width:100%;padding:10px 0;}
.phoneSend.book .graybox p{font-size:15px;font-family: 'malgun gothic';}
/*폰발송 개선_문자보내기 대량 수신시 폰발송 예약 설정 레이어_ 끝*/

/*소개자 레이어 리뉴얼_시작_180510*/
.alertLayer.recommender{height:250px;}
.alertLayer.recommender .search{margin:20px 5% 0 5%;}
.alertLayer.recommender .search input{width:220px;}
/*소개자 레이어 리뉴얼_끝*/

/* 기념일 축하글수정 레이어 */
.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary{
	width:800px;
}
.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .tabbox div{
	width:24%;
	width:calc(25% - 1px);
}
.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox {
	padding:5px 0 10px;
}

.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox img{
	height:108px;
	border-radius:10px;
}

.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox .addImg{
	border:1px solid #9a9a9a;
	height:135px;
	border-radius:20px;
	cursor:pointer;
	color:#3e6ba5;
}
.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox .addImg:active{
	background:#578cce;
	color:#ffffff;
}

.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox .addImgPlus{
	background:#3e6ba5;
	border-radius:15px;
	width:30px;
	height:30px;
	margin:30px 0 0 55px;
	text-align:center;
	font-family: 'malgun gothic';
	font-size:30px;
	line-height:25px;
	color:#ffffff;
}

.alertLayer.renewal.fc_send_contentsbox.sche_Anniversary .smsBox .addImgText{
	font-size:20px;
	font-family: 'malgun gothic';
	text-align:center;
	margin-top:20px;
}

.alertLayer.spSetting.sche_Anniversary{
	width:480px; 
	z-index:1500;
}

.alertLayer.spSetting.sche_Anniversary .cautionBox{
	width:430px; height:auto;
	padding:20px
}

.alertLayer.spSetting.sche_Anniversary .indentBox p{
	line-height:13px;
}

.alertLayer.spSetting.sche_Anniversary .fc_send_contentsbox .searchFile .inputText{
	height:34px;
}

.alertLayer.anniversaryLetter{
	width:570px; 
}
.alertLayer.anniversaryLetter .emailSelectArea{
	width:100%;
	font-size:16px;
	overflow:auto;
}

.alertLayer.anniversaryLetter .emailSelectArea .emailSelectTitle{
	font-weight:bold;
	margin:8px 10px 0 0;
}
.alertLayer.anniversaryLetter .emailSelectArea .radioArea {
	margin:8px 0 0 0;
	float:left;
}
.alertLayer.anniversaryLetter .emailSelectArea .radioArea .mgRight{
	margin-right:5px;
}
.alertLayer.anniversaryLetter .emailSelectArea .radioArea input{
	margin-top:3px;
}
.alertLayer.anniversaryLetter .emailSelectArea .radioArea label{
	margin-right:10px;
}

.alertLayer.anniversaryLetter .submitLine .greenBtn{
	margin-top:0;
}

.alertLayer.anniversaryLetter .submitLine .greenBtn p{
	float:none;
	margin:7px 0 0;
}

.alertLayer.anniversaryLetter .emailArea{
	width:100%;
	overflow:auto;
}

.alertLayer.anniversaryLetter .submitLine .grayBtn.left{
	width:100% !important;
	margin:10px 0 0;
}

.alertLayer.anniversaryLetter .emailArea .emailTitleArea{
	font-family: 'malgun gothic';
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

.alertLayer.anniversaryLetter .emailArea .emailViewArea{
	height:350px;
	overFlow-y:auto;
}

.alertLayer.letterSelect{
	width:380px;
}

.alertLayer.letterSelect .letterSelectArea{
	padding:10px 0 0 0;
}

.graySelectBtn{
	width:80px; height:25px;
	margin:8px auto;
	float:none;
	border:0;
	
	background-color:#80b34d;
	border-radius:6px;
}

.graySelectBtn p{
	color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    font-family: '나눔 고딕','맑은 고딕','Apple SD Gothic Neo','Apple Gothic';
    text-align: center;
    margin-top: 3px;
	line-height:25px;
}

.alertLayer.letterSelect .letterSelectArea .letterImgArea{
	width:105px;
	float:left;
	margin:0 20px 10px 0;
}

.alertLayer.letterText{
	width:830px;
	
	position:fixed;
	top:50%; left:50%;
	margin-left:-436px;
	margin-top:-286px;
	
}

.alertLayer.letterText .letterSampleTextArea{
	width:520px;
	border:1px solid #c8c8c8;
	padding:10px;
	overFlow:auto;
	float:left;
}

.alertLayer.letterText .letterSampleTextArea .letterSampleTextAreaTitle{
	font-size:18px;
	font-family: 'malgun gothic';
	margin-bottom:10px;
	font-weight:bold;
}

.alertLayer.letterText .letterSampleTextBlock{
	width:250px;
	float:left;
	margin-right:10px;
}

.alertLayer.letterText .letterSampleTextBlock .letterTextTitle{
	width:225px;	height:30px;
	border:1px solid #c8c8c8;
	float:left;
	margin-bottom:10px;
	font-size:14px;
	padding:10px;
}

.alertLayer.letterText .letterSampleTextBlock .letterMainText{
	width:225px; height:250px;
	border:1px solid #c8c8c8;
	float:left;
	font-size:14px;
	padding:10px;
}

.letterTextBlock{
	overFlow:auto;
}
.alertLayer.letterText .letterSampleTextArea.applyText{
	width:250px;
	border:0;
	padding:0 10px 0 20px;
}

.alertLayer.letterText .letterSampleTextArea.applyText .letterSampleTextAreaTitle{
	color: #2e609e;
	font-weight:bold;
}

.alertLayer.letterText .letterSampleTextArea.applyText .letterSampleTextBlock .letterTextTitle{
	border:1px solid #578cce;
	background:#efffff;
}
.alertLayer.letterText .letterSampleTextArea.applyText .letterSampleTextBlock .letterMainText{
	height:310px;
	border:1px solid #578cce;
	background:#efffff;
}

/* 글편집 레이어 */

.alertLayer.letterEdit{
	width:590px;
	position:fixed;
	top:50%; left:50%;
	margin-left:-436px;
	margin-top:-286px;
	
}

.alertLayer.letterEdit .letterSampleTextArea{
	/* overFlow:auto; */
	float:left;
}

.alertLayer.letterEdit .letterSampleTextArea .letterSampleTextAreaTitle{
	font-size:18px;
	font-family: 'malgun gothic';
	margin-bottom:10px;
	font-weight:bold;
}

.alertLayer.letterEdit .letterSampleTextBlock{
	width:225px;
	float:left;

}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel{
	margin-top:10px;
}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel button{
	width:31%;
	width:calc(33.3% - 4px);
	height:36px;
	margin-bottom:0;
	padding:5px 10px;
	line-height:13px;
	float:left;
	margin:0 5px 0 0;
}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel button:last-child{
	margin:0;
}

.alertLayer.letterEdit .letterSampleTextBlock .letterTextTitle{
	width:203px;	height:30px;
	border:1px solid #c8c8c8;
	float:left;
	margin-top:10px;
	font-size:14px;
	padding:0 10px;
}

.alertLayer.letterEdit .letterSampleTextBlock .letterMainText{
	width:203px; height:193px;
	border:1px solid #c8c8c8;
	float:left;
	font-size:14px;
	padding:10px;
}

.alertLayer.letterEdit .letterSampleTextBlock img{
	cursor:pointer;
}

.textFnimg{
	display:inline-block;
	padding:2px 4px;
	border:1px solid #000000;
	border-radius:5px;
	text-align:center;
	margin-bottom:5px;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}

.textFnimg.ho{
	color:#ffffff;
	background:#5d8b28;
}

.letterTextBlock{
	overFlow:auto;
}
.alertLayer.letterEdit .letterSampleTextArea.applyText{
	/* width:250px; */
	border:0;
}

.alertLayer.letterEdit .letterSampleTextArea.applyText .letterSampleTextAreaTitle{
	color: #2e609e;
	font-weight:bold;
}

.alertLayer.letterEdit .letterSampleTextArea.applyText .letterSampleTextBlock .letterTextTitle{
	border:1px solid #578cce;
	background:#efffff;
}
.alertLayer.letterEdit .letterSampleTextArea.applyText .letterSampleTextBlock .letterMainText{
	height:270px;
	border:1px solid #578cce;
	background:#efffff;
	font-size:15px;
	font-family:'Malgun Gothic','맑은고딕','Apple SD Gothic Neo','Apple Gothic';
	line-height:20px;
}

.alertLayer.letterEdit .previewBtn{
	width:100px;
	height:auto;
	padding:10px 0;
	margin:140px 18px 0;
}

.alertLayer.letterEdit .infoText{
	width:100%;
	overflow:auto;
	padding:20px 0 10px;
}

.alertLayer.letterList .tabbox {
	overflow:hidden;
}
.monthlySms_renewal .alertLayer.letterList .tabbox div{
	width:calc(50% - 1px);
	
	
}

.alertLayer.letterList .letter{
	border:1px solid #c8c8c8;
	padding:10px;
	font-size:14px;
	margin-top:10px;
}

.alertLayer.letterList .letter .gray{
	color:#b2b2b2;
}

.alertLayer.letterList .letter:hover{
	border:1px solid #578cce;
	background:#efffff;
	cursor:pointer;
}

.alertLayer.rowView .grayBtn{
	width:100%;
	margin-left:2px;
}
.alertLayer.rowView .grayBtn p{
	margin:8px 0 0 0;
}


/* SMS box */
.smsInfoMg{
	margin-top:5px;
}

.smsInfoMg .smsinfoText{
	margin:2px 10px 0 0;
	font-size:14px;
	font-family: 'malgun gothic';
	letter-spacing:-1px;
}

.smsInfoMg .smsWriteEdit{
	color:#35b15c;
}

.viewRoundSmallBlueBox{
	width:40px;
	height:14px;
	padding:5px 8px;
	border-radius:30px;
	background-color:#6699cc;
	text-align:center;
	font-size:12px;
	color:#fff;
	border:0;
	font-weight:bold;
}

.viewRoundSmallRedBox{
	width:40px;
	height:14px;
	padding:5px 8px;
	border-radius:30px;
	background-color:#d24848;
	text-align:center;
	font-size:12px;
	color:#fff;
	border:0;
	font-weight:bold;
}

/* 월간안부 발송 레이어 */

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer{
	width:800px;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .tabbox{
	/* width:70%; */
	width:100%;
}

.alertLayer.monthlySendLayer .tabbox div{
	width:calc(33.3% - 1px);
}

.alertLayer.monthlySendLayer .zpbArea.right{
	float:left !important;
	margin:7px 0 0px;
}

.alertLayer.monthlySendLayer .msgOpSelect{
	font-size:16px;font-family:Malgun Gothic;
	margin:15px 10px 10px;
	padding:5px;
	letter-spacing:-1px;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox{
	margin:-30px 22px 0 0;
	background:#fff;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox{
	width:90%;
	border:0;
	padding:0;
	border-radius:0;
}
.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox textarea{
	margin:0 0 5px;
	width:100%;
	height:193px;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox textarea.long{
	height:263px;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox .smsadsettingtext{
	padding:10px 10px;
	margin:0 0 5px;
	height:43px;
	overflow-y:auto;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox .appellationBox{
	margin-bottom:0;
}

.alertLayer.renewal.monthlySendLayer .send_mail .roundBox .messageBox .sender.left{
	width:100%;
	margin:0 0 10px;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .zpbArea.right button{
	padding:0 20px;
	margin-top:10px;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .smsBox {
	padding:5px 0 0px;
	border:0;  /* 월간안부 메시지 설정 sms 테두리 제거용 */
	margin:15px 10px 0px 10px;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .smsBox .smsBoxSmall{
	height:110px;
	line-height:18px;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .smsBox .graySelectBox {
	line-height:25px;
}
.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .smsBox .graySelectBox div{
	color:#ffffff;
	cursor:pointer;
}

.alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .send_mail textarea{
	height:220px;
}

/* .alertLayer.renewal.fc_send_contentsbox.monthlySendLayer .orderSel  */
.alertLayer.monthlyEditLayer .appellationBox{
	width:32%;
	background:#989898;
}

.alertLayer.smsBoxLayer .appellationBox{
	background:#8a8a8a;
	width:60px;
}

.alertLayer.renewal.fc_send_contentsbox.smsBoxLayer{
	width:300px;
}

.alertLayer.renewal.smsBoxLayer .send_mail .roundBox{
	width:300px;
	margin:0;
	float:none;
}

.alertLayer.smsBoxLayer .send_mail textarea{
	width:250px;
	margin-top:0;
	margin-bottom:0;
}

.alertLayer.smsBoxLayer .send_mail .sender{
	width:250px;
	margin-top:10px;
}

.alertLayer.smsBoxLayer .bottomBtn .wrap [class*="Btn"] {
	width:96px;
}

.alertLayer.smsBoxLayer .send_mail{
	margin:0;
}

.alertLayer.smsBoxLayer .orderSel{
	margin:0 0 0 12px;
	width:180px;
}

.alertLayer.smsBoxLayer .sampleAllBox{
	width:100%;
}


.alertLayer.renewal.fc_send_contentsbox.liveConEdit{
	width:950px;
}

.alertLayer.renewal.fc_send_contentsbox.liveConEdit .smsBox{
	padding:5px 0 0px;
	border:0;
	margin:15px 10px 0px 10px;
}

.alertLayer.liveConEdit .sampleAllBox{
	width:100%;
	height:400px;
	overFlow-y:auto;
	overFlow-x:hidden;'
}


.alertLayer.renewal.fc_send_contentsbox.liveConEdit .smsBoxSmall{
	width:140px;
	height:110px;
	line-height:18px;
	
	margin:15px 10px 0px 10px;
	float:left;
}

.alertLayer.liveConEdit .smsBoxSmall:hover{
	background:#caf4f9;
	cursor:pointer;
}

.liveConEdit .smsBoxSmall.addBtn{
	font-size:18px; text-align:center; 
	font-family:맑은고딕; 
	border:1px dashed #ff9800; 
	line-height:30px;
}

.liveConEdit .smsBoxSmall.addBtn:hover{
	background:#fffce4;
}

.liveConEdit .smsBoxSmall.addBtn .addmark{
	font-size:30px; border-radius:20px; 
	background:#ffc107; color:#fff; 
	width:35px; height:35px; 
	margin:20px auto 0;
	line-height:31px;
}

.liveConEdit .zpbArea{
	padding:10px 0;
	display:inline-block;
	width:100%;
}

.liveConEdit .zpbTitle{
	width:100px;
	border-radius:5px;
	font-family:맑은고딕;
	text-align:center;
	font-size:15px;
	background:#e8e8e8;
	padding:3px 10px ;
}

.liveConEdit .zpbTitle.zondea{
	background:#282828;
	color:#fff;
}

.liveConEdit .zpbTitle.pyounge{
	background:#318c03;
	color:#fff;
}

.liveConEdit .zpbTitle.ban{
	background:#3a7ecb;
	color:#fff;
}

.liveConEdit .textArea{
	padding:5px 0 10px; 
	font-size:16px;
	font-family:맑은고딕;
	border-bottom:1px solid #b7b7b7;
	margin-bottom:10px;
}

.liveConEdit .textArea .orangeBtn{
	width:80px;
	border:0;
}

.liveConEdit.monthlyEditLayer .sendTargetArea .tabbox div{
	width:calc(50% - 1px);
}

.alertLayer.liveConEdit.monthlyEditLayer .sendTargetArea{
	width:100%;
}



.appellationBox:hover{
	background:#5d5d5d;
}

.alertLayer.sendData.monthlySendLayer{
	width:650px;
}

.alertLayer.sendData.monthlySendLayer .tableList {
	width:100%;
}

.alertLayer.sendData.monthlySendLayer .tableList th{
	height:40px;
	width:20%;
}

.alertLayer.sendData.monthlySendLayer .tableList td{
	height:40px;
	border-right:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	padding:7px 4px;
}

.alertLayer.sendData.monthlySendLayer .tableList td input{
	border:1px solid #abadb3;
}

.alertLayer.sendData.monthlySendLayer .tableList th:last-child, 
.alertLayer.sendData.monthlySendLayer .tableList td:last-child{
	border-right:0;
}

.alertLayer.sendData.monthlySendLayer .tableList td input{
	width:80px; padding-left:5px;/*  float:left; */
	overFlow:auto;
	height:22px;
	margin-bottom:6px;
}

.alertLayer.sendData.monthlySendLayer .tableList td .sendStartTime{
	width:100%;
	overflow:auto;
	letter-spacing:-1px;
}

.alertLayer.sendData.monthlySendLayer .left.holidayCheck p{
	margin:5px 0;
}

.alertLayer.sendData.monthlySendLayer .left.holidayCheck label input{
	margin:5px 5px 0 0;
}



.alertLayer.sendData.monthlySendLayer .submitLine button{
	width:49%;
}

.alertLayer.renewal.monthlyEditLayer{
	width:800px;
}




.alertLayer.letterEdit .appellationBox{
	border-radius:5px;background-color:#cccccc;
	width:23.5%; height:25px;
	margin: 0 -1px 0px 0; padding:5px 0;
	border:0;
	cursor:pointer;
}

.alertLayer.letterEdit .textfnBtnArea{
	width:567px;
	position:absolute; top:43px;  z-index:10000; 
	border:1px solid #a0a0a0;
	
	background:#ffffff;
	padding:10px 10px 5px;
	border-radius:5px;
}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel{
	position:relative;

}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel button.textfnBtn{
	width:107px;
	height:30px;
	padding:0;
	margin:0 3px 5px;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:10px;
	cursor:pointer;
}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel button.textfnBtn:hover{
	background:#5f5f5f;
	color:#ffffff;
}

.alertLayer.letterEdit .letterSampleTextBlock .orderSel button.textfnBtn:active{
	background:#000000;
	color:#ffffff;
}


.alertLayer.letterEdit .appellationBox div{
	padding:0px;
	color:#ffffff;
	font-size:12px;letter-spacing: -1px;
}

.alertLayer.letterEdit .appellationBox:hover{
	background-color:#757575;
	color:#ffffff;
}


.alertLayer.letterEdit .blueBtn{
	margin-right:0;
}


/* 월간안부 메시지  일괄 수정 레이어*/

.alertLayer.monthlyEditLayer .sendTargetArea{
	position:relative;
	width:calc(100% -  300px);
	
}

.alertLayer.monthlyEditLayer .send_mail .roundBox{
	margin-top:0;
}
.alertLayer.monthlyEditLayer .sendTargetArea .tabbox{
	margin-bottom:10px;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect{
	width:100%;
	margin:10px 0;
	overflow:auto;
	padding:0 0 10px;
	border-bottom:1px solid #a2a2a2;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .daySelect li,
.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .allBtn{
	list-style:none;
	width:60px;
	float:left;
	border:1px solid #a2a2a2; border-radius:5px;
	font-size:14px; text-align:center; font-family: 'malgun gothic';
	padding:5px 5px; margin:0 5px;
	cursor:pointer;
	transition:all 0.2s;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .daySelect li:hover,
.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .allBtn:hover,
.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .daySelect li.select,
.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .allBtn.select{
	background:#5f5f5f;
	color:#ffffff;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .preBtn,
.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .nextBtn{
	width:15px;
	float:left;
	border:0;
	font-size:14px; text-align:center; font-family: 'malgun gothic';
	padding:5px 5px; margin:0 5px;
	cursor:pointer;
	transition:all 0.2s;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .preBtn:hover{
	margin-left:10px;
	width:10px;
}

.alertLayer.monthlyEditLayer .sendTargetArea .dataSelect .nextBtn:hover{
	padding:5px 5px 0 0px; 
}

.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea {
	overFlow:auto;
	padding:0 0 10px;
	border-bottom:1px solid #a2a2a2;
}

.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea div{
	float:left;
	width:28%;
	border:1px solid #a2a2a2; border-radius:5px;
	font-size:14px; text-align:center; font-family: 'malgun gothic';
	padding:5px 5px; margin:0 5px;
	cursor:pointer;
	transition:all 0.2s;
}

.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .select.zBtn,
.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .zBtn:hover{
	color:#ffffff; background:#000000;border-color:#000000;}
.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .select.pBtn,
.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .pBtn:hover
{color:#ffffff; background:#006600;border-color:#006600;}
.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .select.bBtn,
.alertLayer.monthlyEditLayer .sendTargetArea .zpbArea .bBtn:hover
{color:#ffffff; background:#3d79cf;border-color:#3d79cf;}



.alertLayer.monthlyEditLayer .sendTargetArea .viewArea{
	height:300px;
	overFlow:auto;
}


.alertLayer.monthlyEditLayer .sendTargetArea .ganadaList{
	font-size:16px; font-family: 'malgun gothic';
}

.alertLayer.monthlyEditLayer .sendTargetArea .ganadaList input{
	margin:0 10px;
	width:15px; height:15px;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .allSelectBox,
.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaBox,
.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaSubBox li{
	border-bottom:1px solid #c8c8c8;
	padding:7px 0;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .allSelectBox{
	background:#cacaca;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .allSelectBox.center{
	text-align:center;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaBox{
	overflow:auto;
	background:#efefef;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaBox div.right{
	margin-right:10px;
	transition:all 0.2s;
	cursor:pointer;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaBox div.right.check,
.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaBox div.right:hover{
	transform: rotate(180deg);
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .ganadaSubBox li:hover{
	background:#eeeeee;
}

.alertLayer.monthlyEditLayer .funtionBtnArea{
	width:240px;
	margin:10px 28px 0 12px;
}

.alertLayer.monthlyEditLayer .funtionBtnArea div{
	width:240px;
	float:left;
	border:1px solid #c8c8c8; border-radius:5px;
	font-size:14px; font-family: 'malgun gothic';
	padding:10px 0px 10px 20px; 
	cursor:pointer;
	transition:all 0.2s;
	margin:0 5px 10px 5px;
}

.alertLayer.monthlyEditLayer .send_mail textarea{
	height:187px;
}

.alertLayer.monthlyEditLayer .funtionBtnArea div:hover,
.alertLayer.monthlyEditLayer .funtionBtnArea div.select{
	background:#5f5f5f;
	color:#ffffff;
}

.alertLayer.monthlyEditLayer .funtionBtnArea div img{
	float:right;
	margin:3px 20px 0 0;
}
.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .groupList .groupTitle{
	text-align:center;
	background:#cacaca;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .groupList .groupTitle,
.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .groupList li{
	font-size:16px; font-family: 'malgun gothic';
	border-bottom:1px solid #c8c8c8;
	padding:10px 20px;
	cursor:pointer;
}

.alertLayer.monthlyEditLayer .sendTargetArea .viewArea .groupList li:hover{
	background:#efefef;
}

.alertLayer.monthlyEditLayer .smapleTextArea {
	position:absolute;
	background:#ffffff;
	z-index:1200;
	border:1px solid #c8c8c8;
	border-radius:15px;
	padding:15px;
}

.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox {
	width:100%;
	min-height:auto;
}

.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox{
	border:0;
}

.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox .graySelectBox{
	line-height:25px;
	color:#ffffff;
	cursor:pointer;
	margin:4px auto;
}
.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox{
	margin-bottom:0;
}
.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox .smsBoxSmall{
	height:110px;
}

.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox:nth-child(4n){
	margin-right:4px;
	margin-left:0px;
}

.alertLayer.monthlyEditLayer .smapleTextArea .sampleAllBox .smsBox:nth-child(5n){
	margin-left:4px;
}


.alertLayer.monthlyEditLayer .smapleTextArea .zpbArea{
	width:180px;
	border:0; padding:0;
	margin:-2px 0 0;
}

.alertLayer.monthlyEditLayer .smapleTextArea .zpbArea button{
	padding:0 15px;
}

.alertLayer.monthlyEditLayer .smapleTextArea .wrap{
	width:150px;
}

.alertLayer.monthlyEditLayer .send_mail{
	width:calc(100% - 16px);
}

.alertLayer.monthlyEditLayer .send_mail .sendTargetArea.left{
	width:100%;
}

/* 발송상태 표기 */

.sendTypeArea{
	float:left;
	width:100%;
	overflow:auto;
	border-bottom:1px solid #666666;
	padding-bottom:5px;
	margin-bottom:5px;
}

.sendTypeArea .subScript{
	font-family:"malgun gothic","맑은고딕";
	font-weight:bold;
	padding:0px 3px;
	font-size:11px;
	border-radius:4px;
	display:none;
	margin-right:5px;
}

.sendTypeArea .subScript.EditTextAlt{
	color:#339900;
	border:1px solid #339900;
}

.sendTypeArea .subScript.airplane{
	color:#3a7ecb;
	border:1px solid #3a7ecb;
}

.sendTypeArea .subScript.phoneExcept{
	color:#000000;
	border:1px solid #000000;
	letter-spacing:-2px;
}



.sendTypeArea .displayOn{
	display:block;
}

.sendTypeArea .displayOff{
	display:none;
}

/* 그룹 선택 */
.alertLayer.groupSelect{
	width:635px;
}

.pro_cosList .alertLayer.groupSelect{
	width:635px;
}

.alertLayer.groupSelect .indentBox .subTitle{
	font-size: 18px;
	font-family:"malgun gothic","맑은고딕";
	font-weight:bold;
	letter-spacing:-1px;
	margin-top:10px;
	margin-bottom:10px;
}

.alertLayer.groupSelect .indentBox .groupBlockArea {
	overFlow:auto;
	max-height:250px;
}

.alertLayer.groupSelect .indentBox .groupBlockArea:last-child {
	height:250px;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock li{
	float:left;
	width:132px;
	width:22%;
	padding:10px 5px;
	border:1px solid #8c8c8c;
	border-radius:5px;
	text-align:center;
	margin-right:7px;
	list-style:none;
	cursor:pointer;
	font-size:14px;
	font-family:"malgun gothic","맑은고딕";
	margin-bottom:10px;
	line-height:18px;
	
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock li:hover{
	background:#efefef;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock li:nth-child(4n){
	margin-right:0;
}

/* .alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock li:last-child{
	border:1px dashed #8c8c8c;
} */

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock li.select{
	background:#5e9c1c;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #5e9c1c;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock.blueBox li.select{
	background:#2465b6;
	border:1px solid #2465b6;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock.blueBox li.doubleLine{
	 max-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	padding:4px 5px 6px;
	line-height:16px;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock.blueBox li.edit{
	padding:6px 5px;
}

.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock.blueBox li.edit input{
	width:90px;
	padding:5px;
	border-bottom:1px solid #8c8c8c;
}
.alertLayer.groupSelect .indentBox .groupBlockArea .gradeBlock.blueBox li.edit button{
	width:27px;
	letter-spacing:-2px;
	padding:0px 0;
	font-size:11px;
}

.alertLayer.groupSelect .allSelect{
	font-size:18px;
	font-family:"malgun gothic","맑은고딕";
	font-weight:bold;
	color:#2465b6;
	margin-bottom:15px;
	overFlow:auto;
}

.alertLayer.groupSelect .allSelect input{
	width:18px;
	height:18px;
	margin-top:2px;
	margin-right:5px;
}


.alertLayer.groupSelect .submitLine .blueBtn{
	margin-right:0;
}

.alertLayer.favLayer{
	top:40px;
	right:0;
}

.alertLayer.favLayer .favBlock{
	border:1px solid #a9a9a9;
	border-radius:10px;
	padding:10px;
	margin:5px 0;
}

.alertLayer.favLayer .favBlock:hover{
	background:#efefef;
	cursor:pointer;
}

.alertLayer.favLayer .favBlockHead{
	width:100%;
	overFlow:auto;
	min-height:20px;
}

.alertLayer.favLayer .favName{
	font-size:16px;
	font-family:"malgun gothic","맑은고딕";
	color:#1463da;
	font-weight:bold;
}

.alertLayer.favLayer .favAdr{
	width:100%;
	font-size:14px;
	font-family:"malgun gothic","맑은고딕";
	color:#5d5d5d;
}

.alertLayer.favLayer .favAdr:hover{
	cursor:pointer;
}

.alertLayer.simpleCustAdd{
	width:310px;
	font-family:"malgun gothic","맑은고딕";
	font-size:14px;
}

.alertLayer.simpleCustAdd .simpleCustAddtable{
	width:calc(100% - 10px);
	/* width:100%; */
}

.alertLayer.simpleCustAdd table.simpleCustAddtable td:nth-child(1){
	width:70px;
}

.alertLayer.simpleCustAdd .simpleCustAddtable td{
	padding:5px 0;
	font-size:15px;
}

.alertLayer.simpleCustAdd .simpleCustAddtable td:hover{
	background:transparent;
}

.alertLayer.simpleCustAdd .btnBox{
	width:100%;
}


.alertLayer.simpleCustAdd input[type=text],
.alertLayer.simpleCustAdd input[type=number]{
	/* padding:13px; */
	padding:3px;
	font-size:14px;
	letter-spacing:-1px;	
	font-family:"malgun gothic","맑은고딕";
}

.alertLayer.simpleCustAdd select{
	padding:4px;
	/* padding:3px; */
	font-size:14px;
	letter-spacing:-1px;	
	font-family:"malgun gothic","맑은고딕";
}

.alertLayer.simpleCustAdd input[type=checkbox]{
	width:17px; height:17px;
	vertical-align:middle;
	margin-right:5px;
}

.alertLayer.simpleCustAdd input[type=number]{
	padding:13px;
	font-size:15px;
	font-family:"malgun gothic","맑은고딕";
}

.alertLayer.simpleCustAdd .unit-fami .sel-sex { float:right; overflow:auto; }
.alertLayer.simpleCustAdd .unit-fami .sel-sex div { 
float:right; width:22px; height:22px; line-height:22px; 
text-align:center; background:#c6c6c6; color:#fff; 
font-weight:bold; cursor:default; padding:3px;
font-size:13px;
}

.alertLayer.simpleCustAdd .unit-fami .sel-sex div:hover{
	background:#969696;
}

.alertLayer.simpleCustAdd .unit-fami .sel-sex div:last-child{	border-radius:5px 0 0 5px;}
.alertLayer.simpleCustAdd .unit-fami .sel-sex div:first-child{	border-radius:0 5px 5px 0;}
.alertLayer.simpleCustAdd .unit-fami .sel-sex div:not(.sel) { cursor:pointer; }
.alertLayer.simpleCustAdd .unit-fami .sel-sex div.sex-m.sel { background:#2e65c5 }
.alertLayer.simpleCustAdd .unit-fami .sel-sex div.sex-f.sel { background:#d26968 }

.alertLayer.simpleCustAdd .sendSel .send { float:left; overflow:auto; }
.alertLayer.simpleCustAdd .sendSel div.send  { 
float:left; width:80px; height:22px; line-height:22px;
 text-align:center; background:#c6c6c6; color:#fff; 
 font-weight:bold; cursor:default; padding:3px;
 font-size:13px;
 }
 
 .alertLayer.simpleCustAdd .sendSel div.send:hover{
	  background:#969696;
 }

.alertLayer.simpleCustAdd .sendSel div.send:last-child{	border-radius:0 5px 5px 0;}
.alertLayer.simpleCustAdd .sendSel div.send:first-child{	border-radius:5px 0 0 5px;}
.alertLayer.simpleCustAdd .sendSel div.send:not(.sel) { cursor:pointer; }
.alertLayer.simpleCustAdd .sendSel div.send.sel { background:#2e65c5 }
.alertLayer.simpleCustAdd .sendSel div.send.gray.sel { background:#5a5a5a }

.alertLayer.simpleCustAdd .jpbSel .send { float:left; overflow:auto; }
.alertLayer.simpleCustAdd .jpbSel div.send  { 
float:left; width:70px; height:22px; line-height:22px;
 text-align:center; background:#c6c6c6; color:#fff; 
 font-weight:bold; cursor:default; padding:3px;
 font-size:13px;
 }
 
 .alertLayer.simpleCustAdd .jpbSel div.send:hover{
	 background:#969696;
 }

.alertLayer.simpleCustAdd .jpbSel div.send:last-child{	border-radius:0 5px 5px 0;}
.alertLayer.simpleCustAdd .jpbSel div.send:first-child{	border-radius:5px 0 0 5px;}
.alertLayer.simpleCustAdd .jpbSel div.send:not(.sel) { cursor:pointer; }
.alertLayer.simpleCustAdd .jpbSel div.send.jon.sel { background:#424242 }
.alertLayer.simpleCustAdd .jpbSel div.send.pung.sel { background:#348837 }
.alertLayer.simpleCustAdd .jpbSel div.send.ban.sel { background:#2e65c5 }

.alertLayer.simpleCustAdd button.blueBtn{
	width:70px;
	/* width:calc(49% - 6px); */
	/* margin-right:5px; */
}

.alertLayer.simpleCustAdd button.grayBtn{
	width:70px;
	/* width:calc(49% - 6px); */
	height:30px;
}

.alertLayer.simpleCustAdd button.orangeBtn{
	width:150px;
	border:0px;
}

.alertLayer.simpleCustAdd button.blueBtn,
.alertLayer.simpleCustAdd button.grayBtn,
.alertLayer.simpleCustAdd button.orangeBtn{
	font-size:13px;
	font-weight:normal;
}

.alertLayer.simpleCustAdd .dashLine{
	border-bottom:1px dashed #b2b2b2;
	padding:5px 0;
	margin-bottom:10px;
}

.alertLayer.simpleCustAdd .groupSelTxt{
	width: 100%;
	float: left;
	padding: 10px 0;
}
.alertLayer.simpleCustAdd button.grayBtn.groupBtn{
	width:165px;
	margin:0;
}

.alertLayer.carfireMsgView{
	width:500px;
	height:600px;
	overflow:auto;
}

.alertLayer.carfireMsgView .indentBox{
	width:45%;
	font-family:"malgun gothic","맑은고딕";
	font-size:16px;
	margin:0px 10px 10px;
}

.alertLayer.carfireMsgView .indentBox .subTitle{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.alertLayer.carfireMsgView .indentBox .msgBox{
	border:1px solid #9a9a9a;
	padding:10px;
	border-radius:5px;
	height:90px;
	overFlow-y:auto;
}

.pa-memoTodo .textPositioning{
	white-space:normal;
	/* width:45px; */
	display:inline-block;
	margin:3px 3px 0 5px;
	letter-spacing:-1px;
}

/* 퀵노트 자동차 레이어용 */

.msgGrayBtn{
	background:#cacaca; width:calc(100% - 40px); 
	padding:10px; text-align:center;margin:10px auto 0;
	cursor:pointer;
	font-weight:bold;
}

.msgSettingArea{
	
	overflow:auto;
	padding:5px 0;
}

.msgSettingdate{
	border:1px solid #c8c8c8; font-size:14px; 
	font-family:"malgun gothic","맑은고딕";
	padding:5px;
	margin-left:10px;
	width:55%;
}
.msgSettingArea{
	width:100%;	
}

.msgSettingArea .button-blue.left.selectBtn,
.msgSettingArea .button-gray.left.selectBtn{
	text-align:center;
	width:50px; height:30px; line-height:30px;
	letter-spacing:-1px;
}

.msgSettingArea [class*="button-"].left.selectBtn:first-child{
	border-radius:5px 0 0 5px;
}

.msgSettingArea [class*="button-"].left.selectBtn:last-child{
	border-radius:0 5px 5px 0;
}

[class*="button-"].left.selectBtn{
	width:100px; height:30px; line-height:30px;
	/* border-radius:5px 0 0 5px; */
	border:1px solid #a2a2a2;
	margin-left:-1px;
	text-align:center;
	font-family:"malgun gothic","맑은고딕";
	cursor:pointer;
}

.button-blue { 
background: #4c81e1; /* Old browsers */
background: -webkit-linear-gradient(top,  #6197f4 0%,#2e65c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6197f4 0%,#2e65c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6197f4 0%,#2e65c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6197f4 0%,#2e65c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6197f4', endColorstr='#2e65c5',GradientType=0 ); /* IE6-9 */
color:#fff;
}

.button-blue:hover { 
background: #4c81e1; /* Old browsers */
background: -webkit-linear-gradient(top,  #2e65c5 0%,#6197f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e65c5 0%,#6197f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e65c5 0%,#6197f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e65c5 0%,#6197f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e65c5', endColorstr='#6197f4',GradientType=0 ); /* IE6-9 */
color:#fff;
}


.button-gray {
background: #c6c6c6; /* Old browsers */
background: -webkit-linear-gradient(top,  #fbfafb 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfafb 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfafb 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfafb 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfafb', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
color:#565656;
}
.button-gray:hover {
background: linear-gradient(to bottom,  #d5d5d5 0%,#fbfafb 100%); /* W3C */
}

.button-gray:active{
	background: #607d8b;
	color:#fff;
}

.alertLayer.renewal.smsAllModify{
	width:650px;
}
.alertLayer.renewal.smsAllModify .underLine{
	border-bottom:1px solid #000000;
	padding-bottom:10px;
	margin-bottom:10px; 
	overflow:auto;
}

.alertLayer.renewal.smsAllModify .subTitle{
	font-size:18px;font-family:Malgun Gothic;font-weight:bold;
	letter-spacing:-1px;
}

.modifyBtn {
	width:80px; height:25px; color:#ffffff; 
	border-radius:6px;background:#de903f;
	text-align:center;line-height:25px;
	cursor:pointer;
}
.modifyBtn:hover{
	background:#a05f1a;
}
 
.alertLayer.renewal.smsAllModify .sampleAllBox{
	width:100%;
	overFlow-y:auto;
	height:350px;
}

.alertLayer.smsAllModify .send_mail{
	margin:0;
}
.smsAllModify .send_mail .smsBox{
	border:0;
	padding:5px;
	margin:15px 10px 0px 10px;
}

.alertLayer.renewal.fc_send_contentsbox.smsAllModify .smsBox{
	width:135px;
}

.smsBox .modifyBtn {
	margin:5px auto;
}


.smsAllModify .send_mail .smsBox .modifySelectBtn{
	width:90%; height:64px;
	margin:0 auto; margin-bottom:5px;
	font-size:14px;font-family:Malgun Gothic;font-weight:bold;
	border:1px solid #c8c8c8;
	border-radius:10px;text-align:center;
	cursor:pointer;
	letter-spacing:-1px;
}

.smsAllModify .send_mail .smsBox .modifySelectBtn img{
	width:20px;
}

.smsAllModify .send_mail .smsBox .modifySelectBtn:hover{
	background:#efefef;
}

.alertLayer.smsModifyBox .sender{
	width:242px;
	font-size:16px;
	margin:0px 0 10px 10px;
	border:1px solid #c8c8c8;
}

.alertLayer.smsModifyBox textarea{
	overflow-y:scroll; height: 168px; border: none; resize: none; width: 241px;
	border:1px solid #c8c8c8;
	font-size:16px; margin:0px 0 10px 10px;
	font-family:'malgun gothic';
}

.alertLayer.smsAllModify .msgOpSelect{
	font-size:16px;font-family:Malgun Gothic;
	margin:20px 0 10px;
	padding:5px;
	letter-spacing:-1px;
}

.alertLayer.smsAllModify .sampleAllBox .smsBox.txtSelectBox{
	border:1px solid #c8c8c8; padding:5px;
}

.alertLayer.smsAllModify .sampleAllBox .smsBox.txtSelectBox.select{
	border:1px solid #13acb3;
	background:#caf4f9;
}

.alertLayer.smsAllModify .sampleAllBox .smsBox.txtSelectBox input[type=checkBox]{
	width:20px;height:20px;margin-top:5px;
}

.alertLayer.smsAllModify .selectBtnArea{
	margin:10px;
	border:1px solid #c8c8c8;
	padding:5px 10px;
	border-radius:6px;
	overFlow:auto;
} 

.alertLayer.smsAllModify .selectBtnArea div{
	margin:3px;
	border:1px solid #c8c8c8;
	padding:10px;
	border-radius:6px;
	cursor:pointer;
	font-weight:bold;
	float:left;
}

.alertLayer.smsAllModify .selectBtnArea div:hover{
	background:#348ade;
	color:#ffffff;
	
}

.alertLayer.smsAllModify .selectBtnArea div.select{
	background:#348ade;
	color:#ffffff;
	font-weight:bold;
}

.alertLayer.smsAllModify .selectBtnArea div.redBtn{
	width:auto; height:auto;
}

.alertLayer.smsAllModify .cutSelect {
	margin:10px;
	border:1px solid #c8c8c8;
	padding:5px 10px;
	border-radius:6px;
	overFlow:auto;
}

.alertLayer.smsAllModify .cutSelect .subTitle{
	font-size:15px;
	margin:3px 10px 0 0;
}
.alertLayer.jpbEditBtn .submitLine div{
	margin:10px 0 0 4px;
}

.alertLayer.jpbEditBtn .submitLine div.redBtn,
.alertLayer.jpbEditBtn .submitLine div.blueBtn,
.alertLayer.jpbEditBtn .submitLine div.greenBtn{
	border:0;
}


.serNameSetting .alertLayer.textSampleList .titleSetBox{
	width:100%;
}

.serNameSetting .alertLayer.textSampleList .titleSetBox:last-child{
	margin-bottom:20px;
}

.serNameSetting .alertLayer.textSampleList .titleSetBox .title {
	margin-right:10px;
}

.serNameSetting .alertLayer.textSampleList .titleSetBox input[type="textBox"],
.serNameSetting .alertLayer.textSampleList .titleSetBox input[type="text"]{
	padding:5px;
}

.serNameSetting .alertLayer.textSampleList .titleSetBox.longTitleArea .title{
	width:75%;
	margin:0 10px 20px 0;
}
.alertLayer.textSampleList.olList .textTitle{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:20px;
	padding:10px 20px;
	background:#efefef;
}

.alertLayer.textSampleList.olList .subTitle{
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.alertLayer.textSampleList.olList ol,
.alertLayer.textSampleList.olList ul{
	margin:0 0 30px 20px;
}

.alertLayer.textSampleList.olList ol li,
.alertLayer.textSampleList.olList ul li{
	margin-bottom:10px;
}

.alertLayer.textSampleList.olList .selectBox{
	position:absolute;
	bottom:20px;
	left:30px;
	font-size:15px;
	font-weight:bold;
	font-family: 맑은고딕;
	padding:5px 10px;
	border-radius:10px;
	border:1px solid #b2b2b2;
}
.alertLayer.textSampleList .checkBox {
	overflow:auto;
}
.alertLayer.textSampleList .checkBox label{
	border:1px solid #b2b2b2;
	border-radius:5px;
	padding:5px 10px;
 	float:left;
}

.kakaDmSend.monthlySend .layerTextArea .tableWrap input[type="text"]{
	border:1px solid #abadb3; padding:5px; 
	margin:0 5px 10px 0;
}

.selectText .selectTextBox{
	white-space:pre-line;
	border:1px solid #abadb3; 
	padding:15px; 
	font-size:16px;font-family:맑은고딕;
	margin-bottom:10px;
	cursor:pointer;
}

.selectText .selectTextBox.select{
	background:#e0fcff;
	border:1px solid #3b78ff;
}
.selectSerSet .selectSerSetBox{
	height:170px;
	overflow-y:auto;
	padding:0 10px 0 0;
}

.selectSerSet .selectSerSetList li{
	list-style:none;
	border:1px solid #abadb3;
	padding:10px 10px;
	cursor:pointer;
	border-radius:10px;
	margin-bottom:5px;
	text-align:center;
}

.selectSerSet .selectSerSetList li:hover{
	border-color:#6a6a6a;
	background:#6a6a6a;
	color:#ffffff;
}
.selectSerSet .selectSerSetList li.select,
.selectSerSet .selectSerSetList li:active{
	background:#3A7ECB;
	color:#ffffff;
}


.mainAlt.alertLayer{
	width:600px;
	position:absolute;
	top:calc(50% - 210px);
	left:calc(50% - 380px);
	padding:30px 30px;
	border-radius:10px;
	background-color:rgba( 0, 0, 0, 0.5 );
}

.mainAlt.alertLayer  .altblueLine .roundCloseBtn{
	position:absolute;
	top:40px; right:60px;
	background:#fff;
	border-radius:30px;
	padding:10px;
	border:3px solid #0771ba;
}

.mainAlt.alertLayer .altblueLine{
	border:3px solid #0771ba;
	padding:10px 20px 20px;
	border-radius:10px;
	background:#fff;
	max-height:800px;
	overflow-y:auto;
}

.mainAlt.alertLayer .mainAltTop{
	font-family:'MBC1961M';
	font-size:24px;
	margin-bottom:20px;
	border-bottom:1px solid #b3b3b3;
	padding:10px 0;
	font-weight:normal;
	color:#000;
	/* padding:10px 20px 5px;
	background:#0771ba;
	color:#fff;
	border-radius:10px;
	line-height:24px;
	float:left; */
}

.mainAlt.alertLayer input{
	margin:0;
	float:none;
}

.mainAlt.alertLayer .mainAltMid{
	font-family:'맑은고딕';
	font-size:18px;
	margin-bottom:20px;
	line-height:30px;
	max-height:500px;
	overFlow-y:auto;
}

.mainAlt.alertLayer .mainAltMidCheck{
	font-family:'맑은고딕';
	font-size:16px;
	margin-bottom:10px;
	border:1px solid #b3b3b3;
	padding:5px 10px;
	border-radius:5px;
	float:left;
}

.mainAlt.alertLayer .mainAltBottom{
	text-align:center;
}

.mainAlt.alertLayer .submitLine{
	overFlow:auto;
	/* margin-left:154px; */
}

/* .mainAlt.alertLayer .mainAltBottom button{
	padding:5px 20px;
	font-size:18px;
	font-family:'GmarketSansMedium';
} */


.alertLayer.browserSelectLayer{
	position:absolute;
	width:800px;
	font-size:16px;
	font-family:"맑은고딕";
	top:calc(50% - 250px);
	left:calc(50% - 470px);
	border-radius:20px;
	padding:50px 70px;
	background:rgba( 0, 0, 0, 0.5 );
}

.alertLayer.browserSelectLayer .altblueLine{
	padding:30px 20px 10px;
	border:3px solid #0771ba;
	border-radius:10px;
	background:#fff;
}

.browserSelectLayer .grayBox{
	text-align:center;
	background:#e3e3e3;
	border-radius:10px;
}

.browserSelectLayer .grayBox button{
	padding:10px 20px 12px;
	border-radius:20px;
	border:0px solid #000;
	cursor:pointer;
}

.browserSelectLayer .grayBox button.googleb{
	background:#fff;
	margin-right:10px;
}

.browserSelectLayer .grayBox button.naverb{
	background:#2c9539; color:#fff;
	margin-right:10px;
}

.browserSelectLayer .grayBox button.msb{
	background:#0976ff; color:#fff;
	
}

.browserSelectLayer .grayBox button:hover{
	background:#282828;
	color:#fff;
}


.alertLayer .kakaoCNum{
	font-family: SF_HambakSnow, 맑은고딕;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	border:1px solid #b2b2b2;
	border-radius:10px;
	padding:10px;
}

.alertLayer .reViewCheck{
	border:1px solid #b2b2b2;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
	display:inline-block;
	font-family: 맑은고딕;
	font-size:14px;
}


.alertLayer .kakaoNameBlock{
	padding:5px;
	border-radius:5px;
	border:1px solid #ffa434;
	display:inline-block;
	font-size:16px;
	margin-right:10px;
	background:#fff472;
	font-weight:bold;
	}

.alertLayer .kakaoNameBlock:last-child{
	margin-right:0;
}

.alertLayer .rekakaoChkupdate{
	width:100%;
	overFlow:auto;
	margin-bottom:10px;
	text-align:cetner;
	border-bottom:1px dashed #282828;
	padding-bottom:10px;
}

.alertLayer .rekakaoChkupdate:last-child{
	border-bottom:0;
}

.alertLayer .rekakaoChkupdate div{
	display:block;
}

.alertLayer .rekakaoChkupdate .subText{
	float:left;
	margin:7px 10px 0 0;
	letter-spacing:-1px;
}


/*--quicknote_sms--*/

.recipientEditLayer{
	margin-left:-5px;position:absolute;top:-3px;left:4px;padding-top:1.5px;width:100%;
	}
.recipientEditLayer.minlayer{
	position:absolute; z-index:10001;
	width:300px;
	left:calc(50% - 150px);
	top:200px;
	padding:20px;
}


.recipientEditTitleBox{width:100%;background-color:#adadad;margin-left:1px;height:35px;}

.recipientEditTitleBox .editBoxCloseBtn{float:right;margin-top:3px;margin-right:10px;cursor:pointer;}

.quicknote_editBox{border:1px solid #c8c8c8;max-height:300px;background-color:#ffffff;text-align:left;overflow:auto;width:100%;margin:0 -1px;padding:0 0 5px;}

.quicknote_editBox .customerNameBox{
	border-radius:5px;
	border:1px solid #c8c8c8;
	width:92%;
	padding:5px;
	background-color:#ffffff;
	text-align:left;
	margin:5px 5px 0;
	height:auto;
	overflow:auto;
}
.quicknote_editBox .customerNameBox:hover{
	background:#efefef;
}

.quicknote_replyNumberCloseBtn{
	height:14px; width:25px;
	border:0px solid #c8c8c8;
	/*padding: 8px 3px 0px 7px; */
	text-align:left; color:#969696; font-size:12px;
	float:right;
	cursor:pointer;
	margin: -2px 5px 0 0;
}

.quicknote_receiveRoundBox{
	font-size:16px; 
	font-weight:bold; 
	font-family:'Malgun Gothic','nanum gothic',"나눔 고딕","맑은 고딕",'Apple SD Gothic Neo','Apple Gothic';
	color:#5b5b5b;
	margin:0px 2px 0px 5px;
	float:left;
}

.receiveRoundBox_Number{
	font-size:18px; 
	font-weight:bold; 
	font-family:'Malgun Gothic','nanum gothic',"나눔 고딕","맑은 고딕",'Apple SD Gothic Neo','Apple Gothic';
	color:#5b5b5b;
	margin:-1px 2px 0px 5px;
	float:left;
}

.receiveRoundBox{
	margin-left:5px; float:left;
	font-size:16px; font-weight:bold; font-family:"Malgun Gothic","nanum gothic","나눔 고딕","맑은 고딕",'Apple SD Gothic Neo','Apple Gothic'; color:#5b5b5b;
}

.replyNumberCloseBtn{
	border:0px solid #c8c8c8;
	height:auto;width:auto;
	/*background-color:#ffffff; */
	text-align:left; color:#969696; font-size:12px;
	float:right;
	margin:5px 10px 0 0;
	padding:0px 0 0 5px;
}

.quicknote_editReceive{width:95%;color:#ffffff;font-weight:bold;font-size:13px;margin:8px 0 0 8px;font-family:"Malgun Gothic","nanum gothic","나눔 고딕","맑은 고딕",'Apple SD Gothic Neo','Apple Gothic';}
.receiveRoundBox.name{font-size:18px;cursor:pointer;}
.receiveRoundBox.sexAge{margin:2px 5px 0 0px;cursor:pointer;}
.receiveRoundBox.ectnum{margin:2px 5px 0 0px; color:#6699cc;cursor:pointer;}


.customerNameBoxCheck{
	width:20px;
	height:20px;
	margin:5px 0 0;
}

.sendselblockArea{
	width:300px;
	overflow:auto;
	margin:0 auto 10px;
}

.sendselNum{
	float:left;
	width:15px;
	padding:10px;
}

.sendselblock{
	width:200px;
	border:1px solid #abadb3;
	padding:10px;
	border-radius:10px; 
	float:left;
	font-weight:bold;
}

 .sendselBtn{
	float:left;
	border:1px solid #474747;
	padding:0 2px;
	border-radius:4px; 
	cursor:pointer;
 }
 
 .sendselBtn:hover{
	 background:#d4ecff;
 }
 
 .alertLayer.reSendSms {
	 width:400px;
 }
 
 .alertLayer.reSendSms .tabbox div{
	 width:calc(50% - 2px);
 }
 
 .alertLayer.reSendSms .subTitleTxt{
	 font-size:18px;
	 font-family:'GmarketSansMedium', '맑은고딕';
	 letter-spacing:-1px;
	 margin:10px 0;
 }
 
 .alertLayer.reSendSms .selectDate{
	 padding:10px 10px;
	 background:#efefef;
	 border-top:1px solid #9b9b9b;
	 font-size:16px;
	 font-family:맑은고딕;
 }
 
 .alertLayer.reSendSms .selectDate:last-child{
	border-bottom:1px solid #9b9b9b;
	
 }
 
 .alertLayer.reSendSms .selectDate input[type="text"]{
	 padding:4px; 
	 border:1px solid #9b9b9b;
 }
 
 .alertLayer.reSendSms .selectDate select{
	 padding:4px; 
 }
 
 
/*도움말 팝업*/


.transpositionBox {
	width:95%;
	padding:10px;
	background:#fafafa ;
	border:1px solid #e9e9e9 ; 
	margin-bottom:20px;
	overflow:auto;
}

.transpositionBox p {
	margin: 0 0 7px 0;
}

.modifyPop .roundBox, 
.transpositionBox .roundBox {
	padding:5px 10px ;
	border-radius: 15px;
	color:#fff;
	float:left;
}

.modifyPop .example .grey,
.transpositionBox .roundBox.grey {
	background:#9b9b9b ;
}

.modifyPop .example .blue{
	margin-top:2px;
	font-weight:bold;
}

.transpositionBox .roundBox.blue {
	background:#578cce;
	margin:0;
}

.example {
	width:100%;
	height:auto;
	overflow:auto;
	margin-bottom:7px;
}

.example p{
	margin:5px 0 5px 5px;
	float:left;
}

.titleSetBox {
	width:88%;
	margin:0 auto;
	padding-left:25px;
}

.titleSetBox p {
	margin-top:5px;
	margin-right:10px;
}

.titleSetBox .title {
	width:40%;
	padding:5px 0;
	font-size:14px;
}

.modify .titleSetBox .inputText {
	height:30px;
}

.titleSetBox .shortInput{
	width:110px;
}
.fullEditBtn {
	padding:0 50px;
}

.titleInput {
	width:160px;
	height:30px;
	margin:0;
	border:1px solid #dcdcdc;
	text-indent:5px;
}

.modifyLayer .dotLine {
	margin:13px 0;
}

.modifyLayer .grayBox  {
	width:85%;
	overflow:auto;
	margin:0 auto;
}

.modifyLayer .grayArea{
	width:95.5%;
	margin:0;
	background:#f7f7f7;
	overflow:auto;
	padding:10px;
}

.modifyLayer .submitLine {
	width:100%;
}

.modifyLayer .submitLine .grayBtn,
.modifyLayer .submitLine .blueBtn{
	width:48%;
}

.indentBox {
	margin:0 10px;
}

.savingIcon {
	background:url(../images/contact/modify/savingIcon.png) no-repeat;
	width:64px;
	height:92px;
	margin:10px auto;
}



.alertLayer.modifyPop {
	width:560px;
	font-family:'Malgun Gothic','맑은고딕','Nanum Gothic','나눔고딕';
	font-size:13px;
	box-shadow:none;
}

.quicknote .alertLayer.modifyPop {
	height:360px;
	overflow-y:auto;
}

.quicknote .alertLayer.modifyPop .exampleTextBoxArea{
	height:400px; overflow-y:auto;
}

.alertLayer.modifyPop .left90 {
	width:90%;
	float:left;
	height:30px;
}

.alertLayer.modifyPop .left10 {
	width:10%;
	float:left;
	height:30px;
}

.alertLayer.modifyPop .textArea {
	line-height:22px;	
}

.alertLayer.modifyPop .exampleArea {
	width:88%;
	padding: 0 15px;
	margin: 20px auto;
	overflow:auto;
}

.alertLayer.modifyPop .grayBox {
	width:94%;
	margin:10px auto;
	margin-bottom:20px;
}

.alertLayer.modifyPop .grayBox .symbol {
	float:left;
	height:50px;
	margin-right:5px;
}

.alertLayer.modifyPop .grayBox p {
	margin:0;
	line-height:20px;
}



.exampleArea .example {
	width:45%;
	text-align:center;
}

.exampleArea .example.first{
	margin-right:30px;
}

.exampleArea .roundBlueBox {
	width:160px;
	height:105px;
	padding:15px 15px ;
	background:#b7dbf4;
	border-radius:20px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;	
}

.notShowArea {
	width:100.5%;
	background:#e5e5e5 ;
	text-align:center;
	float:left;
	padding:10px 0;
	position:absolute;
	left:-1px;
}

.notShowArea .notShow{
	display:inline-block;
}

.notShowArea .notShow input {
	margin-top:3px;
}

.notShowArea p {
	margin:0 0 0 5px;
}


/*미니 도움말 팝업*/
.applyEx {
	width:100%;
}

.applyEx p {
 line-height:22px;
}

.example .exBorder {
	width:auto;
}

.example .left {
	width:83%;
}

.textArea p {
	margin-top:0;
}

.exBorder {
	float:left;
	
}

.modifyPop .dotLine {
	margin:15px 0 ;
}


.exampleImg03 {
	background:url(../images/contact/modify/popImg03.jpg) no-repeat;
	width:100%;
	height:165px;
	margin-bottom:30px;
}

.exampleImg04 {
	background:url(../images/contact/modify/popImg04.jpg) no-repeat;
	width:520px;
	height:165px;
	margin:0 auto;
}

.helpTable {
	width:100%;
	border:0;
	margin-bottom:15px;
}

.helpTable td {
	text-align:center;
	padding:10px;
	
}

.helpTable th {
	padding:10px
}

.helpTable th p{
	margin:7px 0 0 25px;
	float:left;
}

.helpTable .roundGray{
	width:114px;
	height:32px;
	padding:0 15px;
	background:#ececec;
	border-radius:10px;
}

.helpTable .messageBox {
	width:114px;
	padding:15px;
	background:#b7dbf4 ;
	border-radius:10px;
	text-align:left;
	height:74px;
}

.modifyPop .center {
	width:410px;
	margin:0 auto;
	overflow:auto;
	margin-bottom:10px;
}

.modifyPop .center .textCenter  {
	margin-left:10px;
	margin-top:20px;
	float:left;
}


.yellow {
	background:#eaf14a;
}

.layerScrollAct {
	width:100%;
	height:500px;
	overflow:auto;
	overflow-x:hidden;
}

.modifyPop .layerScrollAct .grayBox {
	margin-top:0;
}

.alertLayer.modifyPop .example .fullDotLine{
	width:100%;
	border-top:1px dashed #9a9a9a;
	margin:0 0 15px;
}

.example .sendNameInfo.webName,
.example .sendNameInfo.webName .left{
	margin-bottom:5px;
}

.example .sendNameInfo, 
.example .sendNameInfo .left{
	width:100%
}

.smsadsettingtext{
	padding:15px 20px;
	border:1px solid #5b5b5b;
	background:#f7f7f7;
}



.checkLayer{
	position:absolute; top:40px; left:0;
	width:300px;
	padding:10px;
	background:#ffffff;
	border:1px solid #b2b2b2;
	border-radius:10px;
	z-index:500;
}

/* .checkLayer input,
.checkLayer .dlText{
	float:left;
}

.checkLayer .dlText{
	margin:0 10px 0 5px;
} */

.checkLayer label{
	margin:2px 5px;
	display:inline-block;
}

.checkLayer dt{
	width:100%;
	overflow:auto;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
.checkLayer.miniLayer {
	position:absolute;
	top:40px;
	left:0;
	z-index:499;
}

.checkLayer.miniLayer dt{
	
}

.checkLayer.miniLayer dd{
	padding:5px 10px 5px 5px;
	font-weight:normal;
}
.checkLayer.miniLayer dd:last-child{
	border-bottom:0;
}

.checkLayer dt label{
	width:calc(100% - 20px);
	margin:0;
	padding:10 10px;
	border-bottom:1px dashed #8c8c8c;
}

.checkLayer dt label:hover{
	background:#efefef;
}

.checkLayer dt:first-child {
	border-bottom:0;
}

.checkLayer dl dt:first-child label{
	width:calc(100% - 20px);
	margin:0;
	padding:5px 10px;
	border-bottom:1px dashed #8c8c8c;
	border-radius:0px;
	background:#efefef;
}


.checkLayer dl div:first-child dt label{
	background:#80a838;
	color:#ffffff;
	border-radius:5px;
	border-bottom:0px ;
	margin-bottom:10px ;
}

.checkLayer.miniLayer dl div:first-child dt label{
	margin-bottom:0;
}

.checkLayer dl div:first-child dt label:hover{
	background:#5f8224;
}

.checkLayer dl div:last-child dt label{
	border-bottom:0;
}

.checkLayer dd{
	font-size:12px;
	padding:5px 10px 5px 20px;
	border-bottom:1px dashed #cccccc;
	text-align:left;
}


.checkLayer input{
	vertical-align: top;
}


.checkLayer.miniLayer input[type="text"]{
	border:1px solid #555;
	width:40px;
	border-radius:3px;
	position:relative;
	top:2px;
}

.checkLayer.miniLayer input:disabled {
    background: #e1e1e1;
}


.checkLayer.miniLayer .radioSelect{
	padding:5px 0;
	border:1px solid #cccccc;
	border-radius:10px;
	margin-bottom:10px;
	line-height:15px;
}

.checkLayer .bottomBtn{
	width:100%;
	display:inline-block;
	margin-top:5px;
}
.checkLayer .bottomBtn .wrap{
	width:123px;
}

.checkLayer.miniLayer .bottomBtn .wrap{
	padding:0;
}

.checkLayer .finishBlueBtn,
.checkLayer .finishGrayBtn{
	/* width:100px; */
	width:calc(50% - 23px);
	padding:0px 10px;
	
}

.checkLayer .finishBlueBtn{
	margin-right:5px;
}

.checkLayer.miniLayer.groupSel input.textinput{
	width:calc(200px - 12px);
	font-size:13px;
	padding:5px;
	letter-spacing:-1px;
	margin-bottom:10px;
}

.checkLayer.miniLayer.groupSel dd .finishGrayBtn{
	font-size:12px;
	width:calc(33% - 14px);
	padding:0 5px;
	margin-right:5px;
	margin-bottom:5px;
}

.checkLayer.miniLayer.groupSel dd .finishGrayBtn:hover{
	border-radius:4px;
}

.checkLayer.miniLayer.groupSel dd .finishGrayBtn p{
	margin-top: 6px;
	line-height: 18px;
}

.checkLayer.miniLayer.groupSel dd .finishGrayBtn:nth-child(3n){
	margin-right:0;
}


.cutsAddBox li .flatBtnBox.zonpb{
	display:inline-flex;
	margin-right:10px;
}

.cutsAddBox li .flatBtnBox.zonpb button{
	height:28px;
	text-align:center;
	background:#d0d3d7;
	color:#666666;
	border:0;
	padding:0 10px;
	cursor:pointer;
}

.cutsAddBox li .flatBtnBox.zonpb button:hover{
	background:#474747;
	color:#fff;
}


.cutsAddBox li .flatBtnBox.zonpb button:first-child{
	border-radius:5px 0 0 5px;
}

.cutsAddBox li .flatBtnBox.zonpb button:nth-child(2){
	border-radius:0px;
}


.cutsAddBox li .flatBtnBox.zonpb button:last-child{
	border-radius:0 5px 5px 0;
}

.cutsAddBox li .flatBtnBox.zonpb button.select:first-child{
	background:#3a7ecb;
	color:#ffffff;
}

.cutsAddBox li .flatBtnBox.zonpb button.select:nth-child(2){
	background:#318c03;
	color:#ffffff;
}


.cutsAddBox li .flatBtnBox.zonpb button.select:last-child{
	background:#ce5757;
	color:#ffffff;
}

.cutZonpbSampleBox{
	display:block;
	border:1px solid #5ea8ff; 
	padding:10px;
	font-size:15px;
	margin-top:10px;
	background:#f5f8ff; line-height:20px; 
	font-family:맑은고딕; 
	white-space:pre-wrap;
}

.alertLayer.keyTextarea {
	left:calc(50% - 174px);top:calc(50% - 174px);width:348px; 
}
.alertLayer.keyTextarea textarea{
	width:100%;
	height:150px;
	font-size:15px;
	font-family:맑은고딕; 
}


.alertLayer.serviceStAl .nameAlertArea{
	overFlow:auto;
	max-height:350px;
}

.alertLayer.serviceStAl .grayBox{
	font-size:14px;
	font-family:맑은고딕; 
	line-height:24px;
}

.alertLayer.serviceStAl .nameSetArea{
	display:flex;
	margin-bottom:5px;
}

.alertLayer.serviceStAl .nameSetBlock{
	width:calc(100% - 90px);
	border:1px solid #cccccc;
	padding:5px 10px;
	border-radius:10px;
	font-size:14px;
	font-family:맑은고딕; 
	overflow:auto;
}

.alertLayer.serviceStAl .nameSetBlock input{
	padding:5px;
	border:1px solid #cccccc;
	font-size:14px;
	font-family:맑은고딕; 
	width:130px;
	border-radius:5px;
}

.alertLayer.serviceStAl button.setBtn{
	flaot:left;
	width:50px;
	margin-left:10px;
}
.alertLayer.serviceStAl .nameSetBlock .nameSetBlockName{
	float:left;
	width:150px;
	margin-top:5;
	margin-right:10px;
}
.alertLayer.serviceStAl .nameSetBlock .nameSetBlockEdit{
	float:left;
	
}
.alertLayer.phonedataoutList{
left:calc(50% - 174px);
top:calc(50% - 204px);
width:348px; 
}

.alertLayer.phonedataoutList .textArea.btnArea{
	margin:10px 0;
	overflow:auto
}
.alertLayer.phonedataoutList .textArea{
	font-family:맑은고딕;
}
.alertLayer.phonedataoutList .btnArea .greenBtn{
	margin-top:0;
}

.alertLayer.phonedataoutList .btnArea input[type=text]{
	border:1px solid #8b8b8b;
	padding: 5px;
    width: 120px;
	font-family:맑은고딕;
	border-radius:3px;
}

.alertLayer.phonedataoutList .btnArea .right button{
	height:30px;
	/* border-radius:0 5px 5px 0; */
	/* border:1px solid #8b8b8b; */
	margin-left:2px;
}

.alertLayer.phonedataoutList .tableList2{
	font-family:맑은고딕;
	font-size:13px;
}

.alertLayer .yearBtn {
	margin:7px 0 0;
}

.alertLayer .yearBtn button.roundBtn{
	width:47px;
	display:inline-block;
	border:1px solid #a2a2a2;
	border-radius:5px;
	background:#fff;
	color:#000;
	cursor:pointer;
	padding:2px 0;
	font-family:gulim;
}

.alertLayer .yearBtn button.roundBtn:hover{
	background:#e8e8e8;
}

.alertLayer .yearBtn button.roundBtn:active{
	background:#607d8b;
	color:#fff;
}

.alertLayer .megListBox{
	max-height:150px;
	overFlow-y:auto;
}

.alertLayer .msgGrayBtn.button-gray{
	border-radius:10px;
	border:1px solid #a2a2a2;
	padding:8px 10px;
	margin-bottom:8px;
	color:#000;
}

.themeTextSample .sampleTextArea .sampleText{
	width:calc(30% - 20px);
	margin:0 10px 10px 0;
	border:1px solid #b2b2b2;
	border-radius:10px;
	padding:10px;
	display:inline-block;
	font-size:14px;
	font-family:맑은고딕;
}

.themeTextSample .sampleTextArea .sampleText:nth-child(3){
	margin-right:0;
}

.themeTextSample .sampleTextArea .sampleText .textArea{
	height:170px;
	overFlow-y:auto;
} 

.themeTextSample .ttsnotice{
	font-size:14px;
	font-family:맑은고딕;
}

.acoreTaSelectArea{
	width: 100%;overflow: auto;line-height: 20px;
}