@charset "utf-8";
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="button"]:focus,
.uneditable-input:focus {
  outline: none;
  -moz-outline:none;
  -webkit-outline:none;
  /* IE6-9
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); */
}


.r3-hidden {
	display: none;
}

.r3-show {
	display: ;
}

.r3-icon {
	width: 16px;
	height: 16px;
}

/* Top 로고u 스타일 */
/*
#top-logo .layer {
	margin:0px;
	padding:0px;
	text-align: center;
}
*/
/* Top Menu 스타일 */
.top-menu-bg {
	height: 64px;
    line-height: 64px;
    /* background-image: url(../images/common/tbg.png); */
    background-repeat: repeat-x;
	background-position: 0px 0px;
    background-color: #2475dd;
}
.top-tbl {
	table-layout: fixed;
	width: 100%;
	border-spacing: 0px;
    background-color: #2475dd;
    overflow: hidden;
}
.top-tbl .top-logo {
	text-align: left;
	 background-color: #fff;
	 border-bottom: #e2e2e2 1px solid !important;
}
/* 메인 페이지 로고 : 여백을 통한 가운데 위치 설정 */
.top-tbl .top-logo img {
	margin-top:11px;
	margin-left: 52px;
}
.top-tbl .btn-top a span {
	display:block;
	height: 64px;
	width: 100px;
	text-indent: -1000px;
}
/* TOP 메뉴 */
.top-tbl .btn-top {
	position:relative;
	width: 100px;
	height: 64px;
	/* 알림글 N뱃지 포함 이미지 */
	/*background-image: url(../images/common/top-icons_1.png);*/
	/* 알림글 N뱃지 제거 이미지 */
	background-image: url(../images/common/top-icons_normal.png?_dc=20240704_1);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

.top-tbl .btn-top_large , .top-tbl .btn-top_large a span{
	width: 113px;
}

.top-tbl .btn-wrapper {
	position:relative;
	height: 64px;
}
.top-tbl .btn-top .top-badge {
	position:absolute;
    top: 15px;
    left: 40px;
	display: block;
	height:14px;
	margin:0px;
	list-style: none;
}
.top-tbl .btn-top .top-badge li {
	list-style: none;
	float:left;
	vertical-align:middle;
	background-image: url(../images/common/top-badge.png);
	font-size: 10px;
	font-weight:bold;
	font-family:arial;
	height:14px;
	line-height: 14px;
	color: #FFF;
}
.top-tbl .btn-top .top-badge li.top-badge-l {
	background-position: left top;
	width: 5px;
}
.top-tbl .btn-top .top-badge li.top-badge-r {
	background-position: right top;
	width: 5px;
}
.top-tbl .btn-top .top-badge li.top-badge-m {
	background-position: center top;
}
.top-tbl .btn-mail {
        background-position: 0px 0px;
}
.top-tbl .btn-mail-active {
        background-position: 0px -64px;
}
.top-tbl .btn-card {
		background-position: -100px 0px;
}
.top-tbl .btn-card-active {
		background-position: -100px -64px;
}
.top-tbl .btn-webfolder {
        background-position: -200px 0px;
}
.top-tbl .btn-webfolder-active {
        background-position: -200px -64px;
}
.top-tbl .btn-bulkmail {
        background-position: -300px 0px;
}
.top-tbl .btn-bulkmail-active {
        background-position: -300px -64px;
}
.top-tbl .btn-mobile {
       background-position: -413px 0px;
}
.top-tbl .btn-mobile-active {
        background-position: -413px 64px;
}
.top-tbl .btn-notice {
        background-position: -513px 0px;
}
.top-tbl .btn-notice-active {
        background-position: -513px 64px;
}
.top-tbl .btn-library {
        background-position: -626px 0px;
}
.top-tbl .btn-library-active {
        background-position: -626px 64px;
}
.top-tbl .btn-koreago {
        background-position: -728px 0px;
}
.top-tbl .logout-toolbar {
	margin-right:15px;
	/* height: 25px; */
	line-height: 25px;
	overflow: hidden;
	vertical-align: middle;
}
.top-tbl .logout-toolbar table {
	table-layout: fixed;
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
}
.top-tbl .logout-toolbar table a {
	color:#FFF;
	text-decoration: none;
	outline: none;
}
.top-tbl .logout-toolbar .sep {
	color: #444e69;
	font-size: 12px;
}
.top-tbl .logout-toolbar .dear {
	color:#FFF;
	margin-right: 20px;
}
.top-tbl .logout-toolbar a.user-info {
	margin-left:40px;
	color:#FFF;
	white-space: nowrap;
	font-weight: bold;
}
.top-tbl .logout-toolbar a.approval-info {
	margin-left:-10px;
	margin-right:15px;
	color:#FFF;
	white-space: nowrap;
	font-weight: bold;
}

.top-tbl .logout-toolbar .sep {
	color: #336cb6;
}
/* top 페이지의 도움말, 환경설정 버튼 배경 */
.top-tbl .logout-toolbar .function-btn {
	width: 80px;
	height : 25px;
	background-image: url('../images/common/logout.png');
	background-repeat: no-repeat;
	padding-left:12px;
	padding-top:1px;
	overflow: hidden;
}
.top-tbl .logout-toolbar .function-btn a {
	color:#FFF;
}
/* 승인대기 버튼 */
.top-tbl .logout-toolbar .approval-waiting-btn {
	width: 64px;
	height : 25px;
	background-image: url('../images/common/approval-waiting.png');
	background-repeat: no-repeat;
	border-radius: 4px;
	padding-left:18px;
	padding-top:1px;
	overflow: hidden;
}

.top-tbl .logout-toolbar .approval-waiting-btn a {
	color: #0146a0;
	padding-top:1px;
}
.top-tbl .logout-toolbar .approval-waiting {
	width: 105px;
	height : 25px;
	padding-top:1px;
	overflow: hidden;
}
.approval-span {
	color: #4d4d4d;
    font-weight: bold;
    font-size: 11px;
    float: right;
    margin-top: 6px;
}

.approval-span .approval-waiting-count {
	color: #FF7800;
} 


.approval-span-card {
	color: #4d4d4d;
    font-weight: bold;
    font-size: 11px;
    float: right;
    margin-top: -9px;
}

.approval-span-card  .approval-waiting-count {
	color: #FF7800;
} 

/* 관리자 버튼 */
.top-tbl .logout-toolbar .admin-btn {
	width: 80px;
	height : 25px;
	background-image: url('../images/common/bg_admin.gif');
	background-repeat: no-repeat;
	padding-left:31px;
	padding-top:1px;
	overflow: hidden;
}
.top-tbl .logout-toolbar .admin-btn a {
	color: #0146a0;
	padding-top:1px;
}
/* 로그아웃 버튼 */
.top-tbl .logout-toolbar .logout-btn {
	width: 80px;
	height : 25px;
	background-image: url('../images/common/bg_logout.gif');
	background-repeat: no-repeat;
	padding-left:25px;
	padding-top:1px;
	overflow: hidden;
}
.top-tbl .logout-toolbar .logout-btn a {
	color: #0146a0;
}



/*
#top-menu .info {
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
}
#top-menu .info a {
	color: #FFFFFF;
	text-decoration: none;
}
#top-menu .info a:hover {
	text-decoration: underline;
}
#top-menu .info .setting {
	margin-left:15px;
	margin-right: 10px;
}
#top-menu .info .name {
	padding-left:15px;
	margin-right: 10px;
	background: url(../../dot-white.gif) no-repeat left center;
}
#top-menu .menus {
	border-collapse:collapse;
	border-spacing:0px;
	table-layout:fixed;
	height: 56px;
	line-height:56px;
	width:100%;
}
#top-menu .menus .menu-item {
	background-image: url(../images/common/tbg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	cursor: pointer;
	overflow: hidden;
}

#top-menu .menus tr td {
	height: 52px;
	line-height:52px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#top-menu .menus .logout {
	height:52px;
	line-height:52px;
	vertical-align: middle;
}
#top-menu .menus .top-icons {
	background-image: url(../images/common/top-icons.gif);
	background-repeat: no-repeat;
	height:52px;
	line-height:52px;
}
#top-menu .menus .mail {
	width:62px;
	background-position: 0px -0px;
}
#top-menu .menus .focus .mail {
	width:62px;
	background-position: -62px 0px;
}
#top-menu .menus .contact {
	width:62px;
	background-position: 0px -53px;
}
#top-menu .menus .focus .contact {
	width:62px;
	background-position: -62px -53px;
}
#top-menu .menus .notice {
	width:62px;
	background-position: 0px -106px;
}
#top-menu .menus .focus .notice {
	width:62px;
	background-position: -62px -106px;
}
#top-menu .menus .calendar {
	background-position: 0px -80px;
}
#top-menu .menus .focus .calendar {
	background-position: -48px -80px;
}

#top-menu .menus .dashboard {
	width:79px;
	background-position: 0px -72px;
}
#top-menu .menus .focus .dashboard {
	width:79px;
	background-position: -79px -72px;
}

#top-menu .menus .logout {
	width:78px;
	background-position: 0px -108px;
}
#top-menu .menus .focus .logout {
	width:78px;
	background-position: -79px -108px;
}
*/


/* Toast Window Style : 시스템 경고창을 대신하여 사용 */
#r3-msg-toast {
    z-index:90000;
    background-color: transparent;
}
#r3-msg-toast .r3-msg-box {
	margin-bottom:10px;
	position:relative;
}
#r3-msg-toast .r3-toast-info, #r3-msg-toast .r3-toast-error {
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 300px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}
#r3-msg-toast .r3-toast-info {
	border:1px solid #339933;
	background-image: url("../images/layout/window/toast-bg.png");
}
#r3-msg-toast .r3-toast-error {
	background-image: url("../images/layout/window/toast-bg.png");
	background-position: 0px -100px;
}
#r3-msg-toast .msg {
	padding-right:10px;
	color:#666;
	font-size: 14px;
	font-weight: bold;
	padding-left:50px;
	position: relative;
}
#r3-msg-toast .msg .content {
	overflow:hidden;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#r3-msg-toast .msg .icon {
	position:absolute;
	left:14px;
	top:12px;
	width: 30px;
	height: 25px;
	background-image: url("../images/layout/window/toast-icon.png");
	background-repeat: no-repeat;
}

