/* RESET START */
@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;  
}
span, p {word-break:break-all;}
p { line-height:25px; }
em,address{font-style:normal;}
textarea{
	border:2px solid #0b8fd2 !important;
	background:#FEFFCD !important;
}

.white-textarea {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #FFF !important;
    border:none !important;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
table, td, th {
  vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote {
  quotes: "" "";
}
a img {
  border: none;
}

a {text-decoration:none}
/* RESET END */

/* Hides from IE5-mac \*/
* html { height: 1%; }
/* End hide from IE5-mac */


/* 공통 */
.hidden { display:none !important; }

/* 메뉴 관련 
.navbar .ui-btn .ui-icon { width:30px !important;
                           height:30px !important;
                           margin-left:-15px !important;
                           -webkit-border-radius:none;
                           border-radius:none;
                           -moz-box-shadow:none;
                           -webkit-box-shadow:none;
                           box-shadow:none; }
#customer .ui-icon { background:url(/images/Glyphish/111-user.png) no-repeat 50% 50%;
                     background-size:24px 21px; }
#phone .ui-icon { background:url(/images/Glyphish/75-phone.png) no-repeat 50% 50%; 
                  background-size:24px 24px; }
#list .ui-icon { background:url(/images/Glyphish/179-notepad.png) no-repeat 50% 50%; 
                 background-size:22px 28px; }
#chat .ui-icon { background:url(/images/Glyphish/09-chat-2.png) no-repeat 50% 50%; 
                 background-size:24px 22px; }
#email .ui-icon { background:url(/images/Glyphish/18-envelope.png) no-repeat 50% 50%; 
                  background-size:24px 16px; }
#pin .ui-icon { background:url(/images/Glyphish/72-pin.png) no-repeat 50% 50%; \\
                background-size:10px 20px; }
#schedule .ui-icon { background:url(/images/Glyphish/83-calendar.png) no-repeat 50% 50%; 
                     background-size:23px 25px; }
#toolbox .ui-icon { background:url(/images/Glyphish/36-toolbox.png) no-repeat 50% 50%; 
                     background-size:26px 20px; }
*/

/* 공통 */
li{list-style:none;}
.hc{visibility:hidden;overflow:hidden; text-indent:-10000px;width:0;height:0;font-size:0;line-height:0; position:absolute;}

.clear{clear:both;}
.disabled{ opacity:0.3; }

/* 헤더 */
#wrap{width:100%; overflow:hidden;}
#wrap .header{width:100%;}
#wrap .header ul.hs{height:75px; margin:0 auto; margin-left:20px;}

/* 이전 -- 상황봐서 지워도됨 -- 시작 */
#wrap .header ul li {float:left; }
#wrap .header ul li.hdlBack { text-indent:-1000px; background:url(/images/icons-35.gif) -70px 0px no-repeat; width:35px; height:30px; margin:14px 0 0 0;}
#wrap .header ul li.hdlHome { text-indent:-1000px; background:url(/images/icons-35.gif) -105px 0px no-repeat; width:35px; height:30px; margin:14px 0 0 0;}
#wrap .header ul li.hdlCal { text-indent:-1000px; background:url(/images/icons-35.gif) -140px 0px no-repeat; width:35px; height:30px; margin:14px 0 0 0;}
#wrap .header ul li.hdlMenu { text-indent:-1000px; background:url(/images/icons-35.gif) -175px 0px no-repeat; width:35px; height:30px; margin:14px 0 0 0;}
#wrap .header ul li.hdr {margin:10px 10px 0px 0px;}
#wrap .header ul li.hdr fieldset{} 
#wrap .header ul li.hdr .u_hs {margin:14px 0 0 0; float:left; background:url(../images/mubis/tp.gif) 0 -190px repeat; height:30px;}
#wrap .header ul li.hdr .u_hs .hsl {background:url(../images/mubis/tp.gif) 0 -150px no-repeat; width:20px; height:30px; border:0; display:block; float:left;}
#wrap .header ul li.hdr .u_hs .itw {padding:0; height:30px; border:0;}
#wrap .header ul li.hdr .u_hs .it {vertical-align:top; padding:1px 5px; border:0; font-size:1em; margin:3px 0 0 0; height:22px; float:left; width:110px;}
#wrap .header ul li.hdr .hsbt {background:url(../images/mubis/tp.gif) -60px -150px no-repeat; width:40px; height:30px; text-indent:-1000px; border:0; white-space:nowrap; display:block; float:left;} 
/* 이전 -- 상황봐서 지워도됨 -- 종료 */
/* 신규 -- 시작 */
#wrap .header .hs { height:40px; margin:10px 10px 0 0; }
#wrap .header .hs .fl { float:left; }
#wrap .header .hs .fr { float:right; }
#wrap .header .hs .hdr { margin:20px 92px 0 90px; }
#wrap .header .hs .icon { width:35px; height:30px; background-image:url('/images/icons-35.gif'); background-position:no-repeat; }
#wrap .header .hs .icon-plus { width:52px; height:33px; background-image:url('/images/icons-35.gif'); background-position:no-repeat; }
#wrap .header .hs .icon.hdlBack  { background-position:-70px 4px; margin-left:22px;}
#wrap .header .hs .icon.hdlHome  { background-position:-105px 4px; }
#wrap .header .hs .icon.hdlCal  { background-position:-140px 3px; }
#wrap .header .hs .icon.hdlMenu  { background-position:-175px 4px; }
#wrap .header .hs .icon-plus.hdlSearch  { background-position:-100px -35px; }
/* 신규 -- 종료 */

/*contents
.contents {margin:0 auto; background:none;}
*/
.contents {margin:0 auto;}
/* 이전 -- 상황봐서 지워도됨 -- 시작 */
.contents ul.dya{margin:0 auto; text-align:center; margin-left:10px;}
.contents ul.dya li {float:left; margin-bottom:20px;}
.contents ul.dya li.dyl{background:url(/images/icons-35.gif) 0px 0px no-repeat; height:30px; display:block; text-indent:-9999px; margin-top:25px;}
.contents ul.dya li.dyd{font-weight:bold; margin:0px 10px; display:block; width:220px;}
.contents ul.dya li.dyd h2 {margin:10px 0 5px 0;}

.contents ul.dya li.dyr{background:url(/images/icons-35.gif) -35px 0px no-repeat; height:30px; display:block; text-indent:-9999px; margin-top:25px;}
/* 이전 -- 상황봐서 지워도됨 -- 종료 */
/* 신규 -- 시작 */
.contents div.dya{ }
.contents div.dya .icon { background-image:url('/images/icons-35.gif'); background-position:no-repeat; width:16px; height:30px; margin-top:23px; }
.contents div.dya .dyl { float:left; background-position:0px 0px; margin-left:15px; }
.contents div.dya .dyr { float:right; background-position:-35px 0px; padding-right:15px; }
.contents div.dya .dyd { margin:0 25px 0 25px; text-align:center; }
.contents div.dya .dyd h2 { width:100%; margin:0 auto; padding-top:14px; }
.contents div.dya .dyd .month-list { background:url('/images/icons-35.gif') -407px 0 no-repeat; width:22px; height:30px;float: right; margin:6px 0 0 0;}
/* 신규 -- 종료 */

/*pop-contents*/
.pop-contents {margin:0 auto;}
.pop-contents {background:none; width:100%; text-align:center; }
.pop-contents .month{margin:0 auto;position:relative; margin-left:75px;}
.pop-contents .month .dyl{float:left; background:url(/images/icons-35.gif) -195px 0px no-repeat; width:25px; height:15px; display:block; text-indent:-9999px;}
.pop-contents .month .dyd{float:left; font-weight:bold; margin:-2px 10px 0px 10px; display:block;}
.pop-contents .month .dyr{float:left; background:url(/images/icons-35.gif) -245px 0px no-repeat; width:15px; height:15px; display:block; text-indent:-9999px;}

/*footer*/
.footer{width:100%; margin:o auto;background:url(../images/mubis/ft.gif) 0 0 repeat; clear:both; float:left;}
.footer ul.ft {padding:0; margin:0 auto; width:270px; height:40px;}
.footer ul.ft li {margin:4px 10px; float:left;}
.footer ul.ft li.f01{background:url(../images/mubis/ft.gif) 0 -65px no-repeat; text-indent:-1000px; width:49px; height:30px;}
.footer ul.ft li.f02{background:url(../images/mubis/ft.gif) -60px -65px no-repeat; text-indent:-1000px; width:49px; height:30px;}
.footer ul.ft li.f03{background:url(../images/mubis/ft.gif) -120px -65px no-repeat; text-indent:-1000px; width:19px; height:30px;}
.footer ul.ft li.f04{background:url(../images/mubis/ft.gif) -180px -65px no-repeat; text-indent:-1000px; width:29px; height:30px;}
.footer ul.ft li.f05{background:url(../images/mubis/ft.gif) -240px -65px no-repeat; text-indent:-1000px; width:19px; height:30px;}

/* 캘린더 top */
.miniCalWrap { border : 1px solid #b9b9b9; }
.miniCalHeader { 
	width:100%; clear:both; overflow:hidden; border-bottom:solid 1px #d9d9d9; 
	background: #b2c578;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6fede /*{global-active-background-start}*/), to(#b2c578 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6fede /*{global-active-background-start}*/, #b2c578 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f6fede /*{global-active-background-start}*/, #b2c578 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f6fede /*{global-active-background-start}*/, #b2c578 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #f6fede /*{global-active-background-start}*/, #b2c578 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f6fede /*{global-active-background-start}*/, #b2c578 /*{global-active-background-end}*/);
	}
.miniCalHeader span { display:block; width:14.2857%; line-height:28px; height:28px; padding-top:1px; float:left; text-align:center; font-size:12px; color:#444; font-weight:bold; }
.calendarWrap { width:100%; }
.calendarWrap td {height:38px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;font-weight:bold;font-size:1.00em;color:#000;line-height:1.2em}
.calendarWrap td em{position:absolute;bottom:0px;right:4px;padding-left:8px;font-size:11px;line-height:120%; color:#000;}
.calendarWrap .noCurrentSun, .calendarWrap .sun { border-left:none 0; }
.calendarWrap td a {position:relative;padding-left:6px;font-size:14px; color:#000; font-weight:bold; display:block; height:43px; line-height:43px; border-bottom:solid 1px #eaeaea; border-right:solid 1px #eaeaea; }
.calendarWrap td.today a { border:solid 2px #6b89f6 !important; height:41px; line-height:41px; margin-top:-1px; margin-left:-1px; }
.calendarWrap .selected a { border:solid 2px #acbbde !important; height:41px; line-height:41px; margin-top:-1px; margin-left:-1px; }
.calendarWrap .sun a,.calendarWrap .holiday a { color:#f92d32; }
.calendarWrap td.on { background-color:#f0f3fe; }
.calendarWrap td.on a { text-decoration:underline; border-color:#dcdfea; }
.calendarWrap .noCurrentSun a, .calendarWrap td.noCurrentHoliday a { color:#f7cfd0; }
.calendarWrap .noCurrent a { color:#c6c6c6; }
.calendarWrap .noCurrent, .calendarWrap .noCurrentSun { background-color:#f8f8f8; }
.calendarWrap tr.last_row td a { border-bottom:solid 1px #b2b2b2; }
.calendarWrap tr.last_row td.selected a { border:solid 2px #acbbde; }
.calendarWrap td a.r { border-right:none 0; }

/* 디바이더 헤더 */
/*
.list-divider-header { color:Brown !important; font-weight:bold; display:inline !important; font-family:NanumPen, helvetica; font-size:28px;}
.list-divider-header-block { 
	color: brown !important;
	font-weight: bold;
	font-family: NanumPen, helvetica;
	font-size: 28px;
}
*/
.list-divider-header { color:Brown !important; font-weight:bold; display:inline !important; font-family:helvetica; font-size:18px;}
.list-divider-header-block { 
	color: brown !important;
	font-weight: bold;
	font-family: helvetica;
	font-size: 18px;
}

/* listview 안의 리스트 클릭후 스타일 재정의 */
#mainList .ui-btn-active { 
	border : none;
	background: 			#FFFFFF;
	
	font-weight: bold;
	color: 					#fff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 0px /*{c-bar-shadow-y}*/ 0px /*{c-bar-shadow-radius}*/ 	#fff /*{c-bar-shadow-color}*/;
	text-decoration: none;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF , #FFFFFF );
	background-image:    -moz-linear-gradient(top, #FFFFFF , #FFFFFF );
	background-image:     -ms-linear-gradient(top, #FFFFFF , #FFFFFF );
	background-image:      -o-linear-gradient(top, #FFFFFF , #FFFFFF );
	background-image:         linear-gradient(top, #FFFFFF , #FFFFFF );
	
  	outline: none;
	font-family: Helvetica, Arial, sans-serif /*{global-active-font}*/;
}

/* brown테마 active class 재정의  */
[data-theme=brown].ui-btn-active {
    border: 1px solid #773f04 /*{d-bup-border}*/;
    background: #cf906f /*{d-bup-background-color}*/;
    font-weight: bold;
    font: 14px dotum;
    color: #FFF /*{d-bup-color}*/;
    text-shadow: none;
	text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf906f), to(#773f04 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #cf906f /*{d-bup-background-start}*/, #773f04 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #cf906f /*{d-bup-background-start}*/, #773f04 /*{d-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(top, #cf906f /*{d-bup-background-start}*/, #773f04 /*{d-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(top, #cf906f /*{d-bup-background-start}*/, #773f04 /*{d-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(top, #cf906f /*{d-bup-background-start}*/, #773f04 /*{d-bup-background-end}*/);
}

/* 고객리스트 스타일 재정의*/
.divider .ui-collapsible-content {
	padding: 10px 0px;
}

/* Container */
.container-consonant { 
	background:White; 
	opacity:0.5; 
	width: 20px;
	text-align: center;
	position: absolute;
	z-index:9999;
	}
.container-consonant div{ font-size:18px; line-height:26px; }

/*
.container-send{ 
	border-left:2px solid #379c9d; 
	border-top:2px solid #379c9d; 
	width:150px; 
	float:right; 
	padding:5px 5px 0px 5px; 
	background:White; 
	text-align:center;
	position:absolute;
	z-index:9998;
}
*/

/* selectmenu 안의 리스트 클릭후 스타일 재정의 */
.ui-selectmenu .ui-btn-active { 
	border : none;
	background: 			#046e77 /*{global-active-background-color}*/;
	
	font-weight: bold;
	color: 					#fff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 0px /*{c-bar-shadow-y}*/ 0px /*{c-bar-shadow-radius}*/ 	#fff /*{c-bar-shadow-color}*/;
	text-decoration: none;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76d5cb /*{global-active-background-start}*/), to(#046e77 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #76d5cb /*{global-active-background-start}*/, #046e77 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #76d5cb /*{global-active-background-start}*/, #046e77 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #76d5cb /*{global-active-background-start}*/, #046e77 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #76d5cb /*{global-active-background-start}*/, #046e77 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #76d5cb /*{global-active-background-start}*/, #046e77 /*{global-active-background-end}*/);
	
  	outline: none;
	font-family: Helvetica, Arial, sans-serif /*{global-active-font}*/;
}

/* 리스트 버튼 없애기 
#mainList .ui-icon { background:none !important; }
*/
#mainList .invisible .ui-icon { background:none !important; }
#mainList .icon-invisible-THEME .ui-icon { background:none !important; }


/* 서브 리스트 간격 조정 */
.list-item { padding: .0em 10px .0em 15px !important; }

/* Grid 안의 플립슬라이더의 크기 조정*/
.ui-grid-b div.ui-slider { width: 170% !important; }

/* footer버튼 이미지 안보이게 */
.ui-footer .ui-btn-up-d { background:none; border:none;}
.ui-footer .ui-btn-hover-d { background:none; border:none; }

/* 메인 Date 스타일 */
.header-date { color:Brown; font-size:19px; font-weight:bold; }

/* 헤더 타이틀 */
/*.header-title { font:38px/40px NanumPen, sans-serif !important; font-weight:bold; color:#004082; margin:5px 0; }*/
.header-title { font:24px sans-serif !important; font-weight:bold; color:#004082; margin:5px 0; }

.subheader { margin-top:10px; }

/* 리스트 상세 내용 */
.list-detail { color:#666; font-size:16px; }


/* 고객리스트 상세 내용 */
.customer-list-detail { color:#666; font-size:14px; }

.coin{color:#002f8c; font-weight:bold;}

/* fieldset-container안의 a태그 스타일 재정의 */
#fieldset-container a {margin:0; margin-bottom:10px;}

/* 글선택 팝업 스타일 */
#divSampleSentence a>span { white-space: pre-line; }

/* 리스트 바 */
.list-bar {background:#e9f7fa; width:100%; height:30px; margin-top:10px; text-indent:10px; line-height:30px; font-weight:bold; color:#1c3f57;}
.list-icon {background:url(/images/icons-35.gif) -35px 0px no-repeat; width:18px; height:30px; display:block; float:right; margin-top:10px;}

.sub-title { color:Brown !important; font-family:dotum; font-size:14px;}

.select-left-box { width:75px; }

.margin-height-10 { margin:10px 0; }
.margin-top-10 { margin-top:10px; }
.margin-top-5 { margin-top:5px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 { margin-left:10px; }

.padding-height-10 { padding:10px 0;}
.padding-height-5 { padding:5px 0;}
.padding-top-5 { padding-top: 5px;}
.padding-height-3 { padding:3px 0;}
.padding-width-5 { padding:0px 5px; }
.padding-width-10 { padding:0px 10px; }
.padding-width-top-5-width-20-p { padding:5px 20% 0px 20% !important; }
.padding-width-20-p { padding:0 20% !important; }
.padding-10 { padding:10px;}
.padding-7 { padding:7px;}
.padding-3 { padding:3px}
.padding-5-10 { padding:5px 10px; }
.padding-3-7 { padding:3px 7px; }
.padding-4-7 { padding:4px 7px; }

.org-padding { padding:.4em 1% !important; }

.border-bottom { border-bottom: 1px dashed #ccc; }

.input-title { 
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2) !important;
	-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2) !important;
	box-shadow: inset 0px 1px 4px rgba(0,0,0,.2) !important;
	width:97% !important;
}

.input-content { 
	width:97% !important;
}

.result-text {
    color: #f88227;
    font-weight: bold;
}

/* 예약 레이어 컨테이너 */
.reserv-container {
    border: 2px solid #6bcd7d;
    background: #e3fceb;
    padding: 10px;
    color: #15750b;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

/**/
.ui-loader-container{
	background: rgba(255,255,255,0.7);
    color: #000;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    display: none; 
    position:absolute;
    width:100%;
    left:0;
    top:0;
    z-index:1000
}

/* 팝업 레이어 컨테이너 */
.pop-container {
    background: rgba(255,255,255,0.7);
    color: #000;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    display: none; 
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1000;
}

.pop-container .green-layer{
	border: 3px solid #6bcd7d;
    background: #e3fceb;
    padding: 10px;
    color: #000;
    font-weight: bold;
    -moz-border-radius: .5em 0 .5em .5em;
    -webkit-border-radius: .5em 0 .5em .5em;
    border-radius: .5em 0 .5em .5em;
}

.pop-container .blue-layer{
	border: 3px solid #5a96f5;
	background: #FFF;
    padding: 15px;
    font-weight: bold;
    -moz-border-radius: .5em 0 .5em .5em;
    -webkit-border-radius: .5em 0 .5em .5em;
    border-radius: .5em 0 .5em .5em;
}

.pop-container .bluegreen-layer{
	border: 3px solid #5a96f5;
	background: #FFF;
    padding: 10px;
    font-weight: bold;
    -moz-border-radius: .5em 0 .5em .5em;
    -webkit-border-radius: .5em 0 .5em .5em;
    border-radius: .5em 0 .5em .5em;
}

/* 월간안부 발송변경 레이어 컨테이너 */
.monthly-container {
    border: 2px solid #58bab5;
    background: #e3fcfa;
    padding: 5px;
    color: #043c41;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

/* 고객선택 리스트 컨테이너 */
.customerselected-container{
	border: 2px solid #5a96f5;
    /*background: #eef7f9;*/
    padding: 10px;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

.customerselected-present-container{
    /*background: #eef7f9;*/
    padding: 0px 10px;
    font-weight: bold;
}

.customerselected-present-container .result{
	background:#fceca3;
	padding:6px;
	text-align:center;
}

.customerselected-present-container .result-coin{
	color:Red;
	font-size:20px;
}

.selected-header{
	color: #1145a8 ;
	margin-bottom:5px;
}

.bottom-btn-container{
	width: 100%; padding-top: 6px;
}

.bottom-btn-container a{
	width: 30%; margin: auto;
}

.bottom-btn-container a.width50{
	width: 50%; margin: auto;
}

/* 고객 리스트 */
#ulCustomerList li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 7px; margin-bottom:2px; }

/* 월간안부 리스트 */
.monthly-list li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 7px; margin-bottom:2px; border-bottom:1px dashed #ccc; }

.monthly-setting-detail { margin: 0 5px 10px 25px; }

/* 수신확인 카테고리 셀렉트박스 */
#divReceiveCategory .ui-select { float:right; margin-right:0px; margin-top:-3px; }



/* 상세정보 */
.info-left-wrap { /* 일부로 뺐습니다. */ }
.info-right-wrap { float: right; }
.info-right-wrap .phone { background:url('/images/icons-35.gif') -315px 0 no-repeat; width:42px; height:40px; float: left;}
.info-right-wrap .sms { background:url('/images/icons-35.gif') -357px 0 no-repeat; width:42px; height:40px; float: left;}

/* ICON 모음 */
.icon { width:35px; height:30px; background-image:url('/images/icons-35.gif'); background-position:no-repeat; display:inline-block; vertical-align:middle;}
.icon.bullet  { background-position:-178px -9px; width:3px; height:3px; margin:6px 0px 4px 5px;}
.icon.left-arrow  { background-position:0px 0px; width:16px; height:30px; }
.icon.right-arrow  { background-position:-35px 0px; width:16px; height:30px;}
.icon.left-arrow-s  { background-position:-640px 0px; width:16px; height:32px; }
.icon.right-arrow-s  { background-position:-656px 0px; width:16px; height:32px; }
.icon.uncheck  { background-position:-440px 0px; width:24px; height:25px;}
.icon.check  { background-position:-470px 0px; width:24px; height:25px;}
.icon.sms  { background-position:-357px 0px; width:44px; height:41px;}
.icon.present  { background-position:-508px 0px; width:44px; height:41px;}
.icon.memo  { background-position:-552px 0px; width:44px; height:41px;}
.icon.clover  { background-position:-279px -6px; width:20px; height:20px; margin-bottom:2px; }
.icon.plus  { background-position:-440px 0px; width:24px; height:25px; }
.icon.search_y { background-position:-610px 1px; width:44px; height:28px; }
.icon.search_g { background-position:-670px 0px; width:46px; height:25px; }
.icon.new { background-position:-606px 0px; width:28px; height:15px; }
.icon.allim { background-position:-282px -38px; width:15px; height:15px; }
.icon.best { background-position:-606px -18px; width:28px; height:15px; }
.icon.resend { background-position:-681px 0px; width:43px; height:16px; }
.icon.blue-close { background-position:-729px 0px; width:64px; height:22px; }
.icon.bluegreen-close { background-position:-798px 0px; width:64px; height:22px; }
.icon.green-close { background-position:-866px 0px; width:64px; height:22px; }
.icon.down-active { background-position:0px -42px; width:18px; height:18px; }
.icon.up-active { background-position:-25px -42px; width:18px; height:18px; }
.icon.down { background-position:-50px -41px; width:18px; height:18px; }
.icon.up { background-position:-75px -41px; width:18px; height:18px; }


/*
.icon:hover {
	-webkit-transition: 0.15s linear;
	-webkit-transform: scale(1.25);
}
.phone:hover {
	-webkit-transition: 0.15s linear;
	-webkit-transform: scale(1.1);
}
.sms:hover {
	-webkit-transition: 0.15s linear;
	-webkit-transform: scale(1.1);
}
*/

.icon-hover {
	-webkit-transition: 0.15s linear;
	-webkit-transform: scale(1.25);
}

.phonesms-hover {
	-webkit-transition: 0.15s linear;
	-webkit-transform: scale(1.1);
}

/*존칭*/
.Zonde {font:18px dotum, sans-serif; color:#000000; font-weight:bold;}
.Pyounga {font:18px dotum, sans-serif; color:#008c1a; font-weight:bold;}
.Banmal {font:18px dotum, sans-serif; color:#0000ff; font-weight:bold;}
.NoService {font:18px dotum, sans-serif; color:#000000; font-weight:bold;}
.Zonde9 {font:18px dotum, sans-serif; color:#000000; font-weight:bold;}
.Pyounga9 {font:18px dotum, sans-serif; color:#008c1a; font-weight:bold;}
.Banmal9 {font:18px dotum, sans-serif; color:#0000ff; font-weight:bold;}
.NoService9 {font:18px dotum, sans-serif; color:#000000; font-weight:bold;}

/* data-role="controlgroup"의 100%설정 */
.ui-fluid { display:table !important; width:100% !important }
.ui-fluid .ui-table-row { display: table-row !important; }
.ui-fluid .ui-table-row a { display: table-cell !important; }

/*기념일 테이블*/
#tblFamilyList .ui-input-text {
    padding: 2px;
}
#tblFamilyList .ui-grid-a .ui-input-text {
    width: 95%;
    margin-left: 3px;
}
#tblFamilyList th {
    text-align: center;
}
#tblFamilyList td {
    text-align: center;
}
        
#tblFamilyList td input {
    text-align: center;
}

/*기념일 등록 테이블*/
#tblFamilyRegist .ui-input-text {
    padding: 2px;
}
#tblFamilyRegist .ui-grid-a .ui-input-text {
    width: 95%;
    margin-left: 3px;
}
#tblFamilyRegist th {
    text-align: center;
}
#tblFamilyRegist td {
    text-align: center;
}
        
#tblFamilyRegist td input {
    text-align: center;
}

.customer-selected {
    background: #ffefc2 /*{d-bhover-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffefc2), to(#ffc06e /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ffefc2 /*{d-bhover-background-start}*/, #ffc06e /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #ffefc2 /*{d-bhover-background-start}*/, #ffc06e /*{d-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(top, #ffefc2 /*{d-bhover-background-start}*/, #ffc06e /*{d-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(top, #ffefc2 /*{d-bhover-background-start}*/, #ffc06e /*{d-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(top, #ffefc2 /*{d-bhover-background-start}*/, #ffc06e /*{d-bhover-background-end}*/);
    -moz-border-radius: 0.3em /*{global-radii-buttons}*/;
    -webkit-border-radius: 0.3em /*{global-radii-buttons}*/;
    border-radius: 0.3em /*{global-radii-buttons}*/;
}

.group-select {
    float: right;
    margin-top: -37px;
    margin-right: -1px;
    z-index: 100;
}
.group-select-ios {
    float: right;
    margin-top: -39px;
    margin-right: -1px;
    z-index: 100;
}
        
.search-container {
    width: 45% !important;
}
.search-container input {
    width: 97%;
    padding: 1px;
    text-align: center;
}

/* 스케줄 테이블 */
.schedule-container {
    width: 100%;
}
.schedule-container th {
    border-bottom: 1px dashed #EAEAEA;
    width: 11%;
    text-align: center;
    padding: 7px;
    background: #E9F7FA;
}
.schedule-container td {
    border-bottom: 1px dashed #EAEAEA;
    padding: 0 10px;
}
.schedule-container .time {
    font-weight: bold;
    width:30%;
    display:inline;
    text-align:left;
    font-size:17px;
    color:brown;
    margin-right:5px;
}

.schedule-container textarea.ui-input-text {
    padding: 0;
    height: 18px;
}       

/* 선물보내기 컨테이너 */
.present-item-container { padding:10px 0px; }
.present-item-container p { line-height:20px; }
.present-item-container .title { font-weight:bold; margin-bottom:5px; }
.present-item-container .sale { text-decoration:line-through; }
.present-item-container .discount { font-weight:bold; }

/* 발신 리스트 */
.customer-selected-list { }
.customer-selected-list li { 
    border-bottom: 1px dashed #ccc; 
    font-size:14px;
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
    line-height:42px;
}

/* 계약 테이블 스타일*/
#tblList {
            width: 100%;
            border: 1px solid #EAEAEA;
            font-size: 14px;
        }
#tblList tr {
    border-bottom: 1px solid #EAEAEA;
}
#tblList th {
    background: #E9F7FA;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
    width: 30%;
}
#tblList th.left {
    background: #E9F7FA;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
    width: 20%;
    text-align:center;
    font-weight:bold;
    height:20px;
}
#tblList th.right {
    background: #E9F7FA;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
    width: 70%;
    text-align:center;
    font-weight:bold;
    height:20px;
}
#tblList td {
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
}

/* 고객정보 테이블 스타일*/
.customerlist-table {
            width: 100%;
            border: 1px solid #EAEAEA;
            font-size: 14px;
        }
.customerlist-table tr {
    border-bottom: 1px solid #EAEAEA;
}
.customerlist-table th {
    background: #E9F7FA;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
    width: 25%;
}

.customerlist-table th.relation {
    width: 25%;
}
.customerlist-table th.name {
    width: 35%;
}
.customerlist-table th.anni {
    width: 40%;
}

.customerlist-table td {
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
}

/* 고객등록 */

.customeradd-table {
            width: 100%;
            border: 1px solid #EAEAEA;
            font-size: 14px;
        }
.customeradd-table tr {
    border-bottom: 1px solid #EAEAEA;
}
.customeradd-table th {
    background: #E9F7FA;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
    width: 25%;
}

.customeradd-table th.relation {
    width: 25%;
}
.customeradd-table th.name {
    width: 35%;
}
.customeradd-table th.anni {
    width: 40%;
}

.customeradd-table td {
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px;
}

 .customeradd-table td input.ui-input-text {
    background: #FEFFCD;
    border: 2px solid #0B8FD2;
}

.customeradd-table td textarea.ui-input-text {
    background: #FEFFCD;
    border: 2px solid #0B8FD2;
} 

.textarea-background { background:#FEFFCD !important; border:2px solid #ccc; }
.textarea-background-fixed { background:#FEFFCD !important; }



#divDirectInput ul a {
    float: right;
}
#divDirectInput ul input {
    width: 80% !important;
    display: inline;
}

.present-item-container .present-item { float: right; width: 55%; }

.present-detail-info {
    font-size: 14px;
    color: Gray;
}
.present-info {
    color: Blue;
    font-weight: bold;
    font-size: 12px;
}
.present-count-info {
    color: Red;
    font-weight: bold;
    font-size: 12px;
}


/* 메뉴 관리*/
#ulMenuManageList .selected{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-bar-background-start}*/), to( #cbe163 /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fff /*{e-bar-background-start}*/, #cbe163 /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#fff /*{e-bar-background-start}*/, #cbe163 /*{e-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#fff /*{e-bar-background-start}*/, #cbe163 /*{e-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#fff /*{e-bar-background-start}*/, #cbe163 /*{e-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#fff /*{e-bar-background-start}*/, #cbe163 /*{e-bar-background-end}*/);
	padding :5px;
	margin :5px;
	-moz-border-radius: 				0.5em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				0.5em /*{global-radii-blocks}*/;
	border-radius: 						0.5em /*{global-radii-blocks}*/;
	border:1px solid #88a30a;
}
	
#ulMenuManageList .selected .up-icon{
	width:25px; 
	height:25px; 
	background-position:-24px -40px;
}
#ulMenuManageList .selected .down-icon{
	width:25px; 
	height:25px; 
	background-position:-1px -40px;
}
#ulMenuManageList .selected .check-icon{
	width:24px; 
	height:25px; 
	background-position:-470px 0px;
}

#ulMenuManageList .selected .udbar-icon{width:2px; height:9px; background-position:0 -110px; }
	
#ulMenuManageList li{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fcfcfc /*{e-bar-background-start}*/), to( #d9d9d9 /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fcfcfc /*{e-bar-background-start}*/, #d9d9d9 /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#fcfcfc /*{e-bar-background-start}*/, #d9d9d9 /*{e-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#fcfcfc /*{e-bar-background-start}*/, #d9d9d9 /*{e-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#fcfcfc /*{e-bar-background-start}*/, #d9d9d9 /*{e-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#fcfcfc /*{e-bar-background-start}*/, #d9d9d9 /*{e-bar-background-end}*/);
	padding :5px;
	margin :5px;
	-moz-border-radius: 				0.5em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				0.5em /*{global-radii-blocks}*/;
	border-radius: 						0.5em /*{global-radii-blocks}*/;
	border:1px solid #bbbbbb;
}
	
#ulMenuManageList .up-icon{
	width:25px; 
	height:25px; 
	background-position:-75px -38px;
}
#ulMenuManageList .down-icon{
	width:25px; 
	height:25px; 
	background-position:-50px -38px;
}
#ulMenuManageList .check-icon{
	width:24px; 
	height:25px; 
	background-position:-440px 0px;
}

#ulMenuManageList .udbar-icon{width:2px; height:18px; background-position:0 -110px; }

.schedule-item span{ font-size:14px; }


/*스케줄 등록*/
.select-a-margin a {
    margin: 10px 0px;
}
        
#divAlertContainer{
    padding:0 10px;
}
        
#divAlertContainer .ui-btn-inner {
    padding:3px 25px;
}
        
#divAlertContainer fieldset {
    line-height:36px;
}
#divAlertContainer .alert-text{
    float:left; margin-right:10px;
}

/*고객 정보*/
#divGroupList .ui-btn-inner {
    white-space: pre-line !important;
}
.ui-selectmenu {
    z-index: 2000 !important;
}

/*스케줄*/
#divScheduleSchedulePage .schedule-item span {
	font-size: 14px;
}

#divScheduleListPage .schedule-item span{ font-size:14px; }

#divScheduleMemoRegistSelectLayer label {
    padding: 7px 0px;
}
#divScheduleMemoRegistSelectLayer .ui-btn-inner {
    border: none;
}
#divScheduleMemoRegistSelectLayer .ui-btn-text {
    font-weight: bold;
    font-size: 16px;
}


/* 전체메뉴 아이콘 */
.mi{overflow:hidden;padding:0px 0px 0px 15px}
.mi li{overflow:hidden;position:relative;float:left;width:72px;height:85px}
.mi a{overflow:hidden;display:block;width:100%;height:100%;text-align:center;font-size:12px;font-weight:bold;line-height:1em;letter-spacing:-1px;color:#333 !important;}
.mi .i{display:block;width:72px;height:65px;background:url(/images/menuicon.gif)}
.mi .space{display:block;width:23px;}
.mi .wn{white-space:nowrap}
/*
.mi1 .i{background-position:0 0}
.mi2 .i{background-position:-95px 0}
.mi3 .i{background-position:-190px 0}
.mi4 .i{background-position:-285px 0}
.mi5 .i{background-position:-380px 0}
.mi6 .i{background-position:-475px 0}
.mi7 .i{background-position:-570px 0}
.mi8 .i{background-position:-665px 0}
.mi9 .i{background-position:-760px 0}
.mi10 .i{background-position:-855px 0}
.mi11 .i{background-position:-950px 0}
.mi12 .i{background-position:-1045px 0}
.mi13 .i{background-position:-1140px 0}
.mi14 .i{background-position:-1235px 0}
.mi15 .i{background-position:-1330px 0}
.mi16 .i{background-position:-1425px 0}
*/
.mi17 .i{background-position:-1520px 0}
.mi18 .i{background-position:-1615px 0}
.mi19 .i{background-position:-1710px 0}
.mi22 .i{background-position:-1995px 0}
.mi23 .i{background-position:-2090px 0}
.mi24 .i{background-position:-2185px 0}

/* 2012-01-25 박용서 수정 */
#divNav2 { text-align:center; margin-left:-12px; }
#divNav2 div.miList { float:left; width:68px; height:21px; background:url(/images/menuicon.gif); font-weight:bolder; font-size:12px; color:#333; padding-top:64px; margin:0 0 0 27px; text-align:center; }
#divNav2 .mi1 { background-position:0 0 !important }
#divNav2 .mi2 { background-position:-95px 0 !important }
#divNav2 .mi3 { background-position:-190px 0 !important }
#divNav2 .mi4 { background-position:-285px 0 !important }
#divNav2 .mi5 { background-position:-380px 0 !important }
#divNav2 .mi6 { background-position:-475px 0 !important }
#divNav2 .mi7 { background-position:-570px 0 !important }
#divNav2 .mi8 { background-position:-665px 0 !important }
#divNav2 .mi9 { background-position:-760px 0 !important }
#divNav2 .mi10 { background-position:-855px 0 !important }
#divNav2 .mi11 { background-position:-950px 0 !important }
#divNav2 .mi12 { background-position:-1045px 0 !important }
#divNav2 .mi13 { background-position:-1140px 0 !important }
#divNav2 .mi14 { background-position:-1235px 0 !important }
#divNav2 .mi15 { background-position:-1330px 0 !important }
#divNav2 .mi16 { background-position:-1425px 0 !important }
#divNav2 .mi17 { background-position:-1520px 0 !important }
#divNav2 .mi18 { background-position:-1615px 0 !important }
#divNav2 .mi19 { background-position:-1710px 0 !important }
#divNav2 .mi20 { background-position:-1805px 0 !important }
#divNav2 .mi21 { background-position:-1900px 0 !important }
#divNav2 .mi24 { background-position:-2185px 0 !important }

/* 2012-02-29 hyun-ju*/

/* 고객정보 컨트롤러:Customer/SelectList.aspx */
.customer-container{
    border: 2px solid #d8d0a9;
    background: #fbf6e2;
    padding: 10px;
    color: #000;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

/* 고객정보 컨트롤러: 중복리스트 */
.customer-selected-slist { }
.customer-selected-slist li { 
    border-bottom: 1px dashed #ccc; 
    font-size:14px;
    text-overflow: ellipsis; 
    overflow: hidden;
    line-height:20px;
    padding:10px 0;
}

/* 통화메모관리:Config/CallMemo.aspx_2012.03.29*/
.callmemo_txt{padding:10px; font-weight:bold; line-height:22px; font-size:18px;}
.pd_t {padding:10px 0;}
.call_img {width:300px; height:780px; background:url('/images/call_img.gif'); text-align:center;}

/* 번호변경관리:Config/ChangeNumberList.aspx */
.number-container {
    border: 2px solid #58bab5;
    background: #e3fcfa;
    padding: 10px;
    color: #043c41;
    font-weight: bold;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}
.number-list li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 7px; margin-bottom:2px; border-bottom:1px dashed #ccc; }
.numcolor {font-weight:bold; font:14px; line-height:120%; color:#b42a2a;}