/* ID/OTP 로그인 잠금 하제 메시지창 버튼 */
#r3-msg-toast .msg .icon-x {
	position: absolute;
    left: 283px;
    top: 7px;
    width: 15px;
    height: 15px;
	background-image: url("../images/icon/custom/icon-close.png");
	background-repeat: no-repeat;
	background-position:0px 0px;
}

#r3-msg-toast .r3-toast-info .msg .icon {
	background-position: 0px 0px;
}
#r3-msg-toast .r3-toast-error .msg .icon {
	background-position: 0px -25px;
}

/* 로딩 이미지, 백그라운드 */
.r3-panel-base .ext-el-mask, .r3-grid3-base .ext-el-mask {
	background-color: #898989;
}
.r3-panel-base .ext-el-mask-msg, .r3-grid3-base .ext-el-mask-msg {
    background: url("../images/common/load-bg.gif") 0px 0px no-repeat transparent;
    width: 130px;
    height: 130px;
    overflow: hidden;
    padding:0px;
    border-width: 0px;
}
.r3-panel-base .x-mask-loading div, .r3-grid3-base .x-mask-loading div {
    background: url("../images/common/loading.gif") #5a5a5a center center no-repeat;
    padding:0px;
    margin:10px 0px;
    border-width: 0px;
    height: 80px;
    line-height:160px;
    text-align:center;
    color:#FFFFFF;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0 1px 1px #000000;
}

/* 드래그시 쉐도우는 안보이도록 설정*/
.x-shadow, .x-ie-shadow {
	visibility: hidden;
}

/* 메뉴 ITEM OVER 색상 */
.r3-menu-item-active {
	border-color:#d9e7fd #d9e7fd #b9cff5 #d9e7fd;
	background-image: url("") ;
	background-color: #d9e7fd !important;
	color:#303030;
}

/* 메일 drop 스타일 */
.r3-dd-mail-drop-ok {
	background:url(../images/icon/32/mail.gif) no-repeat 0 -5px;
}
.r3-dd-mail-plus-drop-ok {
	background:url(../images/icon/32/mail-plus.gif) no-repeat 0 -5px;
}
.r3-dd-mail-drop-nodrop {
	background:url(../images/icon/32/mail-red.gif) no-repeat 0 -5px;
}
.r3-dd-mail-plus-drop-nodrop {
	background:url(../images/icon/32/mail-plus-red.gif) no-repeat 0 -5px;
}
/* 주소록 drop 스타일 */
.r3-dd-card-drop-ok {
	background:url(../images/icon/32/card.gif) no-repeat 0 -5px;
}
.r3-dd-card-drop-nodrop {
	background:url(../images/icon/32/card-red.gif) no-repeat 0 -5px;
}
.cardframe .r3-dd-mail-drop-nodrop {
	background:url(../images/icon/32/card-red.gif) no-repeat 0 -5px;
}
/* 웹폴더 drop 스타일 */
.r3-dd-webfolder-drop-ok {
	background:url(../images/icon/32/card.gif) no-repeat 0 -5px;
}
.r3-dd-webfolder-drop-nodrop {
	background:url(../images/icon/32/card-red.gif) no-repeat 0 -5px;
}
.webfolderframe .r3-dd-mail-drop-nodrop {
	background:url(../images/icon/32/card-red.gif) no-repeat 0 -5px;
}

/* 메일, 주소록 DD 공통 스타일 */
.r3-dd-webfolder-drop-ok .x-dd-drag-ghost,
.r3-dd-webfolder-drop-nodrop .x-dd-drag-ghost,
.r3-dd-card-drop-ok .x-dd-drag-ghost,
.r3-dd-card-drop-nodrop .x-dd-drag-ghost, 
.r3-dd-mail-drop-ok .x-dd-drag-ghost,
.r3-dd-mail-drop-nodrop .x-dd-drag-ghost, 
.r3-dd-mail-plus-drop-ok .x-dd-drag-ghost,
.r3-dd-mail-plus-drop-nodrop .x-dd-drag-ghost {
	background-color:transparent;
}
.r3-dd-webfolder-drop-ok .x-dd-drag-ghost, 
.r3-dd-webfolder-drop-nodrop .x-dd-drag-ghost,
.r3-dd-card-drop-ok .x-dd-drag-ghost, 
.r3-dd-card-drop-nodrop .x-dd-drag-ghost, 
.r3-dd-mail-drop-ok .x-dd-drag-ghost, 
.r3-dd-mail-drop-nodrop .x-dd-drag-ghost, 
.r3-dd-mail-plus-drop-ok .x-dd-drag-ghost, 
.r3-dd-mail-plus-drop-nodrop .x-dd-drag-ghost {
	background: url("../images/common/number_label_left.gif") no-repeat scroll left center transparent;
	height: 24px;
	line-height: 24px;
	width:15px;
	padding: 0 15px 0 5px;
	margin: 7px 0px 0px 20px;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	border:0px;
}
.r3-dd-webfolder-drop-ok .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-webfolder-drop-nodrop .x-dd-drag-ghost .x-grid-dd-wrap,
.r3-dd-card-drop-ok .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-card-drop-nodrop .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-mail-drop-ok .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-mail-drop-nodrop .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-mail-plus-drop-ok .x-dd-drag-ghost .x-grid-dd-wrap, 
.r3-dd-mail-plus-drop-nodrop .x-dd-drag-ghost .x-grid-dd-wrap {
	background: url("../images/common/number_label_right.gif") no-repeat scroll 100% center transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	height: 24px;
	line-height: 22px;
	width:15px;
	float:left;
	padding: 0 6px 0 1px;
	text-shadow: none !important;
}

/* 검색 필드 */
.x-trigger-wrap-focus .r3-searchfield {
	border-color: #a4a4a4 #a4a4a4 #777777 #a4a4a4;
}

/* 검색어 하이라이트 */
.search-highlight {
	font-weight: bold;
	color: #ff3e00; 
}

/* 에디터 / 파일 업로드 툴바 */
.r3-htmleditor .x-toolbar, .filupload .x-toolbar {
	background-color : #F8F8F8;
	padding:4px 4px;
}

/* 메인 메뉴 */
.main-lmenu, .main-lmenu .x-panel-body {
	/*background-color: #e6e8ed;*/
	background-color: #ffffff;
}

/* 메인 메뉴 > 상단 메뉴 구분선 */
.main-lmenu .bottom-line {
border-bottom: #d2d3d3 1px solid;
}
/* 메인 메뉴 > 하단 메뉴 구분선 */
.main-lmenu .top-line {
	/* border-top: #f4f5f7 1px solid; */
}

/* 메인 메뉴 > 아이콘이 포함된 링크 메뉴*/
.main-smenu {
	color:#000000;
	font-size:11px;
}

/* 메인메뉴:왼쪽 하단 - 외부주소록 설정 */
.main-smenu a {
	background: url(/resources/theme/default/images/pages/card/arrow.gif) no-repeat scroll left center rgba(0, 0, 0, 0);
	color:#000000;
	display:block;
	float:left;
	/* height: 17px; */
	line-height: 20px;
    font-size: 12px;
	padding-left: 12px;
	text-decoration: none;
	outline: none;
}
.main-smenu a:hover {
	text-decoration: underline;
	line-height: 20px;
    font-size: 12px;
}
.main-smenu a.icon {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left center;
}
.main-smenu a.pipe, .main-smenu a.pipe:hover {
	text-decoration: none;
	margin:0px 4px 0px 4px;
}

/* 주메뉴 구분선 */
.main-menu-border-right {
	 border-right: 1px solid #e2e2e2;
}

/* split 메뉴 보더 */
.x-splitbar-h {
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
}
	
.x-splitbar-v {
	border-top:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
}

/* 툴바 > 검색 상자 ie top bug fix */
.ext-strict .ext-ie .r3-single-form-text .x-toolbar-cell .x-form-text {
	top : 1px;
}

.r3-tabpanel .x-tab-panel-header {
    overflow: visible;
}

.r3-tabpanel .x-tab-panel-header .x-tab-strip-wrap {
    overflow: visible;
}

/* 탭패널 상단 탭의 배경색상 */
.r3-tabpanel ul.x-tab-strip-top {
	background-image: url('');
	background-color: #FFFFFF;
	padding-left:12px;
}
.r3-tabpanel .x-tab-panel-header {
	border-left: 0px;
	border-right: 0px;
   border-color: #FFFFFF #FFFFFF #bfbfbf #FFFFFF;
}

.r3-tabpanel .x-tab-strip-active .r3-tabitem-active-bottom {
	position:relative;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
}
.r3-tabpanel .x-tab-strip-active .r3-tabitem-active-bottom .r3-tabitem-active-bottom-line {
	position:absolute;
	bottom: -2px;
	width:100%;
	border-bottom: 2px solid #FFF;
}

/* 안읽은 메일 */
.x-mail-list-unread .x-grid3-col-subject {
    font-weight:bold !important;
}

/* 수신확인 안된메일 메일 */
.x-rcpt-list-unread .x-grid3-cell-inner,
.x-rcpt-list-unread .x-grid3-cell-inner a {
	color:#000;
	text-decoration: none;
}
.x-rcpt-list-read .x-grid3-cell-inner a {
/* 	color:#787878; */
	color:#999999;
	text-decoration: none;
}
.x-rcpt-list-unread .x-grid3-cell-inner .x-rcpt-unread {
	color: #fb7010;
}
.x-rcpt-list-cancel  {
	text-decoration:line-through;
}

/* composite field 에 버튼을 사용할경우 버튼 크기가 정상적으로 설정되지 않는 문제 때문에 cls 추가 정의*/
.x-btn-fixed {
	table-layout: fixed;
}

/* 입력상자 배경 삭제 */
.x-form-text, textarea.x-form-field {
	background-color:#FFFFFF;
	background-image:url();
	border-color: #d3d3d3;
	outline: none;
}

/* 주소록 그룹 그리드 : 그룹해더 */
.r3-grid-group-title {
	padding-top:0px;
	border-bottom:0px;
	cursor: default;
}
.r3-grid-group-title .x-toolbar {
    padding-left: 13px;
    font-weight: bold;
    color: #797979;
    width: 100%;
    background-color: #fafafa;
    height: 20px;
    padding-top: 4px;
}

/* 그룹 그리드 > 배경 */
.r3-grid3-base .x-grid3 {
	background-color: #FFFFFF;
}

/* 그리드 리스트의 체크 박스 배경 이미지 비활성화 */
.r3-grid3-base .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker {
    background: url("") repeat scroll 0 0 transparent;
}
.r3-grid3-base .x-grid3-row-over {
	background-image: none;
	background-color: #EEEEEE;
	border: 2px solid #EEEEEE;
}

/* 트리 그리드 ROW Border */
.r3-grid3-base .x-tree-node a {
	/* letter-spacing: -1px; */
	outline: none;
}
.r3-grid3-base .x-tree-node a:hover {
	text-decoration: underline;
}
.r3-grid3-base .x-treegrid-col {
    overflow: hidden;
    vertical-align: top;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    white-space: nowrap;
    border:0px;
    border-bottom: 1px solid #f0f0f0;
}
.r3-grid3-base .x-treegrid-col {
    height: 30px;
    line-height: 30px;
}
.r3-grid3-base .x-grid3-row {
	border-left:0px;
	border-right:0px;
	letter-spacing: 0.5px;
    word-spacing: 0.5px;
	/*padding:5px 0px;*/
/* 	border-right-color: #FFFFFF; */
/* 	border-left-color: #FFFFFF; */
}
/* 트리 그리드 상단 마진 */
.x-treegrid-root-table {
	margin-top:0px;
}
/* 그룹 그리드 > row 선택되었을때 */
.r3-grid3-base .x-tree-node .x-grid3-row-selected, .r3-grid3-base .x-tree-node .x-tree-selected .x-treegrid-col {
	    /* background-color: #ffffff !important; */
    background-color: #ffffff !important;
}
.r3-grid3-base .x-grid3-row-selected {
   	border-top: 1px solid #ebf2fe;
    border-bottom: 1px solid #dadada;
    background-color: #ebf2fe !important;
    color: #303030;
}
/* 그리드 A Tag 속성 */
.r3-grid3-base .x-grid3-cell-inner a.r3-rcpt {
	color:#333333;
	text-decoration: underline;
}
.r3-grid3-base .x-grid3-row-selected a.r3-rcpt {
	background-image:none;
	text-decoration: underline;
}

/* 트리 그리드 > row 선택되었을때 */
.r3-grid3-base .x-tree-selected .x-treegrid-col-text {
	border-right:0px;
}
.r3-grid3-base .x-tree-selected .x-treegrid-col-num {
	border-left:0px;
}
.r3-grid3-base .x-tree-selected .x-treegrid-col-noborder {
	border-left:0px;
	border-right:0px;
}
.r3-grid3-base .x-tree-node .x-treegrid-col a span {
	 color: #111111;
	font-weight: normal;
	/* font-size: 14px; */
}
/* 트리 그리드 > 선택된 편지함 글씨 설정 */
.r3-grid3-base .x-tree-node .x-tree-selected .x-treegrid-col a span {
	   color: #005bac;
    font-weight: 500;
}
/*스팸편지함*/
.x-tree-node .x-tree-action-id-91 a span.r3-tree-text,
.x-tree-node .x-tree-action-id-92 a span.r3-tree-text
{
	color:#666;
	padding-left: 11px;
}
/* 스팸편지함 : 편지이동 */
.x-tree-node .x-tree-action-move a span.r3-tree-text
{
	color:#000;
}

.r3-tree-label {
	border-bottom: 0 none;
    cursor: default;
    padding-top: 0;
}
.r3-tree-label .x-bar, .r3-tree-label .x-bar-menu {
	padding-left:10px;
	border:0px;
	/* padding-top: 5px; */
	/*
	border-top:1px solid #e6e8ed;
	border-bottom:1px solid #e6e8ed;
	*/
}
.r3-tree-label .x-bar-num {
	border:0px;
	/*
	border-top:1px solid #e6e8ed;
	border-bottom:1px solid #e6e8ed;
	*/
}
/* 스팸 편지함 */
.x-tree-custom-92 .x-tree-action-id-92 .x-bar,
.x-tree-custom-92 .x-tree-action-id-92 .x-bar-num {
	border-bottom: 1px solid #d2d3d3 !important;
}
/* 개인 편지함 */
.x-tree-custom-10 .x-tree-action-id-10 .x-bar, 
.x-tree-custom-10 .x-tree-action-id-10 .x-bar-num,
/* 검색 편지함 */
.x-tree-custom-60 .x-tree-action-id-60 .x-bar, 
.x-tree-custom-60 .x-tree-action-id-60 .x-bar-num {
	/* border-top:1px solid #F4F5F7 !important; */
}
/* 개인편지함 마지막 */
.r3-tree-label .folder-leaf {
	border-bottom: 1px solid #d2d3d3 !important;
}


.r3-grid3-base .x-tree-node .x-tree-selected {
	background-color: #a9b5cd;
}
.r3-grid3-base .x-tree-selected .x-bar, 
.r3-grid3-base .x-tree-selected .x-bar-menu,
.r3-grid3-base .x-tree-selected .x-bar-num {
	border-left:0px solid;
	border-right:0px solid;
	border-top:0px solid;
	border-bottom:0px solid;
}
.x-bar-hide .r3-tree-label .x-bar, .x-bar-hide .r3-tree-label .x-bar-menu , .x-bar-hide .r3-tree-label .x-bar-num {
	border-width:0px;
}
.r3-tree-label .x-bar-menu {
	padding-left:2px;
}
/*.ext-ie7 
.r3-grid3-base .x-tree-node .x-tree-selected .x-bar-num {
	border-top:1px solid red !important;
	border-bottom:1px solid red !important;
}
*/
/* 그리드 트리 화살표 */
/*
.r3-grid3-base .x-tree-arrows .x-tree-elbow-end-plus, .r3-grid3-base .x-tree-arrows .x-tree-elbow-end-minus, 
.r3-grid3-base .x-tree-arrows .x-tree-elbow-plus, .r3-grid3-base .x-tree-arrows .x-tree-elbow-minus {
    background-image: url("../images/common/arrows.gif");
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
*/
/*
.r3-grid3-base .x-tree-arrows .x-tree-elbow-plus {
	background-position: center 0;
}
.r3-grid3-base .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus {
	background-position: center -60px;
}
.r3-grid3-base .x-tree-arrows .x-tree-elbow-minus, .r3-grid3-base .x-tree-arrows .x-tree-elbow-end-minus  {
	background-position: center -30px;
}
.r3-grid3-base .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus {
	background-position: center -90px;
}
*/
/* 그리드 트리 화살표 : Origin */
/*
.r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-end-plus, .r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-end-minus, 
.r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-plus, .r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-minus,
.r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-end,
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-3 .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-5 .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-6 .x-tree-elbow*/
/*
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label img {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;	
}
*/
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-ec-icon {
    background-image: url("../images/common/arrows_origin.png");
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-end {
	background-image: none;
	width: 1px;
}

/*
.r3-grid3-base .x-tree-arrows-origin .x-tree-ec-over .x-tree-elbow-plus {
	background-position: center -60px;
}
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-3 .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-5 .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-6 .x-tree-elbow,
.r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-minus, .r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-end-minus,
.r3-grid3-base .x-tree-arrows-origin .x-tree-elbow-end  {
	background-position: center -30px;
}*/
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-end-plus,
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-plus {
	background-position: center 0;
}
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-end-minus,
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-minus {
	background-position: center -26px;
}

/*
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow {
	background-position: center -180px;
}
.r3-grid3-base .x-tree-arrows-origin .r3-tree-label .x-tree-elbow-end {
	background-position: center -210px;
}
*/
/*
.r3-grid3-base .x-tree-arrows-origin .x-tree-node-leaf .x-tree-elbow-end {
	background-position: center -210px;
}
.r3-grid3-base .x-tree-arrows-origin .x-tree-custom-3 .x-tree-elbow-end {
	background-image: url("../images/common/arrows_origin.png");
	background-position: center -30px;
}
*/
.x-treegrid .x-tree-ec-icon, 
.x-treegrid .default-folder-icons {
	background: url(../images/icon/24/default-folder-icons.gif) left center no-repeat;
	width: 24px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}
.x-treegrid .x-tree-node-expanded .default-folder-icons {
	background-position: -24px center;
}
.x-treegrid .x-tree-ec-icon {
	background-position: -100px -100px;
}
.x-treegrid  .x-tree-elbow-end-minus,
.x-treegrid .x-tree-elbow-minus {
	background-position: -72px -2px;
}
.x-treegrid .x-tree-elbow-end-plus,
.x-treegrid .x-tree-elbow-plus {
	background-position: -48px -2px;
}
.x-treegrid .x-tree-elbow-end {
	background-image: none;
}
/* 트리그리드 > 편지함 폴더 아이콘 */
.folder-icons {
    background: url(../images/icon/16/icon-35-pack.png?20161101) left center no-repeat;
    width: 31px;
    height: 22px;
    line-height: 24px;
    vertical-align: middle;
    background-position: -2px -137px;
}
.folder-icons-empty {
	width: 24px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}
/* 받은 편지함 */ 
.folder-icons-1 {
	background-position: -2px -137px;
}

/* 받은 편지함 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-1 {
	background-position: -2px -377px;
}

/* 내게쓴편지함 선택시 */
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-8 {
	background-position: -2px -551px;
}

/* 내게쓴편지함 */
.folder-icons-8 {
	background-position: -2px -311px;
}

/* 보낸 편지함 */
.folder-icons-4 {
	background-position: -2px -172px;
}

/* 받은 편지함 선택 시 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-4 {
	background-position: -2px -412px;
}

/* 임시보관함 */
.folder-icons-5 {
	background-position: -2px -208px;
}

/* 임시보관함 선택 시 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-5 {
	background-position: -2px -448px;
}

/* 예약발송함 */
.folder-icons-6 {
	background-position: -2px -242px;
}

/* 예약발송함 선택 시 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-6 {
	background-position: -2px -482px;
}

/* 휴지통 */
.folder-icons-7 {
	background-position: -2px -276px;
}

/* 휴지통 선택 시 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-7 {
	background-position: -2px -516px;
}

/* 스팸편지함 */
.folder-icons-90 {
	background-position: -2px -347px;
}

/* 스팸편지함 선택 시 */ 
.r3-grid3-base .x-tree-node .x-tree-selected .folder-icons.folder-icons-90 {
	background-position: -2px -587px;
}

/*  */
/* 폴더 */
.folder-icons-0 {
	background-position: -96px center;
}
/* 라벨 */
.folder-icons-10 {
	background-position: -242px center;
}
/* 폴더 */
.folder-icons-11 {
	background-position: -120px center;
}
/* 주소록 > 전체 */
.folder-icons-12 {
	background-position: -144px center;
}
/* 주소록 > 별표 */
.folder-icons-13 {
	background-position: -168px center;
}
/* 주소록 > 단일 */
.folder-icons-14 {
	background-position: -192px center;
}
/* 조직도 */
.folder-icons-15 {
	background-position: -216px center;
}

/* 트리그리드 > 편지함 폴더 라벨 아이콘 */
.folder-label-icons {
	background: url(../images/icon/24/folder-label-icons.gif) left center no-repeat;
	width: 24px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
/* 라벨 색상 */
.folder-label-icons-1 {
	background-position: 0px center;
}
.folder-label-icons-2 {
	background-position: -24px center;
}
.folder-label-icons-3 {
	background-position: -48px center;
}
.folder-label-icons-4 {
	background-position: -72px center;
}
.folder-label-icons-5 {
	background-position: -96px center;
}
.folder-label-icons-6 {
	background-position: -120px center;
}
.folder-label-icons-7 {
	background-position: -144px center;
}
.folder-label-icons-8 {
	background-position: -168px center;
}
.folder-label-icons-9 {
	background-position: -192px center;
}
.folder-label-icons-10 {
	background-position: -216px center;
}
.folder-label-icons-11 {
	background-position: -240px center;
}
.folder-label-icons-12 {
	background-position: -264px center;
}
.folder-label-icons-13 {
	background-position: -288px center;
}
.folder-label-icons-14 {
	background-position: -312px center;
}
.folder-label-icons-15 {
	background-position: -336px center;
}
.folder-label-icons-16 {
	background-position: -360px center;
}
.folder-label-icons-17 {
	background-position: -384px center;
}
.folder-label-icons-18 {
	background-position: -408px center;
}
.folder-label-icons-19 {
	background-position: -432px center;
}
.folder-label-icons-20 {
	background-position: -456px center;
}
.folder-label-icons-21 {
	background-position: -480px center;
}
.folder-label-icons-22 {
	background-position: -504px center;
}
.folder-label-icons-23 {
	background-position: -528px center;
}
.folder-label-icons-24 {
	background-position: -552px center;
}
.folder-label-icons-25 {
	background-position: -576px center;
}
.folder-label-icons-26 {
	background-position: -600px center;
}
.folder-label-icons-27 {
	background-position: -624px center;
}
.folder-label-icons-28 {
	background-position: -648px center;
}
.folder-label-icons-29 {
	background-position: -672px center;
}
.folder-label-icons-30 {
	background-position: -696px center;
}
.folder-label-icons-31 {
	background-position: -720px center;
}
.folder-label-icons-32 {
	background-position: -744px center;
}


/* 시간 선택 생상 */
.x-time-selected {
	background-color: #D8D8D8;
}

/* 그룹 라벨 > 숫자 */
.r3-grid3-base .number-label {
	background: url("../images/common/number_label_left.gif")
		no-repeat scroll left center transparent;
	float: right;
	height: 24px;
	line-height: 24px;
	padding: 0 5px 0 5px;
	margin: 3px 0px;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	clear:right;
}

.r3-grid3-base .number-label strong {
	background: url("../images/common/number_label_right.gif") no-repeat scroll 100% center transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	height: 24px;
	line-height: 22px;
	float:left;
	padding: 0 6px 0 1px;
	text-shadow: none !important;
}
.r3-grid3-base .x-treegrid-private-text, 
.r3-grid3-base .x-treegrid-text {
	position: relative;
}
.r3-grid3-base .x-tree-node-over .x-treegrid-private-text {
	display: none;
}
/* 라벨 구분자 */
.r3-grid3-base .r3-bar-menu {
	padding-top:2px;
	line-height: 26px;
    vertical-align: middle;
}
.r3-grid3-base .r3-bar-menu .button {
    text-align: right;
    padding-right: 3px;
    padding-top: 6px;
}
.r3-grid3-base .r3-bar-menu .button-default {
    text-align: right;
    padding-right: 5px;
    padding-top: 1px;
}
.r3-grid3-base .r3-bar-private-menu {
	display: none;
}
.r3-grid3-base .x-tree-node-over .r3-bar-private-menu {
	display: block;
}

.r3-grid3-base .folder-badge {
	position:absolute;
	top:8px;
	right: 6px;
	display: block;
	list-style: none;
	margin:0px;
}
.r3-grid3-base .folder-badge-etc {
	position:absolute;
	top:8px;
	right: 6px;
	display: block;
	list-style: none;
	margin:0px 5px 0px 0px;
}
.r3-grid3-base .folder-badge.mail-link{
    left: 78px;
    top: 17px;
    width: 40px;
}

/* 편지함, 주소 그룹의 badge */
.r3-grid3-base .folder-badge li {
	list-style: none;
	float:left;
	vertical-align:middle;
	color:#fff;
	font-size: 10px;
	font-weight:bold;
	font-family:arial;
	height: 14px;
	line-height: 14px;
	background-image: url(../images/common/top-badge.png);
}
.r3-grid3-base .folder-badge-etc li {
	list-style: none;
	float:left;
	vertical-align:middle;
	color:#3f7bca;
	font-size: 11px;
	font-weight:bold;
	font-family:arial;
	height: 14px;
	line-height: 14px;
}

/* 주소 그룹의 badge */
.r3-grid3-base .folder-badge.card-badge li {
	color:#000;
	font-size: 11px;
	background-image: none;
}
.r3-grid3-base .folder-badge.card-badge-all li {
	color:#000;
	font-size: 12px;
	background-image: none;
}

/* 선택된 row의 badge
.r3-grid3-base .x-tree-selected .folder-badge li {
	color:#1667d0;
}
*/
.r3-grid3-base .folder-badge li.badge-l {
	background-position: left top;
	width: 6px;
}
.r3-grid3-base .x-tree-selected .folder-badge li.badge-l {
	background-position: left bottom;
	width: 6px;
}
.r3-grid3-base .folder-badge li.badge-r {
	background-position: right top;
	width: 6px;
}
.r3-grid3-base .x-tree-selected .folder-badge li.badge-r {
	background-position: right bottom;
	width: 6px;
}
.r3-grid3-base .folder-badge li.badge-m {
	background-position: center top;
}
.r3-grid3-base .x-tree-selected .folder-badge li.badge-m {
	background-position: center bottom;
}

.r3-grid3-base .r3-mail-count {
	font-weight: bold;
	font-size: 12px;
	color:#fa730f;
	padding-left:5px;
}
	
/* 리스트  > row 선택되었을때 */
/*
.x-dd-drag-ghost a span
.x-grid3-row-selected {
	border-style: solid;
	border-color: #FFFFFF #EDEDED #EDEDED;
	background-color: #C5C5C5 !important;
}
*/

/* 주소록 팝업에서 사용할 체크 박스 */
.x-grid3-row .r3-grid-row-checker {
    background-image: url('../images/layout/grid/row-check-sprite.gif');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-color: transparent;
}
.x-grid3-row .r3-grid-row-checked {
	background-position: -23px 2px;
}

/* 주소록 팝업에서 사용할 체크 박스 : Tree */
.r3-tree-check-column .r3-tree-checker {
	width:14px;
	background-image: url('../images/layout/grid/row-check-sprite.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 8px;
}
.r3-tree-check-column .r3-tree-checker-one {
	background-position: -25px 8px;
}
.r3-tree-check-column .r3-tree-checker-all {
	background-position: -50px 8px;
}

/* 툴바 버튼 스타일 */
.r3-xtoolbar-noborder {
	border:0px;
}
.r3-xtoolbar-topmenu {
	/* padding:7px 5px; */
}
.r3-xtoolbar .xtb-spacer {
	width: 7px;
}
.r3-xtoolbar .x-btn-noicon .x-btn-small .x-btn-text,
.r3-xtoolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
	font-size: 12px;
	color:#444;
	outline:none;
}
.r3-xtoolbar .x-btn-mc em.x-btn-arrow {
	background-image: url('../images/common/btn-arrow.gif');
}


/* 버튼 색상 추가 */
.r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-tl, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-tr, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-tc, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-ml, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-mr, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-mc, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-bl, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-br, .r3-xtoolbar-color-gray .r3-xtoolbar .x-btn-bc {
	background-image: url('../images/common/btn-gray.gif');
}
.r3-xtoolbar-color-blue .x-btn-tl, .r3-xtoolbar-color-blue .x-btn-tr, .r3-xtoolbar-color-blue .x-btn-tc, .r3-xtoolbar-color-blue .x-btn-ml, .r3-xtoolbar-color-blue .x-btn-mr, .r3-xtoolbar-color-blue .x-btn-mc, .r3-xtoolbar-color-blue .x-btn-bl, .r3-xtoolbar-color-blue .x-btn-br, .r3-xtoolbar-color-blue .x-btn-bc {
	background-image: url('../images/common/btn-blue.gif');
}
.r3-xtoolbar-color-blue .x-btn button {
	color: #FFF;
	font-weight: bold;
}

/* 버튼 > 왼쪽 ■□□ */
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-tl {
	background-position : 0px 0px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-tc {
	background-position : 0px -24px;
	background-repeat: repeat-x;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-tr {
	background-position : 0px -24px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-ml {
	background-position : 0px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-mc {
	background-position : 0px -80px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-mr {
	background-position : 0px -78px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-bl {
	background-position : 0px -9px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-bc {
	background-position : 0px -39px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-br {
	background-position : 0px -39px;
}
/* pressed */
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-tl, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-tl {
	background-position : -12px 0px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-tc, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-tc {
	background-position : 0px -30px;
	background-repeat: repeat-x;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-tr, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-tr {
	background-position : 0px -30px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-ml, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-ml {
	background-position : -12px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-mc, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-mc {
	background-position : 0px -108px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-mr, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-mr {
	background-position : 0px -108px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-bl, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-bl {
	background-position : -12px -9px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-bc, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-bc {
	background-position : 0px -45px;
}
.r3-xtoolbar .r3-xtoolbar-pl .x-btn-pressed .x-btn-br, .r3-xtoolbar .r3-xtoolbar-pl .x-btn-click .x-btn-br {
	background-position : 0px -45px;
}
/* 버튼 > 중앙 □■□ */
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-tl {
	background-position : 0px -12px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-tc {
	background-position : 0px -24px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-tr {
	background-position : 0px -24px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-ml {
	background-position : 0px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-mc {
	background-position : 0px -78px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-mr {
	background-position : 0px -78px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-bl {
	background-position : 0px -21px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-bc {
	background-position : 0px -39px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-br {
	background-position : 0px -39px;
}
/* pressed */
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-tl, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-tl {
	background-position : -12px -12px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-tc, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-tc {
	background-position : 0px -30px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-tr, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-tr {
	background-position : 0px -30px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-ml, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-ml {
	background-position : -12px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-mc, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-mc {
	background-position : 0px -108px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-mr, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-mr {
	background-position : 0px -108px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-bl, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-bl {
	background-position : -12px -21px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-bc, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-bc {
	background-position : 0px -45px;
}
.r3-xtoolbar .r3-xtoolbar-pm .x-btn-pressed .x-btn-br, .r3-xtoolbar .r3-xtoolbar-pm .x-btn-click .x-btn-br {
	background-position : 0px -45px;
}
/* 버튼 > 오른쪽 □□■ */
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-tl {
	background-position : 0px -12px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-tc {
	background-position : 0px -24px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-tr {
	background-position : -9px 0px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-ml {
	background-position : 0px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-mc {
	background-position : 0px -78px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-mr {
	background-position : -9px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-bl {
	background-position : 0px -21px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-bc {
	background-position : 0px -39px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-br {
	background-position : -9px -9px;
}
/* pressed */
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-tl, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-tl {
	background-position : -12px -12px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-tc, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-tc {
	background-position : 0px -30px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-tr, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-tr {
	background-position : -21px 0px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-ml, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-ml {
	background-position : -12px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-mc, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-mc {
	background-position : 0px -108px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-mr, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-mr {
	background-position : -21px -48px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-bl, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-bl {
	background-position : -12px -21px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-bc, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-bc {
	background-position : 0px -45px;
}
.r3-xtoolbar .r3-xtoolbar-pr .x-btn-pressed .x-btn-br, .r3-xtoolbar .r3-xtoolbar-pr .x-btn-click .x-btn-br {
	background-position : -21px -9px;
}

/* 첨부파일 업로드 컴포넌트 : FF, CR, OP */
/* 첨부파일 드랍존 배경 */
.attach-drop-bg .x-grid3-scroller {
	background: url(../images/common/attach-bg.gif) no-repeat center center;
}
.filupload .attach-drop-bg .x-grid3-scroller {
	background: url(../images/common/attach-bg-mailwrite_1.gif) no-repeat center center;
}

/* 자동완성 스타일 */
.r3-autocomplete {
	border:1px solid #DCDCDC;
	background-color:white;
}
.r3-autocomplete .x-grid3-row-selected, .r3-autocomplete .x-grid3-row  {
	border : 0px;
	border-bottom : 1px solid #EDEDED;
}
.r3-autocomplete .x-grid3-cell-inner {
	padding:6px 6px 6px 6px;
}
.r3-autocomplete .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
	border-top-width: 0px;
}
.r3-autocomplete ul.x-tab-strip-bottom {
	background-image: none;
	background-color: transparent;
	border-top-color: #aeaeae;
	border-top-width: 0px;
}
.r3-autocomplete .x-tab-panel-header, .x-tab-panel-footer {
	background-color: transparent;
}
.r3-autocomplete .x-tab-panel-footer {
	padding-top: 0px;
}
.r3-autocomplete .x-tab-panel-noborder .x-tab-panel-footer-noborder {
	border-width: 0px 0px 0px 0px;
}
.r3-autocomplete ul.x-tab-strip li {
	margin-left:0px;
}

/* 라벨 컬러 메뉴 */
ul.x-menu-list li.x-menu-list-item a.label span.x-menu-item-text {
	color:#FFFFFF;
}
.x-label-color-menu .x-color-palette {
	height: 75px;
}
/* 파랑 : 1-8 */
.folder-label-1 {
	background-color: #7399f9;
}
.folder-label-2 {
	background-color: #4e79e6;
}
.folder-label-3 {
	background-color: #2951b9;
}
.folder-label-4 {
	background-color: #133897;
}
.folder-label-5 {
	background-color: #1a5173;
}
.folder-label-6 {
	background-color: #1a699c;
}
.folder-label-7 {
	background-color : #3694b7;
}
.folder-label-8 {
	background-color : #64b9d9;
}
.folder-label-9 {
	background-color: #a8c67b;
}
.folder-label-10 {
	background-color: #83ad47;
}
.folder-label-11 {
	background-color: #2e8f0c;
}
.folder-label-12 {
	background-color: #176413;
}
.folder-label-13 {
	background-color: #0f4c30;
}
.folder-label-14 {
	background-color: #386651;
}
.folder-label-15 {
	background-color: #3ea987;
}
.folder-label-16 {
	background-color: #7bc3b5;
}
.folder-label-17 {
	background-color: #fa7166;
}
.folder-label-18 {
	background-color: #cf2424;
}
.folder-label-19 {
	background-color: #a01a1a;
}
.folder-label-20 {
	background-color: #7e3838;
}
.folder-label-21 {
	background-color: #ca7609;
}
.folder-label-22 {
	background-color: #f88015;
}
.folder-label-23 {
	background-color: #eda12a;
}
.folder-label-24 {
	background-color: #d5b816;
}
.folder-label-25 {
	background-color: #e281ca;
}
.folder-label-26 {
	background-color: #bf53a4;
}
.folder-label-27 {
	background-color: #9d3283;
}
.folder-label-28 {
	background-color: #7a0f60;
}
.folder-label-29 {
	background-color: #542382;
}
.folder-label-30 {
	background-color: #7742a9;
}
.folder-label-31 {
	background-color: #8763ca;
}
.folder-label-32 {
	background-color: #b586e2;
}

/* 대시보드 스타일 */
.r3-dashboard .r3-portlet-list .x-toolbar {
	height: 30px;
	line-height: 30px;
	background-color: #d7e3f3;
	background-image: url('');
	color:black;
}
.r3-dashboard .x-panel-header {
	padding-left: 5px;
}

.disabled { 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none; 
	border:1px solid #cbd1d4;
	background-color: #f0f0f0;
}

/* 받은 시간, 메일 용량 스타일 */
.x-grid3-col-timeMillis ,
.x-grid3-col-msgSize,
.x-grid3-col-mailUid {
/* 	2014-01-16 임시 */
    /* color: #a5a5a5 !important; */
    color: #111111 !important;
    font-family: Aarial,'Malgun Gothic',sans-serif !important;
    font-size: 12px !important;
}

/* 용량 정보 */
.quota-info {
	width:100%;
	background: url(../images/common/bottom-bg.gif) repeat-x;
	height: 33px;
	line-height: 33px;
	padding-left:12px;
	font-size: 12px;
	font-family: "굴림","gulim", "AppleGothic";
	margin-left:1px;
}
.quota-info .used {
	color:#536fe5;
	margin-left:5px;
	font-weight: bold;
}
.quota-info .total {
	font-weight: normal;
}
.quota-info .percent {
	color: #FFF;
	font-weight:bold;
	margin-left:4px;
	background-color: #536fe5;
	padding:1px 2px 0px 2px;
	height: 12px;
	overflow: hidden;
}
/* MAC 용 스타일 */
.ext-mac .quota-info {
	letter-spacing: -1px;	
}
/* 용량별 색상*/
.quota-color-blue .used {
	color:#536fe5;
}
.quota-color-blue .percent {
	background-color: #536fe5;
}
.quota-color-orange .used {
	color:#ff6600;
}
.quota-color-orange .percent {
	background-color: #ff6600;
}
.quota-color-red .used {
	color:red;
}
.quota-color-red .percent {
	background-color: red;
}

/* 상단 검색 필드 */
.r3-search-bar * {
	-moz-user-select: text;
    -khtml-user-select: text;
	-webkit-user-select:text !important;
}
.r3-search-bar button.x-btn-text {
	padding-left:4px;
	padding-right:4px;
}

/* 검색 입력 상자 */
.r3-search-bar .x-form-text {
    height:20px;
    line-height:18px;
    vertical-align:middle;
    border-color: #dbdbdb;
}
/* 검색 이미지 */
.r3-search-bar .x-form-field-wrap .x-form-trigger {
	height: 26px;
	width:21px;
	border:0px;
	background-image: url('../images/layout/form/search-trigger-black.gif');
}
.r3-search-bar .x-form-field-wrap .x-form-search-trigger {
	background-position: 0px 0px;
}
.r3-search-bar .x-form-field-wrap .x-form-clear-trigger {
	background-position: -21px 0px;
}
/* 검색 입력 필드 */
.ext-ie6 .r3-search-bar .x-form-text, .ext-ie7 .r3-search-bar .x-form-text {
    /*margin-top:-1px !important;*/ /* ie bogus margin bug */
    /*margin-bottom:-1px !important;*/
    margin-top:0px !important; /* ie bogus margin bug */
    margin-bottom:0px !important;
    height:20px !important; /* ie quirks */
    line-height:18px !important;
}
.ext-strict .r3-search-bar .x-form-text {
    height:22px !important;
    border-right-color:#FFF;
}

.ext-strict .ext-webkit .r3-search-bar .x-form-text {
	/* height: 22px !important; */
}

.ext-strict .ext-webkit .r3-search-bar .x-form-text:focus {
	border-left-color : #dbdbdb;
	border-top-color : #dbdbdb;
	border-bottom-color : #dbdbdb;
	-webkit-box-shadow: inset 0 0;
	box-shadow: inset  0 0;
}

.ext-ie6 .r3-search-bar .x-form-text, .ext-ie7 .r3-search-bar .x-form-text {
    height:20px;
    line-height:18px;
}

/* 상단 알림글 배너 */
.x-tab-panel-header .x-tab-banner-wrapper {
	z-index: 0;
	position: relative;
}

/* 검색 필드 */
.x-tab-panel-header .x-tab-search-wrapper {
    /* height: 40px; */
    line-height: 20px;
    /* position: absolute; */
    /* right: 9px; */
    /* bottom: 0px; */
    /* z-index: 10; */
    margin: 0px;
    padding: 5px 7px 0px 8px;
    background-color: #FFF;
    /* border-bottom: 1px solid #D0D0D0; */
    position: relative;
    z-index: 1;
}
.x-tab-panel-header .x-tab-search-wrapper .x-toolbar {
	background-color: transparent;
	border-color: transparent;
	/* padding: 6px; */
}
/*
.x-tab-panel-header .x-tab-search-wrapper .r3-search-bar {
	padding-top:10px;
	padding-bottom:10px;
}
*/
.x-tab-panel-header .x-tab-search-wrapper #tab-top-title {
	color: #999;
}
.x-tab-panel-header .x-tab-search-wrapper a {
	text-decoration: none;
}
.x-tab-panel-header .x-tab-search-wrapper a:hover {
	text-decoration: underline;
}
.x-tab-panel-header .x-tab-search-wrapper a:ACTIVE {
	color:red;
}
.x-tab-panel-header .x-tab-search-wrapper .tab-title {
	color: #333;
	font-weight: 500;
	font-size: 12px;
    margin-right: 5px;
    margin-left: 10px;
    padding-left: 5px;
}
/* 메일리스트 최상단의 읽지않은메일 숫자 */
.x-tab-panel-header .x-tab-search-wrapper .tab-newnum a {
	font-weight: bold;
	font-size: 12px;
	color: #2371f2;
	outline: none;
}
.x-tab-panel-header .x-tab-search-wrapper .tab-totalnum a {
	font-weight: bold;
	font-size: 12px;
	color: #3b3b3b;
	outline: none;
}
.x-tab-panel-header .x-tab-search-wrapper .tab-tool {
	margin-left: 10px;
}
/* Right 상단의 새로고침 아이콘 위치 처리 */
.x-tab-panel-header .x-tab-search-wrapper .tab-tool a {
    font-size: 12px;
    color: #333;
    font-weight: 500;
/* 	margin-right:15px;
	padding-left:18px; */
	background-repeat: no-repeat;
	/* background-position: -0px -680px !important; */
    padding-right: 28px;
    outline: none;
}
/* 읽지않은메일 삭제의 아이콘 위치 처리
.x-tab-panel-header .x-tab-search-wrapper .tab-tool a.icon-small-remove-unreadmail {
	background-position: 98px -542px !important;
}
*/
/*
.x-tab-panel-header .x-tab-search-wrapper .tab-tool a.remove {
	background: url(../images/icon/16/icon-del.gif) left center no-repeat;
}
*/
.x-tab-panel-header .x-tab-search-wrapper a#tab-draftnum {
	font-size: 12px;
	color: #666;
	outline: none;
}
.x-tab-panel-header .x-tab-search-wrapper a#tab-draftnum b {
	font-size: 12px;
	color:#005FB4;
	font-weight: bold;
}

/* 팝업 */
.popup-window {
	    position: absolute;
    z-index: 1050;
    background-color: #FFF;
    border: 1px solid #bfbfbf;
    padding: 7px 0px 0px 0px;
    width: 290px;
    box-shadow: 2px 3px 4px rgba(0,0,0,.1);
/*     -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
       -moz-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    		box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); */
}
/* 로그인 히스토리 팝업 */
.login-history-popup {
    font-weight: 600;
    border-radius: 0px;
    color: #888787;
    width: 230px;
    top: 99px;
    left: 16px;
    border-top: 3px solid #5192ec;
    padding:0px;
   	background-image: url(/resources/theme/default/images/common/ico_arrow.png);
    background-repeat: no-repeat;
    background-position: 7px 0px;
}
.login-history-popup .userEmail {
	padding-left: 10px;
	padding-right: 10px;
}
.login-history-popup .userEmail hr {
	border:0px;
	border-bottom: 1px solid #D0D0D0;
}
.login-history-popup .history-row {
/* 	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px; */
	/* line-height: 20px; */
}

.login-history-popup .history-row  li {
	padding: 9px 10px 9px 7px;
    border-bottom: 1px solid #d1d1d1;
	list-style: none;
}
/* 승인대기 팝업 */
.approval-waiting-popup {
	bottom: 30px;
    right: 50px;
    width: 450px;
    font-size: 13px;
}
.approval-waiting-popup strong {
	font-weight: bold;
}
.approval-waiting-popup .userName {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.approval-waiting-popup .userName hr {
	border:0px;
	border-bottom: 1px solid #D0D0D0;
}
.approval-waiting-popup .approval-row {
	padding-left:10px;
	padding-right:10px;
}
.approval-waiting-popup .approval-row  li {
	margin-left: 10px;
	margin-right: 10px;
	list-style: square inside none;
	line-height: 140%;
	padding-bottom: 1px;
}

.approval-waiting-popup .approval-row2 {
	padding-left:10px;
	padding-right:10px;	
}
.approval-waiting-popup .approval-row2  li {
	margin-left: 10px;
	margin-right: 10px;
	list-style:none;
	line-height: 140%;
	padding-bottom: 1px;
	text-indent: 24px;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
	 .approval-waiting-popup .approval-row2  li {
	margin-left: 10px;
	margin-right: 10px;
	list-style:none;
	line-height: 140%;
	padding-bottom: 1px;
	text-indent: 18px;
	}
}


.approval-waiting-popup .approval-row3 {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
.approval-waiting-popup .approval-row3  li {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 140%;
	text-decoration: underline;
	color: #2475dd;
	padding-bottom: 5px;
	font-weight: bold;
}


.approval-waiting-popup .admin-row {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
.approval-waiting-popup .admin-row  li {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 140%;
	padding-bottom: 2px;
}


/* 200519 개별발송 도움말 팝업 */
.eachsendmail-help-popup {
	top: 68px;
    left: 90px;
    width: 450px;
}
.eachsendmail-help-popup strong {
	font-weight: bold;
}
.eachsendmail-help-popup .helpTitle {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.eachsendmail-help-popup .helpTitle hr {
	border:0px;
	border-bottom: 1px solid #D0D0D0;
}

.eachsendmail-help-popup .eachsendmail-row {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
.eachsendmail-help-popup .eachsendmail-row  li {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 140%;
	color: #2475dd;
	text-decoration: none;
	padding-bottom: 5px;
	font-weight: bold;
}

/* 240206 개별발송 체크박스 해제 팝업 */
.eachsendmail-checkbox-popup {
	top: 68px;
    left: 90px;
    width: 450px;
}
.eachsendmail-checkbox-popup strong {
	font-weight: bold;
}
.eachsendmail-checkbox-popup .helpTitle {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.eachsendmail-checkbox-popup .helpTitle hr {
	border:0px;
	border-bottom: 1px solid #D0D0D0;
}

.eachsendmail-checkbox-popup .eachsendmail-row {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
.eachsendmail-checkbox-popup .eachsendmail-row  li {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 140%;
	color: #2475dd;
	text-decoration: none;
	padding-bottom: 5px;
	font-weight: bold;
}


/* 회원정보 현행화 팝업 */
.profile-campaign-popup {
	top:45px;
	right:220px;
}
/* 에러 팝업 */
.error-window {
	bottom:10px;
	right:10px;
}
/* 검색 편지함 팝업 */
.searchfolder-window {
	top:200px;
	left:160px;
}
/* 상세 검색창 */
.search-window {
    top: 69px;
    left: 260px;
	width:380px;
}
/* 수신거부 팝업 */
.reject-window {
	top:125px;
	left:372px;
	width:535px;
	font-size:13px
}
/* 악성메일신고 팝업 */
.report-window {
	top:125px;
	left:500px;
	width:520px;
	font-size:13px
}

/* 수신확인 알리기 팝업 */
.quickreply-window {
	top:145px;
	left:572px;
	width:595px;
	font-size:13px
}

/* 상세 검색창 */
/* 보내기 설정 */
.sendoption-window {
	top:170px;
	right:15px;
	z-index:2050;
	position: fixed;
}

/* 환경설정 - 회원탈퇴 */
.userdelete-window {
	top:250px;
	left:160px;
	width:320px;
}

.popup-window .detail_search_type {
	margin-right:20px;
	margin-left:16px;
	margin-bottom:5px;
	color:#7A7A7A;
	position: relative;
}
/* 편지쓰기 - 보내기 설정 - 인코딩 방법 그룹의 기울임꼴 방지 */
.popup-window .detail_search_type optgroup {
	font-style:normal;
}
.reject-window .detail_search_type {
	margin-bottom:10px;
}

.quickreply-popup-window .title {
	margin-right:10px;
	margin-left:10px;
	margin-bottom:30px;
}

.popup-window .title {
	margin-right:20px;
	margin-left:16px;
	margin-bottom:15px;
	color:#333;
	font-weight: bold;
	font-size: 14px;
}

.popup-window .title2 {
	margin-right:2px;
	margin-left:15px;
	margin-bottom:4px;
}



.popup-window .title #folder-parent {
	font-size: 12px;
	font-weight: normal;
}
.reject-window .title {
	padding-left:32px;
	background: url(../images/icon/32/reject.png) no-repeat 0px 0px;
}

.quickreply-window .title {
	padding-left:1px;
}


.quickReplyContent {
	height: 100px;
	overflow-y: auto;
}

.popup-window .title .desc {
	font-weight: normal;
	margin:0px;
	margin-top:2px;
	padding:0px;
	font-size: 12px;
    letter-spacing: 0px;
    color:#444;
}
.popup-window .title .desc b {
	color: #fa7110;
	font-weight: bold;
}


.popup-window .title .desc_reject b {
	color: #fa7110;
	font-weight: bold;
}

.popup-window .desc {
	/* margin:0 auto; */
	margin-bottom:5px;
    color: #507EEC;
    font-size: 11px;
    letter-spacing: -1px;
    font-weight: normal;
    text-align: center;
}


.popup-window .desc_reject {
	font-weight: normal;
	margin:0px;
	margin-top:2px;
	padding:0px;
	font-size: 12px;
    letter-spacing: 0px;
    color:#444;
}

.popup-window .link {
	margin-right:20px;
	margin-left:16px;
	margin-top:7px;
	margin-bottom:7px;
	color: #444;
}
.popup-window .link a {
	color:#507eec;
	text-decoration: none;
}
.popup-window .link a:hover {
	text-decoration: underline;
}

.popup-window .top_line {
	border-bottom: 1px solid #E6E6E6;
}
.popup-window .detail_search_type dt {
	position:absolute;
	left:0px;
	top:3px;
	/* width: 80px; */
	font-size: 13px;
}
.sendoption-window .detail_search_type dt {
	width: 100px;
	line-height: 20px;
}
.popup-window .detail_search_type dd {
	padding-left:80px;
}
.searchfolder-window .detail_search_type dd {
	padding-left:90px;
}
.sendoption-window .detail_search_type dd {
	padding-left:100px;
	line-height: 22px;
}
.sendoption-window .detail_search_type dd .desc {
	color: #333;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 20px;
}
.popup-window .detail_search_type select, .popup-window .detail_search_type input {
	vertical-align: middle;
	border:1px solid #C1C1C1;
	width: 255px;
	font-size: 12px;
	font-family: Aarial,'Malgun Gothic',sans-serif !important;
}
.reject-window .detail_search_type label {
	font-weight: bold;
	color:#444;
}
.reject-window .detail_search_type input {
	width: auto;
}
.popup-window .detail_search_type input[type=radio], .popup-window .detail_search_type input[type=checkbox] {
	border:0px;
}

.searchfolder-window .detail_search_type select, .searchfolder-window .detail_search_type input {
	width: 156px;
}
.sendoption-window .detail_search_type select, .sendoption-window .detail_search_type input {
	width: auto;
}
.sendoption-window .detail_search_type select.time, .sendoption-window .detail_search_type input.time {
	width: 90px;
}

.popup-window .detail_search_type select {
	width: 100%;
	height: 27px;
}
/* 편지쓰기 - 보내기 설정 - 예약시간 selectbox */
.popup-window .detail_search_type select#preenmentHour, .popup-window .detail_search_type select#preenmentMinute {
	width: 40px;
}
.popup-window .detail_search_type ul.period {
	height: 18px;
	line-height: 18px;
	vertical-align: bottom;
}
.popup-window .detail_search_type ul.period li {
	float: left;
	font-size: 12px;
	color:#e5e5e5;
	height: 18px;
	line-height: 18px;
	vertical-align: bottom;
}
.popup-window .detail_search_type ul.period li a {
	font-size: 13px;
	color:#333;
	letter-spacing: -1;
	margin-right:3px;
	margin-left:3px;
	outline: none;
}
.popup-window .detail_search_type .fieldDate input {
	margin-top:3px;
	width: 93px;
	height: 22px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding-left: 5px; 
}
.popup-window .detail_search_type .fieldDateSep {
	color: #7A7A7A;
	font-size: 12px;
	padding:0px 2px;
}
.popup-window .detail_search_type ul.period a {
	text-decoration: none;
	font-weight: normal;
}
.popup-window .detail_search_type ul.period a.active {
	font-weight: bold;
}

.popup-window .mbar {	
	border-top: 1px solid #e6e6e6;
	/*padding: 7px 0px;*/
	text-align: center;
}

.popup-window .fbar {
	background-color: #f7f7f7;
	border-top: 1px solid #e6e6e6;
	padding: 7px 0px;
	text-align: center;
}
/* 메일만 사용할 경우 탑메뉴 설정*/
#top-toolbar .mail-navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
#top-toolbar .mail-navbar .selectDashboardModule {
	left:25px;
}
#top-toolbar .mail-navbar .selectMailModule {
	left:15px;
}
#top-toolbar .mail-navbar .selectCardModule {
	left:20px;
}

#top-toolbar .mail-navbar .selectCalModule {
	left:15px;
}

/* split bar style  */
.x-layout-split-west {
	border-left:1px solid #e8e8e8;
	border-right: 1px solid #858585;
}

/* east split bar style  */
.x-layout-split-east {
	border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.x-layout-split-over {
	border-left:1px solid #c3cbef;
	background-color: #dde3f9;
	cursor: pointer;
}
.x-layout-collapsed-west {
	border-right: 1px solid #858585;
}

.x-layout-collapsed-east {
	border-left: 1px solid #858585;
}

.x-layout-collapsed-over {
	background-color: #dde3f9;
}

/* 페이징 */
.r3-paging {
	margin:0px 3px;
}
.r3-paging a, .r3-paging a:hover {
	padding:0px 4px;
	color:#333;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma;
	text-decoration: none;
}
.r3-paging a.active {
	color:#1667D0;
	text-decoration: underline;
}

/* 골라보기 */
.r3-top-menulist {
	height: 16px;
	line-height: 16px;
    color: #616263;
    font-size: 12px;
	/* padding-top: 10px; */
}
.r3-top-menulist .text {
	padding-left:13px;	
	padding-top: 8px;
/*	padding-right:51px; */
}
.card-panel .text {
	padding-right:89px;
}

/* 하단 푸터 */
.foot-bg {
	height:43px;
	line-height:43px;
	border:0px;
	border-top:1px solid #c3cad3;
	background-color: #FFF;
	color: #000000;
	position: relative;
	font-size: 12px;
	letter-spacing: -1px;
	font-family: Pretendard;
	font-weight: 400;
}
.foot-bg span {
	padding-top: 0px;
	padding-bottom: 0px;
}
.foot-bg .adr {
	font-weight: bold;
}
.foot-bg .helptext {
	font-weight: bold;
	/*color:#315ca0;*/
	padding-right:20px;
	background-position: 68px -642px !important;
}
.foot-bg .tel {
	font-weight: bold;
	margin-left:5px;
	padding-left:16px;
	color: #666666;
	letter-spacing: 0px;
}
.foot-bg .privacy {
	font-weight: bold;
	color: #0051ad;
	letter-spacing: 0px;
}
.foot-bg .temp {
	font-weight: bold;
	color: #000000;
	letter-spacing: 0px;
}
.foot-bg .time {
	color: #000000;
	letter-spacing: 0px;
	outline: none;
}
.foot-bg .email {
	font-weight: bold;
	color: #1667D0;
	letter-spacing: 0px;
	margin-left:5px;
	padding-left:16px;
}
.foot-bg .copyright {
	font-weight: bold;
}
.foot-bg a {
	color: #1667D0;
	text-decoration: none;
	outline: none;
}
.foot-bg .sep {
	width: 1px;
	color:#BDBDBD;
	margin-left:10px;
	margin-right:7px;
}
.foot-bg .text-l {
	position: absolute;
	left: 5px;
    top: 0px;
    font-size : 14px;
}
.foot-bg .text-r {
	position: absolute;
	right:0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fff;
	top:0px;
	font-size: 12px;
}
.foot-bg .text-m {
	text-align: center;
	padding-left:40px;
}
.cblue {
    color: #345a9f;
}

#draft-label {
	background-color:#fff;
	font-size: 11px !important;
    padding-top: 10px;	
}

#removeterm-label {
    font-size: 12px;
    color: #FF0000;
    padding-top: 10px;
    padding-right: 1px;
    font-weight: 500;
    text-shadow: none;
    background-color: transparent;
}

#removealert-label {
    font-size: 12px;
    color: #FF0000;
    padding-top: 10px;
    padding-left: 1px;
    font-weight: 500;
    text-shadow: none;
    background-color: transparent;
}

span#draft-label.option-label.popup-mode {
	  padding-top: 0px;
}

/* 발신정보 > 보고하기 팝업 */
.report-location-info-window {
	top:125px;
	left:372px;
	width:420px;
}
.report-location-info-window .title {
	padding-left:5px;
}
.report-location-info-window .link {
	text-align: center;
}


.r3-tabpanel-center {
	visibility: hidden;
}
/* tab 클릭 시 테두리 제거 */
span.x-tab-strip-text, a#top-logo-image {
	outline-style:none;	
}

.x-mail-list-top .x-btn-small .x-btn-text, 
.x-mail-write-top .x-btn-small .x-btn-text, 
.x-mail-view-top .x-btn-small .x-btn-text,
.x-msg-btn .x-btn-small .x-btn-text
{
	height:20px;
	background-color: #fff;
	font-size: 12px;
	outline: none;
	/* 추후  background-color: #f8f8f8; */
}

.x-mail-view-top2 .x-btn-small .x-btn-text {
	height:20px;
	background-color: #fff;
	font-size: 12px;
	outline: none;
	border-bottom: 2px solid #30B00F;
}


div#menu-user-info {
	padding: 13px 15px 0px 15px;
    background-color: #fafafa;
    border-bottom-color: rgb(187, 193, 204);
    /* border-bottom-style: solid; */
    border-bottom-width: 1px;
    height:100%;
}

div#menu-user-info > ul li{
	line-height:1.5;
}
/* 메일용량 바 */
div#user-Progress {
   width: 100%;
    height: 6px;
    background-color: #dbdee0;
    margin-top: 6px;
    margin-bottom: 4px;
	margin-left: 2px;
	border-radius: 5px;
}
/* 메일용량 바 */
div#user-Progress > div#progress-bar {
	height:100%;
	background-color: #2475dd;
	border-radius: 5px;
}

div#user-Progress > div#progress-bar.over-quota {
	background-color: #fa4703;
	border-radius: 5px;
}


div#menu-address-info-top {
	height:26px;
	font-size:13px;
	width:100%;
	border-bottom-color: #cacac0;
	border-bottom-width: 1px;
    border-bottom-style: solid;
}

div#menu-address-info-top > ul{
	height: 100%;
}

div#menu-address-info-top > ul li{
	float:left;
	list-style:none;
	padding-top: 2px;
}

div#menu-address-info-wrapper > ul li > span, div#menu-address-info-top > ul li > span{
	padding-left: 2px;
}

/* 	div#menu-address-info-list {
		height: 150px;
		overflow: auto;
	} */

div#menu-address-info-wrapper ul li{
   line-height: 1.8;
   list-style: none;
   float: left;
   /* border-bottom-color: red; */
   /* border-bottom-width: 1px; */
   /* border-bottom-style: solid; */
   background-color: #fafafa;
   /* height: 25px; */
   padding: 5px 0 0 0;
}

div.x-left-menu-user-list .x-panel-bwrap .x-panel-body{
	overflow: auto;
	background-color:#fafafa;
}
/*
.foot-bg table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.foot-bg table tr td span {
	font-size: 12px;
}
*/

#r3-mail-foldertree {
	background-color: #FFF;
}

div#menu-address-info-wrapper > ul:after {
    content: " ";
    clear: both;
    display: table;
}

div#menu-address-info-wrapper {
	/* padding-bottom:10px; */
}


.x-top-menu-action-col-cell img {
	margin: 0px 5px 2px 14px;
    height: 25px;
    width: 30px;
}

.x-top-menu-action-col-cell td {
	width:60px;
}

/* top session 시간 view1*/
.session-time {
	position:relative;
	width:100%;
	height:64px;
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select:ignore;
}

/* top session 시간 view2*/
.session-time .session-time-wrapper {
    position: absolute;
    width: 70px;
    height: 40px;
    top: 10px;
    right: 15px;
    /* font-weight: bold; */
    color: #fff;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: ignore;
}

/* top session 시간 view3*/
.session-time .session-time-wrapper .session-time-view {
    background-position: 11px -1153px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
}

/*sesstion time 시간 연장 버튼 */
.session-time .session-time-wrapper .session-time-extend {
    display: inline-block;
    width: 56px;
    height: 20px;
    text-align: center;
    /* padding: 0px 1px; */
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: ignore;
    background-image: url(/resources/theme/default/images/common/time_bg.gif);
    font-size: 11px;
}

.x-grid3-cell-inner.x-grid3-col-timeMillis {
	font-size: 11px;
    font-weight: 500;
}

#menu-address-info-wrapper {
	background-color: #fafafa;
}

table.x-btn.x-webfoder-mail-attach.x-btn-noicon {
	margin-left: -7px;
}
#r3-attach-grid-panel {
	font-size:12px !important;
}

ul .x-rcpt-li span {
	font-size: 11px;
	color: #646363;
}

ul .x-rcpt-li.active > span {
	font-weight: bold;
	color: #000;
}

/*TODO-lyn 메일 쓰기 편지지, 양식 비활성 (시연시에는 일단 제거) 종표주임님 나중에 확인점 해주세요... */
table#r3-editor-letter, table#r3-editor-paper  {
	display: none;
}
.r3-grid3-base .x-tree-node .x-tree-node-over .x-treegrid-col a span {
	font-weight:700;
	color : #005bac;
}

.r3-grid3-base .x-tree-node .x-tree-node-over {
	border-top-color:red;
}

#folder-sort-panel .r3-grid3-base {
	background-color: #efefef;
}

#folder-sort-panel .r3-grid3-base .x-tree-node .x-grid3-row-selected, #folder-sort-panel .r3-grid3-base .x-tree-node .x-tree-selected .x-treegrid-col {
	background-color: #ececec !important; 
}

#maillist .x-layout-split {
	background-color: transparent;
	border-left: 0px;
    border-right: 0px;
}
#maillist .x-splitbar-v {
	border-top: 0px;
	border-bottom:0px;
}
#maillist .x-grid3-hd-row td {
	border-left-color:transparent;
}

#maillist td.sort-desc ,#maillist td.sort-asc{
	border-right-color: #fafafa;
}

#r3-webfolder-filelist .x-grid3-hd-row td , #r3-notice-grid .x-grid3-hd-row td{
	border-left-color:transparent;
}

