/* CSS Document */

@charset "utf-8";

section,
div,
nav,
aside,
header,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ol,
li,
dl,
dt,
dd,
section::after,
div::after,
nav::after,
aside::after,
header::after,
footer::after,
h1::after,
h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
div::after,
p::after,
ul::after,
ol::after,
li::after,
dl::after,
dt::after,
dd::after {
	box-sizing: border-box;
}
th,
td {
	box-sizing: content-box;
}
button {
	padding: 0;
	border: 0;
	background: none;
	background-color: #fff;
	cursor: pointer;
	outline:none !important;
}
a,
a:hover {
	text-decoration: none;
}
ul,
ol,
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}
em {
	font-style: normal;
}
/************************************************************************************
Margin
*************************************************************************************/

.mg00 {
	margin: 0px !important;
}
.mg02 {
	margin: 2px !important;
}
.mg03 {
	margin: 3px !important;
}
.mg05 {
	margin: 5px !important;
}
.mg10 {
	margin: 10px !important;
}
.mg15 {
	margin: 15px !important;
}
.mg20 {
	margin: 20px !important;
}
.mg25 {
	margin: 25px !important;
}
.mg30 {
	margin: 30px !important;
}
.mg40 {
	margin: 40px !important;
}
.mg50 {
	margin: 50px !important;
}
.mt00 {
	margin-top: 0px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mt02 {
	margin-top: 2px !important;
}
.mb02 {
	margin-bottom: 2px !important;
}
.mt03 {
	margin-top: 3px !important;
}
.mb03 {
	margin-bottom: 3px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml00 {
	margin-left: 0px !important;
}
.mr00 {
	margin-right: 0px !important;
}
.mr01 {
	margin-right: 1px !important;
}
.ml02 {
	margin-left: 2px !important;
}
.mr02 {
	margin-right: 2px !important;
}
.ml03 {
	margin-left: 3px !important;
}
.mr03 {
	margin-right: 3px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mr50 {
	margin-right: 50px !important;
}
/************************************************************************************
Padding
*************************************************************************************/

.pd00 {
	padding: 0px !important;
}
.pd02 {
	padding: 2px !important;
}
.pd03 {
	padding: 3px !important;
}
.pd05 {
	padding: 5px !important;
}
.pd10 {
	padding: 10px !important;
}
.pd15 {
	padding: 15px !important;
}
.pd20 {
	padding: 20px !important;
}
.pd25 {
	padding: 25px !important;
}
.pd30 {
	padding: 30px !important;
}
.pd40 {
	padding: 40px !important;
}
.pd50 {
	padding: 50px !important;
}
.pt00 {
	padding-top: 0px !important;
}
.pb00 {
	padding-bottom: 0px !important;
}
.pt02 {
	padding-top: 2px !important;
}
.pb02 {
	padding-bottom: 2px !important;
}
.pt03 {
	padding-top: 3px !important;
}
.pb03 {
	padding-bottom: 3px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl00 {
	padding-left: 0px !important;
}
.pr00 {
	padding-right: 0px !important;
}
.pl02 {
	padding-left: 2px !important;
}
.pr02 {
	padding-right: 2px !important;
}
.pl03 {
	padding-left: 3px !important;
}
.pr03 {
	padding-right: 3px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pr50 {
	padding-right: 50px !important;
}
/* html, body */

html,
body {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	text-align: left;
	color: #3e3e3e;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
}
input {
	font-family: "Nanum Gothic", sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 4px;
	/* padding: 3px 0 1px 5px;
	height: 18px; */
	border: 1px solid #97a2b7;
	box-sizing: border-box;
	outline:none;
}
textarea {
	font-family: "Nanum Gothic", sans-serif;
	color: #333333;
	margin: 2px 5px 2px 0;
	padding: 3px 0 1px 5px;
	vertical-align: middle;
	border: 1px solid #97a2b7;
}
radio {
	font-family: "Nanum Gothic", sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 1px solid #97a2b7;
}
select {
	font-family: "Nanum Gothic", sans-serif;
	color: #333333;
	margin: 0;
	padding: 0px;
	height: 21px;
	border: 1px solid #97a2b7;
}
img {
	border: 0;
	vertical-align: top;
}
form {
	margin: 0;
	padding: 0;
}
/* 이전 체크박스 */
.m-check {
	position: absolute;
	left: 0px;
	top: 0px;
}
.m-sub-list-con .m-check {
	top: 24px;
	/* 메일리스트에 있는 체크박스 위치 */
}
.m-checkbox {
	display: none;
}
.m-checkbox-mark {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #c5c6c7;
	background-color: #fff;
	top: 3px;
}
.uni-detail-dropdown .m-checkbox-mark {
	top: 5px;
}
.m-checkbox-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 11px;
	border: solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.m-checkbox:checked ~ .m-checkbox-mark {
	border-color: #445fd4;
	background-color: #445fd4;
}
.m-checkbox:checked ~ .m-checkbox-mark:before {
	display: block;
}
.login-btn-bottom {
	padding: 10px 0 0 0;
}
.login-btn-bottom a.pw-search {
	position: relative;
	display: inline-block;
	padding: 0 14px 0 0;
	color: #333;
	box-sizing: border-box;
}
.login-btn-bottom a.pw-search:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 3px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #bbb;
}

/* 공통 레이아웃 */

.blind {
	overflow: hidden;
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
.uni-skip-navi {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.uni-skip-navi a {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.uni-skip-navi a:focus,
.uni-skip-navi a:active {
	display: block;
	width: 100%;
	height: 36px;
	color: #fff;
	line-height: 36px;
	text-decoration: underline !important;
	font-size: 14px;
	z-index: 2000;
	position: absolute;
	left: 0;
	top: 0;
}
.wrapper {
	min-width: 1024px;
}
.wrapper:after {
	content: "";
	clear: both;
	display: table;
}
.deemed {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .35);
	z-index: 1000;
}
.page-body {
	overflow: hidden;
	/* min-width: 1330px; */
	/* height: 550px; */
}
.template-html {
	height: 100%;
}
.template-body {
	height: 100%;
	overflow: hidden;
}
.template-body.main-body {
	height: auto;
	overflow: auto;
	padding: 0 0 20px 0;
}
.sub-body {
	overflow: hidden;
}
input type[type=text] {
	vertical-align: top;
}
p.check-nor label::before {
	margin-top: 1px;
}
.wrapper header:after {
	content: "";
	clear: both;
	display: table;
}
.uni-top-con {
	position: relative;
	height: 40px;
	padding: 4px 0 0;
	box-sizing: border-box;
}
.uni-top-con .uni-logo {
	position: absolute;
	top: 10px;
	left: 11px;
}
.uni-top-con .uni-logo.uni-conv-logo {
	position: absolute;
	top: 12px;
	left: 28px;
}
.uni-top-con h1 a {
	display: inline-block;
	height: 30px;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-top-con .uni-global-search {
	position: relative;
	display: block;
	width: 360px;
	height: 32px;
	margin: 0 auto;
	padding: 0 108px 0 0;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	overflow: hidden;
}
/*
.uni-top-con .uni-global-search::before {
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	width: 1px;
	height: 30px;
	background-color: #cbcbcb;
	z-index: 1;
} */

.uni-top-con .uni-global-search:hover {
	/* background: url(../images/btn_ico_common.png) no-repeat 96% -63px #fff; */
}
.uni-top-con .uni-global-search .search-choose-group {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.uni-top-con .uni-global-search .search-choose-group input[type="radio"] {
	position: fixed;
	top: 0;
	left: -9999px;
	display: inline-block;
	width: 0;
	height: 0;
}
.uni-top-con .uni-global-search .search-choose-group .rad-label-user,
.uni-top-con .uni-global-search .search-choose-group .rad-label-whole {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(/global/images/icon_user_search.png) no-repeat 8px 5px;
	border-right: 1px solid #cbcbcb;
	box-sizing: border-box;
	cursor: pointer;
}
.uni-top-con .uni-global-search .search-choose-group .rad-label-user {
	background: url(/global/images/icon_user_search.png) no-repeat 8px 7px transparent;
}
.uni-top-con .uni-global-search .search-choose-group .rad-label-user.active {
	background: url(/global/images/search/icon_user_search_active.png) no-repeat 8px 7px #cbcbcb;
}
.uni-top-con .uni-global-search .search-choose-group .rad-label-whole {
	background: url(/global/images/search/icon_whole_search.png) no-repeat 7px 7px transparent;
}
.uni-top-con .uni-global-search .search-choose-group .rad-label-whole.active {
	background: url(/global/images/search/icon_whole_search_active.png) no-repeat 7px 7px #cbcbcb;
}
.uni-top-con .uni-global-search .search-window-view {
	position: absolute !important;
	top: 6px;
	right: -100px;
	display: inline-block;
}
.uni-top-con .uni-global-search .search-window-view label {
	padding-left: 5px;
	vertical-align: top;
	font-size: 13px;
	color: #666;
	letter-spacing: -1px;
}
.uni-top-con .uni-global-search>div {
	position: relative;
}
.uni-top-con .uni-global-search input[type="text"] {
	border: none;
	width: 100%;
	height: 100%;
	margin-top: 2px;
	padding: 4px 10px 6px 66px;
	background-image: url(/global/images/icon_user_search.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	box-sizing: border-box;
}
.uni-top-con .uni-global-search input[type="text"]::placeholder {
	color: #949494;
	opacity: 1;
}
.uni-top-con .uni-glo-btn-search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	background: url(../images/btn_ico_common_off.png) no-repeat 4px -101px;
	cursor: pointer;
}
.uni-top-con .uni-glo-btn-search:hover {
	background: url(../images/btn_ico_common_on.png) no-repeat 4px -101px
}
.uni-top-con .uni-global-search ul {
	position: absolute;
	right: -78px;
	top: 2px;
}
.uni-top-con .uni-global-search ul li {
	display: inline-block;
	/* float: left; */
	margin-left: 1px;
}
.uni-top-con .uni-global-search ul button {
	display: inline-block;
	text-indent: -9999px;
	/* float: left; */
	width: 24px;
	height: 24px;
	border: 1px solid #cbcbcb;
}
.uni-top-con .uni-global-search ul button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-glo-btns-01 {
	background: url(../images/btn_search_condi_off.png) no-repeat 2px 3px;
}
.uni-glo-btns-02 {
	background: url(../images/btn_search_condi_off.png) no-repeat 2px -33px;
}
.uni-glo-btns-03 {
	background: url(../images/btn_search_condi_off.png) no-repeat 2px -69px;
}
.uni-glo-btns-01:hover {
	background: url(../images/btn_search_condi_on.png) no-repeat 2px 3px;
}
.uni-glo-btns-02:hover {
	background: url(../images/btn_search_condi_on.png) no-repeat 2px -33px;
}
.uni-glo-btns-03:hover {
	background: url(../images/btn_search_condi_on.png) no-repeat 2px -69px;
}
.uni-global-search .typeahead.dropdown-menu {
	top: 30px !important;
	width: 360px !important;
	border: 1px solid #d6d6d6;
}
.uni-global-search .typeahead.dropdown-menu > li {
	display: block;
}
.uni-global-search .typeahead.dropdown-menu > li > a {
	display: block;
	width: 100%;
	height: 28px!important;
	color: #333 !important;
	padding: 4px 10px;
}
.uni-global-search .typeahead.dropdown-menu > li.active > a {
	background-color: #c5dcf2 !important;
}
.uni-top-menu {
	position: absolute;
	top: 0;
	right: 5px;
}
.uni-top-menu>div {
	float: left;
}
.uni-top-user {
	padding-right: 16px
}
.uni-top-user>img {
	margin-top: 4px;
	width: 32px;
	height: 32px;
}
.uni-top-user span {
	display: inline-block;
	padding-top: 9px;
	color: #333;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-top-user .uni-btns-dropdown {
	margin-top: 14px;
}
.uni-top-user .uni-btns-dropdown label {
	border: none;
}
.uni-top-user .uni-btns-dropdown input[type=checkbox]:checked ~ label {
	border: none;
}
.uni-top-user .uni-btns-dropdown>div>div {
	top: 37px;
}
/* top 버튼용 드롭박스 ===  언어 */

.uni-topbtn-drop-lang {
	display: inline-block;
	width: auto;
	z-index: 100;
	/* float: left; */
	margin: 5px 6px 0 0;
}
.uni-topbtn-drop-lang>div {
	position: relative;
	width: 100%;
}
.uni-topbtn-drop-lang>div>input[type=checkbox] {
	display: none;
}
.uni-topbtn-drop-lang>div>label {
	display: inline-block;
	width: auto;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 3px;
	box-sizing: border-box;
}
.uni-topbtn-drop-lang>div>label {
	width: 48px;
	text-indent: -9999px;
	background: url(../images/ico_common.png) no-repeat 96% -362px;
}
.uni-topbtn-drop-lang>div>label>span,
.uni-topbtn-drop-lang>div>div>ul span {
	display: block;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
}
.uni-topbtn-drop-lang>div>input[type=checkbox]:checked ~ label {
	background: url(../images/ico_common.png) no-repeat 96% -407px;
	color: #2b43ac;
}
.uni-topbtn-drop-lang>div>input[type=checkbox]:checked ~ div {
	display: block;
}
.uni-topbtn-drop-lang>div>div {
	position: absolute;
	top: 27px;
	left: 3px;
	width: auto;
	min-width: 36px;
	z-index: 100;
	margin: 0;
	display: none;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #a5abc5;
}
.uni-dropdown-wrap {
	position: relative!important;
	display: inline-block;
	padding-right: 20px;
}
.uni-dropdown-wrap .uni-dropdown-txt {
	position: relative;
	display: block;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	cursor: pointer;
}
.uni-dropdown-wrap .uni-dropdown-txt:after {
	content: "";
	position: absolute;
	top: 9px;
	right: -12px;
	width: 9px;
	height: 10px;
	background: url(/global/images/ico_common.png) no-repeat 0 -372px transparent;
}
.uni-topbtn-drop-lang .uni-dropdown-lang {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: auto;
	min-width: 34px;
	z-index: 100;
	margin: 0;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
}
.uni-topbtn-drop-lang .uni-dropdown-lang a {
	display: block;
}
.uni-topbtn-drop-lang .uni-dropdown-lang span {
	display: block;
	width: 32px;
	height: 24px;
	text-indent: -9999px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-ko {
	background: url(../images/img_flag.png) no-repeat 4px 6px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-en {
	background: url(../images/img_flag.png) no-repeat 4px -51px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-zh {
	background: url(../images/img_flag.png) no-repeat 4px -115px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-vn {
	background: url(../images/img_flag.png) no-repeat 4px -187px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-ja {
	background: url(../images/img_flag.png) no-repeat 4px -259px;
}
.uni-topbtn-drop-lang .uni-dropdown-lang .uni-lang-es {
	background: url(../images/img_flag.png) no-repeat 4px -331px;
}
.uni-topbtn-drop-lang .uni-lang-ko {
	background: url(../images/img_flag.png) no-repeat 4px 6px;
}
.uni-topbtn-drop-lang .uni-lang-en {
	background: url(../images/img_flag.png) no-repeat 4px -51px;
}
.uni-topbtn-drop-lang .uni-lang-zh {
	background: url(../images/img_flag.png) no-repeat 4px -115px;
}
.uni-topbtn-drop-lang .uni-lang-vn {
	background: url(../images/img_flag.png) no-repeat 4px -187px;
}
.uni-topbtn-drop-lang .uni-lang-ja {
	background: url(../images/img_flag.png) no-repeat 4px -259px;
}
.uni-topbtn-drop-lang .uni-lang-es {
	background: url(../images/img_flag.png) no-repeat 4px -331px;
}
/* top 버튼용 드롭박스 ===  설정 */

.uni-topbtn-drop-set {
	position: relative;
	display: inline-block;
	font-weight: 600;
	width: auto;
	margin: 7px 6px 0 0;
	margin-right: 1px;
}
.uni-topbtn-drop-set .uni-dropdown-set {
	display: inline-block;
	width: 48px;
	height: 26px;
	padding: 0 0 0 2px;
	text-indent: -9999px;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	vertical-align: top;
	background: url(/global/images/ico_common.png) no-repeat 28px -364px #fff;
	box-sizing: border-box;
	cursor: pointer;
}
.uni-topbtn-drop-set .uni-dropdown-set .uni-parti-01 {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/btn_ico_top.png) no-repeat -1px -58px #fff;
}
.uni-topbtn-drop-set .uni-dropdown-setlist {
	display: none;
	position: absolute;
	top: 25px;
	width: auto;
	min-width: 92px;
	z-index: 100;
	margin: 0;
	background: #fff;
	border: 1px solid #a5abc5;
	box-sizing: border-box;
}
.uni-topbtn-drop-set .uni-dropdown-setlist > li {
	padding: 3px 0 3px 3px;
	border-bottom: 1px solid #d3d7e4;
}
.uni-topbtn-drop-set .uni-dropdown-setlist > li:hover {
	background-color: #f2f2f2;
}
.uni-topbtn-drop-set .uni-dropdown-setlist > li > a {
	display: block;
	height: 28px;
	color: #333;
	font-size: 12px;
	line-height: 28px;
}
.uni-topbtn-drop-set .uni-dropdown-setlist > li > a:hover {
	color: #2b43ac;
}
.uni-topbtn-drop-set input[type=checkbox] {
	display: none;
}
.uni-topbtn-drop-set>div>label {
	display: inline-block;
	width: 48px;
	text-indent: -9999px;
	background: #fff url(../images/ico_common.png) no-repeat 96% -364px;
	height: 26px;
	line-height: 22px;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.uni-topbtn-drop-set>div>label>span {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/btn_ico_top.png) no-repeat -1px -58px;
}
.uni-topbtn-drop-set>div>input[type=checkbox]:checked ~ label {
	background: #fff url(../images/ico_common.png) no-repeat 96% -408px;
}
.uni-topbtn-drop-set>div>input[type=checkbox]:checked ~ label>span {
	background: url(../images/btn_ico_top.png) no-repeat -1px -296px;
}
.uni-topbtn-drop-set>div>input[type=checkbox]:checked ~ div {
	display: block;
}
.uni-topbtn-drop-set>div>div {
	position: absolute;
	top: 27px;
	width: auto;
	min-width: 92px;
	z-index: 100;
	margin: 0;
	background: #fff;
	display: none;
	border: 1px solid #a5abc5;
	box-sizing: border-box;
}
.uni-topbtn-drop-set>div>div:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-topbtn-drop-set>div ul>li {
	border-bottom: 1px solid #d3d7e4;
	padding: 3px 8px;
}
.uni-topbtn-drop-set>div ul>li>a {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 12px;
}
.uni-topbtn-drop-set>div ul>li>a:hover {
	color: #2b43ac;
}
.uni-top-menu>button {
	border: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	margin: 5px 4px 0 0;
}
.uni-top-menu button.uni-topbtn-help {
	background: url(../images/btn_ico_top.png) no-repeat 3px -116px;
}
.uni-top-menu button.uni-topbtn-help:hover {
	background: url(../images/btn_ico_top.png) no-repeat 3px -354px;
}
.uni-top-menu button.uni-topbtn-logout {
	background: url(../images/btn_ico_top.png) no-repeat 0 -175px;
}
.uni-top-menu button.uni-topbtn-logout:hover {
	background: url(../images/btn_ico_top.png) no-repeat 0 -413px;
}
/* header 높이 : 레이아웃 top */

.uni-header {
	position: fixed;
	/* position: relative; */
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1330px;
	height: 84px;
	z-index: 100;
	background-color: #fff;
}
/* Main Nav : 레이아웃 top  */

.uni-nav {
	position: relative;
	width: 100%;
	min-width: 1024px;
	height: 44px;
	/* overflow: hidden; */
	clear: both;
	background-color: #122c5e;
	box-sizing: border-box;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-nav ul {
	height: 44px;
	float: left;
	background: #122c5e;
	box-sizing: border-box;
}
.uni-nav ul.uni-nav-icon {
	padding-left: 16px;
}
.uni-nav ul.uni-nav-text {
	padding-left: 1px;
}
.uni-nav ul li {
	position: relative;
	float: left;
	text-align: center;
	padding: 6px 0 0 0;
	box-sizing: border-box;
}
.uni-nav ul li a {
	position: relative;
	display: inline-block;
	height: 38px;
	padding: 7px 14px 0 14px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image: none !important;
	border: 1px solid transparent;
	box-sizing: border-box;
}
div.uni-nav-resize {
	position: relative;
	width: 0.5%;
	height: 34px;
	float: left;
}
div.uni-nav-resize button {
	text-indent: -9999px;
	width: 100%;
	height: 34px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background: #1d2b66 url(../images/btn_ico_nav_off.png) no-repeat -4px 14px;
}
.uni-nav ul.uni-nav-text li a {
	padding: 8px 16px 8px;
}
.uni-nav ul li.selected a {
	color: #092c62;
	padding: 7px 14px 0 14px !important;
	text-decoration: none;
	box-sizing: border-box;
	background-color: #fff;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* border: 1px solid rgba(255,255,255,.4); */
}
.uni-nav ul li.selected a:before {
	content: "";
	width: 15px;
	height: 9px;
	display: inline-block;
	position: absolute;
	left: 40%;
	bottom: -9px;
	z-index: 1000;
}
.uni-nav ul li a.uni-nav-mail {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -83px;
}
.uni-nav ul li.selected a.uni-nav-mail {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -83px;
}
.uni-nav ul li a.uni-nav-approval {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -136px;
}
.uni-nav ul li.selected a.uni-nav-approval {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -136px;
}
.uni-nav ul li a.uni-nav-board {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -190px;
}
.uni-nav ul li.selected a.uni-nav-board {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -190px;
}
.uni-nav ul li a.uni-nav-schedule {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -245px;
}
.uni-nav ul li.selected a.uni-nav-schedule {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -245px;
}
.uni-nav ul li a.uni-nav-colabo {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -299px;
}
.uni-nav ul li.selected a.uni-nav-colabo {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -299px;
}
.uni-nav ul li a.uni-nav-address {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -354px;
}
.uni-nav ul li.selected a.uni-nav-address {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -354px;
}
.uni-nav ul li a.uni-nav-resource {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -407px;
}
.uni-nav ul li.selected a.uni-nav-resource {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -407px;
}
/*
.uni-nav ul li.selected a,
.uni-nav ul li a:hover {
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	background-color: #073895;
	border: 1px solid rgba(255,255,255,.4);
}

.uni-nav ul li.selected a:before,
.uni-nav ul li a:hover:before {
	content: "";
	width: 15px;
	height: 9px;
	display: inline-block;
	position: absolute;
	left: 40%;
	bottom: -9px;
	z-index: 1000;
}

.uni-nav ul li a.uni-nav-mail {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -85px;
}

.uni-nav ul li.selected a.uni-nav-mail,
.uni-nav ul li a.uni-nav-mail:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -85px;
}

.uni-nav ul li a.uni-nav-approval {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -136px;
}

.uni-nav ul li.selected a.uni-nav-approval,
.uni-nav ul li a.uni-nav-approval:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -136px;
}

.uni-nav ul li a.uni-nav-board {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -190px;
}

.uni-nav ul li.selected a.uni-nav-board,
.uni-nav ul li a.uni-nav-board:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -190px;
}

.uni-nav ul li a.uni-nav-schedule {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -245px;
}

.uni-nav ul li.selected a.uni-nav-schedule,
.uni-nav ul li a.uni-nav-schedule:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -245px;
}

.uni-nav ul li a.uni-nav-colabo {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -299px;
}

.uni-nav ul li.selected a.uni-nav-colabo,
.uni-nav ul li a.uni-nav-colabo:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -299px;
}

.uni-nav ul li a.uni-nav-address {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -354px;
}

.uni-nav ul li.selected a.uni-nav-address,
.uni-nav ul li a.uni-nav-address:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -354px;
}

.uni-nav ul li a.uni-nav-resource {
	background-image: url(../images/btn_ico_nav_off.png);
	background-repeat: no-repeat;
	background-position: 10px -407px;
}

.uni-nav ul li.selected a.uni-nav-resource,
.uni-nav ul li a.uni-nav-resource:hover {
	background-image: url(../images/btn_ico_nav_on.png);
	background-repeat: no-repeat;
	background-position: 10px -407px;
}
*/

/* dropdown menu for topmenu  */

.uni-submenu-dropdown {
	position: absolute;
	top: 36px;
	left: 0;
	width: 196px;
	height: auto !important;
	padding: 2px 11px 3px 11px;
	border-top-right-radius: 7px !important;
	border-bottom-left-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
	background-color: #fff !important;
	border: 1px solid #122c5e;
	border-top: 0;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .22)
}
.uni-submenu-dropdown > li {
	float: none !important;
	float: initial !important;
	text-align: left !important;
	margin: 0;
	padding: 3px 0 1px 0 !important;
	border-bottom: 1px solid #dfdfdf;
}
.uni-submenu-dropdown > li > span {
	position: relative;
	display: block;
	padding: 6px;
	color: #3e3e3e;
	font-size: 12px;
	letter-spacing: -1px;
	cursor: pointer !important;
}
.uni-submenu-dropdown > li:last-child {
	border-bottom: 0;
}
.uni-submenu-dropdown > li > span:hover,
.uni-submenu-dropdown > li > span.active {
	background-color: #e3e3e3;
}
/* main-container : 레이아웃 */

.uni-row {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 0 16px;
	box-sizing: border-box;
}
.uni-row:after {
	content: "";
	clear: both;
	display: table;
}
.uni-row.uni-personal-row {
	margin: -5px 0 0;
}
.uni-row.uni-personal-row .tile .uni-box-con {
	margin-top: 0 !important;
}
.uni-row>.left-con {
	float: left;
}
.uni-row>.right-con {
	float: right;
}
.uni-row>div {
	float: left;
	width: 32.66%;
	margin-right: 1%;
}
.uni-row>div:last-child {
	/* margin-right: 0; */
	margin-right: -9px;
}
.uni-box-con {
	/* margin-top: 16px; */
	border: 1px solid #dfe2e5;
	background: #fff;
}
.uni-box-con {
	/* margin-top: 16px; */
	border: 1px solid #dfe2e5;
	background: #fff;
}
.uni-box-con.uni-con-4-4>img {
	width: 100%;
	height: 100%;
}
.uni-box-tit {
	position: relative;
	width: 100%;
	height: 32px;
	overflow: hidden;
	border-bottom: 1px solid #dfe2e5;
}
.uni-box-con h2 {
	width: 50%;
	padding: 5px 0 0 10px;
	/* font-size: 16px; */
	font-size: 18px;
	font-weight: 700;
	color: #494949;
}
.info-tab {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto !important;
	margin: 0 10px 0 0;
}
.info-tab>li {
	float: left;
	padding: 0 5px;
}
.info-tab>li>a {
	display: block;
	padding: 8px 0 4px 0;
	color: #949a9f;
}
.info-tab>li.selected>a,
.info-tab>li>a:hover {
	color: #445fd4;
	font-weight: bold;
	border-bottom: 3px solid #445fd4;
}
.uni-con-4-1 {
	height: 92px;
}
.uni-con-4-2 {
	/* height: 200px; */
}
.uni-con-4-4 {
	/* height: 416px; */
	height: 452px;
}
.uni-con-4-8 {
	height: 416px;
}
.portlet-title-link {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	line-height: 1;
	cursor: pointer;
}
.portlet-title-link::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: 0;
	display: inline-block;
	width: 14px;
	height: 18px;
	background-image: url(/global/images/icon_quick_go.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.uni-box-con .uni-box-tit+div {
	clear: both;
}
.uni-box-con .uni-box-tit + div ul {
	margin-top: 2px;
}
.uni-box-con .uni-box-tit + div ul li {
	overflow: hidden;
	border-bottom: 1px dashed #e6e7eb;
	/* height: 55px; */
	box-sizing: border-box;
}
.uni-box-con .uni-box-tit + div ul li a {
	width: 100%;
	padding: 4px 0 4px 10px;
	color: #404040;
	font-size: 13px;
	display: block;
	height: 27px;
	/* line-height: 32px; */
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	box-sizing: border-box;
}
.uni-box-con .uni-box-tit + div ul li:hover,
.uni-box-con .uni-box-tit + div ul li a:hover {
	text-decoration: underline;
}
.txt-ellipsis {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.portlet-linkbox {
	position: relative;
	padding-right: 160px;
}
.txt-portlet-group {
	position: absolute;
	top: 4px;
	right: 12px;
	width: 150px;
	display: inline-block;
	vertical-align: middle;
}
.txt-portlet-group::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.txt-portlet-name {
	display: inline-block;
	width: 90px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	color: #666;
	overflow: hidden;
	padding-left: 5px;
}
.txt-portlet-date {
	display: inline-block;
	width: 60px;
	text-align: right;
	font-size: 12px;
	vertical-align: middle;
	color: #666;
	overflow: hidden;
}
.uni-con-1-1 {
	width: 16.33% !important;
}
.user-info-today {
	position: relative;
	height: 134px;
	padding: 32px 0 0 100px;
	box-sizing: border-box;
}
.user-info-today .thum-user {
	position: absolute;
	top: 32px;
	left: 20px;
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
}
.user-info-today .thum-user > img {
	width: 100%;
	vertical-align: top;
}
.user-info-today .user-info-list > dt {
	margin: 0;
	padding: 3px 0;
	line-height: 1.2em;
	font-size: 14px;
	color: #333;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 700;
}
.user-info-today .user-info-list > dd {
	margin: 0;
	padding: 2px 0;
	line-height: 1.2em;
	font-size: 13px;
	color: #666;
	font-family: 'Nanum Gothic', sans-serif;
}
.today-count-list {
	width: auto !important;
}
.today-count-list > li {
	position: relative;
	padding: 4px 6px;
	border-top: 1px solid #e6e7eb;
}
.today-count-list > li > strong {
	display: inline-block;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	color: #494949;
}
.today-count-list > li > em {
	position: absolute;
	top: 4px;
	right: 10px;
	display: inline-block;
	width: 120px;
	text-align: right;
	font-family: 'Dotum', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7fc6cc;
	font-style: normal;
}
.uni-box-cover {
	border: 0 !important;
	width: 16.33%;
	height: 220px;
	padding: 8px;
	overflow: hidden;
	text-align: left;
}
.uni-main-maillist {
	width: 100%;
	padding: 4px 8px 3px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	box-sizing: border-box;
}
.uni-main-maillist+div {
	overflow: hidden;
	padding: 0px 8px 2px 10px;
}
.uni-main-maillist + div>p {
	float: left;
	font-size: 12px;
	margin-bottom: 0;
	/* padding-left: 25px; */
}
.uni-main-maillist+div > .uni-date01 {
	float: right;
	font-size: 12px;
	letter-spacing: -1px;
}
/* 일정 달력 */

.calender-wrap {
	/* min-height: 840px; */
}
.fc-head-container.fc-widget-header {
	height: 36px;
}
.fc-day-header {
	height: 38px !important;
	font-size: 13px;
	color: #5d697a !important;
	background-color: #edeff2 !important;
}
.fc-widget-header>table {
	margin-bottom: 0 !important;
}
.fc-day-header>span {
	display: block;
	padding-top: 10px;
}
.fc td,
.fc th {
	/* vertical-align: middle; */
	vertical-align: top;
}
.fc-day-top {
	height: auto !important;
	padding: 10px !important;
	text-align: right !important;
	font-size: 13px;
	color: #384047;
}
.fc-day-top.fc-other-month {
	color: #aeb0b2;
}
.fc-event-container {
	height: auto !important;
}
.fc-day-header>a {
	display: block;
	padding-top: 12px;
	box-sizing: border-box;
}
.fc-day-header.fc-widget-header.fc-sun {
	color: #ff4e4e !important;
}
.fc-day-header.fc-widget-header.fc-sat {
	color: #375bf6 !important;
}
.fc-widget-header.fc-sun>span,
.fc-day-top.fc-sun {
	color: #ff4e4e;
}
.fc-widget-header.fc-sat>span,
.fc-day-top.fc-sat {
	color: #375bf6;
}
.fc-toolbar {
	height: 41px;
	padding: 6px 10px;
	margin-bottom: 1px !important;
	border-top: 1px solid #dfe2e5;
	background-color: #e6e7eb;
	box-sizing: border-box;
}
.fc-toolbar>.fc-center>h2 {
	font-size: 20px !important;
	color: #333;
	font-weight: bold;
}
.fc-row.fc-week.fc-widget-content {
	height: 116px !important;
}
.fc .fc-button-group>* {
	margin: 0 !important;
}
.fc .fc-toolbar>*>* {
	margin-left: 0;
}
.fc-state-default {
	min-width: 28px !important;
	height: 28px !important;
	font-size: 13px !important;
	background-color: #fff !important;
	background-image: none !important;
	background-repeat: no-repeat;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #d0d5da !important;
}
.fc-state-active {
	color: #3f4e8e !important;
}
.fc-month-button.fc-button.fc-state-default.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-state-active  {
	background-color: #7c8194 !important;
    color: #fff !important;
}
.fc-event {
	display: block;
	padding: 1px 4px !important;
	color: #fff;
	font-size: 13px;
	text-align: left !important;
	background-color: #adadad;
	border: 0;
}
.fc-time,
.fc-title {
	position: relative;
	color: #fff;
	display: block;
}
#calendarCrmDiv .fc-title {
	color: #333;
}
.fc-time {
	float: left;
	padding-left: 0;
	padding-bottom: 3px;
	font-size: 11px;
}
.fc-title {
	float: left;
}
.fc-title.ellipsis {
	display: block;
	width: 100%;
	/* width: calc(100% - 38px); */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.fc-content::after {
	content: "";
	clear: both;
	display: table;
}
.fc-day-number.fc-other-month {
	opacity: 0.6;
}
.fc-axis.fc-time.fc-widget-content > span {
	color: #999;
}
.fc-holiday {
	color: red;
	font-size: 13px;
	background-color: #f8e4e4 !important;
	opacity: 1.0 !important;
}
.fc-holiday .txt-holiday {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	color: #ff4e4e;
	display: inline-block;
	padding: 10px 0 0 10px;
	font-style: normal;
	z-index: -1;
}
.fc-anniversary {
	color: #f8fbff;
	font-size: 13px;
	background-color: #d8e5f8 !important;
	opacity: 1.0 !important;
}
.fc-anniversary .txt-anniversary {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	color: #0e60d0;
	display: inline-block;
	padding: 10px 0 0 10px;
	font-style: normal;
	z-index: -1;
}
.fc-ltr .fc-basic-view .fc-day-number {
	padding: 2px 10px;
}
.fc-popover .fc-header .fc-title {
	color: #000;
}
.chk-list-type1.calendar_mylist>li .chk-item {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.calendar-folder-item {
	padding: 0!important;
}
.calendar-folder-item .chk-item {
	padding: 0!important;
}
.uni-tit-calendar {
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #c9ced9;
	background: #fff;
	text-align: center;
}
.uni-tit-calendar>div {
	display: inline-block;
	vertical-align: middle;
}
.uni-tit-calenda:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-tit-calendar>.uni-month {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
}
.uni-tit-calendar>.uni-calendar-table-prev,
.uni-tit-calendar>.uni-calendar-table-next {
	z-index: 1000;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 12px 0;
	cursor: pointer;
	font-size: 26px;
}
.uni-tit-calendar>.uni-calendar-table-prev a:before,
.uni-tit-calendar>.uni-calendar-table-next a:before {
	font-weight: bold;
	color: #576875;
}
.uni-tit-calendar>.uni-calendar-table-prev {
	margin: 0 20px 0 0;
}
.uni-tit-calendar>.uni-calendar-table-next {
	margin: 0 0 0 20px;
}
.uni-tit-calendar>.uni-month-prev,
.uni-tit-calendar>.uni-month-next {
	z-index: 1000;
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 12px 0;
	cursor: pointer;
	font-size: 26px;
	text-indent: -9999px;
}
.uni-tit-calendar>.uni-month-prev {
	margin: 0 20px 0 0;
}
.uni-tit-calendar>.uni-month-next {
	margin: 0 0 0 20px;
}
.uni-tit-calendar>.uni-month-prev button:before,
.uni-tit-calendar>.uni-month-next button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	display: inline-block;
	font-weight: bold;
	color: #999 !important;
	font-size: 18px;
	text-indent: 0;
	text-align: center;
}
.uni-tit-calendar>.uni-month-prev button:before {
	content: "◀";
	position: absolute;
	top: -3px;
	left: 6px;
	display: inline-block;
}
.uni-tit-calendar>.uni-month-next button:before {
	content: "▶";
	position: absolute;
	top: -3px;
	left: 8px;
	display: inline-block;
}
.uni-tit-calendar>.uni-calendar-table {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
}
.uni-main-calendar .uni-month-prev:before,
.uni-main-calendar .uni-month-next:before {
	display: none;
}
.uni-calendar-table {
	width: 100%;
	box-sizing: border-box;
}
.uni-calendar-table tr th,
.uni-calendar-table tr td {
	width: 14%;
	/* height: 55px; */
	height: 52px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #c7cad1;
	border-bottom: 1px solid #c7cad1;
}
.uni-calendar-table tr td {
	padding-top: 10px;
	color: #666;
	vertical-align: top;
}
.uni-calendar-table tr th {
	height: 50px;
	font-weight: bold;
	color: #446bb2;
	background: #eef0f3;
}
.uni-calendar-table tr th:first-child,
.uni-calendar-table tr td:first-child,
.uni-calendar-table tr th:last-child,
.uni-calendar-table tr td:last-child {
	width: 15%;
}
.uni-calendar-table tr th:last-child,
.uni-calendar-table tr td:last-child {
	border-right: none;
}
.uni-calendar-table tr td {
	position: relative;
	box-sizing: border-box;
}
.uni-calendar-table tr td:hover {
	color: #006bff;
}
.uni-calendar-table tr td.uni-prev-month,
.uni-calendar-table tr td.uni-next-month {
	color: #9f9f9f;
}
.uni-calendar-table tr .uni-holiy-day01 {
	color: #8da3ba;
}
.uni-calendar-table tr .uni-holiy-day02 {
	color: #dd8989;
}
.uni-calendar-table tr td.uni-todo-day {
	background: #e3eaf4;
}
.uni-calendar-table tr td.uni-current-day {
	background: #ecedef;
}
.uni-todo-day:before {
	position: absolute;
	content: '●';
	bottom: 4px;
	left: 44%;
	font-size: 6px;
	color: #006bff;
	line-height: 12px;
	vertical-align: middle;
	display: inline-block;
}
.iconset-cal {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.iconset-cal>i {
	display: inline-block;
	vertical-align: text-top;
	font-size: 0;
	color: transparent;
	width: 16px;
	height: 16px;
	background-image: url(../../global/images/icon_calendar.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.iconset-cal .icon-c-focus {
	background-position: 0 0;
}
.iconset-cal .icon-c-todo {
	background-position: -20px 0;
}
.iconset-cal .icon-c-clock {
	background-position: -40px 0;
}
.iconset-cal .icon-c-lock {
	background-position: -60px 0;
}
.iconset-cal .icon-c-cowork {
	background-position: -80px 0;
}
.iconset-cal .icon-c-calendar {
	background-position: -100px 0;
}
.iconset-cal .icon-c-resource {
	background-position: -120px 0;
}
.iconset-cal>i+i {
	margin-left: 2px;
}
.uni-arrange-wrap {
	padding: 10px;
}
.uni-arrange-container {
	padding-top: 3px;
}
.calendar-folder-item {
	position: relative;
}
.calendar-folder-item .chk-item label {
	color: #333 !important;
}
.calendar-folder-item .folder-color {
	position: absolute;
	top: 8px;
	right: 3px;
	display: block;
	width: 20px;
	height: 11px;
	background-image: url(../images/icon_cal_block.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #666;
}
/* .calendar-folder-item.cal-yellow:before {color: #d19b22}
.calendar-folder-item.cal-red:before {color: #be5233}
.calendar-folder-item.cal-green:before {color: #35a23a}
.calendar-folder-item.cal-sky:before {color: #42aedc}
.calendar-folder-item.cal-purple:before {color: #9b65d9}
.calendar-folder-item.cal-gray:before {color: #adadad}
.calendar-folder-item.cal-white:before {color: #fff}
.calendar-folder-item.cal-yellow:after {background-color: #d19b22}
.calendar-folder-item.cal-red:after {background-color: #be5233}
.calendar-folder-item.cal-green:after {background-color: #35a23a}
.calendar-folder-item.cal-sky:after {background-color: #42aedc}
.calendar-folder-item.cal-purple:after {background-color: #9b65d9}
.calendar-folder-item.cal-gray:after {background-color: #adadad}
.calendar-folder-item.cal-white:after {background-color: #fff} */

/* .color-list-setup {position: relative; display: inline-block; padding: 0 70px 0 0}
.color-list-setup > .uni-btn-normal {position: absolute; top: -2px; right: 0} */

.color-list-setup {
	position: relative;
	display: inline-block;
	padding: 0 100px 0 0;
}
.color-list-setup .btn-group {
	position: absolute;
	top: -2px;
	right: 0;
}
.color-list-setup .uni-btn-normal+.uni-btn-normal {
	margin-left: 3px;
}
/* page-container : 레이아웃 top  */

.page-wrap {
	position: relative;
	/* min-width: 1077px;
	min-width: 1330px; */
	padding: 84px 0 32px;
	box-sizing: border-box;
}
.page-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.uni-iframe {
	width: 100%;
	height: auto;
	border: 0;
	overflow: hidden;
}
#apprMainTargetContent .dhx_cell_cont_layout > div {
	overflow-x: hidden!important;
}
.uni-main-container {
	position: relative;
	padding: 0 0 0 230px;
	box-sizing: border-box;
	z-index:0;
}
.uni-main-container.main-container-nomargin {
	padding: 0 !important;
}
.uni-misc-title {
	padding: 15px;
}
.uni-misc-title > h2 {
	font-weight: bold;
	font-size: 20px;
	text-align: left;
}
.uni-main-container.main-container-nomargin .uni-main-list {
	padding: 0 !important;
}
.uni-main-container.main-container-nomargin .uni-main-list .gallery-type2 {
	padding: 0 10px;
	max-width: 1400px;
}
.uni-main-container.main-container-nomargin .uni-main-list .gallery-type2 > li {
	width: 25%;
	box-sizing: border-box;
}
.uni-main-container.main-container-nomargin .uni-main-list .gallery-type2 > li .gallery-type2-item {
	width: 100% !important;
	cursor: pointer;
}
.uni-main-container.main-container-nomargin .uni-main-list .gallery-type2 > li .gallery-type2-item .link-title {
	padding: 10px 0;
	display: block;
	font-weight: bold;
	font-size: 16px;
}
.uni-main-container.main-container-nomargin .uni-main-list .gallery-type2 > li .gallery-type2-item:hover .link-title {
	color: #fff;
}
/* uni-side-con : 레이아웃 top  */

.uni-leftmenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 100%;
	padding: 1px 16px;
	border-right: 1px solid #b8babc;
	box-sizing: border-box;
	/* z-index: 100; */
}
.uni-container {
	width: 100%;
	height: 100%;
	background: #f3f3f4;
	box-sizing: border-box;
}
.uni-container {
	padding: 8px 18px;
}
.uni-container:after,
div.uni-main-row:after {
	content: "";
	clear: both;
	display: table;
}
.main-layout-wrap {
	/*border-top: 1px solid #df
	e2e5;*/
	box-sizing: border-box;
}
.uni-side-tit {
	height: auto;
	padding: 7px 0 0;
	box-sizing: border-box;
}
.uni-side-tit:after {
	content: "";
	clear: both;
	display: table;
}
.uni-side-tit h2 {
	font-weight: bold;
	font-size: 20px;
	width: 70%;
	float: left;
}
.uni-side-tit .favorite.normal{
    position: absolute;
    top: 13px;
    background: url(../images/fav-icon.png);
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}

.uni-side-tit .favorite.active{
	position: absolute;
    top: 13px;
    background: url(../images/fav-icon.png);
    background-position: -40px 0px;
    width: 20px;
    height: 20px;
}
.uni-btn-side-comm {
	border: none;
	padding: 0;
	float: right;
	margin-top: 2px;
}
.uni-btn-side-comm button {
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	border: 1px solid #dfe2e5;
	margin-bottom: 2px;
}
.uni-btn-side-comm button.uni-btn-menuset {
	background: #fff url(../images/btn_ico_common_off.png) no-repeat 2px 2px;
}
.uni-btn-side-comm button.uni-btn-menuset:hover {
	border: 1px solid #4b60ba;
	background: #fff url(../images/btn_ico_common_on.png) no-repeat 2px 2px;
}
.uni-btn-side-comm .uni-btn-favor {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	cursor: pointer;
}
.uni-btn-side-comm .uni-btn-favor:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/icon_btn_favor.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.uni-btn-side-comm .uni-btn-favor > span {
	display: inline-block;
	text-indent: -9999px;
}
/* top 버튼용 드롭박스 ===  설정 */

.uni-drop-set {
	display: inline-block;
	font-weight: 600;
	width: auto;
	/* float: left; */
	vertical-align: top;
	margin-right: 1px;
}
.uni-drop-set>div {
	position: relative;
	width: 100%;
}
.uni-drop-set>div:hover {
	/* background: #434d5d; */
}
.uni-drop-set input[type=checkbox] {
	display: none;
}
.uni-drop-set>div>label {
	display: inline-block;
	width: 48px;
	text-indent: -9999px;
	background: #fff url(../images/btn_ico_common_off.png) no-repeat 4px 4px;
	width: 24px;
	height: 24px;
	border: 1px solid #dfe2e5;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	vertical-align: top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.uni-drop-set>div>input[type=checkbox]:checked ~ label {
	border: 1px solid #4b60ba;
	background: #fff url(../images/btn_ico_common_on.png) no-repeat 4px 4px;
}
.uni-drop-set>div>input[type=checkbox]:checked ~ div {
	display: block
}
.uni-drop-set>div>div {
	position: absolute;
	top: 25px;
	width: auto;
	min-width: 92px;
	z-index: 105;
	margin: 0;
	background: #fff;
	display: none;
	border: 1px solid #a5abc5;
	box-sizing: border-box;
}
.uni-drop-set>div>div:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-btn-setup {
	display: inline-block;
	width: 48px;
	text-indent: -9999px;
	background: #fff url(../images/btn_ico_common_off.png) no-repeat 4px 4px;
	width: 24px;
	height: 24px;
	border: 1px solid #dfe2e5;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	vertical-align: top;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.uni-btn-setup:hover {
	border: 1px solid #dfe2e5;
}
.uni-setup-menu {
	display: none;
}
.uni-drop-set>div ul>li {
	border-bottom: 1px solid #d3d7e4;
	padding: 3px 8px;
}
.uni-drop-set>div ul>li>a {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 12px;
}
.uni-drop-set>div ul>li>a:hover {
	color: #2b43ac;
}
.uni-btn-full {
	display: block;
	width: 100%;
	height: 38px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #5d697a;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.uni-btn-full:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
div.uni-side-write {
	border: none;
	overflow: hidden;
	margin-bottom: 10px;
}
.uni-side-write>div {
	overflow: hidden;
}
.uni-side-write button {
	display: inline-block;
	width: 100%;
	height: 36px;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
}
.uni-side-write button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-side-write button[disabled] {
	user-select: none;
	-webkit-user-select: none;
}
.uni-side-write button[disabled]:hover {
	color: #808080;
	background: url(../images/btn_ico_common_off.png) no-repeat 10px -152px;
	border: 1px solid #dfe2e5;
}
.uni-side-write button[disabled]:hover.uni-btn-newwrite{
	color: #808080;
	background: url(../images/btn_ico_common_off.png) no-repeat 10px -206px;
	border: 1px solid #dfe2e5;
}
.uni-side-write.uni-side-twobtn button {
	float: left;
	text-align: right;
	width: 48%;
	padding: 0 12px 3px 0;
}
.uni-side-write.uni-side-twobtn button:last-child {
	float: right;
}
.uni-btn-write {
	background: url(../images/btn_ico_common_off.png) no-repeat 10px -152px;
}
.uni-btn-write:hover {
	/* background: url(../images/btn_ico_common_on.png) no-repeat 10px -152px; */
}
.uni-btn-newwrite {
	background: url(../images/btn_ico_common_off.png) no-repeat 10px -206px;
}
.uni-btn-newwrite:hover {
	background: url(../images/btn_ico_common_on.png) no-repeat 10px -206px;
}
.uni-btn-add {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -267px;
}
.uni-btn-add:hover {
	border: 1px solid #4b60ba;
	background: url(../images/btn_ico_common_on.png) no-repeat 3px -267px;
}
.uni-btn-list {
	background: url(../images/btn_ico_common_off.png) no-repeat 8px -1792px;
}
.uni-btn-widget {
	display: inline-block;
	padding: 3px 6px 3px 20px;
	border: 1px solid #dfe2e5;
	background: url(../images/btn_ico_common_off.png) no-repeat 4px 4px #fff;
	cursor: pointer;
}
.uni-btn-down {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin: 5px 1px 5px 5px;
	border-top: 6px solid #9ca2a6;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	background: none!important;
    outline: none!important;
}
.uni-btn-down.active {
	margin: -2px 0 0 6px;
	border-left: 6px solid #9ca2a6;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: middle
}
.uni-btn-down>span {
	display: block;
	text-indent: -9999px;
}
/* 전체/ 안읽음/ 첨부 */

.uni-side-write ul {
	width: 100%;
	margin-top: 6px;
	overflow: hidden;
	background: #fff;
	box-sizing: border-box;
}
.uni-side-write ul li {
	display: block;
	/* display: inline-block; */
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	box-sizing: border-box;
}
.uni-side-write ul li {
	display: block;
	/* display: inline-block; */
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	box-sizing: border-box;
}
.uni-unm02 li {
	width: 50%;
}
.uni-unm03 li {
	width: 33.3333%;
}
.uni-unm04 li {
	width: 25%;
}
.uni-unm05 li {
	width: 20%;
}
.uni-unm06 li {
	width: 16.5%;
}
.uni-side-write ul li:hover {
	text-decoration: underline;
	color: #0362e3;
	cursor: pointer;
}
.uni-side-write ul li>span {
	display: inline-block;
	width: 100%;
	line-height: 24px;
}
.uni-side-write .uni-side-num.uni-unm03 li > div {
	letter-spacing: -1px;
}
.uni-side-write .uni-side-num.uni-unm03 li#myCountLi,
.uni-side-write .uni-side-num.uni-unm03 li#newCountLi {
	width: 35% !important;
}
.uni-side-write .uni-side-num.uni-unm03 li#tempSaveLi {
	width: 30%;
}
/* 사내,사외메일 */

li.uni-side-gauge:last-child {
	margin-bottom: 0;
}
li.uni-side-gauge h4 {
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	width: 50px;
	display: inline-block;
	/* float: left; */
}
li.uni-side-gauge>div {
	float: right
}
span.uni-mail-badge {
	text-align: center;
	display: inline-block;
	background: #767f8b;
	width: 30px;
	line-height: 20px;
	color: #fff;
	border-radius: 3px;
}
li.uni-side-gauge>div span.uni-mail-byte {
	display: inline-block;
	color: #999;
}
li.uni-side-gauge>div span.uni-mail-byte strong {
	color: #4166b1;
}
.mail-data-status {
	padding: 6px 0;
	border-top: 1px solid #dfe2e5;
}
.mail-data-status .mail-data-item {
	position: relative;
	padding: 3px 0 3px 50px;
}
.mail-data-status .mail-data-item>dt {
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 13px;
	color: #333;
	font-weight: bold;
}
.mail-data-status .mail-data-item>dd {
	font-size: 11px;
	letter-spacing: -1px;
	color: #333;
	text-align: right;
}
.mail-data-status .mail-data-item>dd strong {
	font-family: "Nanum Gothic", sans-serif;
}
.mail-data-status .mail-data-item>dd .data-status-box {
	display: inline-block;
	width: 30px;
	height: 16px;
	margin-left: 6px;
	font-style: normal;
	font-family: Tahoma, serif;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0;
	line-height: 12px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #b27f61;
	border-radius: 3px;
	background-color: #ecb390;
}
/* 일반 공통 Side menu  */

.uni-side-con>div>h3,
.uni-side-menu>div>h3,
.uni-side-menu>div>h3>strong {
	font-size: 14px;
	font-weight: bold;
	/* margin-bottom: 15px; */
	letter-spacing: -1px;
	color: #333;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-side-con>div>h3,
.uni-side-menu>div>h3 {
	padding: 0 0 4px;
}
.uni-btn-util {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.uni-btn-util button {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	border: 1px solid #dfe2e5;
}
.uni-btn-util button span {
	display: block;
	text-indent: -9999px;
}
.uni-btn-util .uni-btn-add {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -267px;
}
.uni-btn-util .uni-btn-remove {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -314px;
}
.uni-btn-util .uni-btn-share {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -1852px;
}
.uni-btn-util .uni-btn-writeedit {
	background: url(../images/btn_ico_common_off.png) no-repeat 2px -160px;
}
.uni-leftmenu-type1 {
	padding: 6px 0;
	border-top: 1px solid #dfe2e5;
	border-bottom: 1px solid #dfe2e5;
}
.uni-leftmenu-type1>li {
	padding: 4px 0;
}
.leftmenu-item-link {
	position: relative;
	display: block;
	height: 29px;
	padding: 8px 8px 8px 32px;
	color: #707071;
	font-size: 13px;
	background-color: transparent;
}
.leftmenu-item-link:hover,
.leftmenu-item-link.active {
	background-color: #e9e9e9;
}
.leftmenu-item-link:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 6px;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_marketing_mail.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.leftmenu-item-link.link-template:before {
	background-position: 0 0;
}
.leftmenu-item-link.link-mail-send:before {
	background-position: 0 -50px;
}
.leftmenu-item-link.link-mail-refuse:before {
	background-position: 0 -100px;
}
.left-bottom-aside {
	position: fixed;
	left: 16px;
	bottom: 15px;
	width: 197px;
	height: 28px;
}
.left-bottom-aside > select {
	width:100%;
	height: px;
	border: 1px solid #dfe2e5;
}

.chk-list-type1>li {
	padding: 3px 0;
}
.chk-item {
	padding: 2px 0;
}
.chk-item>input[type='checkbox'] {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
}
.chk-item>label {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #9ca2a6;
	padding: 0 0 0 22px;
	cursor: pointer;
	user-select: none;
}
.chk-item>label:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #c5c6c7;
	box-sizing: border-box;
}
.chk-item>input[type='checkbox']:checked+label:before {
	background-color: #445fd4;
	border-color: #445fd4;
}
.chk-item>input[type='checkbox']:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 8px;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 11px;
	border: solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.chk-item>input[type='checkbox']:disabled+label:before {
	/*background-color: #f4f4f4;*/
	background-color: #ddd;
	border-color: #c5c6c7;
}
.chk-item.only-check>label {
	vertical-align: top
}
.radio-item.radio-inline input[type='radio'],
.color-chk-item input[type='checkbox'],
.chk-item input[type='checkbox'],
.chk-item.only-check input[type='checkbox'] {
	position: fixed;
	top: 0;
	left: -9999px;
}
.radio-item {
	display: inline-block;
	padding: 2px 0
}
.radio-item>input[type='radio'] {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
}
.radio-item>label {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #9ca2a6;
	padding: 0 0 0 22px;
	cursor: pointer;
	user-select: none;
}
.radio-item>label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #c5c6c7;
	border-radius: 50%;
	box-sizing: border-box;
}
.radio-item>input[type='radio']:checked+label:before {
	background-color: #fff;
	border: 1px solid #c5c6c7;
}
.radio-item>input[type='radio']:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #445fd4;
	border: 0;
}
.radio-item>input[type='radio']:disabled+label:before {
	background-color: #f4f4f4;
	border: 1px solid #c5c6c7;
}
.radio-item.only-radio>label {
	vertical-align: top;
}
.radio-item.only-radio.radio-inline+.txt-inline-block {
	font-weight: bold;
	color: #9ca2a6;
}
.uni-month-select {
	padding: 20px 0 0;
}
.uni-month-select .uni-btn-prev {
	display: inline-block;
	float: none !important;
	width: 20px !important;
	height: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -504px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: top;
}
.uni-month-select>select {
	width: 72px;
	height: 20px;
	vertical-align: top;
	border: 1px solid #d0d5da;
}
.uni-month-select .uni-btn-next {
	display: inline-block;
	float: none !important;
	width: 20px !important;
	height: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -454px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: top;
}
.uni-month-select-02 {
	padding: 10px 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #dfdfdf;
}
.uni-month-select-02 .uni-btn-prev {
	display: inline-block;
	float: none !important;
	width: 20px !important;
	height: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -504px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: top;
}
.uni-month-select-02>select {
	width: 72px;
	height: 20px;
	vertical-align: top;
	border: 1px solid #d0d5da;
}
.uni-month-select-02 .uni-btn-next {
	display: inline-block;
	float: none !important;
	width: 20px !important;
	height: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -454px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: top;
}
.uni-hand-select {
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px 0 0 60px;
	border-top: 1px solid #dfe2e5;
}
.uni-hand-select.full-select {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
.uni-hand-select>label {
	position: absolute;
	top: 11px;
	left: 0;
}
.uni-hand-select>select {
	width: 100%;
	height: 20px;
	border: 1px solid #d0d5da;
}
.uni-side-infobox {
	padding: 4px 6px;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
}
.uni-side-infobox > dl {
	position: relative;
	padding: 0 0 0 80px;
	box-sizing: border-box;
}
.uni-side-infobox > dl + dl {
	margin-top: 4px;
}
.uni-side-infobox dt {
	position: absolute;
	top: 0;
	left: 0;
}
.uni-side-infobox dd {
	text-align: right;
}
.uni-side-menu {
	margin: 0 0 12px;
	padding-top: 8px;
	border-top: 1px solid #dfe2e5;
}
.uni-side-menu>dl {
	overflow: hidden;
	position: relative;
	margin-bottom: 2px;
	cursor: pointer;
}
.uni-side-menu>dl:last-child {
	margin-bottom: 0;
}
.uni-side-menu>dl dd:hover {
	color: #2b43ac;
	text-decoration: underline;
}
.uni-side-menu>dl dt {
	padding-left: 20px;
	/* display: inline-block; */
	display: block;
	float: left;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -1px;
	width: 96px;
	color: #63686f;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-weight:normal;
}
.uni-side-menu>dl dt.addr-menu {
	width: 100% !important;
}
.uni-side-menu>dl dt.addr-menu label {
	margin-bottom: 0 !important;
}
.uni-side-title-board {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.uni-side-title-board::after {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	width: 14px;
	height: 18px;
	background: url(/global/images/icon_quick_go.png) no-repeat center center transparent;
	cursor: pointer;
}
.uni-side-title-board:hover {
	text-decoration: underline;
	color: #4b60ba;
}
.uni-side-title-setup {
	position: relative;
}
.uni-btn-setting {
	position: absolute;
	top: 0;
	right: 2px;
	display: inline-block;
	width: 48px;
	text-indent: -9999px;
	background: #fff url(../images/btn_ico_common_off.png) no-repeat 2px 2px;
	width: 20px;
	height: 20px;
	border: 1px solid #dfe2e5;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	vertical-align: top;
	outline: none;
	user-select: none;
	box-sizing: border-box;
}
.uni-side-tree {
	padding: 0;
	min-height: 120px;
	/*background: #ddd;*/
	overflow-y: scroll;
	border: 1px solid #dfe2e5;
}
/*  2020-08-21 조효제  */
.uni-receive-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 5px
}
.uni-sent-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -48px
}
.uni-temsave-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -97px
}
.uni-reser-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -148px
}
.uni-spam-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -199px
}
.uni-trash-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -244px
}
.uni-attachbig-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -297px
}
.uni-receive-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 5px
}
.uni-sent-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -48px
}
.uni-temsave-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -97px
}
.uni-reser-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -148px
}
.uni-spam-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -199px
}
.uni-trash-mail:hover {
	background: url(../images/icon_mail_on.png) no-repeat 0 -244px
}
.uni-attachbig-mail:hover {
	background: url(../images/icon_mail_on.png) no-repeat 0 -297px
}
/*  2020-08-21 조효제  */
/*  2020-08-21 조효제  */
.uni-INBOX-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 5px
}
.uni-Sent-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -48px
}
.uni-Drafts-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -97px
}
.uni-Reserved-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -148px
}
.uni-SPAM-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -199px
}
.uni-Trash-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -244px
}
.uni-AttachBig-mail {
	background: url(../images/icon_mail_off.png) no-repeat 0 -297px
}
.uni-INBOX-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 5px
}
.uni-Sent-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -48px
}
.uni-Drafts-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -97px
}
.uni-Reserved-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -148px
}
.uni-SPAM-mail:hover {
	color: #2b43ac;
	background: url(../images/icon_mail_on.png) no-repeat 0 -199px
}
.uni-Trash-mail:hover {
	background: url(../images/icon_mail_on.png) no-repeat 0 -244px
}
.uni-AttachBig-mail:hover {
	background: url(../images/icon_mail_on.png) no-repeat 0 -297px
}

/*  2020-08-21 조효제  */


.uni-locker {
	background: url(../images/icon_board_off.png) no-repeat 0 2px;
	/* background: url(../images/icon_board_off.png) no-repeat 0 0; */
}
.uni-locker.uni-icon-draft,
.uni-locker.uni-icon-temp,
.uni-locker.uni-icon-wait,
.uni-locker.uni-icon-related,
.uni-locker.uni-icon-prework,
.uni-locker.uni-icon-notice,
.uni-locker.uni-icon-read,
.uni-locker.uni-icon-submit,
.uni-locker.uni-icon-decide {
	background-image: url(../images/icon_appr_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.uni-locker.uni-icon-draft:hover,
.uni-locker.uni-icon-temp:hover,
.uni-locker.uni-icon-wait:hover,
.uni-locker.uni-icon-related:hover,
.uni-locker.uni-icon-prework:hover,
.uni-locker.uni-icon-notice:hover,
.uni-locker.uni-icon-read:hover,
.uni-locker.uni-icon-submit:hover,
.uni-locker.uni-icon-decide:hover {
	background-image: url(../images/icon_appr_on.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.uni-locker.uni-icon-draft,
.uni-locker.uni-icon-draft:hover {
	background-position: 0 2px
}
/* 기안 */

.uni-locker.uni-icon-temp,
.uni-locker.uni-icon-temp:hover {
	background-position: 0 -48px
}
/* 임시 */

.uni-locker.uni-icon-wait,
.uni-locker.uni-icon-wait:hover {
	background-position: 0 -98px
}
/* 대기 */

.uni-locker.uni-icon-related,
.uni-locker.uni-icon-related:hover {
	background-position: 0 -148px
}
/* 연계 */

.uni-locker.uni-icon-prework,
.uni-locker.uni-icon-prework:hover {
	background-position: 0 -198px
}
/* 예결 */

.uni-locker.uni-icon-notice,
.uni-locker.uni-icon-notice:hover {
	background-position: 0 -248px
}
/* 통보 */

.uni-locker.uni-icon-read,
.uni-locker.uni-icon-read:hover {
	background-position: 0 -298px
}
/* 열람 */

.uni-locker.uni-icon-submit,
.uni-locker.uni-icon-submit:hover {
	background-position: 0 -348px
}
/* 결재 */

.uni-locker.uni-icon-decide,
.uni-locker.uni-icon-decide:hover {
	background-position: 0 -398px
}
/* 전결 */

.uni-locker.uni-icon-board {
	background-image: url(../images/icon_board_off.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.uni-locker.uni-icon-board:hover {
	background-image: url(../images/icon_board_on.png);
}
.uni-locker.uni-icon-receive {
	background: url(../images/icon_cowork_off.png) no-repeat 0 2px
}
.uni-locker.uni-icon-request {
	background: url(../images/icon_cowork_off.png) no-repeat 0 -48px
}
.uni-locker.uni-icon-conotice {
	background: url(../images/icon_cowork_off.png) no-repeat 0 -147px
}
.uni-locker.uni-icon-receive:hover {
	background: url(../images/icon_cowork_on.png) no-repeat 0 2px;
	color: #4c60d3
}
.uni-locker.uni-icon-request:hover {
	background: url(../images/icon_cowork_on.png) no-repeat 0 -48px;
	color: #4c60d3
}
.uni-locker.uni-icon-conotice:hover {
	background: url(../images/icon_cowork_on.png) no-repeat 0 -147px;
	color: #4c60d3
}
/*
.uni-side-menu>dl:hover .uni-receive-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0 4px;
}

.uni-side-menu>dl:hover .uni-sent-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0 -50px;
}

.uni-side-menu>dl:hover .uni-temsave-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0 -102px;
}

.uni-side-menu>dl:hover .uni-reser-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0 -156px;
}

.uni-side-menu>dl:hover .uni-spam-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0 -212px;
}

.uni-side-menu>dl:hover .uni-trash-mail {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat -1px -268px;
}

.uni-side-menu>dl:hover .uni-locker {
	color: #2b43ac;
	background: url(../images/icons_mail_on.png) no-repeat 0px -322px;
} */

.uni-side-menu>dl dd {
	line-height: 20px;
	color: #4166b1;
}
.uni-side-menu>dl>button {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #dfe2e5;
	text-align: center;
	display: inline-block;
	height: 20px;
	padding: 0 6px;
	line-height: 16px;
	font-size: 11px;
	background: #fff;
	color: #616161;
	vertical-align: text-bottom;
}
.uni-side-menu>dl>button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-side-menu dl:hover dt.uni-ico-trash {
	background: url(../images/btn_ico_mail.png) no-repeat 0 -838px
}
.uni-mail-mybox dl dt {
	display: inline-block;
	padding: 0 0 0 24px;
	/* float: left; */
}
.uni-mail-mybox dl dd {
	display: inline-block;
}
.uni-side-menu>div {
	position: relative;
}
.uni-side-menu>div>button {
	position: absolute;
	right: 0;
	top: -3px;
	text-indent: -9999px;
	border: 1px solid #dfe2e5;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}
button.btn-mini-add {
	background: #fff url(../images/btn_ico_common.png) no-repeat 3px -269px;
}
button.btn-mini-add:hover {
	border: 1px solid #4b60ba;
	background: #fff url(../images/btn_ico_common.png) no-repeat 3px -331px;
}
button.btn-mini-setting {
	background: #fff url(../images/btn_ico_common.png) no-repeat 3px -393px;
}
button.btn-mini-setting:hover {
	border: 1px solid #4b60ba;
	background: #fff url(../images/btn_ico_common.png) no-repeat 3px -455px;
}
.uni-side-menu .uni-mini-input {
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
}
.uni-side-menu .uni-mini-input>input {
	width: 100%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dfe2e5;
	padding-left: 6px;
	box-sizing: border-box;
}
/*=========================================/
 /********* 레이아웃 : 사이드  *************/

/* uni-side-con : 레이아웃 top  */

/* 메인컨테이너_ 상단 공통 타이틀과 검색 조건 영역  */

.uni-content-wrap {
	position: relative;
	z-index:100;
}
button.uni-btn-menufolding {
	position: absolute;
	left: 14px;
	top: 18px;
	display: inline-block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	border: 1px solid #dfe2e5;
	margin-bottom: 2px;
	background: url(../images/btn_leftmenu_fold.png) no-repeat center center #fff;
	/* background: #fff url(../images/btn_ico_common_off.png) no-repeat 5px -48px */
}
button.uni-btn-ding:hover {
	border: 1px solid #4b60ba;
	/* background: #fff url(../images/btn_ico_common_on.png) no-repeat 5px -48px */
}
button.uni-btn-folding {
	position: absolute;
	left: 14px;
	top: 7px;
	display: inline-block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	border: 1px solid #dfe2e5;
	margin-bottom: 2px;
	background: url(../images/btn_leftmenu_fold.png) no-repeat center center #fff;
}
button.uni-btn-folding:hover {
	border: 1px solid #4b60ba;
}
.uni-content-header {
	position: relative;
	height: 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #dfe2e5;
}
.uni-content-header>h3 {
	padding: 0 0 0 34px;
	float: left;
	font-size: 16px;
	letter-spacing: -1px;
	margin: 10px 20px 0 9px;
	font-weight: bold;
}
.uni-content-header>h3 em.upper-title {
	display: inline-block;
	padding-left: 10px;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	color: #999;
	font-style: normal;
}
.uni-content-header .uni-btn-menufolding {
	top: 7px;
}
.uni-content-header.setup-header {
	height: 80px;
}
.uni-content-header.setup-header>h3 {
	padding: 0;
}
.uni-content-header.setup-header .uni-btn-menufolding {
	display: none
}
.uni-main-wrap {
	min-width: 1330px;
	min-height: 300px;
	margin: 0 auto;
}
.uni-sub-wrap {
	position: relative;
}
.uni-apprvl-container.apprvl-cont {
	min-width: 600px;
	overflow: auto;
	box-sizing: border-box;
}
.uni-apprvl-container.apprvl-cont.page-a4 {
	max-width: 794px;
	width: 794px;
	overflow-x: hidden;
	box-shadow: 4px 4px 2px rgba(160, 160, 160, 0.7);
}
.page-a4 {
	max-width: 794px;
	width: 794px;
	overflow-x: hidden;
	box-shadow: 4px 4px 2px rgba(160, 160, 160, 0.7);
}
.uni-main-condition {
	position: absolute;
	top: 4px;
	right: 24px;
	height: 28px;
	padding: 0 97px 0 0;
	box-sizing: border-box;
}
.uni-main-condition:after {
	content: "";
	clear: both;
	display: table;
}
.uni-main-condition.address-condition {
	padding: 0;
}
.uni-main-condition.bbs-condition {
	padding: 0 95px 0 0;
}
.uni-main-condition.bbs-condition .uni-input-search {
	width: 350px;
}
.uni-main-condition.bbs-condition .uni-input-search #searchDateDiv {
	width: 310px;
	vertical-align: middle;
}
.uni-main-condition.bbs-condition .uni-input-search #searchDateDiv .icon-duration-date {
	vertical-align: text-top;
}
.uni-main-condition.bbs-condition .uni-input-search #searchDateDiv input[type="text"] {
	outline: none;
}
.uni-main-condition.bbs-condition.gallery-condition {
	padding: 0 !important;
}
.uni-main-condition.bbs-condition.gallery-condition {
	padding: 0 !important;
}
.uni-main-condition.bbs-condition .uni-main-searchbox {
	padding-right: 0 !important;
}
.uni-main-condition.bbs-condition .uni-input-search {
	border-right: 1px solid #dfe2e5;
}
.uni-main-condition.bbs-condition.gallery-condition .uni-main-searchbox {
	padding-right: 0 !important;
}
.uni-main-condition.bbs-condition .uni-input-search .icon-duration-date {
	display: inline-block;
	vertical-align: super;
	line-height: 1.0em !important;
	opacity: .5;
}
.uni-main-searchbox {
	position: relative;
	padding-right: 74px;
	vertical-align: bottom;
}
.uni-main-condition.address-condition .uni-main-searchbox {
	display: inline-block;
	margin-top: 1px;
	padding-right: 0;
	vertical-align: top;
	border-right: 1px solid #cbcbcb;
}
.uni-main-condition.col-condition,
.uni-main-condition.idea-condition {
	padding: 0 !important;
}
.uni-main-searchbox select {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 6px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-color: #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.uni-main-searchbox input {
	border: none;
	width: 100%;
	height: 24px;
	outline:none;
}
.uni-main-searchbox .uni-input-search {
	position: relative;
	display: inline-block;
	width: 280px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #dfe2e5;
	border-right: none;
	border-left: none;
	padding: 0 36px 0 0;
}
.uni-main-searchbox .uni-input-search:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/btn_ico_common_off.png) no-repeat 2px -101px;
	width: 26px;
	height: 26px;
	cursor: pointer;
}
.uni-main-searchbox .uni-input-search:hover:before {
	background: url(../images/btn_ico_common_on.png) no-repeat 2px -101px;
}
.uni-main-searchbox .uni-input-search:hover {
	background: url(../images/btn_ico_common.png) no-repeat 97% -63px;
}
.uni-main-searchbox .chk-totalsearch-item {
	position: absolute;
	top: 5px;
	right: 30px;
	display: inline-block;
	min-width: 60px;
	height: 18px;
	padding: 0 5px 3px 18px;
	line-height: normal;
	text-align: right;
	font-family: '맑은 고딕', Malgun Gothic, Arial, Tahoma, san-serif;
	letter-spacing: -1px;
	font-size: 12px;
	color: #5d5d5d;
	background: transparent;
	border: 0;
	border-radius: 2px;
	box-sizing: border-box;
	outline: none;
	user-select: none;
	z-index: 1;
	cursor: pointer;
}
.uni-main-searchbox .chk-totalsearch-item:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px solid #dfe2e5;
}
.uni-main-searchbox .chk-totalsearch-item.active:before {
	content: "✓";
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	color: #a0a0a0;
	line-height: 10px;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Tahoma';
	text-align: center;
}
.uni-main-searchbox .chk-totalsearch-item input[type='checkbox'] {
	position: fixed;
	top: 0;
	left: -9999px;
}
.uni-main-condition.address-condition .radio-item-group {
	display: inline-block;
	width: auto;
	vertical-align: top;
	padding: 5px 0 0 10px;
	box-sizing: border-box;
}
/* uni-main-con BTN 상단 버튼 리스트들 */

button.btns-top-list {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_common.png) no-repeat 50% -517px;
	border: 1px solid #cbcbcb;
	border-right: none;
}
button.btns-top-list:hover {
	background: url(../images/btn_ico_common.png) no-repeat 50% -576px;
	border: 1px solid #60baff;
	border-right: none;
}
button.btns-top-splitV {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_common.png) no-repeat 50% -636px;
	border: 1px solid #cbcbcb;
	border-right: none;
}
button.btns-top-splitV:hover {
	background: url(../images/btn_ico_common.png) no-repeat 50% -693px;
	border: 1px solid #60baff;
	border-right: none;
}
button.btns-top-splitH {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_common.png) no-repeat 50% -752px;
	border: 1px solid #cbcbcb;
}
button.btns-top-splitH:hover {
	background: url(../images/btn_ico_common.png) no-repeat 50% -811px;
	border: 1px solid #60baff;
}
button.btns-top-refresh {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_common.png) no-repeat 50% -131px;
	border: 1px solid #cbcbcb;
}
button.btns-top-refresh:hover {
	background: url(../images/btn_ico_common.png) no-repeat 50% -199px;
	border: 1px solid #60baff;
}
/* 상세 버튼용 드롭박스 */

.uni-detail-dropdown {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	font-weight: 600;
	width: auto;
	z-index: 100;
	height: 30px;
	line-height: 30px;
}
.uni-detail-dropdown>div {
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: right;
}
.uni-detail-dropdown>div:hover {
	background: #434d5d;
}
.uni-detail-dropdown input[type=checkbox] {
	display: none;
}
.uni-detail-dropdown>div>label {
	display: inline-block;
	background: #fff url(../images/ico_common.png) no-repeat 96% -362px;
	height: 28px;
	line-height: 28px;
	padding: 0 40px 0 10px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	border: 1px solid #dfe2e5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.uni-detail-dropdown>div>input[type=checkbox]:checked ~ label {
	background: #fff url(../images/ico_common.png) no-repeat 96% -406px;
	border: 1px solid #dfe2e5;
	color: #2b43ac;
}
.uni-detail-dropdown>div>div {
	position: absolute;
	top: 46px;
	width: auto;
	min-width: 320px;
	z-index: 100;
	margin: 0;
	background: #fff;
	display: none;
	border: 1px solid #a5abc5;
	box-sizing: border-box;
	padding: 12px 12px 6px;
}
.uni-detail-dropdown>div>div>ul {
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e5ec;
}
.uni-detail-dropdown>div>div>ul li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: auto;
	color: #4d5561;
}
.uni-detail-dropdown>div>div>ul li>select {
	float: left;
	width: 30%;
	height: 28px;
	line-height: 28px;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #cbcbcb;
}
.uni-detail-dropdown>div>div>ul>li>span {
	float: left;
	width: 30%;
}
.uni-detail-dropdown>div>div>ul li>span+select,
.uni-detail-dropdown>div>div>ul li input[type=text] {
	display: inline-block;
	width: 70%;
	height: 28px;
	line-height: 1.5em;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #cbcbcb;
}
.uni-detail-dropdown .uni-detail-chbox {
	position: relative;
	display: inline-block;
	height: 28px;
	width: 20%;
	box-sizing: border-box;
	padding: 0 0 0 26px;
	margin-left: 4px;
}
.uni-detail-dropdown>div>div>ul li:last-child {
	border-bottom: none;
}
.uni-datail-btns {
	clear: both;
	margin-top: 14px;
	text-align: center;
}
/* 기본 액션 영역 상단 버튼들 모음 */

/* 상세 버튼용 드롭박스 */

.uni-btns-dropdown select {
	display: inline-block;
	height: 26px;
	line-height: 22px;
	border: 1px solid #cbcbcb;
	margin-right: 3px;
}
.uni-btns-dropdown {
	position: relative;
	font-weight: 600;
	width: auto;
	z-index: 100;
	float: left;
	margin-right: 1px;
}
.uni-part-opt>label {
	display: inline-block;
	background: url(../images/ico_common.png) no-repeat 100% -364px #fff;
	height: 26px;
	width: 92px;
	line-height: 22px;
	padding: 0 18px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	vertical-align: top;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}
.uni-part-opt>input[type='checkbox']+label {
	background: #fff url(../images/ico_common.png) no-repeat 100% -408px;
	border: 1px solid #dfe2e5;
	color: #333;
	width: 92px;
	height: 28px;
}
.uni-btn-part {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	width: 92px;
	border: 1px solid #dfe2e5;
	background-color: #fff;
	z-index: 1000;
}
.uni-btn-part a:hover {
	color: #2b43ac;
}
.uni-btns-dropdown.uni-btn-spam>div>div,
.uni-btns-dropdown.uni-btn-reply>div>div,
.uni-btns-dropdown.uni-btn-linkhidden>div>div {
	min-width: 86px;
}
.uni-btns-dropdown.uni-btn-read>div>div {
	min-width: 65px;
}
.uni-btns-dropdown.uni-btn-print>div>div {
	min-width: 107px;
}
.uni-btns-dropdown.uni-btn-print>div>div {
	min-width: 107px;
}
.uni-btns-dropdown.uni-btn-move>div>div {
	min-width: 157px;
}
.uni-btns-dropdown.uni-btn-addfunction>div>div,
.uni-btns-dropdown.uni-btn-status>div>div {
	padding: 0;
}
.uni-btn-addfunction>div>div:hover,
.uni-btn-status>div>div:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-btn-addfunction>div ul>li,
.uni-btn-status>div ul>li {
	border-bottom: 1px solid #d3d7e4;
	padding: 3px 8px;
}
.uni-btn-addfunction>div ul>li:last-child,
.uni-btn-status>div ul>li:last-child {
	border: none;
}
.uni-btn-addfunction ul>li>a,
.uni-btn-status ul>li>a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 12px;
}
.uni-btn-addfunction ul>li>a:hover,
.uni-btn-status ul>li>a:hover {
	color: #2b43ac;
}
.uni-btns-dropdown.uni-btn-partition {
	position: absolute;
	top: 0;
	right: 0;
	width: 92px;
}
.uni-btns-dropdown.uni-btn-partition>div>div {
	min-width: 99px;
	padding: 5px 0
}
.uni-btns-dropdown.uni-btn-partition .uni-btn-part>ul>li>a {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 12px;
}
.uni-btns-dropdown.uni-btn-partition .uni-btn-part:hover {
	border: 1px solid #dfe2e5;
}
.uni-btns-dropdown.uni-btn-partition .uni-btn-part>ul>li>a:hover {
	color: #2b43ac;
}
.uni-btn-partition span.uni-parti-vert,
.uni-btn-partition span.uni-parti-hori,
.uni-btn-partition span.uni-parti-list {
	display: block;
	position: relative;
	padding: 2px 0 0 20px;
	letter-spacing: -1px;
}
.uni-btn-partition span.uni-parti-vert:before,
.uni-btn-partition span.uni-parti-hori:before,
.uni-btn-partition span.uni-parti-list:before {
	content: "";
	position: absolute;
	display: inline-block;
	top: 4px;
	left: 3px;
	width: 20px;
	height: 20px;
}
.uni-btn-partition span.uni-parti-vert:before {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -608px;
}
.uni-btn-partition span.uni-parti-hori:before {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -659px;
}
.uni-btn-partition span.uni-parti-list:before {
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -556px;
}
.uni-btn-part .lay span.uni-parti-vert,
.uni-btn-part .lay span.uni-parti-hori,
.uni-btn-part .lay span.uni-parti-list {
	padding: 0 0 0 24px;
}
.uni-btn-partition span.uni-parti-vert:hover:before {
	background: url(../images/btn_ico_common_on.png) no-repeat 3px -608px;
}
.uni-btn-partition span.uni-parti-hori:hover:before {
	background: url(../images/btn_ico_common_on.png) no-repeat 3px -659px;
}
.uni-btn-partition span.uni-parti-list:hover:before {
	background: url(../images/btn_ico_common_on.png) no-repeat 3px -556px;
}
.uni-detail-dropdown .uni-detail-chbox {
	position: relative;
	display: inline-block;
	height: 28px;
	width: 20%;
	padding: 0 0 0 26px;
	margin-left: 4px;
	box-sizing: border-box;
}
.uni-detail-dropdown>div>div>ul li:last-child {
	border-bottom: none;
}
.uni-datail-btns {
	clear: both;
	margin-top: 14px;
	text-align: center;
}
.uni-main-btns {
	min-height: 38px;
	background: #ebedf3;
	border-top: 1px solid #d5d9dd;
	border-bottom: 1px solid #dfe2e5;
	padding: 5px 14px 0;
	box-sizing: border-box;
}
.uni-main-btns.sticky {
	position: sticky !important;
	top: 0;
	z-index: 100;
}
.uni-main-btns:after {
	content: "";
	clear: both;
	display: table;
}
.uni-bottom-btns {
	min-height: 38px;
	padding: 5px 10px 0;
	background: #ebedf3;
	border: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.uni-main-btns.fixed-btn-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 38px;
	z-index: 1;
}
.uni-main-btns .left-con {
	float: left;
}
.uni-main-btns .right-con {
	float: right;
}
.uni-main-btns .uni-btn-pagebox {
	float: right;
	padding: 0;
}
.uni-main-btns .uni-btn-pagebox .uni-btn-pageprev,
.uni-main-btns .uni-btn-pagebox .uni-btn-pagenext {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 24px;
	line-height: 22px;
	padding: 0 10px;
	font-size: 12px;
	margin-right: 1px;
	background: #fff;
	font-weight: normal;
	color: #333;
	text-indent: -9999px;
	vertical-align: text-bottom;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	cursor: pointer;
}
.uni-main-btns .uni-btn-pagebox .uni-btn-pageprev {
	margin-right: -5px;
}
.uni-main-btns .uni-btn-pagebox .uni-btn-pageprev:after,
.uni-main-btns .uni-btn-pagebox .uni-btn-pagenext:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 6px;
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	user-select: none;
}
.uni-main-btns .uni-btn-pagebox .uni-btn-pageprev:after {
	border-right: 6px solid #333;
}
.uni-main-btns .uni-btn-pagebox .uni-btn-pagenext:after {
	left: 13px;
	border-left: 6px solid #333;
}
.uni-main-btns .input-item {
	float: left;
	margin-right: 24px;
}
.uni-main-btns .input-item>label {
	padding-right: 8px;
	color: #333;
	vertical-align: middle;
}
.uni-main-btns .input-item input[type='text'],
.uni-main-btns .input-item select {
	height: 28px;
	min-width: 90px;
	padding: 3px 6px;
	vertical-align: middle;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.uni-main-btns .uni-btn-search {
	display: inline-block;
	width: 32px;
	height: 28px;
	vertical-align: middle;
	background: url(../images/btn_ico_common_off.png) no-repeat 7px -101px #fff;
	border: 1px solid #d0d5da;
	cursor: pointer;
}
.uni-main-btns .right-con .input-item-inline {
	vertical-align: top;
}
.uni-main-btns .right-con .chk-item.chk-inline {
	vertical-align: super;
}
.right-con .input-item:last-child {
	margin-right: 0;
}
.uni-main-btns .input-item-inline input[type="text"] {
	height: 28px;
	min-width: 90px;
	padding: 3px 6px;
	vertical-align: middle;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.uni-main-btns .dn {
	display: none;
}
.uni-main-btns:after {
	content: "";
	clear: both;
	display: table;
}
.uni-main-btns>span,
.uni-datail-btns>button,
.uni-main-btns>button {
	display: inline-block;
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
	margin-right: 1px;
	font-size: 13px;
	border: 1px solid #cbcbcb;
	background: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
	/* vertical-align: text-bottom; */
}
/* .uni-main-btns > span, .uni-main-btns > button {float: left} */

.uni-bottom-btns .uni-btn-normal,
.uni-main-btns .uni-btn-normal {
	display: inline-block;
	height: 26px;
	margin: 0 -3px;
	padding: 0 10px;
	font-size: 13px;
	margin-right: 1px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.uni-bottom-btns .uni-btn-normal {
	margin: 0 -3px;
}
.uni-bottom-btns + .uni-txt-page {
	margin-top: 10px !important;
}
.uni-btn-normal.icon-box-memoedit {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../images/icon_memo_edit.png);
	background-position: no-repeat;
	background-position: center center;
	cursor: pointer;
	border: 0;
	outline: none;
}
.uni-btn-normal.icon-box-memonew {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../images/icon_memo_new.png);
	background-position: no-repeat;
	background-position: center center;
	cursor: pointer;
	border: 0;
	outline: none;
}
.uni-btn-normal.icon-box-memoedit span,
.uni-btn-normal.icon-box-memonew span {
	display: inline-block;
	text-indent: -9999px;
}
.uni-dropdown-menu {
	position: relative;
	display: inline-block;
	height: 26px;
	margin: 0 1px 0 -3px;
	padding: 0 6px;
	font-size: 13px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.uni-dropdown-menu .uni-dropdown-btn {
	position: relative;
	display: block;
	height: 26px;
	padding: 3px 16px 3px 3px;
	cursor: pointer;
}
.uni-dropdown-menu .uni-dropdown-btn:after {
	content: "▼";
	position: absolute;
	top: 3px;
	right: 0;
	display: block;
	width: 14px;
	height: 14px;
	color: #333;
	text-align: center;
}
.uni-dropdown-menu .uni-dropdown-list {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	margin: 0;
	background-color: #fff;
	border: 1px solid #cbcbcb;
	z-index: 2000;
}
.uni-dropdown-menu .uni-dropdown-list>li {
	border-bottom: 1px solid #cbcbcb;
}
.uni-dropdown-menu .uni-dropdown-list>li:last-child {
	border-bottom: 0;
}
.uni-dropdown-menu .uni-dropdown-list>li>a {
	display: block;
	padding: 5px;
	color: #333;
	box-sizing: border-box;
}
.uni-dropdown-menu .uni-dropdown-list>li>a:hover {
	background-color: #f1f1f1
}
.uni-main-btns>span:hover,
.uni-datail-btns>button:hover,
.uni-main-btns>button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-dropdown-split {
	position: relative;
	display: inline-block;
	height: 26px;
	margin: 0 1px 0 -3px;
	padding: 0 24px 0 6px;
	font-size: 13px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.uni-dropdown-split .uni-btn-dropdown-txt {
	font-weight: bold;
	font-size: 13px;
	padding: 2px 4px 0 0;
	line-height:20px;
}
.uni-dropdown-split .uni-btn-dropdown-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 23px;
	height: 100%;
	padding: 0;
	border-left: 1px solid #cbcbcb;
	outline: none;
	cursor: pointer;
}
.uni-dropdown-split .uni-btn-dropdown-toggle:after {
	content: "";
	position: absolute;
	top: 9px;
	right: 5px;
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #333;
}
.uni-dropdown-split .uni-dropdown-list {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	width: calc(100% + 2px);
	margin: 0 -1px;
	background-color: #fff;
	border: 1px solid #cbcbcb;
	z-index: 2000;
}
.uni-dropdown-split .uni-dropdown-list>li {
	border-bottom: 1px solid #cbcbcb;
}
.uni-dropdown-split .uni-dropdown-list>li:last-child {
	border-bottom: 0;
}
.uni-dropdown-split .uni-dropdown-list>li>a {
	display: block;
	padding: 5px;
	color: #333;
	box-sizing: border-box;
}
.uni-dropdown-split .uni-dropdown-list>li>a:hover {
	background-color: #f1f1f1
}
.uni-dropdown-multiselect {
	position: relative;
	display: inline-block;
	height: 26px;
	margin: 0 1px 0 -3px;
	padding: 0 24px 0 6px;
	font-size: 13px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.uni-dropdown-multiselect .uni-btn-dropdown-txt {
	font-weight: bold;
	font-size: 13px;
	padding: 2px 4px 0 0;
}
.uni-dropdown-multiselect .uni-btn-dropdown-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 23px;
	height: 100%;
	padding: 0;
	border-left: 1px solid #cbcbcb;
	outline: none;
	cursor: pointer;
}
.uni-dropdown-multiselect .uni-btn-dropdown-toggle:after {
	content: "▼";
	position: absolute;
	top: 3px;
	right: 0;
	display: inline-block;
	width: 23px;
	height: 100%;
	color: #333;
	text-align: center;
	vertical-align: middle;
}
.uni-dropdown-multiselect .uni-dropdown-list {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	width: calc(100% + 2px);
	margin: 0 -1px;
	background-color: #fff;
	border: 1px solid #cbcbcb;
	z-index: 2000;
}
.uni-dropdown-multiselect .uni-dropdown-list > li {
	padding: 1px 6px;
}
.uni-dropdown-multiselect .uni-dropdown-list > li.whole-choice {
	border-bottom: 1px solid #d9d9d9;
}
.uni-dropdown-multiselect .uni-dropdown-list > li .chk-item label {
	color: #666 !important;
}
.page-container .btn-group {
	vertical-align: bottom;
}
/* 보조 액션 영역 상단 버튼들 모음 */

.uni-main-sub-btns {
	height: 43px;
	border-bottom: 1px solid #dfe2e5;
	padding: 9px 14px 0;
	box-sizing: border-box;
}
.uni-main-sub-btns div>span,
.uni-main-sub-btns>button,
.uni-main-sub-btns div>button {
	display: inline-block;
	height: 24px;
	line-height: 20px;
	padding: 0 4px;
	border: 1px solid #cbcbcb;
	background: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: text-bottom;
}
.uni-main-sub-btns div>span:hover,
.uni-main-sub-btns>button:hover,
.uni-main-sub-btns div>button:hover {
	border: 1px solid #60baff;
	color: #0362e3;
}
/* 기본액션 영역 상단 체크박스 모음 */

.uni-main-check {
	height: 48px;
	border-bottom: 1px solid #dfe2e5;
	background: #e6e7eb;
	padding: 10px 14px;
	box-sizing: border-box;
}
.uni-main-check p.checkbox {
	margin: 0 12px 0 0;
	display: inline-block;
	background: transparent;
	color: #333;
	vertical-align: top;
}
.uni-main-check p.checkbox label {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
}
/* 기본 액션 영역 상단 Tab 버튼  */

.uni-main-tabs {
	height: 46px;
	padding: 8px 14px 0;
	box-sizing: border-box;
}
.uni-main-tabs>div {
	border-bottom: 1px solid #dfe2e5;
	overflow: hidden;
}
.uni-main-tabs div>a {
	/* float: left; */
	display: inline-block;
	height: 35px;
	line-height: 33px;
	padding: 0 24px;
	border: 1px solid #dfe2e5;
	border-bottom: none;
	background: #fff;
	color: #333;
	font-size: 14px;
	margin-right: 1px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: text-bottom;
	border-radius: 3px 3px 0 0 !important;
}
.uni-main-tabs div>a.selected,
.uni-main-tabs div>a:hover {
	border: 1px solid #2092ff;
	color: #fff;
	background: #2092ff;
}
.uni-board-tree {
	clear: both;
}
/* 그리드 Table 관련 공통 스타일 */

.uni-mainbox {
	position: relative;
	width: 100%;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.uni-mainbox.uni-mainfullbox {
	padding: 0 0 130px;
}
.uni-mainbox:after {
	content: "";
	clear: both;
	display: table;
}
.uni-mainbox table {
	width: 100%;
	margin-bottom: 10px;
	table-layout: fixed;
}
.uni-mainbox table th {
	height: 32px;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #abb1ca
}
.uni-mainbox table td {
	height: 40px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #e6e7eb;
	cursor: pointer;
}
.uni-mainbox table td.ta-l {
	text-align: left;
}
.uni-mainbox table tr.selected {
	background: #ebf0f5;
	color: #5f6060;
}
.uni-txt-readed {
	color: #404040;
	font-size: 13px;
}
.uni-txt-notreaded:hover,
.uni-txt-readed:hover {
	color: #0362e3;
	text-decoration: underline;
	cursor: pointer;
}
.uni-txt-notreaded {
	/* color: #000; */
	color: #4084ff;
	font-weight: 700;
}
span.tb-ico-file {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 2px;
	width: 20px;
	background: url(../images/ico_common.png) no-repeat 3px 1px;
}
span.tb-ico-bigfile {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 2px;
	width: 20px;
	height: 20px;
	background: url(../images/ico_common.png) no-repeat 3px -542px;
}
span.tb-ico-txtpreview {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 2px;
	width: 20px;
	height: 20px;
	background: url(../images/icon_preview02.png) no-repeat center center;
}
tr.uni-txt-notreaded span.tb-ico-mail {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 2px;
	width: 20px;
	background: url(../images/ico_common.png) no-repeat 0 -63px;
}
.uni-main-list-tb+div {
	width: 100%;
	padding: 0 14px;
	box-sizing: border-box;
	overflow: hidden;
}
.pagination.uni-page {
	float: left;
	/*margin: 20px 0 0 14px;*/
	margin: 15px 0 0 14px;
}
.pagination.uni-page li.disabled a,
.pagination.uni-page li span {
	cursor: pointer !important;
}
.pagination.uni-page li a,
.pagination.uni-page li span {
	color: #3e4d8d;
	cursor: pointer;
}
.pagination.uni-page li.active a,
.pagination.uni-page li.active a:hover,
.pagination.uni-page li.active a:focus,
.pagination.uni-page li.active>span,
.pagination.uni-page li.active>span:focus,
.pagination.uni-page li.active>span:hover {
	background-color: #5568b7;
	border-color: #374894;
	color: #fff;
	cursor: default;
}
.uni-page-tot {
	float: right;
	height: 32px;
	line-height: 32px;
	margin-top: 10px;
	padding-right: 4px;
	margin-right: 14px;
}
.uni-page-tot>select {
	/* float: right; */
	display: inline-block;
	display: inline-block;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ddd;
	margin-left: 6px;
}
.infos {
	/* float: left; */
	display: inline-block;
	line-height: 28px;
}
.left-mainbox {
	padding-left: 53%;
}
.uni-mainbox table th,
.uni-mainbox table td {
	position: relative;
}
.uni-mainbox table th .m-check {
	top: 5px;
	left: 10px;
}
.uni-mainbox table td .m-check {
	top: 8px;
	left: 10px;
}
/* 목록 기본 */

.box-gridbox-title > h4 {
	position: relative;
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.gridbox-count-wrap {
	padding: 10px 5px;
}
.gridbox-count-list {
	display: inline-block;
}
.gridbox-count-item {
	display: inline-block;
	padding: 0 10px;
}
.gridbox-count-item>em {
	display: inline-block;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	padding: 0 10px;
	vertical-align: middle;
}
.gridbox-count-item>span {
	display: inline-block;
	font-family: "Nanum Gothic", sans-serif;
	vertical-align: middle;
}
.uni-main-list {
	padding: 0 10px;
	box-sizing: border-box;
}
.uni-gridbox-wrap.border-top {
	border-top: 1px solid #ccc;
}
.gridbox-wrap .xhdr {
	background-color: white;
	border-bottom: 1px solid #dfdfdf !important;
	;
}
div.gridbox_material.gridbox .xhdr {
	height: 38px !important;
}
.minitab-wrap .minitab-outer {
	padding: 7px;
	border: 1px solid #b5bcd7;
	border-top: 0;
}
.minitab-wrap .minitab {
	border-bottom: 1px solid #b5bcd7;
}
.minitab-wrap .minitab .link-local {
	margin-right: 0;
	padding-top: 3px;
	font-size: 12px;
	background-color: #f9fafb;
	border: 1px solid #d0d5da;
}
.minitab-wrap .minitab .link-local.active {
	height: 30px;
	/* margin-top: -2px; */
	padding-top: 6px;
	color: #3f4e8e;
	background-color: #fff;
	border: 1px solid #b5bcd7;
	border-bottom: 1px solid #fff;
}
.uni-gridbox {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}
.uni-gridbox thead th {
	height: 32px;
	background: #fff;
	font-size: 13px;
	text-align: center;
	border-bottom: 1px solid #abb1ca;
}
.uni-gridbox tbody td {
	height: 32px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #e6e7eb;
	cursor: pointer;
}
.uni-main-list.left-mainlist {
	width: 52.9%;
}
/* 목록 상하분할형  */

.uni-main-list.top-mainlist {
	height: 30%;
	width: 100%;
	position: static;
	padding: 0;
	border-right: none;
	margin-right: 0;
	margin-bottom: 1px;
	overflow-y: scroll;
	border-bottom: 1px solid #dedede
}
/* 목록 목록형분할형  */

.uni-main-list.fullmainlist {
	height: 100%;
	width: 100%;
	position: static;
	padding: 0;
	border-right: none;
	margin-right: 0
}
.uni-main-list-tb {
	min-height: 580px;
	max-height: 840px;
	overflow: hidden;
}
/* 목록 상하분할형  */

.uni-main-list.top-mainlist .uni-main-list-tb {
	min-height: 200px;
	padding: 0 14px;
}
.uni-main-list.top-mainlist .uni-page {
	margin-left: 14px;
	float: left;
}
.uni-main-list.top-mainlist .infos {
	width: auto;
	display: inline-block;
	margin-right: 14px;
}
/* 목록 목록형분할형  */

.uni-main-list.full-mainlist .uni-main-list-tb {
	/* min-height: 80%; */
	padding-bottom: 30px;
	box-sizing: border-box;
}
/* 본문 내용 */

.uni-main-maintxt {
	position: relative;
	width: 100%;
	padding: 14px 14px 0;
	/* padding: 14px 14px 120px; */
	box-sizing: border-box;
}
.uni-main-maintxt>div {
	width: 100%;
	box-sizing: border-box;
}
/* 본문 상하분할형  */

.uni-main-maintxt.down-maintxt {
	height: 58.5%;
	padding: 20px 14px;
	border-top: 1px solid #dedede;
	border-left: none;
	box-sizing: border-box;
}
.uni-main-maintxt.all-maintxt {
	height: 100%;
	padding: 20px 14px;
	border-top: 1px solid #dedede;
	border-left: none;
	box-sizing: border-box;
}
.uni-main-list.top-mainlist>div,
.uni-main-maintxt.down-maintxt>div {
	width: 100%;
	box-sizing: border-box;
}
.uni-mail-title {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
.uni-mail-title span {
	float: right;
	font-weight: normal;
	font-size: 11px;
	color: #999;
}
.uni-board-title {
	padding: 6px 4px 10px;
	border-bottom: 1px solid #e9e9e9;
}
.uni-board-title:after {
	content: "";
	clear: both;
	display: table;
}
.uni-board-title>h4 {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.uni-board-title .right-con {
	float: right;
}
.uni-board-title .right-con .author {
	padding-right: 20px;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	color: #333;
}
.uni-board-title .right-con .date {
	font-weight: normal;
	font-size: 11px;
	color: #999;
}
.uni-board-noticetime {
	padding: 10px 6px;
	text-align: left;
	border-bottom: 1px solid #e9e9e9;
}
.uni-board-article {
	padding: 30px 24px;
	font-size: 13px;
	line-height: 1.5em;
}
.uni-board-noticetime+.uni-mail-attach {
	border-top: 0;
	padding-top: 6px;
}
.uni-board-noticetime+.uni-mail-attach .uni-mail-filetitle {
	left: 4px;
}
/* 메일 보낸, 받은, 참조, 첨부 BOX */
.uni-mail-userbox {
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	padding: 0 0 0 25px;
	border-top: 1px solid #dfdfdf;
}
.uni-mail-userbox .uni-mail-user {
	top: 4px !important;
	left: 0 !important;
	font-size: 12px;
}
.uni-mail-userbox .uni-mail-btn-user {
	position: absolute;
	top: 0;
	right: 0;
}
.uni-main-maintxt button {
	border: 1px solid #cbcbcb;
	background: #fff;
	font-size: 12px;
	padding: 2px 4px;
}
.uni-main-maintxt button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-mail-userbox .checkbox {
	margin: 0;
}
.uni-main-maintxt button.uni-btn-window {
	padding-left: 20px;
	background: url(/global/images/icon_window.png) no-repeat 5px 6px #fff;
}
.uni-preview-btns button.uni-btn-window {
	height: 20px;
    font-size: 12px;
    font-weight: 300;
    padding: 0 6px 0 20px;
    line-height: 18px;
    vertical-align: top;
    background: url(/global/images/icon_window.png) no-repeat 4px 4px #fff;
    border: 1px solid #dfe2e5;
}

/* 메일 보낸 사람 */

.uni-mail-send {
	position: relative;
	vertical-align: bottom;
	margin: 5px 0 5px;
}
/* 메일 받은 사람 */

.uni-mail-receive {
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	/* padding: 12px 0 20px 25px; */
	padding: 0 0 0 25px;
}
.uni-mail-receive.pb15 {
	padding-bottom: 6px !important;
}
.uni-mail-user {
	position: absolute;
	top: 5px;
	left: 25px;
	width: 120px;
	line-height: 18px;
	/* float: left; */
	font-size: 14px;
	font-weight: bold;
	clear: both;
}
.uni-mail-receive .uni-mail-user {
	top: 6px;
	font-size: 12px;
}
.uni-mail-attach .uni-mail-filetitle {
	font-size: 12px;
}
.uni-mail-attach .uni-mail-filetitle .btn-mail-folding-close {
	text-indent: -9999px;
    position: absolute;
    left: -24px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url(../images/ico_common.png) no-repeat 3px -370px;
}

.uni-mail-name {
	/* float: left; */
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	margin-left: 96px;
	/* margin-left: 120px; */
}
.uni-mail-receive .uni-mail-name li,
.uni-mail-send .uni-mail-name li {
	position: relative;
	display: inline-block;
	width: auto !important;
	padding: 3px 5px 3px 25px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 4px;
	text-overflow: ellipsis;
	border: 1px solid #e6e6e6;
	border-radius: 6px !important;
	background-color: #f1f1f1;
	box-sizing: border-box;
}
.uni-mail-receive .uni-mail-name li .m-check,
.uni-mail-send .uni-mail-name li .m-check {
	left: 5px;
	top: 2px;
}
.uni-mail-send .uni-mail-name li {
	width: 100%;
	overflow: visible !important;
	text-overflow: clip !important;
}
.uni-mail-sendtime {
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	padding: 4px 0 6px 25px;
}
.uni-mail-sendtime .uni-mail-user {
	position: absolute;
	top: 5px;
	left: 25px;
	width: 120px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
}
.uni-mail-sendtime .uni-mail-datetime {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	margin-left: 96px;
	/* margin-left: 120px; */
}
.uni-mail-sendtime .uni-mail-datetime > span {
	display: inline-block;
	font-size: 13px;
}
#mailContent.uni-mail-main-txt {
	border-top: 1px solid #dfdfdf;
}
button.btn-mail-folding-close {
	text-indent: -9999px;
	position: absolute;
	left: -24px;
	top: 4px;
	width: 16px;
	height: 16px;
	background: url(../images/ico_common.png) no-repeat 3px -370px;
}
button.btn-mail-folding-close.active {
	background: url(../images/ico_common.png) no-repeat 3px -413px;
}
button.btn-mail-folding-open {
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 2px;
	border: none;
	background: url(../images/ico_common.png) no-repeat 0 -413px;
}
/* 첨부파일 */

.uni-mail-attach {
	position: relative;
	padding: 0 0 5px 120px;
	vertical-align: bottom;
}
.uni-mail-attach.uni-appr-attach {
	padding: 0 0 5px 0;
}
.uni-mail-attach.uni-board-attach {
	padding: 6px 0 5px 0;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv1 {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv2 {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv3 {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv4 {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv5 {
	margin-top: 30px;
}
.uni-mail-attach.uni-board-attach.uni-pop-board-attach .uni-mail-filename {
	margin-top: -2px;
	padding-top: 0;
}
#attatchFileDiv .btn-mail-folding-close {
	text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(../images/ico_common.png);
    background-repeat: no-repeat;
    background-position: 3px -413px;
    border: 1px solid #cbcbcb;
}
#attatchFileDiv .btn-mail-folding-close.active {
	background-position: 3px -370px;
	
}
#attatchFileDiv .btn-mail-folding-close:hover {
    border: 1px solid #4b60ba;
    color: #2b43ac;
}
.uni-appr-attach #attatchFileDiv .btn-mail-folding-close {
	top: 30px;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv .file-preview-list {
	min-height: 50px;
	max-height: 100%;
	/* max-height: 132px;  */
	padding: 0 0 0 30px;
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv .file-preview-list.fold {
	min-height: initial !important; 
	max-height: 32px;
}
#attatchFileDiv #app_doc-attach_area .file-preview-list.wrap-scrollable {
	/* max-height: 132px;
	overflow-y: auto; */
}
#attatchFileDiv #app_doc-attach_area .file-preview-list.wrap-scrollable.fold {
	min-height: initial !important; 
	max-height: 32px;
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-appr-attach #app_doc-attach_area .m-t-5 {
	display: block;
	visibility: visible;
}
.uni-mail-attach.uni-appr-attach #app_doc-attach_area .m-t-5.fold {
	display: none;
	visibility: hidden;
}
#divTaskAttachFile button.btn-mail-folding-close {
	top: 30px;
    left: 0;
	border: 1px solid #cbcbcb;
}
#divTaskAttachFile .file-preview-list.wrap-scrollable {
	padding-left: 24px;
}
#divTaskAttachFile .file-preview-list.wrap-scrollable.fold {
	min-height: initial !important;
    max-height: 32px;
}
#divTaskAttachFile .m-t-5 {
	display: block;
	visibility: visible;
}
#divTaskAttachFile .m-t-5.fold {
	display: none;
	visibility: hidden;
}
#crmFileDiv #crmFileInput #input-file-upload-1 {}
#crmFileDiv #crmFileInput #input-file-upload-1 .btn-mail-folding-close {
	top: 30px;
    left: 0;
	border: 1px solid #cbcbcb;
}
#crmFileDiv #crmFileInput {
	position: relative;
	display: block;
    padding-top: 30px;
    padding-left: 24px;
}
#crmFileDiv .file-preview-list.wrap-scrollable {
 	padding-top: 0;
}
#crmFileDiv .file-preview-list.wrap-scrollable.fold {
	min-height: initial !important;
    max-height: 32px;
}  
#crmFileDiv .m-t-5 {
	display: block;
	visibility: visible;
}
#crmFileDiv .m-t-5.fold {
	display: none;
	visibility: hidden;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv1 .file-preview-list {
	max-height: 132px;
	padding: 0;
	/* padding: 0 10px 6px 0; */
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv2 .file-preview-list {
	max-height: 132px;
	padding: 0;
	/* padding: 0 10px 6px 0; */
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv3 .file-preview-list {
	max-height: 132px;
	padding: 0;
	/* padding: 0 10px 6px 0; */
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv4 .file-preview-list {
	max-height: 132px;
	padding: 0;
	/* padding: 0 10px 6px 0; */
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach.uni-board-attach #attatchFileDiv5 .file-preview-list {
	max-height: 132px;
	padding: 0;
	/* padding: 0 10px 6px 0; */
	overflow-x: hidden;
	overflow-y: auto;
}
#commentList .replybox-attach-wrap .bbs-opition-file {
	padding-top: 28px;
}
.uni-mail-filetitle {
	position: absolute;
	top: 8px;
	left: 25px;
	width: 94px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
}
/* 첨부파일 본문 */

.uni-mail-filename {
	position: relative;
	/* max-height: 134px; */
	/* margin-left: 120px; */
	padding-top: 30px;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.uni-mail-main-txt {
	clear: both;
	box-sizing: border-box;
}
.uni-mail-main-txt:after {
	content: "";
	clear: both;
	display: table;
}
.uni-mail-main-txt+.uni-main-btns {
	background: #fff;
	border: none;
}
.uni-mail-main-txt+.uni-main-btns>button {
	padding: 0 10px;
}
.uni-txt-page {
	clear: both;
	overflow: hidden;
	height: 26px;
	margin: 20px 0 20px;
}
.uni-txt-page li:first-child {
	float: left;
}
.uni-txt-page li:last-child {
	float: right;
}
.uni-txt-page li a {
	display: inline-block;
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
	margin-right: 1px;
	border: 1px solid #cbcbcb;
	background: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: text-bottom;
	cursor: pointer;
}
.uni-txt-page li a:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-mail-filenum {
	color: #2b43ac;
	margin: 5px 0 12px;
}
.uni-mail-filenum button,
.uni-mail-btn-file button {
	color: #3e3e3e;
}
.uni-mail-filenum button:hover {
	color: #2b43ac;
}
.uni-mail-file {
	position: relative;
	height: 28px;
	margin-bottom: 1px;
	padding: 2px 240px 2px 8px;
	font-size: 11px;
	background: #eef0f3;
	box-sizing: border-box;
}
.uni-mail-file>span {
	color: #a0a0a0;
	display: inline-block;
}
.uni-mail-file .file-name-wrapper {
	position: relative;
	display: inline-block;
	width: 90%;
	max-width: 1200px;
	height: 22px;
	padding-top: 2px;
	font-size: 13px;
	vertical-align: middle;
	box-sizing: border-box;
}
.uni-mail-file .file-name-wrapper::after {
	content: "";
	clear: both;
	display: table;
}
.uni-mail-file .file-name-wrapper > a {
	float: left;
	display: block;
	max-width: calc(100% - 100px);
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	box-sizing: border-box;
}
.uni-mail-file .file-name-wrapper .file-capacity-txt {
	float: left;
	display: block;
	min-width: 90px;
	padding-left: 10px;
	font-size: 13px;
	color: #666;
	box-sizing: border-box;
}
.email-name {
	cursor: pointer;
}
.uni-mail-file a {
	color: #2b43ac;
	font-weight: normal;
}
.uni-mail-file a:hover {
	text-decoration: underline;
}
.uni-mail-btn-file {
	position: absolute;
	top: 2px;
	right: 4px;
}
.uni-mail-btn-file button + button {
	margin-left: 2px;
}
.attachfile-btn-group {
	position: absolute;
	top: -29px;
	left: 80px;
	min-width: 240px;
	height: 24px;
}
.attachfile-btn-group .uni-btn-normal {
	display: inline-block;
	position: relative;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin-right: 6px;
	padding: 0 5px;
	vertical-align: middle;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.attachfile-btn-group .uni-btn-normal:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-btn-normal.file-inner-preview {
	height: 20px;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	color: #616161;
	line-height: 1.0;
	border: 1px solid #dfe2e5;
}
/* 첨부파일 component */

.uni-attachbox-wrap {
	position: relative;
	box-sizing: border-box;
}
.uni-attachbox-info {
	height: 30px;
	box-sizing: border-box;
}
.uni-attachbox-list {
	max-height: 132px;
	/* max-height: 149px; */
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-mail-attach-container {
	position: relative;
	padding: 0 0 6px 25px;
	box-sizing: border-box;
}
.uni-mail-attach-container .uni-attachbox-title {
	position: absolute;
	top: 6px;
	left: 25px;
	width: 96px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
}
.uni-mail-attach-container .uni-attachbox-form {
	margin-left: 96px;
}
.uni-attachbox-info .uni-attachbox-txt {
	display: inline-block;
	padding: 0 10px 0 0;
}
.uni-attachbox-info .uni-attachbox-btngroup {
	display: inline-block;
}
/* 메일 내용 본문 */

.uni-mail-main-txt {
	padding: 10px;
}
/*.uni-mail-main-txt p {
	word-wrap: break-word;
	word-break: break-all;
}*/
.uni-mail-main-txt th p,
.uni-mail-main-txt td p,
.uni-editor-wrap p,
.uni-mail-main-txt p {
	margin: 0;
}

.uni-editor-wrap,
.uni-mail-main-txt {
	line-height:1.1;
}
/*=========================================/
 /********* 레이아웃 : 사이드  *************/

/* header 높이 : 레이아웃 top */

/* page-container : 레이아웃 top  */

.uni-layout-side .uni-main-list,
.uni-layout-side .uni-main-list table th {
	background: #f3f3f4;
}
/* e.Main Nav : 레이아웃 top  */

.uni-layout-side .uni-mail-file>span:first-child {
	width: 65%;
}
/* 메일 쓰기 */

.uni-write-con {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 10px 0 14px 0;
	box-sizing: border-box;
}
.uni-write-con span {
	float: right;
	font-weight: normal;
}
/* 메일 쓰기  */

.uni-write-row {
	position: relative;
	overflow: hidden;
	padding: 0 0 0 100px;
	vertical-align: bottom;
	min-height: 32px;
	line-height: 32px;
	box-sizing: border-box;
	margin-bottom: 8px;
}
.uni-write-tit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
}
.uni-write-input {
	width: 100%;
}
.uni-write-input>input[type=text] {
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0 12px 0 8px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.uni-write-searchbox {
	position: relative;
	width: 100%;
	vertical-align: bottom;
	padding: 0 87px 0 0;
	vertical-align: bottom;
	box-sizing: border-box;
}
.uni-write-searchbox:after {
	content: "";
	clear: both;
	display: table;
}
div.uni-write-searchbox input {
	border: none;
	width: 95.5%;
	padding: 0 12px 0 8px;
	box-sizing: border-box;
}
.uni-write-searchbox .uni-input-search {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	background: url(../images/btn_ico_common.png) no-repeat 99% 5px;
	box-sizing: border-box;
}
.uni-write-searchbox .uni-input-search:hover {
	background: url(../images/btn_ico_common.png) no-repeat 99% -63px;
}
.uni-detail-address {
	position: absolute;
	right: 0;
	width: 88px;
	box-sizing: border-box;
}
.uni-detail-address {
	display: inline-block;
	font-weight: 600;
	width: auto;
	z-index: 100;
	height: 30px;
	line-height: 30px;
}
.uni-detail-address>div {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: right;
}
.uni-detail-address>div:hover {
	background: #434d5d;
}
.uni-detail-address input[type=checkbox] {
	display: none;
}
.uni-detail-address label {
	display: inline-block;
	height: 30px;
	background: #fff url(../images/company_combo_arrow.png) no-repeat 93% 10px;
	line-height: 28px;
	padding: 0 40px 0 10px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	border: 1px solid #cbcbcb;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.uni-detail-address input[type=checkbox]:checked ~ label {
	background: #fff url(../images/company_combo_arrow02.png) no-repeat 93% 11px;
	border: 1px solid #4b60ba;
	color: #2b43ac;
}
.uni-detail-address input[type=checkbox]:checked ~ div {
	display: block;
}
.uni-write-sendlist {
	clear: both;
	width: 100%;
}
.uni-write-radio {
	width: 100%;
	position: relative;
	padding-right: 87px;
	box-sizing: border-box;
}
.uni-write-radio>ul {
	border: 1px solid #cbcbcb;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.uni-write-radio>ul li {
	display: inline-block;
	/* float: left; */
	line-height: 27px;
	padding: 0 12px;
}
.uni-write-radio>ul li.radio {
	margin: 0 12px 0;
}
.uni-write-radio>ul li.radio>input[type=radio] {
	vertical-align: text-bottom;
	margin: 0;
}
.uni-write-radio>ul li.radio>label {
	vertical-align: top;
}
.uni-write-radio>ul li.radio>label:before {
	top: 6px;
}
.uni-write-radio>ul li.radio>label:after {
	top: 9px;
}
.uni-write-radio>span {
	position: absolute;
	vertical-align: text-bottom;
	width: 88px;
	right: 0;
	top: 0;
}
.uni-recipient-list {
	clear: both;
	border: 1px solid #cbcbcb;
	border-top: none;
	height: 72px;
	overflow-y: scroll;
	width: 100%;
	padding: 6px;
	box-sizing: border-box;
}
.uni-recipient-list li {
	padding: 0 0 0 6px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 4px;
}
.uni-recipient-list li:hover {
	background: #c8e7ff;
}
.uni-recipient-list li>span {
	display: inline-block;
	float: none;
}
/* uni-main-con BTN 상단 버튼 리스트들 */

button.btn-wrilist-up {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_mail.png) no-repeat 58% -129px;
	border: 1px solid #cbcbcb;
	border-right: none;
}
button.btn-wrilist-up:hover {
	background: url(../images/btn_ico_mail.png) no-repeat 58% -191px;
	border: 1px solid #60baff;
	border-right: none;
}
button.btn-wrilist-down {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 29px;
	background: url(../images/btn_ico_mail.png) no-repeat 58% -243px;
	border: 1px solid #cbcbcb;
	border-right: none;
}
button.btn-wrilist-down:hover {
	background: url(../images/btn_ico_mail.png) no-repeat 58% -293px;
	border: 1px solid #60baff;
	border-right: none;
}
button.btn-wrilist-delete {
	text-indent: -9999px;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	background: url(../images/btn_ico_mail.png) no-repeat 50% -350px;
	border: 1px solid #cbcbcb;
}
button.btn-wrilist-delete:hover {
	background: url(../images/btn_ico_mail.png) no-repeat 50% -396px;
	border: 1px solid #60baff;
}
.uni-attach-tit {
	position: relative;
	overflow: hidden;
	margin-top: 6px;
}
.uni-attach-tit>p {
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	width: 300px;
	float: left;
	background: url(../images/ico_common.png) no-repeat 0 -254px;
}
.uni-attach-tit>span {
	padding-right: 2px;
	margin-top: -6px;
	color: #2d86ff;
	font-weight: bold;
}
.uni-attach-area {
	position: relative;
	padding: 20px 0;
	border: 1px solid #cbcbcb;
	margin-bottom: 6px;
}
.uni-attach-area p {
	text-align: center
}
button.btn-attach-delete {
	position: absolute;
	right: 2px;
	top: 4px;
	text-indent: -9999px;
	height: 20px;
	width: 20px;
	background: url(../images/ico_common.png) no-repeat 3px -896px;
	border: none;
}
button.btn-attach-delete:hover {
	background: url(../images/ico_common.png) no-repeat 3px -965px
}
.uni-attach-file {
	position: relative;
	width: 100%;
	vertical-align: bottom;
	padding: 0 87px 0 0;
	vertical-align: bottom;
	box-sizing: border-box;
}
.uni-attach-file:after {
	content: "";
	clear: both;
	display: table;
}
.uni-attach-file input {
	border: none;
	width: 95.5%;
	padding: 0 12px 0 8px;
	box-sizing: border-box;
}
.uni-attach-file .uni-input-attachfile {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.uni-attach-btn {
	position: absolute;
	right: 0;
	width: 88px;
	border: 1px solid #cbcbcb;
	height: 30px;
	line-height: 30px;
	background: url(../images/btn_ico_common.png) no-repeat 6px -1198px;
	box-sizing: border-box;
}
.uni-attach-btn:hover {
	background: url(../images/btn_ico_common.png) no-repeat 6px -1251px;
	color: #0362e3;
}
.uni-attach-btn input[type=file] {
	border: none;
	height: 28px;
	line-height: 28px;
	text-indent: -9999px;
	background: #fff;
	font-size: 0;
	width: 56px;
	margin-left: 30px;
}
.uni-attach-btn label {
	position: absolute;
	left: 30px;
	top: 0;
	width: 20px;
}
.uni-attach-btn input[type=file]::-webkit-file-upload-button {
	height: 26px;
	line-height: 26px;
	text-indent: -9999px;
	font-size: 0;
	background: #fff;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
}
.uni-attach-btn input[type=file]::-ms-value {
	border: none;
	height: 26px;
	line-height: 26px;
	background: #fff;
	text-indent: -9999px;
	font-size: 0;
}
.uni-attach-btn input[type=file]::-ms-browse {
	border: none;
	height: 26px;
	line-height: 26px;
	text-indent: -9999px;
	font-size: 0;
	background: #fff;
}
.uni-write-check>div p.checkbox {
	display: inline-block;
	vertical-align: text-bottom;
	margin: 5px 12px 5px 0;
}
.uni-reservation-sent {
	clear: both;
}
.uni-reservation-sent:after {
	content: "";
	clear: both;
	display: table;
}
.uni-reservation-sent p {
	float: left;
	margin: 5px 12px 10px 0;
}
.uni-reservation-sent span {
	float: none;
	line-height: 36px;
}
.uni-calendar-box {
	position: relative;
	width: 160px;
	float: left;
	padding: 0 30px 0 0;
	margin: 0 4px 0 0;
	vertical-align: bottom;
	box-sizing: border-box;
}
.uni-calendar-box {
	content: "";
	clear: both;
	display: table;
}
.uni-calendar-box .uni-input-calendar01 {
	display: inline-block;
	/* float: left; */
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
button.btn-uni-calendar01 {
	position: absolute;
	right: 1px;
	text-indent: -9999px;
	height: 30px;
	width: 30px;
	border: 1px solid #cbcbcb;
	background: url(../images/btn_ico_common.png) no-repeat 5px -1308px;
}
button.btn-uni-calendar01:hover {
	background: url(../images/btn_ico_common.png) no-repeat 5px -1366px;
	border: 1px solid #60baff;
}
.uni-phone-box {
	position: relative;
	width: 160px;
	float: left;
	padding: 0 30px 0 0;
	margin: 0 4px 0 0;
	vertical-align: bottom;
	box-sizing: border-box;
}
.uni-phone-box:after {
	content: "";
	clear: both;
	display: table;
}
.uni-phone-box .uni-input-phone {
	display: inline-block;
	/* float: left; */
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.uni-phone-box input {
	border: none;
	width: 95.5%;
	padding: 0 12px 0 8px;
	box-sizing: border-box;
}
button.btn-adress-add {
	position: absolute;
	right: 1px;
	text-indent: -9999px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	border: 1px solid #cbcbcb;
	background: url(../images/btn_ico_mail.png) no-repeat 6px 5px;
}
button.btn-adress-add:hover {
	background: url(../images/btn_ico_mail.png) no-repeat 6px -61px;
	border: 1px solid #60baff;
}
.uni-write-row select {
	vertical-align: top;
	height: 30px;
	width: auto;
	padding: 0 6px;
	border: 1px solid #cbcbcb;
}
.uni-write-row .uni-main-check {
	height: 32px;
	border-bottom: none;
	background: #fff;
	padding: 3px 0;
	margin-bottom: 4px;
}
.uni-write-row .uni-main-check p>label {
	font-size: 13px;
}
.uni-emergency {
	clear: both;
}
.uni-emergency:after {
	content: "";
	clear: both;
	display: table;
}
.uni-emergency>div {
	float: left;
	margin-right: 20px;
}
.uni-emergency>div>p {
	/* float: left; */
	display: inline-block;
	line-height: 32px;
	margin-right: 12px;
}
.uni-emergency span {
	float: none;
}
.uni-emergency .uni-main-check {
	float: left;
	margin-top: -4px;
}
.uni-write-radio02 {
	position: relative;
	width: 260px;
	padding: 0;
	box-sizing: border-box;
}
.uni-write-radio02>ul {
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.uni-write-radio02>ul li {
	display: inline-block;
	/* float: left; */
	line-height: 30px;
	padding: 0 12px;
}
.uni-write-radio02>ul li.radio {
	margin: 0 12px 0;
}
.uni-write-radio02>ul li.radio>input[type=radio] {
	vertical-align: text-bottom;
	margin: 0;
}
.uni-write-radio02>ul li.radio>label {
	vertical-align: top;
}
.uni-write-radio02>ul li.radio>label:before {
	top: 6px;
}
.uni-write-radio02>ul li.radio>label:after {
	top: 9px;
}
.uni-write-radio02>span {
	position: absolute;
	vertical-align: text-bottom;
	width: 88px;
	right: 0;
	top: 0;
}
.uni-adress-num {
	position: relative;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
}
.uni-adress-num:after {
	content: "";
	clear: both;
	display: table;
}
.uni-write-row input {
	border: none;
	width: 100%;
	padding: 0 12px 0 8px;
	box-sizing: border-box;
}
.uni-company-name input {
	width: 31%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	vertical-align: top;
}
.uni-adress-num .uni-input-adress-num {
	display: inline-block;
	width: 31%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	vertical-align: top;
}
.btn-adress-num {
	width: 88px;
	height: 30px;
	line-height: 26px;
	vertical-align: top;
	background: #fff;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.btn-adress-num:hover {
	color: #0362e3;
}
.uni-attach-btn input[type=file] {
	border: none;
	height: 28px;
	line-height: 28px;
	text-indent: -9999px;
	background: #fff;
	font-size: 0;
	width: 56px;
	margin-left: 30px;
}
.uni-attach-btn label {
	position: absolute;
	left: 30px;
	top: 0;
	width: 20px;
}
.uni-adress-detail {
	width: 100%;
	margin-top: 4px;
	height: 30px;
	line-height: 26px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.uni-memo-txt textarea {
	width: 100%;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
}
.uni-adress-group {
	position: relative;
}
.btn-adress-group {
	position: absolute;
	left: 0;
	width: 100px;
	height: 30px;
	padding-left: 20px;
	line-height: 26px;
	background: url(../images/btn_ico_common.png) no-repeat 12px 5px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.btn-adress-group:hover {
	background: url(../images/btn_ico_common.png) no-repeat 12px -63px;
	color: #0362e3;
}
/* ======= 메일 ========*/

.uni-mail-wrap {
	padding: 10px;
}
/* ======= 결재 ========*/

.uni-appvl-wrap {
	padding: 10px;
}
.uni-appvl-header-wrap {
	position: relative;
	min-height: 150px;
	margin-top: 6px;
	padding-bottom: 3px;
}
.appr-submain {
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-submain-wrapper {
	border: 1px solid #d5d9dd;
}
.uni-submain-title {
	height: 36px;
	padding: 8px 15px;
	background-color: #ebedf3;
	border-top: 1px solid #ebedf3;
	border-radius: 1px;
	box-sizing: border-box;
}
.txt-submain-tit {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.txt-submain-guide {
	display: inline-block;
	padding-left: 6px;
	font-size: 13px;
	color: #727272;
}
.uni-submain-con {
	min-height: 150px;
	padding: 9px;
	overflow: hidden;
	box-sizing: border-box;
}
.card-list-type1 {
	margin: 0 -4px;
}
.card-list-type1::after {
	content: "";
	clear: both;
	display: table;
}
.card-list-type1 > li {
	float: left;
	width: 20%;
	padding: 0 4px;
}
.card-item-type1 {
	display: block;
	height: 136px;
	border: 1px solid #dedede;
	box-sizing: border-box;
}
.card-item-type1:hover {
	border: 1px solid #0073ae;
}
.card-item-type1 > dt {
	position: relative;
	height: 34px;
	padding-right: 60px;
	background-color: #edeff2;
	border-bottom: 1px solid #dedede;
}
.card-item-type1 > dd {
	position: relative;
	height: 100px;
	padding: 10px;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.card-item-type1 > dt > h5 {
	display: block;
	padding: 7px 0 0 11px;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.icon-box-card {
	position: absolute;
	top: 8px;
	right: 12px;
	display: inline-block;
	width: 40px;
	height: 16px;
	color: #fff;
	font-family: '맑은고딕';
	font-size: 11px;
	font-style: normal;
	text-align: center;
	line-height: 16px;
	background-color: #0073ae;
	border: 0;
	border-radius: 3px;
}
.card-item-type1 > dd > .uni-btn-normal.btn-card-gray {
	position: absolute;
	left: 50%;
	bottom: 11px;
	display: inline-block;
	width: 88px;
	height: 25px;
	margin-left: -44px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	font-size: 12px;
	color: #666;
	text-align: center;
	border-radius: 1px;
}
.card-info-type1 {
	position: relative;
	height: 24px;
	padding: 6px 0 6px 58px;
	font-size: 12px;
	font-style: normal;
	overflow: hidden;
}
.card-info-type1 > dt {
	position: absolute;
	top: 6px;
	left: 0;
	width: 58px;
	color: #999;
}
.card-info-type1 > dd {
	color: #333;
}
.card-info-type1 > dd .txt-date {
	padding-left: 6px;
	color: #999;
	font-family: '맑은고딕';
	font-style: normal;
}
.card-info-type1 > dd .icon-attach {
	display: inline-block;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	background: url(/global/images/icon_appr_attach.png) no-repeat 0 3px;
}
.uni-submain-wrap div.gridbox_material.gridbox table.hdr td {
	text-align: center;
}
.uni-submain-wrap div.gridbox .objbox {
	overflow: hidden!important;
}
.table-type1>dl {
	display: table;
	width: 100%;
	height: 25px;
	margin: 0;
	border: 1px solid #d0d5da;
	border-bottom: 0;
}
.table-type1>dl:last-child {
	border-bottom: 1px solid #d0d5da;
}
.table-type1>dl>dt {
	display: table-cell;
	width: 105px;
	height: 25px;
	padding: 3px 7px;
	vertical-align: middle;
	font-size: 13px;
	background-color: #e6e7eb;
	/* border-bottom: 1px solid #d0d5da; */
	box-sizing: border-box;
}
.table-type1>dl>dd {
	display: table-cell;
	height: 25px;
	padding: 3px 7px;
	font-size: 13px;
	background-color: #fff;
	/* border-bottom: 1px solid #d0d5da;*/
	box-sizing: border-box;
}
.table-type1.lineDsp {
	margin-bottom: 3px;
}
.table-type1 + .table-type1 dl:first-child {
	border-top: 0;
}
.uni-appvl-header-wrap.tbl-high .table-type1 dl {
	height: 42px !important;
}
.uni-appvl-header-wrap.tbl-high .table-type1 dl dt {
	height: 40px !important;
}
.uni-appvl-header-wrap.tbl-high .table-type1 dl dd {
	height: 40px !important;
	padding-top: 9px;
}
.table-wrap-col2 .table-type1>dl {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.table-wrap-col2 .table-type1>dl:nth-child(odd) {
	border-right: 0
}
.table-wrap-col2 .table-full {
	width: 100% !important;
	border-right: 1px solid #d0d5da !important;
}
.table-wrap-col2:after,
.table-wrap-col3:after {
	content: "";
	clear: both;
	display: table;
}
.table-wrap-col3 .table-type1>dl {
	float: left;
	width: 33.3%;
	box-sizing: border-box;
}
.table-wrap-col3 .table-type1>dl:nth-child(3n) {
	width: 33.4%;
}
.uni-btn-stamp-group {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	color: #3f4e8e;
	border: 1px solid #3f4e8e;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 100;
}
.uni-btn-stamp-group:hover {
	border: 1px solid #3f4e8e
}
.uni-appvl-header-wrap .table-stamp-basic {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 10px;
}
.table-stamp-basic {
	/* border-right: 1px solid #d0d5da;
	border-bottom: 1px solid #d0d5da; */
}
.table-stamp-basic:after {
	content: "";
	clear: both;
	display: table;
}
.table-stamp-basic>dl {
	float: left;
	display: table;
	width: 92px;
	margin: 0;
	/* margin: 0 !important; */
	margin-right: -1px;
	table-layout: fixed;
	overflow: hidden;
}
.table-stamp-basic>dl+dl {
	border-left: 0;
}
.table-stamp-basic>dl>dt {
	height: 28px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #e6e7eb;
	border: 1px solid #d0d5da;
	border-bottom: 0;
	/* border-right: 0; */
	box-sizing: border-box;
}
.table-stamp-basic>dl>dt .red {
	font-weight: bold;
	color: #f00;
}
.table-stamp-basic>dl>dd {
	position: relative;
	padding: 5px 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.table-stamp-basic>dl>dd:nth-child(2) {
	height: 68px;
	border-bottom: 0;
}
.table-stamp-basic>dl>dd:last-child {
	height: 42px;
	padding: 0 !important;
	line-height: 1.2em;
	font-size: 11px;
}
/* .table-stamp-basic>dl>dd:last-child > a {
	display: table;
	line-height: 1.2em;
	font-size: 11px;
} */

.uni-stamp-box {
	position: absolute;
	top: 9px;
	left: 28px;
	display: block;
	width: 34px;
	height: 34px;
	padding-top: 5px;
	text-align: center;
	border: 2px solid #fa0107;
	border-radius: 50%;
	box-sizing: border-box;
}
.uni-stamp-box strong {
	color: #fa0107;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-stamp-date {
	position: absolute;
	left: 0;
	bottom: 4px;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 11px;
	letter-spacing: -1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #999;
}
.uni-icon-comment {
	display: inline-block;
	width: 16px;
	height: 12px;
	vertical-align: middle;
	margin-right: 0;
	/* margin-right: 6px; */
	background: url(../../global/images/ico_comment.png) no-repeat;
}
.uni-appvl-fullheader-wrap {
	position: relative;
	height: 322px;
}
.uni-appvl-fullheader-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.uni-appvl-fullheader-wrap .uni-page-tit-type2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border: 1px solid #d0d5da;
}
.uni-appvl-fullheader-wrap.title-wide {
	height: auto;
	padding-bottom: 10px;
	min-height: 144px;
}
.uni-appvl-fullheader-wrap .uni-page-tit-type2.title-wide {
	position: relative;
	top: auto;
	left: 0;
	width: 50%;
	height: 314px;
}
.uni-appvl-fullheader-wrap .logo-company {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 300px;
	height: 54px;
	max-width: 300px;
	max-height: 54px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dfe2e5;
	display: none;
}
.uni-appvl-fullheader-wrap .logo-company.title-wide {
	top: 5px;
	left: 5px;
	border: 0;
}
.uni-appvl-fullheader-wrap .logo-company:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-appvl-fullheader-wrap .logo-company > img {
	vertical-align: middle;
	max-width: 280px;
	max-height: 52px;
}
.uni-page-tit-type2 h2 {
	height: 322px;
	text-align: center;
	padding-top: 70px;
}
.table-stamp-fullbox-wrap {
	position: absolute;
	top: 25px;
	right: 0;
	overflow: auto;
	max-height: 300px;
	min-width: 380px;
	max-width: 622px;
	min-height: 140px;
	/* min-height: 322px; */
}
.table-stamp-wrap {
	position: relative;
	padding: 0;
}
.table-stamp-container {
	position: relative;
	padding: 0 0 0 25px;
}
.table-stamp-full {
	width: calc(100% + 10px);
	/* border-right: 1px solid #d0d5da;
	border-bottom: 1px solid #d0d5da; */
}
.table-stamp-full::after {
	content: "";
	clear: both;
	display: table;
}
.table-stamp-fullbox {
	position: relative;
	padding: 0 0 0 29px;
}
.table-stamp-wrap .table-stamp-fullbox {
	padding: 0 0 0 25px;
}
.table-stamp-line {
	border-right: 1px solid #d0d5da;
	border-bottom: 1px solid #d0d5da;
}
.stamp-label {
	position: absolute;
	top: 0;
	left: -3px;
	width: 30px;
	height: 100%;
	padding: 6px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	writing-mode: tb-rl;
	writing-mode: vertical-lr;
	border: 1px solid #d0d5da;
	background-color: #e6e7eb;
	box-sizing: border-box;
	z-index: 1;
}
.table-stamp-full>dl {
	float: left;
	display: table;
	width: 92px;
	margin-right: -1px;
	border: 1px solid #d0d5da;
	border-left: 0;
	table-layout: fixed;
	box-sizing: border-box;
}
.table-stamp-full>dl:last-child {
	margin-right: 0;
	/* border-right: 1px solid #d0d5da; */
}
.table-stamp-full>dl+dl {
	border-left: 0;
}
.table-stamp-full>dl>dt {
	height: 28px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #e6e7eb;
	border: 1px solid #d0d5da;
	border-bottom: 0;
	border-right: 0;
	box-sizing: border-box;
}
.table-stamp-full>dl>dd {
	position: relative;
	padding: 5px 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #d0d5da;
	border-right: 0;
	border-bottom: 0;
	box-sizing: border-box;
}
.table-stamp-full>dl>dd:nth-child(2) {
	height: 68px;
}
.table-stamp-full>dl>dd:last-child {
	height: 42px;
	padding: 0;
	font-size: 11px;
	line-height: 1.2em;
}
.table-stamp-basic>dl>dd .signature-box,
.table-stamp-full>dl>dd .signature-box {
	display: inline-block;
	width: 74px;
	height: 42px;
	white-space: nowrap;
	overflow: hidden;
}
.table-stamp-basic>dl>dd .signature-box .helper,
.table-stamp-full>dl>dd .signature-box .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.table-stamp-basic>dl>dd .signature-box > img,
.table-stamp-full>dl>dd .signature-box > img {
	max-width: 74px;
	max-height: 42px;
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.table-stamp-basic>dl>dd:last-child > a,
.table-stamp-full>dl>dd:last-child > a {
	display: table;
	width: 100%;
	height: 41px;
}
.table-stamp-basic>dl>dd:last-child > a > span,
.table-stamp-full>dl>dd:last-child > a > span {
	display: table-cell;
	width: 100%;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.table-stamp-present {
	position: absolute;
	top: 0;
	left: 0;
	width: 125px;
	/* height: 137px; */
	padding-left: 29px;
	/* border-right: 1px solid #d0d5da; */
	box-sizing: border-box;
}
.uni-apprvl-container {
	/* padding-top: 3px; */
}
#app_doc-editor_area p {
	margin-bottom: 0;
	line-height: normal;
}
.uni-apprvl-container.apprvl-cont {
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #d0d5da;
}
.uni-editor-wrap {
	min-height: 250px;
	/* border: 1px solid #d0d5da;
	border-top: 0; */
	background-color: transparent;
	box-sizing: border-box;
	/* overflow: auto; */
}
.uni-appvl-info-wrap {
	padding: 10px 0;
	min-height: 60px;
}
.uni-appvl-info-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.uni-appvl-info-wrap .left-con {
	float: left;
	width: 50%;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.uni-appvl-info-wrap .right-con {
	float: right;
	width: 50%;
	box-sizing: border-box;
}
.uni-appvl-info-wrap.uni-folding {

}

.uni-appvl-info-wrap.uni-folding:aftger {
	content: "";
	clear: both;
	display: table;
}

.uni-appvl-info-wrap.uni-folding .left-con,
.uni-appvl-info-wrap.uni-folding .right-con {
	float: left;
	width: calc(50% - 10px);
	box-sizing: border-box;
}
.uni-appvl-info-wrap.uni-folding .right-con {
	float: right;
}
.uni-appvl-info-wrap.uni-folding .folding-wrap {
	float: left;
	position: relative;
	width: 20px;
	margin-left: -5px;
	padding: 50px 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
.uni-appvl-info-wrap.uni-folding .folding-wrap .uni-btn-left,
.uni-appvl-info-wrap.uni-folding .folding-wrap .uni-btn-right,
.uni-appvl-info-wrap.uni-folding .folding-wrap .uni-btn-center {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/btn_splitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #cbcbcb;
}
.uni-appvl-info-wrap.uni-folding .folding-wrap .uni-btn-center {
	margin-top: 4px;
	background-position: -20px 0;
}
.uni-appvl-info-wrap.uni-folding .folding-wrap .uni-btn-right {
	margin-top: 4px;
	background-position: -40px 0;
}

.uni-icon-docu {
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url(../../global/images/icon_docu.png) no-repeat center center;
}
.apprline-remove-btn {
	padding: 4px 5px;
	text-align: right;
	border-top: 1px solid #ebebeb;
}
.apprline-wrap {
	width: 960px;
	height: 640px;
}
.apprline-wrap::after {
	content: "";
	clear: both;
	display: table;
}
.apprline-wrap .left-con {
	float: left;
	width: 258px;
	height: 640px;
	margin-right: 8px;
}
.apprline-wrap .right-con {
	float: right;
	width: 694px;
	height: 640px;
}
.apprline-wrap .right-con .gridbox-wrap.gridbox-dept {
	border-top: 2px solid #b5bcd7;
}
.apprline-wrap .right-con .gridbox-wrap.gridbox-dept .xhdr {
	background-color: #e9ebf3;
}
.apprline-wrap .right-con .gridbox-wrap.gridbox-dept .hdr td {
	background-color: #e9ebf3;
	border: 0 !important;
}
.apprline-save-box {
	height: 41px;
	padding: 7px 3px;
	border: 1px solid #b5bcd7;
	border-bottom: 0;
	border-top: 2px solid #b5bcd7;
	background-color: #e9ebf3;
	box-sizing: border-box;
}
.apprline-save-box .item-box {
	display: inline-block;
}
.apprline-save-box .item-box input[type='text'] {
	width: 100%;
	height: 24px;
	border: 1px solid #dfdfdf;
}
.form-vertical-group {
	padding: 7px 8px;
}
.form-vertical-group .form-vertical-item {
	position: relative;
	display: block;
	border: 1px solid #dfe2e5;
}
.form-vertical-group .form-vertical-item > input[type='text'] {
	border: 0;
}
.form-vertical-group .form-vertical-item .btn-search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 23px;
	height: 24zpx;
	background: url(/global/images/icon_input_search.png) no-repeat center center;
	border-left: 1px solid #dfe2e5;
	cursor: pointer;
}
.apprline-wrap .left-con .uni-tree-header {
	border-right: 0;
	border-left: 0;
}
.apprline-wrap .left-con .uni-tree-wrap {
	border: 0;
}
.table-footer-wrap {
	padding: 8px 10px;
}
.table-footer-wrap .btn-first-up,
.table-footer-wrap .btn-up,
.table-footer-wrap .btn-down,
.table-footer-wrap .btn-last-down {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
}
.table-footer-wrap .btn-up,
.table-footer-wrap .btn-down,
.table-footer-wrap .btn-last-down {
	margin-left: -5px;
}
.table-footer-wrap .btn-first-up:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom: 6px solid #5568b7;
	user-select: none;
}
.table-footer-wrap .btn-first-up:after {
	content: "";
	position: absolute;
	top: 14px;
	left: 5px;
	width: 12px;
	height: 2px;
	background-color: #5568b7;
	user-select: none;
}
.table-footer-wrap .btn-last-down:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 5px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #5568b7;
	user-select: none;
}
.table-footer-wrap .btn-last-down:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 5px;
	width: 12px;
	height: 2px;
	background-color: #5568b7;
	user-select: none;
}
.table-footer-wrap .btn-up:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 5px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom: 6px solid #5568b7;
	user-select: none;
}
.table-footer-wrap .btn-down:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 5px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #5568b7;
	user-select: none;
}
.line-button-wrap {
	position: relative;
	padding: 4px 0;
	text-align: center;
}
.line-button-wrap::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 5px;
	margin-top: -2px;
	/* background-color: #ebedf3; */
	border-top: 2px dotted #dfe2ee;
	z-index: -1;
}
.line-button-group {
	display: inline-block;
	margin: 0 auto;
	padding: 0 12px;
	text-align: center;
	background-color: #fff;
}
.line-button-group .uni-btn-normal.btn-gray-down {
	position: relative;
	width: 64px;
	text-align: left;
	padding-left: 24px;
	background-color: #f0f0f0;
}
.line-button-group .uni-btn-normal.btn-gray-down::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 6px;
	border-top: 8px solid #8e8e8e;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	transform: scale(0.6, 1);
	-ms-transform: scale(0.6, 1);
	/* IE 9 */
	-webkit-transform: scale(0.6, 1);
	/* Safari */
}
.uni-btn-normal.btn-gray-save {
	background-color: #f1f1f1;
}
.apprline-wrap .right-con .utilmenu .btn-toward-up,
.apprline-wrap .right-con .utilmenu .btn-toward-down {
	width: 22px !important;
	height: 24px !important;
	background-image: url(/global/images/icon_btn_updown.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	cursor: pointer;
}
.apprline-wrap .right-con .utilmenu .btn-toward-down {
	background-position: -20px 1px;
}
.apprline-wrap .right-con .btn-toward-up > span,
.apprline-wrap .right-con .btn-toward-down > span {
	display: inline-block;
	text-indent: -9999px;
}
.apprline-wrap .left-con div.gridbox_material.gridbox {
	border: 0!important;
	border-top: 1px solid #b5bcd7!important;
}
.gridbox-txt-left {
	display: inline-block;
	width: 100%;
	text-align: left !important;
}
.gridbox-txt-left .icon-favor-move {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 17px;
	padding-top: 1px;
	margin-left: 10px;
	border-radius: 2px;
	background-color: #93b0d8;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
}
.gridbox-header {
	position: relative;
	height: 28px;
}
.gridbox-header>h4 {
	padding-top: 3px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.gridbox-header .utilmenu {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.gridbox-header .utilmenu .uni-btn-normal {
	display: inline-block;
	position: relative;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.gridbox-header .utilmenu .uni-btn-normal:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 2px;
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(/global/images/btn_ico_common_off.png);
	background-repeat: no-repeat;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-up:after {
	background-position: 3px -358px;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-down:after {
	background-position: 3px -403px;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-add:after {
	background-position: 2px -266px;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-remove:after {
	background-position: 2px -313px;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-txt {
	vertical-align: top;
	padding: 0 5px;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px;
}
.gridbox-header .utilmenu .uni-btn-normal.btn-txt:after {
	content: "";
	display: none;
}
.gridbox-header.border-line {
	/* margin-right: 2px; */
	height: 34px;
	padding: 0 5px;
	border: 1px solid #dfe2e5;
	border-bottom: 0;
}
.gridbox-header.border-line:after {
	content: "";
	clear: both;
	display: table;
}
.gridbox-header.border-line .utilmenu {
	top: 4px;
	right: 3px;
}
.gridbox-header.border-line .left-con,
.gridbox-header.border-line .right-con {
	height: 34px;
	padding: 5px 0;
	box-sizing: border-box;
}
.gridbox-header.border-line .left-con {
	float: left;
	width: 50%;
	text-align: left
}
.gridbox-header.border-line .right-con {
	float: right;
	width: 50%;
	text-align: right;
}
.gridbox-header.border-line .gridbox-stit {
	display: inline-block;
	vertical-align: middle;
	font-family: "Nanum Gothic", sans-serif;
}
.gridbox-header.admin-gridbox-header {
	padding: 5px;
	height: 32px;
	background-color: #e6e7eb;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid transparent;
}
.gridbox-header.admin-gridbox-header .left-handler {
	float: left;
}
.gridbox-header.admin-gridbox-header .utilmenu {
	top: 5px;
	right: 5px;
}
.admin-section-wrap .pagination.uni-page,
.admin-section-wrap .uni-page-tot {
	margin-top: 10px !important;
}
.admin-section-wrap .uni-search-btns {
	height: 40px;
	padding: 6px 10px 0 14px;
	background-color: #fff;
	box-sizing: border-box;
}
.admin-section-wrap .uni-search-btns input[type='text'] {
	height: 28px;
	min-width: 90px;
	padding: 3px 6px;
	vertical-align: middle;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.favor-btn-group {
	padding: 3px 0;
	text-align: right;
}
.uni-btn-normal.uni-btn-favor {
	padding-left: 24px!important;
	position: relative;
}
.uni-btn-normal.uni-btn-favor:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 5px;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/icon_star.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
	background-size: cover;
}
.file-save-list {
	border-top: 1px solid #dfe2e5;
	border-bottom: 1px solid #dfe2e5;
	padding-bottom: 1px;
}
.file-save-list>li {
	padding-bottom: 1px;
}
.file-save-item {
	position: relative;
	padding: 10px;
	background-color: #edeff2;
}
.file-save-item .link-file {
	color: #0f1636;
	font-weight: bold;
	text-decoration: underline;
}
.file-btn-group {
	position: absolute;
	top: 7px;
	right: 5px;
}
.file-btn-group .uni-btn-normal {
	display: inline-block;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	vertical-align: top;
	padding: 0 5px;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.gridbox {
	width: 100% !important;
}
.gridbox .hdrcell {
	/* padding: 5px 0; */
	font-size: 13px;
}
.gridbox .ev_material,
.gridbox .odd_material {
	font-size: 13px;
}
.uni-appro-checklist {
	float: right;
}
.uni-appro-checklist li {
	position: relative;
	padding: 0 10px 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.uni-ch-ing {
	color: #176ad5;
}
.uni-ch-ing .m-checkbox:checked ~ .m-checkbox-mark {
	border-color: #176ad5;
	background-color: #176ad5;
}
.uni-ch-fin {
	color: #2ca51f;
}
.uni-ch-fin .m-checkbox:checked ~ .m-checkbox-mark {
	border-color: #2ca51f;
	background-color: #2ca51f;
}
.uni-ch-return {
	color: #ff4f17;
}
.uni-ch-return .m-checkbox:checked ~ .m-checkbox-mark {
	border-color: #ff4f17;
	background-color: #ff4f17;
}
.uni-side-favorite {
	overflow: hidden;
}
.uni-side-favorite li {
	position: relative;
	width: 50%;
	padding: 0 16px 4px 0;
	/* float: left; */
	display: inline-block;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.uni-side-favorite li:hover {
	color: #2b43ac;
	text-decoration: underline;
}
.uni-btn-s-delete {
	position: absolute;
	right: 6px;
	top: 0;
	display: inline-block;
	text-indent: -9999px;
	background: url(../images/btn_ico_common_off.png) no-repeat 6px -1014px;
	width: 16px;
	height: 16px;
}
.uni-side-favorite li .uni-btn-s-delete:hover {
	background: url(../images/btn_ico_common_on.png) no-repeat 6px -1014px;
}
.uni-comment-box {
	clear: both;
}
.uni-comment-tit {
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 20px;
	background: url(../images/ico_common.png) no-repeat 0px -499px;
}
.uni-reply-con {
	width: 100%;
}
.uni-reply-input {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0 70px 0 0;
	box-sizing: border-box;
}
.uni-reply-input>textarea {
	width: 100%;
	height: 48px;
	border: 1px solid #cbcbcb;
}
.uni-reply-input>button {
	position: absolute;
	right: 0;
	top: 2px;
	width: 62px;
	height: 48px;
}
.uni-reply-attach {
	width: 100%;
	height: 124px;
	margin-bottom: 6px;
	padding: 10px;
	border: 1px solid #cbcbcb;
	clear: both;
	box-sizing: border-box;
}
.uni-attach-area {
	position: relative;
	border: 1px dashed #ddd;
}
.uni-attach-delete {
	position: absolute;
	right: -13px;
	top: -13px;
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/btn_ico_common_off.png) no-repeat 6px -1284px;
}
.uni-attach-delete:hover {
	background: url(../images/btn_ico_common_on.png) no-repeat 6px -1284px;
}
.uni-attach-input {
	position: relative;
	width: 100%;
	padding: 0 100px 0 0;
	box-sizing: border-box;
}
.uni-attach-input input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.uni-attach-input label {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	width: 101px;
	height: 24px;
	color: #fff;
	line-height: 18px;
	border: 1px solid #3f4e8e;
	background: #3f4e8e;
	font-size: 11px;
	text-align: center;
	padding: 2px 4px;
}
.uni-attach-input .upload-name {
	width: 100%;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #cbcbcb;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
.uni-apprvl-container #appCommentTitle {
    background: #e6e7eb;
    padding: 0px 10px;
}
.uni-main-maintxt.uni-reply-view-con{
    position: relative;
    width: 100%;
    padding: 0px 0px 0;   
    box-sizing: border-box;
    margin-top:10px;
}
.uni-reply-view-con {
	clear: both;
}
.uni-reply-user {
	width: 100%;
    position: absolute;
    left: 6px;
    top: 4px;
}
.uni-reply-user>strong {
	font-size: 13px;
	font-weight: bold
}
.uni-reply-user>span {
	display: inline-block;
    position: relative;
    padding: 0px 14px;
}
.uni-reply-txt {
	width: 100%;
	height: 68px;
	/*background: #e6e7eb;*/
	padding: 6px;
	word-wrap: break-word;
	word-break: break-all;
	box-sizing: border-box;
}
.uni-reply-btns {
	position: absolute;
	right: 6px;
	top: 6px;
}
.uni-reply-btns>button {
	display: block;
	width: 52px;
	margin-bottom: 1px;
}
.uni-reply-view-con ul>li>ul>li {
	margin-left: 20px;
	position: relative;
}
.uni-reply-view-con ul>li>ul>li:before {
	content: '';
	position: absolute;
	left: -14px;
	top: 9px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/ico_common.png) no-repeat 0px -466px;
	z-index: 5;
}
.uni-reply-view-con .uni-reply-comment {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 6px;
	/*padding: 6px 66px 6px 150px;*/
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
    padding: 28px 0px 6px 0px;
}
.uni-reply-user > span:before {
    content: '';
    width: 2px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 4px;
    background: #afacac;
}

.uni-reply-comment .uni-mail-attach {
    padding: 0px;
}
.uni-mail-filename .uni-mail-filename {
    margin-left: 0 !important;
}
.uni-mail-filename .btn-mail-folding-close{
	position: absolute;
    left: 5px;
    top: 7px;
}
.uni-mail-filename .attachfile-btn-group{
	left:30px !important;
}
.uni-mail-attach .file-preview-list > li{
	margin-left:5px;
}
#appCommentTitle .box-title1{
	padding:10px 0 8px !important;
}
/* 자원관리 */

.resource-header-toolbar {
	position: relative;
	height: 41px;
	padding: 6px 10px;
	margin-bottom: 1px !important;
	border-top: 1px solid #dfe2e5;
	background-color: #e6e7eb;
	box-sizing: border-box;
}
.header-toolbar-title {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.resource-header-toolbar .left-con {
	position: absolute;
	top: 5px;
	left: 14px;
}
.resource-header-toolbar .right-con {
	position: absolute;
	top: 5px;
	right: 14px;
}
.resource-header-toolbar .uni-btn-normal {
	min-width: 36px;
	height: 28px;
}
.resource-header-toolbar .uni-btn-normal.btn-prev-arrow,
.resource-header-toolbar .uni-btn-normal.btn-next-arrow {
	position: relative;
}
.resource-header-toolbar .uni-btn-normal.btn-prev-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
.resource-header-toolbar .uni-btn-normal.btn-next-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
.resource-header-toolbar .uni-btn-normal.btn-today {
	background-color: #fff;
}
.week-table-wrap {
	padding: 5px 10px;
}
.table-wrap {
	display: table;
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.table-header,
.table-row {
	display: table-row;
	width: 100%;
}
.table-row li,
.table-header li {
	display: table-cell;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.table-header.week li {
	width: 12.5%;
	height: 40px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-align: center;
	vertical-align: middle;
	empty-cells: show;
	background-color: #eee;
}
.table-row.week li {
	width: 12.5%;
	height: 80px;
	padding: 5px;
	empty-cells: show;
}
.table-row.day li {
	width: 1.8%;
	height: 30px;
	empty-cells: show;
}
.table-row.day li.half {
	border-right: 1px solid #ddd;
}
.table-header.day li {
	position: relative;
	width: 1.8%;
	height: 30px;
	text-align: left;
	empty-cells: show;
	background-color: #eee;
	font-weight: normal;
	color: #333;
	vertical-align: middle;
}
.table-header.day li span {
	position: absolute;
	top: 4px;
	left: -10px;
	width: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	z-index: 1;
}
.table-header.day li.half {
	border-right: 0;
}
.table-header.day li.table-item {
	width: 10%;
	vertical-align: middle;
}
.table-row li.today {
	background-color: #e7edf2;
}
.table-item {
	padding: 5px;
	font-weight: bold;
	background-color: #eee;
}
.item-task {
	display: block;
	padding: 2px;
	text-decoration: none;
	font-size: 12px;
	color: #2b43ac;
	background-color: #c2dbee;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.table-item.table-rsc-item {
	position: relative;
	background-image: url(../images/line_cell.png);
	background-repeat: repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
.table-item.table-rsc-item .rsc-name {
	position: absolute;
	left: 4px;
	bottom: 2px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.table-item.table-rsc-item .rhc-hour {
	position: absolute;
	top: 2px !important;
	left: 0;
	right: 0;
	width: 100%;
	padding-right: 4px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}
.item-task:hover {
	color: #fff;
	background-color: #6599c1;
}
.item-task+.item-task {
	margin-top: 2px;
}
.day-table-wrap {
	position: relative;
}
.resource-item-day {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #c2dbee;
	cursor: pointer;
	z-index: 50;
}
.resource-item-day:hover {
	background-color: #6599c1
}
.repeat-option-wrap {
	padding: 5px 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.resource-option-wrap {
	padding: 5px 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.repeat-button-group {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	text-align: center;
}
.form-group-rsvgrid {
	position: relative;
	padding-right: 146px;
}
.form-group-rsvgrid .form-finder {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0 50px 0 0;
}
.form-group-rsvgrid .form-finder .uni-btn-normal.icon-search {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/btn_ico_common_off.png) no-repeat 3px -103px;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	cursor: pointer;
}
.form-group-rsvgrid .form-finder .btn-group {
	position: absolute;
	top: 0;
	right: 0;
}
.form-group-rsvgrid input {
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
}
.form-group-rsvgrid .btn-group-rsvgrid {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
/* 자원예약 그리드 */

.box-reserve-grid {
	width: 100%;
	height: 180px;
	margin-top: 7px;
	text-align: center;
	border: 1px solid #c3c3c3;
	overflow-x: hidden;
	overflow-y: auto;
}
.reserve_grid {
	text-align: center;
	border: 0;
}
.reserve_grid td {
	height: 22px;
	border: 1px solid #dddddd;
	line-height: 17px;
}
.reserve_grid_btnclose {
	width: 10px;
	height: 10px;
	background: url(../images/grid_close.png) no-repeat;
}
.reserve_grid_bg01 {
	background: #f8f8f8;
}
.reserve_grid_bg02 {
	background: #eef6fa;
}
/* pagination */

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.4em;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: pointer;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	display: block;
	height: 23px;
	width: 23px;
	padding: 2px;
	text-align: center;
	line-height: 1.4em;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.page-body > #footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 32px;
	padding-top: 5px;
	border-top: 1px solid #dedede;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 200;
}
.page-body > #footer > address {
	color: #333;
	text-align: center;
	font-family: "Nanum Gothic", sans-serif
}
.quickmenu {
	position: fixed;
	top: 86px;
	right: 1px;
	width: 57px;
	height: 1000px;
	padding: 6px 4px;
	border: 1px solid #d5dade;
	box-sizing: border-box;
	background-color: #e1e4e7;
}
.quick-header {
	position: relative;
	/* cursor: pointer; */
}
.quick-header h3 {
	font-size: 11px;
	font-weight: bold;
	color: #292d3d;
}
.quick-header .btn-fold-quick {
	position: absolute;
	top: 0;
	right: -2px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../../global/images/btn_fold_quick.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #727a8a;
	border-radius: 3px;
	border: 0;
	visibility: hidden;
	user-select: none;
	cursor: none;
}
.quick-header .btn-fold-quick.active {
	background-position: 0 -15px;
}
.quick-stats {
	margin-top: 10px;
}
.quick-stats .stat-item {
	padding: 5px 0;
}
.quick-stats .stat-item:after {
	content: "";
	clear: both;
	display: table;
}
.quick-stats .stat-item strong {
	float: left;
	display: block;
	width: 60%;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: 700;
	color: #888889;
	font-family: "Nanum Gothic", sans-serif;
	box-sizing: border-box;
}
.quick-stats .stat-item span {
	float: right;
	display: block;
	width: 40%;
	font-weight: 700;
	text-align: center;
	color: #254bd9;
}
.quick-shortcut-list {
	padding: 23px 0 0 0;
	background: url(../../global/images/icon_dot.png) no-repeat center 10px;
}
.quick-shortcut {
	position: relative;
	display: block;
	width: 48px;
	height: 39px;
	margin-bottom: 3px;
	padding: 18px 0 0 0;
	text-align: center;
	font-size: 12px;
	background-color: #f0f2f4;
	border: 1px solid #b8bfc6;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
}
.quick-shortcut>em {
	font-style: normal;
	color: #4a545f;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
}
.quick-shortcut:before {
	content: "";
	position: absolute;
	top: 0;
	left: 13px;
	width: 20px;
	height: 20px;
	background-image: url(../../global/images/icon_quick.png);
	background-repeat: no-repeat;
}
.quick-shortcut.search:before {
	background-position: 0 0;
}
.quick-shortcut.mail:before {
	background-position: 0 -20px;
}
.quick-shortcut.staff:before {
	background-position: 0 -40px;
}
.quick-shortcut.sms:before {
	background-position: 0 -60px;
}
.quick-shortcut.favor:before {
	background-position: 0 -80px;
}
.quick-shortcut.mobile:before {
	background-position: 0 -100px;
}
.quick-shortcut.active,
.quick-shortcut:hover {
	background-color: #3f4e8e;
}
.quick-shortcut.search.active:before,
.quick-shortcut.search:hover:before {
	background-position: -20px 0;
}
.quick-shortcut.mail.active:before,
.quick-shortcut.mail:hover:before {
	background-position: -20px -20px;
}
.quick-shortcut.staff.active:before,
.quick-shortcut.staff:hover:before {
	background-position: -20px -40px;
}
.quick-shortcut.sms.active:before,
.quick-shortcut.sms:hover:before {
	background-position: -20px -60px;
}
.quick-shortcut.favor.active:before,
.quick-shortcut.favor:hover:before {
	background-position: -20px -80px;
}
.quick-shortcut.mobile.active:before,
.quick-shortcut.mobile:hover:before {
	background-position: -20px -100px;
}
.quick-shortcut.active>em,
.quick-shortcut:hover>em {
	color: #fff;
}
/* pop-up layout */

.uni-pop {
	display: none;
	position: fixed;
	top: 206px;
	left: 50%;
	min-width: 360px;
	/* min-height: 190px; */
	margin: 0 0 0 -180px;
	padding: 0;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	box-sizing: border-box;
	z-index: 1000;
}
.uni-pop.pop-normal {
	width: 510px;
}
.uni-pop.pop-normal.pop-mini-gray .uni-pop-header {
	background: #d3d3d3;
}
.uni-pop.pop-normal.pop-mini-gray .uni-pop-header > h2 {
	color: #333 !important;
	font-size: 16px;
}
.uni-pop-header {
	position: relative;
	height: 48px;
	background-color: #3f4f8e;
}
.uni-pop-header>h2 {
	margin: 0;
	padding: 12px 15px;
	font-size: 18px;
	color: #fff !important;
	font-weight: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-pop-header > h2 > .uni-dropdown-split {
	margin-left: 20px;
}
.uni-pop-header .btn-pop-close {
	position: absolute;
	top: 0;
	right: 3px;
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/btn_pop_close.png) no-repeat center center;
}
.uni-pop-container {
	position: relative;
	padding: 20px 20px 83px 20px;
	box-sizing: border-box;
}
.uni-pop-container.no-margin {
	padding-bottom: 0!important;
}
.uni-pop-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 15px 0;
	background-color: #f2f2f2;
	border-top: 1px solid #d0d5da;
	text-align: center;
	box-sizing: border-box;
}
.uni-pop-bottom.uni-window-popup {
	position: fixed;
}
.uni-pop-bottom.uni-window-popup.today-cache-popup {
	padding: 0;
}
.uni-pop-bottom>li {
	display: inline-block;
	width: 110px;
	padding: 0 2px;
}
.uni-pop-bottom>li.today-cashe-container {
	width: 100%;
	text-align: right;
}
.uni-pop-bottom .pbtn-normal {
	background-color: #fff;
	letter-spacing: -1px;
}
.uni-pop.alert .uni-pop-container {
	padding: 20px 20px 50px 20px;
}
.uni-pop.alert .txt-alert {
	padding: 20px 0 45px;
	text-align: center;
	font-size: 12px;
	color: #333;
	line-height: 1.3em;
}
.uni-pop.alert {
	position: fixed !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	border: 0 !important;
	border-radius: 0 !important
}
.uni-pop.alert .uni-pop-bottom .pbtn-normal {
	text-decoration: none;
}
/* window pop-up */

.pop-window-body {
	position: relative;
	overflow: auto;
	height: 100%;
	min-width: 400px;
	box-sizing: border-box;
}
.pop-window-body .uni-pop-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
}
.pop-window-body .uni-pop-container {
	padding: 48px 0 63px;
	box-sizing: border-box;
}
.pop-window-body .uni-pop-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 50;
}
/* pop-up form */

.uni-pop .input-item {
	display: table;
	width: 100%;
	padding: 0 0 10px;
}
.uni-pop .input-item>label {
	width: 20%;
	display: table-cell;
	padding: 5px 0 0 0;
	color: #333;
	font-weight: bold;
	vertical-align: top;
	box-sizing: border-box;
}
.uni-pop .input-item>.item-box {
	display: table-cell
}
.uni-pop .input-item input[type='text'],
.uni-pop .input-item input[type='password'] {
	display: inline-block;
	width: 100%;
	height: 24px !important;
	border: 1px solid #dfe2e5;
}
.uni-pop .input-item textarea {
	display: block;
	width: 100%;
	min-height: 140px;
	border: 1px solid #dfe2e5;
}
.input-textarea label {
	display: block;
	height: 20px;
	padding: 5px 5px 0 0;
	color: #333;
	font-weight: bold;
	box-sizing: border-box;
}
.input-textarea textarea {
	display: block;
	width: 100%;
	height: 74px;
	border: 1px solid #dfe2e5;
}
.pbtn-normal {
	display: block;
	height: 32px;
	color: #25398b !important;
	font-size: 13px;
	padding-top: 5px;
	border: 1px solid #d0d5da;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
}
.pbtn-normal:hover {
	border: 1px solid #25398b;
}
.pbtn-normal.pbtn-blue {
	border: 1px solid #25398b;
}
.uni-pop-bottom.one>li .pbtn-normal {
	width: 100%;
	margin: 0 auto;
}
.uni-pop.pop-viewer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 !important;
	background-color: rgba(0, 0, 0, 1.0);
	z-index: 1000;
}
.pop-viewer-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 46px;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1000;
}
.pop-viewer-header .viewer-total {
	display: block;
	padding: 12px 10px;
	font-size: 13px;
	color: #ccc;
}
.pop-viewer-header .viewer-total > strong {
	display: inline-block;
	padding: 0 3px;
	vertical-align: top;
	color: #fff;
	font-family: "Nanum Gothic", sans-serif;
}
.pop-viewer-header .viewer-total > em {
	display: inline-block;
	padding: 0 3px;
	color: #9d9d9d;
	vertical-align: top;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.pop-viewer-header .viewer-util-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	text-align: right;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border: 0;
	outline: none;
	background-color: transparent;
	cursor: pointer;
	box-sizing: border-box;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	opacity: 0.6;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal:hover {
	border: 0;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal:hover:before {
	opacity: 1.0;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal.btn-img-download:before {
	background: url(../images/icon_img_down.png) no-repeat center center;
}
.pop-viewer-header .viewer-util-btn .uni-btn-normal.btn-img-close:before {
	background: url(../images/icon_img_close.png) no-repeat center center;
}
.pop-viewer-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1000;
}
.pop-viewer-bottom .gallery-list {
	padding: 10px;
}
.pop-viewer-bottom .gallery-list > li {
	float: left;
	padding-right: 10px;
}
.pop-viewer-bottom .gallery-list:after {
	content: "";
	clear: both;
	display: table;
}
.pop-viewer-bottom .gallery-photo-item {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 1px solid #666;
	cursor: pointer;
	box-sizing: border-box;
}
.pop-viewer-bottom .gallery-photo-item.active {
	border: 2px solid #fff;
}
.pop-viewer-bottom .gallery-photo-item > img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.pop-viewer-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	min-width: 600px;
	min-height: 400px;
	text-align: center;
	/* border: 1px solid cyan; */
}
.pop-viewer-wrap .viewer-box {
	display: table-cell;
	height: 600px;
	max-width: 1200px;
	max-height: 800px;
	min-width: 600px;
	min-height: 400px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
.pop-viewer-wrap .viewer-box > img {
	max-width: 1200px;
	max-height: 800px;
	vertical-align: middle;
}
.pop-viewer-wrap .btn-viewer-prev {
	position: fixed;
	top: 50%;
	left: 0;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-color: transparent;
	cursor: pointer;
	z-index: 1002;
}
.pop-viewer-wrap .btn-viewer-prev:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../global/images/icon_viewer_prev.png) no-repeat center center transparent;
}
.pop-viewer-wrap .btn-viewer-next {
	position: fixed;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-color: transparent;
	cursor: pointer;
	z-index: 1002;
}
.pop-viewer-wrap .btn-viewer-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../global/images/icon_viewer_next.png) no-repeat center center transparent;
}
.uni-pop-container.pop-container-sales {
	height: 700px;
	padding: 0 0 83px 0;
	overflow: hidden;
}
.uni-pop-container.pop-container-sales .uni-pop-content {
	height: 638px;
	padding: 0 0 30px 20px;
	/* padding: 20px 0 30px 20px; */
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.uni-pop-container.pop-container-sales .list-type6-item {
	padding: 0;
}
.uni-pop-container.pop-container-sales .list-type6-item .item-remove {
	padding: 1px 20px 1px 2px;
}
.uni-pop-container.pop-container-sales .list-type6-item .item-remove:after {
	top: 1px;
}
.uni-pop-container.pop-container-sales .list-type6-item .radio-item {
	padding: 0;
}
/* tabs */

.tab-container {
	margin-top: 10px;
}
.midtab {
	height: 28px;
	margin: 0 0 -1px 0;
	border-bottom: 1px solid #d0d5da;
}
.midtab:after {
	content: "";
	clear: both;
	display: table;
}
.midtab .link-tab {
	float: left;
	display: block;
	min-width: 90px;
	height: 28px;
	margin-right: 1px;
	padding: 6px 0 0 0;
	color: #7a7a7a;
	font-size: 14px;
	text-align: center;
	border: 1px solid #d0d5da;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}
.midtab .link-tab.active {
	color: #3f4e8e;
	border: 1px solid #3f4e8e;
	border-bottom: 1px solid #fff;
}
.midtab .link-tab>span {
	font-weight: bold;
}
.midtab .link-tab.link-portlet {
	position: relative;
	padding: 4px 24px 0 6px;
	text-align: left;
}
.midtab .link-tab.link-portlet.home-tab {
	padding: 4px 24px 0 22px;
	background: url(/global/images/home_icon.png) no-repeat 4px 4px;
}
.midtab .link-tab.link-portlet .tab-close {
	position: absolute;
	top: 7px;
	right: 5px;
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	background-color: #fff;
}
.midtab .link-tab.link-portlet .tab-close::before {
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #9a9a9a;
	transform: rotate(45deg);
}
.midtab .link-tab.link-portlet .tab-close::after {
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #9a9a9a;
	transform: rotate(-45deg);
}
.minitab {
	height: 28px;
	margin: 0 0 -1px 0;
	border-bottom: 1px solid #d0d5da;
}
.minitab:after {
	content: "";
	clear: both;
	display: table;
}
.minitab .link-local {
	float: left;
	display: block;
	min-width: 90px;
	height: 28px;
	margin-right: 1px;
	padding: 6px 0 0 0;
	color: #7a7a7a;
	font-size: 14px;
	text-align: center;
	border: 1px solid #d0d5da;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}
.minitab .link-local.active {
	color: #3f4e8e;
	border: 1px solid #3f4e8e;
	border-bottom: 1px solid #fff;
}
.minitab .link-local>span {
	font-weight: bold;
}
.minitab-container {
	padding: 0;
}
.toggle-tab {
	width: 100%;
}
.toggle-tab::after {
	content: "";
	clear: both;
	display: table;
}
.toggle-tab .link-tab {
	display: block;
	float: left;
	display: block;
	width: 50%;
	min-width: 90px;
	height: 28px;
	padding: 3px 0 0 0;
	color: #7a7a7a;
	font-size: 14px;
	text-align: center;
	background-color: #f9fafb;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.toggle-tab .link-tab::first-child {
	border-right: 0;
}
.toggle-tab .link-tab + .link-tab {
	border-left: 0;
}
.toggle-tab .link-tab.active {
	color: #3f4e8e;
	background-color: #fff;
	border: 1px solid #b5bcd7;
	border-bottom: 1px solid #fff;
	z-index: 1;
}
.toggle-tab-outer {
	border: 1px solid #b5bcd7;
	border-top: 0;
}
.nav-local-tab {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 35px;
	padding: 5px 0 0 6px;
	background-color: #edf4fb;
	/* border-bottom: 1px solid #ddd; */
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.nav-local-tab>a {
	display: inline-block;
	position: relative;
	padding: 4px 12px;
	color: #323232;
	font-weight: normal;
}
.nav-local-tab>a:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 1px;
	height: 11px;
	background-color: #999;
}
.nav-local-tab>a:hover {
	color: #3c6ad9
}
.nav-local-tab>a.active {
	font-weight: bold;
	color: #3c6ad9;
}
.nav-local-tab>a:last-child:after {
	content: "";
	display: none;
}
/* pop-up table */

.uni-pop-grid.gridbox .hdr td .hdrcell {
	text-align: center;
	color: #333;
	font-size: 12px;
}
.uni-pop-grid.gridbox .objbox {
	overflow-x: hidden !important;
	overflow-y: auto;
}
.uni-pop-grid.gridbox .objbox .ev_material td,
.uni-pop-grid.gridbox .objbox .odd_material td {
	text-align: center;
	color: #333;
	font-size: 12px;
}
.gridbox-bottom-info {
	padding: 6px 0 0
}
.gridbox-bottom-info:after {
	content: "";
	clear: both;
	display: table
}
.gridbox-bottom-info .right-con {
	float: right;
	width: 50%;
	text-align: right;
}
/* switch & slider */

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked+.slider {
	background-color: #3f4f8e;
}
input:focus+.slider {
	box-shadow: 0 0 1px #3f4f8e;
}
input:checked+.slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
.slider.round {
	border-radius: 13px;
}
.slider.round:before {
	border-radius: 50%
}
.switch-box {
	position: relative;
	width: 100%;
	text-align: left;
}
.switch-box .switch-txt {
	display: inline-block;
	padding: 2px 0 0 5px;
	vertical-align: top;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px;
	color: #333;
}
/* form table */

.form-table {
	padding: 10px 10px 0 20px
}
.form-table.cowork-form-table {
	overflow-x: hidden;
}
.form-table.bbs-setup-form .box-form {
	padding: 2px 0 2px 150px !important;
}
.form-table.bbs-setup-form .form-label {
	width: 150px !important;
}
.uni-pop-content .form-table {
	padding: 0 10px 0 10px;
}
.box-form {
	position: relative;
	padding: 2px 0 2px 120px;
}
.box-form:after {
	content: "";
	clear: both;
	display: table;
}
.box-form.form-col-2,
.box-form.form-col-3,
.box-form.form-col-4 {
	padding: 5px 0;
}
.box-form.form-col-2 .box-col-form {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 0 0 120px;
}
.box-form.form-col-3 .box-col-form {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 0 0 120px;
}
.box-form.form-col-4 .box-col-form {
    width: 25%;
    float: left;
    position: relative;
}
 .box-form.form-col-4 .form-group .select,  .box-form.form-col-4 .form-group input.select{
    position: absolute;
    left: 118px;
    width: calc(100% - 130px);
}

.box-form.form-col-2 .box-col-form .minibox-col-form {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 0 0 120px;
}
.box-form.form-col-2 .box-col-form .minibox-col-form:nth-child(2) {
	padding: 0 0 0 80px;
}
.form-group.form-col-selectdate .inline-col:first-child {
	float: left;
	width: 35%;
	padding-right: 10px;
	box-sizing: border-box;
}
.form-group.form-col-selectdate .inline-col:last-child {
	float: left;
	width: 65%;
}
.box-form.form-col-2 .box-col-form:nth-child(1),
.box-form.form-col-3 .box-col-form:nth-child(1),
.box-form.form-col-3 .box-col-form:nth-child(2) {
	padding: 0 10px 0 120px;
}
.box-form-rsv {
	position: relative;
	padding: 2px 0 2px 60px;
}
.box-form02:after {
	content: "";
	clear: both;
	display: table;
}
.box-form02.form-col-2,
.box-form.form-col-3 {
	padding: 5px 0;
}
.box-form02.form-col-2 .box-col-form {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 0 0 120px;
}
.box-form02.form-col-3 .box-col-form {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 0 0 120px;
}
.box-form02.form-col-2 .box-col-form:nth-child(1),
.box-form.form-col-3 .box-col-form:nth-child(1),
.box-form.form-col-3 .box-col-form:nth-child(2), 
.box-form.form-col-4 .box-col-form:nth-child(1), 
.box-form.form-col-4 .box-col-form:nth-child(2)  {
	padding: 0 10px 0 120px;
}
.detail-search-wrap.detail-search-wrap-outing {
	width: 70%;
}
.detail-search-wrap.detail-search-wrap-outing .form-table {
	padding: 8px 10px 0 10px;
}
.detail-search-wrap.detail-search-wrap-outing .box-group-right.form-buttons {
	top: 11px;
}
.detail-search-wrap.detail-search-wrap-outing .btn-form-normal.search {
	height: 100%!important;
}
.box-form.form-col-2.form-col-outing .box-col-form {
	padding: 0 10px 0 60px;
}
.box-form.form-col-2.form-col-outing .form-label {
	left: 10px;
	width: 60px;
}
.box-form.form-col-2.form-col-outing .box-col-form:nth-child(2) {
	padding: 0 10px 0 80px;
}
.box-form.form-col-2.form-col-outing .box-col-form:nth-child(2) .form-label {
	top: 0;
	left: 15px;
}
.box-form.form-col-4.form-idea {
	padding: 5px 0;
}
.box-form.form-col-4.form-idea:after {
	content: "";
	clear: both;
	display: table;
}
.box-form.form-col-4.form-idea .box-col-form:nth-child(3),
.box-form.form-col-4.form-idea .box-col-form:nth-child(4) {
	width: 20%;
}
.box-form.form-col-4.form-idea .box-col-form {
	position: relative;
	float: left;
	width: 30%;
	padding: 0 0 0 80px;
}
.box-form.form-col-4.form-idea .form-label {
	position: absolute;
	top: 3px;
	left: 10px;
	width: 70px;
}

.box-form-title {
	height: 32px;
	margin: 0 0 0 -10px;
	background: url(../../global/images/bg_form_title.png) repeat-x left center #fff;
}
.box-form-title>h4 {
	display: inline-block;
	padding: 4px 8px 4px 0;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-color: #fff;
}
.form-label {
	position: absolute;
	top: 3px;
	left: 0;
	width: 120px;
}
.form-label label {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.form-label-small {
	position: absolute;
	top: 3px;
	left: 0;
	width: 60px;
}
.form-label-small label {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.form-group {
	min-height: 28px;
	margin-bottom: 0 !important
}
.form-group textarea {
	width: 100%;
	height: 80px;
	word-break: break-all;
	word-wrap: break-word;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.form-group .contbox {
	width: 100%;
	min-height: 80px;
	padding: 10px;
	color: #666;
	line-height: 1.5em;
	word-break: break-all;
	word-wrap: break-word;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.form-group .contbox.disabled {
	background-color: #eff0f0;
}

.box-form.form-col-3 .form-label,
.box-form.form-col-2 .form-label {
	top: 2px;
}
.form-group input[type='text'] {
	display: inline-block;
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	background:#fff;
}
.form-group input[type='text'].disabled {
	background-color: #eff0f0;
}
.form-group input[type='number'].disabled {
	background-color: #eff0f0;
}
.form-group input[type='password'].disabled {
	background-color: #eff0f0;
}
.form-label .select,
.form-group .select,
.form-group02 .select {
	display: inline-block;
	width: 100%;
	height: 24px;
	background-color: #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	outline:none;
}
.form-group02 .select02 {
	display: inline-block;
	width: 214px;
	height: 24px;
	background-color: #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	margin-left: 9px;
}
.form-group .duration-time-group {
	display: inline-block;
	width: auto;
}
.form-group .duration-time-group input {
	font-size: 13px;
}
.form-group .duration-time-group .txt-duration {
	display: inline-block;
    width: 20px;
    text-align: center;
	box-sizing: border-box;
}
.form-group .duration-time-group .day-col {
	display: inline-block;
    width: 90px;
    box-sizing: border-box;
}
.form-group .duration-time-group .hour-col,
.form-group .duration-time-group .minute-col {
	width: 80px;
	display: inline-block;
    padding-left: 4px;
}
.form-group .duration-group:after,
.from-group .from-to-group:after {
	content: "";
	clear: both;
	display: table;
}
.form-group .duration-group .txt-duration,
.form-group .from-to-group .txt-duration {
	float: left;
	width: 8%;
	text-align: center;
}
.form-group .duration-group .input-date,
.form-group .from-to-group .input-from,
.form-group .from-to-group .input-to {
	float: left;
	width: 46% !important;
}
.form-group .duration-group.duration-inline {
	display: inline-block;
	width: 240px;
}
.form-group.duration-daytime-group .txt-duration {
	float: left;
	width: 6%;
	text-align: center;
}
.form-group .uni-editor-wrap {
	 border: 1px solid #d0d5da;
	/* overflow: hidden; */
}
.form-group.form-date-time:after {
	content: "";
	clear: both;
	display: table;
}
.form-group.form-date-time .inline-col {
	float: left;
	display: block;
	width: 50%;
	box-sizing: border-box;
}
.form-group.form-date-time .inline-col.time-col {
	width: 25% !important;
	padding-left: 10px;
}
.form-group.form-col-2,
.form-group.form-col-3 {
	display: block;
	margin: 0 -5px;
}
.form-group.form-col-2:after,
.form-group.form-col-3:after {
	content: "";
	clear: both;
	display: table;
}
.form-group.form-col-2 .inline-col {
	display: block;
	float: left;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
}
.form-group.form-col-3 .inline-col {
	display: block;
	float: left;
	width: 33.33%;
	padding: 0 5px;
	box-sizing: border-box;
}
.form-group.form-col-3 .inline-col-1 {
	display: block;
	float: left;
	width: 30%;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
.form-group.form-group-chkgroup {
	position: relative;
	padding-right: 170px;
	/* padding-left: 120px; */
}
.form-group.form-group-chkgroup .box-col-chkgroup {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	text-align: right;
	/*left: 0;
	 width: 120px; */
}
.form-group.form-group-chkgroup .box-col-iptbox input[type="text"] {
	width: 100%;
}
.form-group.form-group-chkgroup.form-flex {
	display: table;
	width: 100%;
	padding: 0;
}
.form-group.form-group-chkgroup.form-flex .box-col-iptbox {
	display: table-cell;
	width: 60%;
}
.form-group.form-group-chkgroup.form-flex .box-col-chkgroup {
	display: table-cell;
	position: static;
	top: auto;
	right: auto;
	width: 40%;
	padding-left: 20px;
	text-align: left;
	box-sizing: border-box;
}
#boardLayout .menu-mgmt-wrap .right-con .box-form {
	padding: 2px 0 2px 150px;
}
#boardLayout .menu-mgmt-wrap .right-con .box-form .form-label {
	width: 150px;
}
.form-group.form-col-3 .inline-col-2 {
	display: block;
	float: left;
	width: 70%;
	padding: 0 5px;
	box-sizing: border-box;
}
.form-col-5 {
	display: block;
	margin: 0 -3px;
}
.form-col-5:after {
	content: "";
	clear: both;
	display: table
}
.form-col-5 .inline-col-1 {
	display: block;
	float: left;
	width: 20%;
	padding: 0 3px;
	box-sizing: border-box;
}
.form-col-5 .inline-col-2 {
	display: block;
	float: left;
	width: 30%;
	padding: 0 3px;
	box-sizing: border-box;
}
.form-col-5 .inline-col-3 {
	display: block;
	float: left;
	width: 50%;
	padding: 0 3px;
	box-sizing: border-box;
}
.form-group.duration-daytime-group:after {
	content: "";
	clear: both;
	display: table;
}
.form-group.duration-daytime-group .inline-col.day-col {
	float: left;
	width: 27%;
}
.form-group-rsv.duration-daytime-group .inline-col.day-col {
	float: left;
}
.form-group.duration-daytime-group .inline-col.time-col {
	float: left;
	width: 20%;
	padding-left: 5px;
	box-sizing: border-box;
}
.form-group-rsv.duration-daytime-group .inline-col.time-col {
	float: left;
	padding-left: 4px;
	box-sizing: border-box;
	font-size: 14px;
}
.form-group-rsv.duration-daytime-group .txt-duration {
	float: left;
	width: 6%;
	padding-top: 4px;
	text-align: center;
}
.form-group-rsv.duration-daytime-group .txt-duration {
	float: left;
	width: 20px;
	padding-top: 1px;
	text-align: center;
}
.form-group-rsv .day-col input[type='text'] {
	width: 80px;
}
.form-group-rsv .time-col input[type='text'] {
	width: 68px;
}
.form-group-rsv .inline-col {
	display: inline-block;
	font-size: 13px;
}
.form-group-rsv input[type='text'],
.form-group-rsv select {
	border: 1px solid #dfe2e5;
	font-size: 13px !important;
}
.form-group-rsv .inline-form-item {
	width: 60px;
	margin: 0;
	font-size: 13px !important;
}
.form-group-rsv .inline-form-item-day {
	width: 90px;
	margin: 0 0 0 100px;
	font-size: 13px !important;
}
.form-group-rsv.rsv-repeat-condition {
	padding: 6px 0 0 0;
}
.form-group-rsv.rsv-repeat-condition .txt-inline-block {
	margin-right: 10px;
}
.form-zipcode-inline:after {
	content: "";
	clear: both;
	display: table;
}
.form-zipcode-inline .zipcode-finder {
	float: left;
	width: calc(30% - 6px);
}
.form-zipcode-inline .zipcode-addr {
	float: right;
	width: 70%;
}
.zipcode-finder {
	position: relative;
	display: block;
	width: 100%;
	padding-right: 100px;
	box-sizing: border-box;
}
.zipcode-finder input[type='text'] {
	display: inline-block;
	width: 100%;
	height: 26px;
	padding: 2px 6px;
	color: #333;
	border: 1px solid #dfe2e5;
	border-right: 0;
}
.zipcode-finder .btn-zipcode {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 100px;
	height: 26px;
	padding-left: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 5px -103px #fff;
	border: 1px solid #d0d5da
}
.zipcode-finder .btn-zipcode>span {
	font-size: 12px;
	letter-spacing: -1px;
	color: #6d6d6d;
}
.item-finder {
	position: relative;
	width: 100%;
	padding-right: 62px;
	box-sizing: border-box;
}
.item-finder.item-company-finder {
	padding-right: 70px;
}
.item-finder.item-company-finder input[type='text'] {
	height: 24px;
	border: 1px solid #d0d5da;
}
.item-finder02 {
	float: left;
	position: relative;
	width: 220px;
	padding-left: 9px;
	box-sizing: border-box;
}
.item-finder02:first-child {
	padding-left: 0
}
.item-finder input[type='text'],
.item-finder02 input[type='text'] {
	display: inline-block;
	width: 100%;
}
.item-finder .btn-group,
.item-finder02 .btn-group {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 60px;
	height: 24px;
}
.item-finder .uni-btn-normal.btn-search,
.item-finder .uni-btn-normal.btn-search {
	width: 70px;
	height: 24px;
	padding-left: 30px;
	background: url(../images/btn_ico_common_off.png) no-repeat 8px -103px #fff;
	border: 1px solid #d0d5da;
}
.form-grou.form-group-col3 {
	margin: 0 -4px;
}
.form-grou.form-group-col3::after {
	content: "";
	clear: both;
	display: table;
}
.item-col-1,
.item-col-2,
.item-col-3 {
	float: left;
	padding: 0 4px;
	box-sizing: border-box;
}
.item-col-1 {
	position: relative;
	width: 40%;
	padding-left: 0;
	padding-right: 80px;
}
.item-col-2 {
	position: relative;
	width: 30%;
	padding-right: 52px;
}
.item-col-3 {
	width: 30%;
}
.item-col-1 .uni-btn-normal,
.item-col-2 .uni-btn-normal {
	position: absolute;
	top: 0;
	right: 0;
}
.item-col-3 select {
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
}
.item-finder.item-type1 .btn-group .uni-btn-normal {
	width: 100%;
}
.item-finder.item-type2 {
	padding-right: 160px;
}
.item-finder.item-type2 .btn-group {
	width: 160px;
}
.item-finder02.item-type2 .btn-group {
	width: 60px;
	margin-right: -5px;
}
.item-finder.item-type2 .btn-group button[type='button'] {
	width: 50%;
}
.item-finder02.item-type2 .btn-group button[type='button'] {
	width: 100%;
}
.item-finder.item-type-search,
.item-finder02.item-type-search {
	padding-right: 70px;
}
.item-finder.item-type-search > div,
.item-finder02.item-type-search > div {
	display: block !important;
}
.item-finder.item-type-search .btn-group,
.item-finder02.item-type-search .btn-group {
	width: 70px;
}
.item-finder.item-inline {
	display: inline-block;
	width: auto;
}
.radio-group-inline {
	display: inline-block;
}
.radio-group-inline + .item-finder.item-type-search {
	display: inline-block;
	width: auto;
	margin-left: 30px;
}
.item-finder03 {
	float: left;
	position: relative;
	width: 480px;
	padding-left: 9px;
	box-sizing: border-box;
}
.item-finder03:first-child {
	padding-left: 0;
}
.item-finder03 input[type='text'] {
	display: inline-block;
	width: 100%;
}
.item-finder03 .btn-group {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 37px;
	height: 24px;
}
.item-finder03 .uni-btn-normal.btn-search {
	width: 21px;
	height: 24px;
	padding-left: 22px;
	background: url(../images/btn_ico_common_off.png) no-repeat 8px -103px #fff;
	border: 1px solid #d0d5da;
}
.item-finder03.item-type1 {
	padding-right: 109px;
}
.item-finder03.item-type1 .btn-group {
	width: 120px;
}
.item-finder03.item-type1 .btn-group .uni-btn-normal {
	width: 100%;
}
.item-finder03.item-type2 {
	/*padding-right: 160px;*/
}
.item-finder03.item-type2 .btn-group {
	width: 102px;
	margin-right: -4px;
}
.item-finder03.item-type2 .btn-group button[type='button'] {
	width: 100%;
}
.item-finder03.item-type-search {
	padding-right: 70px;
	width: 486px;
}
.item-finder03.item-type-search > div {
	display: block !important;
}
.item-finder03.item-type-search .btn-group {
	width: 37px;
}
.txtbox-col2-wrap {
	padding: 0 0 5px 0;
}
.txtbox-col2-wrap.have-border {
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #dfe2e5;
	border-bottom: 1px solid #dfe2e5;
}
.txtbox-col2-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.txtbox-col2-wrap .txtbox-col {
	float: left;
	min-height: 100px;
	box-sizing: border-box;
}
.txtbox-col2-wrap .txtbox-col:nth-child(1) {
	padding-right: 10px;
}
.txtbox-col2-wrap .txtbox-col textarea {
	width: 100%;
	height: 140px;
	border: 1px solid #dfe2e5;
}
.txtbox-col2-container {
	position: relative;
	min-height: 400px;
	padding: 0 40px;
}
.txtbox-col2-container .view-cont {} .txtbox-col2-container .btn-view-prev-wrap,
.txtbox-col2-container .btn-view-next-wrap {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
}
.txtbox-col2-container .btn-view-prev-wrap {
	left: 0;
}
.txtbox-col2-container .btn-view-next-wrap {
	right: 0;
}
.txtbox-col2-container .btn-view-prev,
.txtbox-col2-container .btn-view-next {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	border: 1px solid #ccc;
	transform: translate(-50%, -50%);
}
.txtbox-col2-container .btn-view-prev:after,
.txtbox-col2-container .btn-view-next:after {
	content: "";
	position: absolute;
	top: 6px;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
}
.txtbox-col2-container .btn-view-prev:after {
	left: 0;
	border-right: 8px solid #999;
}
.txtbox-col2-container .btn-view-next:after {
	left: 10px;
	border-left: 8px solid #999;
}
.txtbox-col2-container .btn-view-next {
	left: 50%;
}
.search-choose-box {
	position: relative;
	height: auto;
	/* height: 30px; */
	padding: 0;
	/* padding: 0 0 0 180px; */
	margin-right: -3px;
	box-sizing: border-box;
}
.search-choose-box .radio-group-inline {
	position: absolute;
	top: 0;
	left: 0;
}
.search-choose-box .item-finder {
	width: 100% !important;
	margin-left: 0 !important;
}
.search-choose-box .item-box {
	position: relative;
	width: 100% !important;
	padding-right: 47px;
}
.search-choose-box .item-box .uni-btn-normal {
	position: absolute;
	top: 0;
	right: 2px;
}
.form-group.form-group-additem:after {
	content: "";
	clear: both;
	display: table;
}
.form-group.form-group-additem .inline-col:nth-child(1) {
	float: left;
	width: 15%;
	box-sizing: border-box;
}
.form-group.form-group-additem .inline-col:nth-child(2) {
	float: left;
	width: 85%;
	padding-left: 10px;
	box-sizing: border-box;
}
.form-group.form-group-additem .form-item-input {
	padding: 0 50px 0 0;
}
.form-group.form-group-additem .form-item-input .util-buttons.type1 {
	width: 50px;
}
.form-group.form-group-additem .uni-btn-normal.btn-add,
.form-group.form-group-additem .uni-btn-normal.btn-remove {
	padding: 0;
	width: 22px;
}
.form-group-finder {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 26px;
	padding: 0 28px 0 0;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	background:#fff;
}
.form-group-finder .input-finder {
	border: 0 !important;
}
.form-group-finder .btn-code-finder {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 20px;
	background: url(../images/btn_ico_common_off.png) no-repeat 5px -103px #fff;
	cursor: pointer;
}
.form-group-finder.form-rewrite {
	position: relative;
}
.form-group-finder.form-rewrite .uni-btn-rewrite {
	position: absolute;
	top: 2px;
	right: 28px;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: #fff;
	cursor: pointer;
}
.form-group-finder.form-rewrite .uni-btn-rewrite::after {
	content: "X";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: 0;
	color: #777;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	user-select: none;
}
.form-group-finder .btn-group {
	position: absolute;
	top: -1px;
	right: -2px;
	display: inline-block;
	height: 26px;
}
.form-group-finder .btn-group .uni-btn-normal.btn-search {
	height: 26px;
}
.form-group-finder .input-finder {
	outline: none;
}
.form-group-finder .btn-group .btn-outline.btn-info {
	width: 40px;
	height: 26px;
	color: #333;
	font-weight: bold;
	background-image: url(../../global/images/icon_btn_reset.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	border: 1px solid #cbcbcb;
}
.form-group.form-group-lang {
	position: relative;
	padding: 0 82px 0 55px;
}
.form-group.form-group-lang .txt-lang {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 55px;
	height: 24px;
	vertical-align: middle;
	color: #333;
	background-color: #e9edee;
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding: 0 0 0 33px;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.form-group.form-group-lang .txt-lang:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.form-group.form-group-lang .txt-lang.ko {
	background-image: url(../../global/images/ico_flag_korea.png);
}
.form-group.form-group-lang .txt-lang.en {
	background-image: url(../../global/images/ico_flag_english.png);
}
.form-group.form-group-lang .txt-lang.ch {
	background-image: url(../../global/images/ico_flag_china.png);
}
.form-group.form-group-lang .txt-lang.zh {
	background-image: url(../../global/images/ico_flag_china.png);
}
.form-group.form-group-lang .txt-lang.vn {
	background-image: url(../../global/images/ico_flag_vietnam.png);
}
.form-group.form-group-lang .txt-lang.es {
	background-image: url(../../global/images/ico_flag_es.png);
}
.form-group.form-group-lang .txt-lang.ja {
	background-image: url(../../global/images/ico_flag_japan.png);
}
.form-group.form-group-lang .txt-lang.jp {
	background-image: url(../../global/images/ico_flag_japan.png);
}
.form-group.form-group-lang input[type='text'] {
	height: 24px;
	border: 1px solid #dfe2e5;
	border-left: 0;
}
.form-group.form-group-lang .uni-btn-normal.btn-lang {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 24px 0 10px;
	font-weight: normal;
	border: 1px solid #d0d5da;
	background-color: #fff;
}
.form-group.form-group-lang .uni-btn-normal.btn-lang:after {
	content: "▼";
	position: absolute;
	top: 3px;
	right: 6px;
	color: #666;
}
.form-group.form-group-lang .select-lang {
	position: absolute;
	top: 24px;
	right: 0;
	width: 90px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #d0d5da;
	z-index: 2000;
}
.form-group.form-group-lang .select-lang>li {
	padding: 2px 0;
}
.form-group.form-group-lang.form-remove {
	padding: 0 30px 0 55px;
}
.form-group.form-group-lang .uni-btn-normal.btn-remove {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	padding: 0 10px;
	font-weight: normal;
	border: 1px solid #d0d5da;
	background-color: #fff;
}
.form-group.form-group-lang .uni-btn-normal.btn-remove:after {
	content: "";
	position: absolute;
	top: 9px;
	right: 9px;
	width: 12px;
	height: 2px;
	background-color: #999;
	border: 0;
}
.form-group.form-group-lang + .form-group.form-group-lang {
	margin-top: 4px
}
.flag-icon {
	display: block;
	padding: 2px 2px 2px 27px;
	color: #333;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-color: #f1f1f1;
	cursor: pointer;
}
.flag-icon.ko {
	background-image: url(../../global/images/ico_flag_korea.png);
}
.flag-icon.en {
	background-image: url(../../global/images/ico_flag_english.png);
}
.flag-icon.ch,
.flag-icon.zh {
	background-image: url(../../global/images/ico_flag_china.png);
}
.flag-icon.vn {
	background-image: url(../../global/images/ico_flag_vietnam.png);
}
.flag-icon.es {
	background-image: url(../../global/images/ico_flag_es.png);
}
.reply-wrap {
	position: relative;
	padding: 2px 0;
}
.reply-wrap .item-box {
	position: relative;
	padding: 0 70px 0 0;
}
.reply-wrap .item-box textarea {
	width: 100%;
	height: 52px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.reply-wrap .item-box .btn-reply {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 100%;
	background: #fff;
	border: 1px solid #cbcbcb;
}
.reply-wrap .item-box .btn-reply>span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 20px;
	margin: -10px 0 0 0;
	text-align: center;
	color: #333;
	font-size: 13px;
	display: block;
}
.replybox-wrap {
	margin: 5px 0 0 0;
}
.replybox-box-new {
	padding: 8px 8px 12px;
	border-top: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.replybox-box-new:last-child {
	border-bottom: 1px solid #e8e8e8;
}
.replybox-box-new.followbox {
	position: relative;
	padding-left: 33px;
	border-top: 1px dashed #e8e8e8;
}
.replybox-box-new.followbox::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 11px;
	width: 7px;
	height: 7px;
	background: #fff;
	border-left: 1px solid #8998aa;
	border-bottom: 1px solid #8998aa;
}
.replybox-info {
	padding: 0 0 11px;
}
.replybox-info-txt {
	display: inline-block;
	font-size: 12px;
}
.reply-info-author {
	display: inline-block;
}
.reply-info-time {
	display: inline-block;
	position: relative;
	padding: 0 0 0 24px;
	color: #797979;
}
.reply-info-author + .reply-info-time::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 10px;
	width: 1px;
	height: 11px;
	background-color: #797979;
}
.reply-info-author + .reply-info-time + .reply-info-time::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 10px;
	width: 1px;
	height: 11px;
	background-color: #797979;
}
.reply-info-author strong {
	font-family: "Nanum Gothic", sans-serif;
	color: #263140;
	padding-right: 6px;
}
.reply-info-author em {
	color: #797979;
	font-family: "Nanum Gothic", sans-serif;
	font-style: normal;
}
.replybox-btngroup {
	display: inline-block;
	padding: 0 0 0 9px;
}
.replybox-btngroup button[type="button"] {
	display: inline-block;
	min-width: 39px;
	height: 19px;
	margin: 0 2px;
	padding: 0 8px!important;
	vertical-align: middle;
	line-height: 1.4;
	text-align: center;
	color: #033333;
	font-size: 11px;
	border: 1px solid #b2b2b2;
	box-sizing: border-box;
}
.replybox-btngroup button[type="button"]::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.replybox-cont {
	font-size: 12px;
	line-height: 1.6;
	color: #8a8989;
}
.textarea-wrap {
	padding: 5px 0;
}
.textarea-wrap textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.select-multiple {
	width: 100%;
	border: 0;
}
.select-multiple-item {
	padding: 4px;
}
.select-multiple-item::selection {
	background-color: #3399cd;
	color: #fff;
}
.form-item-input {
	position: relative;
	padding: 0 114px 10px 0;
}
.form-item-input .type2-select {
	display: block;
	padding-right: 120px;
}
.form-item-input .util-buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	text-align: right;
}
.form-item-input .util-buttons.type1 {
	width: 120px;
}
.form-item-input .util-buttons.type2 {
	width: 260px;
}
.form-item-input .util-buttons .uni-btn-normal {
	position: relative;
	padding-left: 20px;
}
.form-item-input .util-buttons .uni-btn-normal:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../images/btn_ico_common_off.png);
	background-repeat: no-repeat;
}
.form-item-input .util-buttons .uni-btn-normal.btn-add:before {
	background-position: 2px -266px;
}
.form-item-input .util-buttons .uni-btn-normal.btn-remove:before {
	background-position: 2px -313px;
}
.form-item-input .util-buttons .uni-btn-normal.btn-up:before {
	background-position: 3px -358px;
}
.form-item-input .util-buttons .uni-btn-normal.btn-down:before {
	background-position: 3px -403px;
}
.view-txt-item {
	padding: 4px 0;
	line-height: 1.6em;
}
.view-txt-item.multi-line {
	max-height: 200px;
	overflow: auto;
}
.form-group.form-ground-send {
	position: relative;
}
.form-list-wrap {
	height: 200px;
	padding: 10px;
	border: 1px solid #dfe2e5;
	overflow-x: hidden;
	overflow-y: auto;
}
.form-list-wrap .chk-item {
	padding: 7px 0 10px;
}
.form-list-wrap .mail-folder-item {
	display: block;
	padding: 2px 0 10px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/icons_mail_off.png) no-repeat 0 -102px;
	box-sizing: border-box;
}
.form-list-wrap .uni-btn-normal {
	vertical-align: middle;
}
.email-send-wrap {
	position: relative;
	min-height: 30px;
	background-color: #fff;
}
.email-send-btns {
	position: absolute;
	top: 0;
	right: 0;
	width: 84px;
	padding-left: 0;
	box-sizing: border-box;
}
.email-send-btns:after {
	content: "";
	clear: both;
	display: table;
}
.btn-email-list-remove {
	position: absolute;
	top: 3px;
	right: 5px;
	padding: 6px;
	font-size: 16px;
	cursor: pointer;
}
.form-group.form-group-sender .email-send-wrap {
	position: relative;
	padding-right: 30px;
}
/*
.btn-email-list-remove-j3 {
	position: absolute;
	top: 1px;
	right: 10px;
	padding: 6px;
	font-size: 16px;
	cursor: pointer;
}
.btn-email-list-removeTitle {
	position: absolute;
	top: 1px;
	right: 0px;
	padding: 6px;
	font-size: 16px;
	background: url(../images/icon_reload.png) no-repeat center center;
	cursor: pointer;
}
.btn-email-list-sort {
	position: absolute;
	top: 1px;
	right: 25px;
	padding: 6px;
	font-size: 16px;
	background: url(../images/icon_shortlink.png) no-repeat center center;
	cursor: pointer;
} */
.email-send-btns > a {
	float: left;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	display: block;
	width: 28px;
	height: 26px;
	margin-left: -1px;
	text-indent: -9999px;
	background-image: url(../images/icon_mail_write.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.email-send-btns .btn-email-list-removeTitle {
	margin-left: 0;
	background-position: 0 0;
}
.email-send-btns .btn-email-list-sort {
	background-position: -26px 0;
}
.email-send-btns .btn-email-list-remove-j3 {
	background-position: -52px 0;
}
.email-send-wrap .email-send-list {
	float: left;
	width: 100%;
	min-height: 28px;
	max-height: 68px;
	/* padding: 3px 4px 2px; */
	padding: 3px 4px 0;
	line-height: 1.0em;
	background-color: #fff;
	border: 1px dashed #d9dfe3;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.email-send-list.email-pop-send {
	max-height: 50px;
	margin-bottom: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}
.email-send-list-j3 {
	padding: 3px 4px 2px;
	min-height: 28px;
	max-height: 368px;
	line-height: 1.0em;
	background-color: #f9fbfc;
	float: left;
/* 	cursor: grabbing; */
	width: calc(100% - 50px);
	border: 1px dashed #5fc680;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.email-send-list-j3.email-pop-send {
	max-height: 50px;
	margin-bottom: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}
.email-send-item {
	display: inline-block;
	position: relative;
	padding: 3px 38px 3px 5px;
	font-size: 12px;
	background-color: #e5f2fb;
	border: 1px solid #aed0ea;
	border-radius: 4px !important;
}
.email-send-wrap .email-send-item-j3 {
	display: inline-block;
	position: relative;
	height: 20px;
	padding: 1px 46px 3px 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	text-indent: 0;
	font-size: 12px;
	line-height: normal;
	background-color: #f7f7f7;
	border: 1px solid #d9dfe3;
	border-radius: 4px !important;
}
.email-send-wrap .email-send-item>em {
	color: #7f7f7f;
	font-style: normal;
	font-weight: normal;
	color: #144b74 !important;
	font-family: "Nanum Gothic", sans-serif;
}
.email-send-wrap .email-send-item .btn-email-close {
	position: absolute;
	top: 2px;
	right: 6px;
	display: block;
	color: #2e94e2;
	cursor: pointer;
}
.email-send-wrap .email-send-item .btn-email-update {
	position: absolute;
	top: 2px;
	right: 19px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/icon_pencil.png) no-repeat center center;
	cursor: pointer;
}
.email-send-wrap .email-send-item-j3 .btn-email-close-j3 {
	position: absolute;
	top: 1px;
	right: 2px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/icon_remove_x.png) no-repeat center center;
	cursor: pointer;
}
.email-send-wrap .email-send-item-j3 .btn-email-update-j3 {
	position: absolute;
	top: 1px;
	right: 16px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/icon_pencil.png) no-repeat center center;
	cursor: pointer;
}
.email-send-wrap .email-send-item-j3 .btn-email-removeTitle {
	position: absolute;
	top: 2px;
	right: 28px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/icon_staff_filter.png) no-repeat center center;
	/* background: url(../images/icon_reload.png) no-repeat center center; */
	cursor: pointer;
}
.email-send-wrap [name='sortInfo'] {
	display: none;
	text-indent: -9999px;
}
.email-send-wrap input[type='text'] {
	display: inline-block;
	margin-right: 5px;
	white-space: nowrap;
	box-sizing: border-box;
	background-color: #fff;
	visibility: visible;
}
.email-send-item+.email-send-item {
	margin-left: 6px;
}
.email-send-item-group {
	display: inline-block;
	position: relative;
	padding: 3px 24px 3px 5px;
	font-size: 12px;
	background-color: #f7e4b7;
	border: 1px solid #d6c293;
	border-radius: 4px !important;
	cursor: pointer;
}
.email-send-item-group>em {
	color: #846312;
	font-style: normal;
	font-weight: normal;
	color: #144b74 !important;
	font-family: "Nanum Gothic", sans-serif;
}
.email-send-item-group>em>strong {
	font-family: "Nanum Gothic", sans-serif;
	font-weight: 500;
}
.email-send-item-group .btn-email-close {
	position: absolute;
	top: 2px;
	right: 6px;
	display: block;
	color: #ac8d41;
	cursor: pointer;
}
.email-send-wrap + .form-group-finder {
	margin-top: 0;
}
.email-autocomplete-wrap {
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #999;
	box-sizing: border-box;
	z-index: 10000;
}
.email-autocomplete-item {
	display: block;
	padding: 4px 6px;
}
.email-autocomplete-item.active {
	color: #fff;
	background-color: #337ab7;
}
.email-autocomplete-item>strong {
	font-family: "Nanum Gothic", sans-serif;
}
.email-autocomplete-item.active>strong {
	color: #fff;
}
.email-send-container {
	position: relative;
	max-height: 150px;
}
.email-send-container .form-group-finder {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 28px;
	padding: 2px 0 0 0;
	color: #a8a8a8;
	font-size: 13px;
	background-color: #fff;
	border-color: #999;
	box-sizing: border-box;
	z-index: 1000;
}
.email-send-container .form-group-finder:after {
	content: "";
	position: absolute;
	top: 4px;
	right: 4px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_mail_search.png) no-repeat 0 0;
}
.email-send-container .form-group-finder input[type='text'] {
	height: 20px;
	background-color: #fff;
}
.email-send-container .email-send-wrap {
	max-height: 150px;
	text-indent: 250px;
}
.email-send-container .email-send-wrap.no-input-finder {
	text-indent: 0;
}
.email-send-container .email-send-wrap .email-send-list {
	width: calc(100% - 90px);
	/* max-height: 55px; */
	max-height: 155px;
	border-style: solid;
	line-height: 1.6;
}
.email-send-container .email-send-wrap .email-send-item,
.email-send-container .email-send-wrap .email-send-item-group,
.email-send-container .email-send-wrap .btn-email-list-remove {
	text-indent: 0;
}
.email-send-container .email-send-wrap .email-send-item {
	margin-top: 4px;
}
.email-send-container .email-send-wrap .btn-email-list-remove {
	width: 70px;
	text-align: center;
}
.email-send-container .email-send-wrap .uni-btn-normal {
	position: absolute;
	top: 40px;
	right: 0;
}
.email-send-container .typeahead.dropdown-menu {
	width: 500px !important;
	overflow-x: hidden !important;
	z-index: 2500;
}
.email-send-container .typeahead.dropdown-menu > li {
    padding: 0 4px;
    height: 50px;
    line-height: 50px;
    }
.email-brity-container {
	margin-top: 6px;
	border: 1px solid #ccc;
}
.email-brity-container .list-control {
	overflow: hidden;
    background-color: #f8f8f8;
	height: 28px;
    padding: 4px 7px;
	box-sizing: border-box;
}
.email-brity-container .list-control:after {
	content: "";
	clear: both;
	display: table;
}
.email-brity-container .list-control .side-left {
	float: left;
	padding: 0 0 0 10px;
}
.email-brity-container .list-control .side-right {
	position: relative;
	float: right;
	padding: 0 24px 0 0;
}
.email-brity-container .list-control .email-buttons-type,
.email-brity-container .list-control .email-buttons-control,
.email-brity-container .list-control .email-count-group {
	display: inline-block;
	padding: 0 14px 0 0;
}
.email-brity-container .list-control .email-buttons-control {
	position: relative;
	display: inline-block;
	padding: 0 16px 0 10px;
}
.email-brity-container .list-control .email-buttons-control:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 1px;
	height: 12px;
	background-color: #e6e6e6;
}
.email-brity-container .list-control .email-count-group {
	display: inline-block;
}
.email-brity-container .list-control .email-count-group .count-item {
	display: inline-block;
	padding: 0 12px 0 0;
	font-size: 12px;
}
.email-brity-container .list-control .email-count-group .count-item > em {
	padding-left: 2px;
	font-weight: bold;
}
.email-brity-container .list-control .email-buttons-type .btn-last-down {
	display: inline-block;
	height: 20px;
	padding: 0 4px;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}
.email-brity-container .list-control .email-buttons-type .btn-last-down.active {
	background-color: #338edf;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl {
	display: inline-block;
	text-indent: -9999px;
	width: 19px;
	height: 20px;
	vertical-align: middle;
	background-image: url(../images/bg_btn_form.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	opacity: 0.6;
	cursor: pointer;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl.first {
	background-position: -40px 0;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl.up {
	background-position: -20px 0;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl.down {
	background-position: -60px 0;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl.bottom {
	background-position: -80px 0;
}
.email-brity-container .list-control .email-buttons-control .uni-button-ctrl.delete {
	width: 20px;
	margin-left: 3px;
	background-position: 0 0;
}
.email-brity-container .list-control .email-buttons-type .btn-last-down.active {
	background-color: #cce3f7;
}
.email-brity-container .email-brity-list {
	max-height: 140px;
	overflow-y: auto;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.email-brity-container .email-brity-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.email-brity-container .email-brity-list .ui-widget-content {
	position: relative;
	height: 28px;
	padding: 3px 10px 3px 19px;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	border-top: 1px solid #e1e1e1;
}
.email-brity-container .email-brity-list .ui-widget-content:hover {
	background-color: #eff6fd;
}
.email-brity-container .email-brity-list .ui-widget-content .recvBtn {
	display: inline-block;
	width: 32px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #ccc;
	border: 0;
	box-sizing: border-box;
}
.email-brity-container .email-brity-list .ui-widget-content .recvBtn.active {
	background-color: #338edf;
}
.email-brity-container .email-brity-list .ui-widget-content > em {
	padding: 0 10px 0 13px;
	font-size: 12px;
}
.email-brity-container .email-brity-list .sort-handle {
	display: none;
}
.email-brity-container .email-brity-list .ui-selected .sort-handle {
	position: absolute;
    top: 4px;
    left: 3px;
    display: inline-block;
    padding: 0;
    color: #acbfd9;
    cursor: pointer;
}
.email-brity-container .email-brity-list .ui-selected {
	background-color: #e5eef4;
	/* color: #fff; */
	font-weight: bold;
	background-image: none;
}
.email-brity-container .email-brity-list .ui-selecting {
	background-color: #e5eef4;
	/* background-color: #ccccff; */
	/* color: #fff; */
	background-image: none;
}
.email-brity-container .list-control .side-right .btn-mail-folding-close {
	top: 2px;
	left: auto;
	right: 0;
	width: 18px;
	height: 16px;
	background: url(../images/ico_common.png) no-repeat 5px -412px;
	outline: none;
}
.email-brity-container .list-control .side-right .btn-mail-folding-close.active {
	background: url(../images/ico_common.png) no-repeat 5px -368px;
}
.email-brity-container .list-control .side-right .email-send-btns {
	position: relative;
	display: block;
}
.email-brity-container .list-control .side-right .email-send-btns:after {
	content: "";
	clear: both;
	display: table;
}
.email-brity-container .list-control .side-right .email-send-btns:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 1px;
	height: 12px;
	background-color: #e6e6e6;
}
.email-brity-container .list-control .side-right .email-send-btns button {
	float: left;
	display: block;
    width: 28px;
    height: 24px;
	text-indent: -9999px;
    background-image: url(../images/icon_mail_write.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    background-color: transparent;
    box-sizing: border-box;
}
.email-brity-container .list-control .side-right .email-send-btns .btn-email-list-removeTitle {
    background-position: 0 0;
}
.email-brity-container .list-control .side-right .email-send-btns .btn-email-list-sort {
	background-position: -26px 0;
}
.email-brity-container .list-control .side-right .email-send-btns .btn-email-list-remove-j3 {
	background-position: -52px 0;
}
.email-brity-container .ui-widget-content .btn-email-removeTitle,
.email-brity-container .ui-widget-content .btn-email-update-j3,
.email-brity-container .ui-widget-content .btn-email-close-j3 {
	position: absolute;
    top: 5px;
	display: inline-block;
    width: 20px;
    height: 20px;
	margin-left: -1px;
    text-indent: -9999px;
	background-image: url(../images/icon_staff_filter.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f0f0f0;
    cursor: pointer;
}
.email-brity-container .ui-widget-content .btn-email-removeTitle {
	right: 93px;
	background-image: url(../images/icon_staff_filter.png);
}
.email-brity-container .ui-widget-content .btn-email-update-j3 {
	right: 63px;
    background-image: url(../images/icon_pencil.png);
}
.email-brity-container .ui-widget-content .btn-email-close-j3 {
	right: 36px;
    background-image: url(../images/icon_remove_x.png);
}
.form-group-full {
	display: block;
}
.repeat-opt-day,
.repeat-opt-week,
.repeat-opt-month,
.repeat-opt-reserved {
	display: inline-block;
}
.form-group-full input[type='text'] {
	display: inline-block;
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.dropdown-select {
	position: relative;
	padding: 0 0 0 3px;
}
.uni-btn-normal.uni-dropdown {
	background-color: #e9edee;
}
.uni-btn-normal.uni-dropdown>span>em {
	padding: 0 4px 0 0;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #666;
	vertical-align: middle;
}
.dropdown-select .dropdown-list {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	width: 100px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	z-index: 10;
}
.dropdown-select .dropdown-list>li {
	background-color: #f7f7f7;
	border-bottom: 1px solid #cfcfcf;
}
.dropdown-select .dropdown-list>li:last-child {
	border-bottom: 0;
}
.dropdown-select .dropdown-list .icon-lang {
	position: relative;
	display: block;
	height: 26px;
	padding: 5px 10px 5px 40px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}
.dropdown-select .dropdown-list .icon-lang:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 4px;
	display: block;
	width: 24px;
	height: 18px;
	background-image: url(../../global/images/ico_flag_korea.png);
	background-position: 6px 5px;
	background-repeat: no-repeat;
}
.dropdown-select .dropdown-list .icon-lang.ko:after {
	background-image: url(../../global/images/ico_flag_korea.png);
}
.dropdown-select .dropdown-list .icon-lang.en:after {
	background-image: url(../../global/images/ico_flag_english.png);
}
.dropdown-select .dropdown-list .icon-lang.ch:after,
.dropdown-select .dropdown-list .icon-lang.zh:after {
	background-image: url(../../global/images/ico_flag_china.png);
}
.dropdown-select .dropdown-list .icon-lang.vn:after {
	background-image: url(../../global/images/ico_flag_vietnam.png);
}
.dropdown-select .dropdown-list .icon-lang.es:after {
	background-image: url(../../global/images/ico_flag_es.png);
}
.dropdown-select .dropdown-list .icon-lang.ja:after {
	background-image: url(../../global/images/ico_flag_japan.png);
}
.dropdown-select .dropdown-list .icon-lang.active {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.dropdown-select .txt-code-outcome {
	display: inline-block;
	padding: 4px 0 0 4px;
	color: #ff7521;
}
::placeholder {
	color: #cfcfcf;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #cfcfcf;
}
::-ms-input-placeholder {
	color: #cfcfcf;
}
/* form table buttons */

.btn-form-normal {
	display: inline-block;
	width: 110px;
	height: 32px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #d0d5da;
}
.btn-form-normal:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.btn-form-normal.blue {
	border: 1px solid #3f4e8e;
}
.btn-form-normal.blue>span {
	color: #25398b;
}
.btn-form-normal.search {
	background-color: #25398b;
	color: #fff;
}
.reply-button-group .btn-reply-normal {
	display: inline-block;
	width: 100%;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.reply-button-group .btn-reply-normal:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.reply-button-group .btn-reply-normal+.btn-reply-normal {
	margin-top: 1px;
}
.btn-mail-movegroup {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 100%;
	padding-top: 44px;
	box-sizing: border-box;
}
.btn-mail-movegroup .uni-btn-normal.btn-arrow-left {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../../global/images/btn_arrow_left.png) no-repeat center center #fff;
}
.btn-mail-movegroup .uni-btn-normal.btn-arrow-right {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: 6px;
	background: url(../../global/images/btn_arrow_right.png) no-repeat center center #fff;
}
/* form inline type */

.form-item {
	display: inline-block;
	min-width: 60px;
}
.form-item .iptbox {
	display: inline-block;
	min-width: 60px;
	height: 24px;
	background-color: #fff;
	border: 1px solid #dfe2e5;
}
.form-item .select {
	display: inline-block;
	min-width: 60px;
	height: 24px;
	background-color: #fff;
	border: 1px solid #dfe2e5;
}
.form-item.full {
	width: 100%;
}
.form-item.full .iptbox {
	width: 100%;
}
.item-box-appr {
	position: relative;
	margin-bottom: 4px;
}
.item-box-appr .utilmenu {
	position: absolute;
	top: 0;
	right: 0;
}
.input-item-inline {
	display: inline-block;
	min-width: 60px;
	padding: 0 0 10px;
}
.input-item-inline>label {
	display: none;
}
.input-item-inline .item-box {
	display: inline-block;
	width: 100%;
}
.input-item-inline .item-box input[type='text'],
.input-item-inline .item-box input[type='password'] {
	display: inline-block;
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
}
.uni-chk-inline-group {
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
}
.uni-chk-inline-group .chk-item.chk-inline label {
	color: #000;
}
.chk-item.chk-inline {
	display: inline-block;
}
.chk-item.chk-inline input[type="checkbox"],
.chk-item.chk-inline input[type="radio"] {
	position: fixed;
	top: 0;
	left: -9999px;
}
.chk-item.chk-inline+.input-item-inline {
	margin-left: 10px;
}
.today-cache-wrap {
	min-height: 30px;
	padding: 6px 19px 6px;
	text-align: right;
	box-sizing: border-box;
}
.today-cache-item {
	display: inline-block;
	text-align: right;
}
.today-cache-item .inline-txt {
	display: inline-block;
	padding: 0 5px;
}
.today-cache-item .chk-item {
	display: inline-block;
	vertical-align: middle;
}
.today-cache-item .chk-item + .uni-btn-normal {
	margin-left: 4px;
}
.radio-item.radio-inline+.input-item-inline {
	margin-left: 10px;
}
.radio-item.radio-inline+.input-item-inline02 {
	margin-left: 0px;
	width: 37px;
}
.uni-btn-normal {
	display: inline-block;
	height: 24px;
	margin: 0 -3px;
	padding: 0 10px;
	margin-right: 1px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.uni-btn-normal.btn-gray {
	background-color: #eee;
}
.uni-btn-mini {
	display: inline-block;
	height: 20px;
	margin: 0;
	padding: 0 6px;
	margin-right: 1px;
	font-size: 11px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #6d6d6d;
	font-weight: normal;
	vertical-align: top;
}
.item-row-full input[type='file'] {
	width: 100%;
	height: 30px;
	background-color: #f5f5f5;
	border: 1px solid #cbcbcb;
}
.uni-btn-mini.btn-folding {
	position: relative;
	min-width: 22px;
}
.uni-btn-mini.btn-folding:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 4px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #9ca2a6;
	vertical-align: middle;
}
.uni-btn-mini.btn-folding.active:after {
	content: "";
	position: absolute;
	top: 0;
	left: 4px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #9ca2a6;
	vertical-align: middle;
}
.uni-fileupload-box {
	display: block;
	width: 100%;
	min-height: 74px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	/* border: 1px dashed #ddd */
}
.uni-apprvl-container .uni-fileupload-box {
	padding: 5px;
}
.uni-apprvl-container .uni-fileupload-box .input-group .btn-file {
	border: 1px solid #cccccc;
	padding: 5px 14px;
	background-color: #f2f2f2;
	cursor: pointer;
}
.uni-fileupload-box.active-drag {
	background-color: #e5e5e5;
	border: 2px dashed #bebebd;
}
.txt-upload-guide {
	padding-top: 22px;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 13px !important;
}
.upload-header {
	margin: 5px 0 12px;
	padding: 0 0 0px 24px;
	background: url(../../global/images/icon_clip.png) no-repeat 2px 4px;
}
.upload-header>strong {
	font-family: "Nanum Gothic", sans-serif;
	color: #333;
	font-weight: bold;
}
.file-preview-list {
	padding: 6px 10px 6px 0;
}
.uni-mail-attach.uni-pop-board-attach .uni-mail-filename {
	padding-top: 30px;
}
.uni-mail-attach.uni-pop-board-attach .uni-mail-filetitle {
	left: 0;
}
.uni-mail-attach.uni-pop-board-attach .file-preview-list {
	padding-top: 0;
}
.file-preview-item {
	padding: 2px 3px;
	background-color: transparent;
}
.file-preview-item:hover {
	background-color: #f2f2f2
}
.uni-filebox {
	position: relative;
	display: inline-block;
}
.uni-filebox input[type="file"] {
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 0 !important;
	margin: -1px;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.uni-filebox label {
	display: inline-block;
	margin-left: -6px;
	padding: 4px 10px;
	color: #333;
	font-size: 12px;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer;
	border-bottom-color: #e2e2e2;
	border-radius: 0;
	border: 1px solid #ccc;
}
.uni-filebox .filebox-input {
	display: inline-block;
	width: 180px;
	height: 27px;
	padding: 4px 4px;
	font-size: 12px;
	line-height: normal;
	vertical-align: top;
	border: 1px solid #ccc;
	border-radius: .25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	appearance: none;
}
.file-only-button {
	height: 24px;
}
.file-only-button label {
	height: 24px;
	padding: 2px 6px;
	font-size: 13px;
    font-weight: bold;
}
.icon-file {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/icon_attach.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	overflow: hidden;
}
.icon-file.word {
	background-position: 0 0;
}
.icon-file.pdf {
	background-position: -24px 0;
}
.icon-file.excel {
	background-position: -48px 0;
}
.icon-file.ppt {
	background-position: -73px 0;
}
.icon-file.hangul {
	background-position: -97px 0;
}
.icon-file.zip {
	background-position: -121px 0;
}
.icon-file.jpg {
	background-position: -145px 0;
}
.icon-file.bmp {
	background-position: -145px 0;
}
.icon-file.gif {
	background-position: -145px 0;
}
.icon-file.png {
	background-position: -145px 0;
}
.icon-file.mp4 {
	background-position: -169px 0;
}
.file-preview-name {
	display: inline-block;
	padding-left: 8px;
	vertical-align: top;
	font-weight: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.txt-file-data {
	color: #737373;
	font-style: normal;
	font-weight: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.btn-file-remove {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	vertical-align: top;
	font-style: normal;
	text-indent: -9999px;
	cursor: pointer;
}
.btn-file-remove:after {
	content: "X";
	position: absolute;
	top: 0;
	left: 8px;
	width: 16px;
	height: 16px;
	color: #666;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	text-indent: 0;
}
/* list type */

.list-type1 {
	width: auto !important;
	padding: 4px;
	/* border: 1px solid #dfe2e5; */
	box-sizing: border-box;
}
.list-type1>dl {
	display: table;
	padding: 3px;
	width: 100%;
	box-sizing: border-box;
}
.list-type1>dl>dt {
	display: table-cell;
	width: 20%;
	text-align: left;
	vertical-align: middle;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.list-type1>dl>dd {
	display: table-cell;
	width: 80%;
	text-align: left;
	font-size: 13px;
	vertical-align: middle;
	color: #6d6d6d;
}
.list-type1.border-top-none {
	border-top: 0 !important;
}
.list-type2 {
	position: relative;
	padding: 6px;
	border: 1px dashed #ddd;
	box-sizing: border-box;
}
.list-type2 .left-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	padding: 14px 10px;
	box-sizing: border-box;
}
.list-type2 .right-con {
	width: 100%;
	padding: 8px 8px 8px 208px;
	box-sizing: border-box;
}
.list-type2 .right-con .box-text-type1 {
	padding: 9px 6px;
	min-height: 68px;
	background-color: #e6e7eb;
}
.list-type2 .left-con .author {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}
.list-type2 .left-con .date {
	display: block;
	font-size: 12px;
	color: #666;
}
.list-type2+.list-type2 {
	margin-top: 6px;
}
.list-type2.reply-list .right-con {
	position: relative;
	padding: 8px 66px 8px 208px;
}
.list-type3 {
	border: 1px solid #dfe2e5;
}
.list-type3>h4 {
	padding: 8px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #bbc6db;
}
.list-type3-list {
	height: 98px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}
.list-type3-item {
	padding: 8px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.list-type3+.list-type3 {
	margin-top: 10px;
}
.list-type4 dl {
	padding: 4px 0;
}
.list-type4 dl:after {
	content: "";
	clear: both;
	display: table;
}
.list-type4 dt {
	float: left;
	width: 30%;
	padding: 0 12px 0 0;
	text-align: right;
	color: #333;
	box-sizing: border-box;
}
.list-type4 dd {
	float: left;
	width: 70%;
	color: #6d6d6d;
	box-sizing: border-box;
}
.list-type5-wrap {
	min-height: 80px;
	padding-bottom: 10px;
}
.list-type5-title {
	padding: 10px;
	text-align: center;
	font-size: 14px;
	background-color: #f1f1f1;
	box-sizing: border-box;
}
.list-type5 {
	padding: 2px 0 0;
}
.list-type5>li {
	padding: 2px 0;
}
.list-type5-item {
	display: block;
	padding: 5px;
	font-size: 12px;
	background-color: #4e5fb9;
}
.list-type5-item>strong {
	display: block;
	color: #fff;
	font-family: "Nanum Gothic", sans-serif;
}
.list-type5-item>span {
	display: block;
	color: #fff;
}
.list-type5-item.green {
	background-color: #58a96d;
}
.list-type5-item.yellow {
	background-color: #d19d42;
}
.list-type5-item.purple {
	background-color: #b34eb9;
}
.list-type6-wrap {
	min-height: 30px;
	padding: 5px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.list-type6-item {
	padding: 1px;
}
.list-type7-item {
	position: relative;
	min-height: 24px;
	padding: 10px 0;
}
.list-type7-item dt {
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 13px;
}
.list-type7-item dd {
	padding: 0 60px 0 90px;
	font-size: 13px;
	box-sizing: border-box;
}
.list-type7-item dd.button-group {
	position: absolute;
	top: 6px;
	right: 0;
	width: 58px;
	padding: 0;
}
.list-type7-item dd.button-group .uni-btn-normal {
	display: block;
	margin: 0;
	width: 100%;
}
.list-type7-item dd.button-group .uni-btn-nomral.blue-border {
	border: 1px solid #3f4f8e !important;
	color: #3f4f8e;
}
.list-type7.edit-mode .list-type7-item {
	padding: 5px 0;
}
.list-type7-item .form-group-full+.form-group-full {
	margin-top: 4px;
}
.list-type8 {
	padding: 6px;
	border: 1px solid #ddd;
	overflow: auto;
}
.list-type8-item {
	position: relative;
	padding: 5px;
	height: 24px;
	border: 1px solid #ddd;
}
.list-type8-item>strong {
	font-size: 12px;
	color: #666;
	font-family: "Nanum Gothic", sans-serif;
}
.list-type8-item .btn-item-remove {
	position: absolute;
	top: 4px;
	right: 8px;
	display: inline-block;
	width: 16px;
	height: 16px;
}
.list-type8-item .btn-item-remove:after {
	content: "X";
	position: absolute;
	top: 0;
	right: 4px;
	color: #666;
}
.list-type8-item + .list-type8-item {
	margin-top: -1px;
}
.list-type9 > li {
	border: 1px solid #ddd;
	border-bottom: 0;
}
.list-type9 > li:last-child {
	border-bottom: 1px solid #ddd;
}
.list-type9-item {
	display: block;
	height: 40px;
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	box-sizing: border-box;
}
.list-type9-item.active {
	background-color: #d9edf7;
}
.list-type10-wrap {
	min-height: 30px;
	padding: 1px 5px 5px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.list-type10-item {
	display: inline-block;
	position: relative;
	min-width: 100px;
	height: 30px;
	margin-top: 5px;
	padding: 0 94px 0 22px;
	color: #000;
	font-size: 13px;
	background-color: #f4f4f4;
	cursor: default;
	border: 1px solid #dfe2e5;
}
.list-type10-item::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.list-type10-item:hover {
	background-color: #a3a3a3;
	border: 1px solid #333;
}
.list-type10-item > strong {
	font-family: "Nanum Gothic", sans-serif;
}
.list-type10-item:hover > strong {
	color: #fff;
}
.list-type10-item > .icon-whitebox {
	position: absolute;
	top: 3px;
	right: 27px;
	display: inline-block;
	width: 64px;
	height: 20px;
	padding: 0 20px 0 5px;
	text-align: left;
	color: #5e5e5e;
	font-family: "Nanum Gothic", sans-serif;
	line-height: 18px;
	font-style: normal;
	background-color: #fff;
	border: 1px solid #ddd;
	border-spacing: 1px;
	box-sizing: border-box;
}
.list-type10-item > .icon-whitebox::before {
	content: "";
	position: absolute;
	top: 6px;
	right: 5px;
	display: inline-block;
	text-indent: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #c0c0c0;
	user-select: none;
}
.list-type10-item > .icon-whitebox > em {
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.list-type10-item > .icon-whitebox mark {
	display: block;
	padding: 0;
	background-color: #fff;
	cursor: pointer;
}
.list-type10-item > .icon-whitebox .inine-dropdown {
	display: none;
	position: absolute;
	top: 19px;
	left: -1px;
	width: 64px;
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	z-index: 1000;
}
.list-type10-item > .icon-whitebox .inine-dropdown em {
	display: block;
	height: 22px;
	padding: 3px 4px;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.list-type10-item > .icon-whitebox .inine-dropdown em:last-child {
	border-bottom: 0;
}
.list-type10-item > .icon-whitebox .inine-dropdown em:hover {
	background-color: #b5bcd7;
}
.list-type10-item > .btn-remove {
	position: absolute;
	top: 10px;
	right: 8px;
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	cursor: pointer;
}
.list-type10-item > .btn-remove {
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	background: transparent;
	cursor: pointer;
}
.list-type10-item > .btn-remove::before,
.list-type10-item > .btn-remove::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 4px;
	width: 2px;
	height: 13px;
	background-color: #a6a6a6;
	transform: rotate(45deg);
}
.list-type10-item > .btn-remove::after {
	transform: rotate(-45deg);
}
.list-type10-item:hover > .btn-remove::before,
.list-type10-item:hover > .btn-remove::after {
	background-color: #fff;
}
.list-type10-item .icon-txt {
	position: absolute;
	top: 4px;
	left: 5px;
	display: inline-block;
	width: 14px;
	height: 21px;
	padding: px;
	font-family: "Nanum Gothic", sans-serif;
	text-align: center;
	font-style: normal;
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
}
.list-type10-item .icon-txt.role {
	background-color: #c46f00;
}
.list-type10-item .icon-txt.user {
	background-color: #9c0000;
}
.list-type10-item .icon-txt.dept {
	background-color: #428000;
}
.list-type10-item .icon-txt.job {
	background-color: #006e9c;
}
.gray-box {
	padding: 0 0 6px 0;
	background-color: #f2f2f2;
	border: 1px solid #e3e3e3;
}
.list-type11-wrap {
	padding: 10px;
	border: 1px solid #e3e3e3;
}
.list-type11-item {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.list-type11-item:first-child {
	padding: 0 0 15px;
}
.list-type11-item:last-child {
	border-bottom: 0;
}
.list-type11-item > dt {
	/* padding: 0 0 10px; */
	padding: 0;
}
.list-type11-item > dt > strong {
	display: inline-block;
	padding-right: 10px;
	font-weight: bold;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
	color: #333;
}
.list-type11-item > dt > p {
	display: inline-block;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	line-height: 1;
}
.list-type11-item > dd {
	position: relative;
	padding: 0 52px 0 0;
}
.list-type11-item > dd .uni-btn-normal {
	position: absolute;
	top: 0px;
	right: 0;
}
.list-type11-item > dd input[type='text'] {
	display: inline-block;
	width: 100%;
	height: 24px;
	padding: 0 4px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.list-type12-wrap {
	max-height: 88px;
	min-height: 30px;
	padding: 3px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.list-type12-item {
	padding: 0;

}
.list-type12-item .item-remove {
	position: relative;
	display: inline-block;
	font-size: 12px;
    color: #5899ff;
/* 	padding: 0 15px 0 2px; */
	padding: 0 2px 0 2px;
	cursor: pointer;
}
/*.list-type12-item .item-remove:after {
	content: "X";
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 12px;
	color: #999;
	font-family: Arial;
}*/
.list-type13-wrap {
	height: auto;
	min-height: 30px;
	padding: 3px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.list-type13-item {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	font-size: 12px;
    color: #5899ff;
	padding: 0 12px 0 2px;
	cursor: pointer;
}
/*
.list-type13-item:after {
	content: "X";
	position: absolute;
	top: 1px;
	right: 0;
	font-size: 11px;
	color: #999;
	font-family: Arial;
}
*/


.list-selectbox-wrap {
	position: relative;
	padding: 0 0 0 130px;
	box-sizing: border-box;
}
.list-selectbox-wrap .selectbox-left {
	position: absolute;
	top: 0;
	left: 0;
}
.list-selectbox-wrap .selectbox-left .select {
	width: 120px;
}
.list-selectbox-wrap .selectbox-selection-right {
	width: 100%;
	/* min-height: 54px; */
	min-height: 75px;
}
.list-star-item {
	padding: 3px 0;
}
.list-star-item>strong {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: middle;
	font-family: "Nanum Gothic", sans-serif;
}
.list-star-item .icon-star {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/icon_star.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	cursor: pointer;
}
.list-star-item .icon-star.active {
	background-position: -16px 0;
}
.icon-star {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/icon_star.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	cursor: pointer;
}
.icon-star.active {
	background-position: -16px 0;
}
.favor-list {
	height: auto;
	width: 255px;
}
.favor-list > li {
	border-bottom: 1px solid #dfdfdf;
}
.favor-list .favor-item {
	font-size: 12px;
	position: relative;
	padding: 5px 40px 5px 26px;
}
.favor-list .favor-item:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_star.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
	background-size: cover;
}
.favor-list .favor-item > a {
	display: block;
	width: 167px;
}
.favor-list .favor-item .uni-btn-normal.uni-favor-remove {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
}
.icon-new-page {
	display: inline-block;
	width: 20px;
	height: 18px;
	text-indent: -9999px;
	vertical-align: middle;
	background: url(/global/images/icon_new_page.png) no-repeat 0 0;
	cursor: pointer;
}
.icon-doc-secu {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	vertical-align: top;
	background: url(/global/images/icon_doc_secu.png) no-repeat center center;
}
.list-form-guide {
	padding-top: 8px;
}
.list-form-guide>li {
	position: relative;
	padding: 1px 0 1px 8px;
	font-size: 11px;
	letter-spacing: -1px;
	color: #6d6d6d;
}
.list-form-guide>li:before {
	content: "-";
	position: absolute;
	top: 2px;
	left: 0;
	color: #6d6d6d;
	font-size: 11px;
}
.inline-box {
	display: inline-block;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #9ea1b0;
	box-sizing: border-box;
}
.inline-box.orange {
	background-color: #f96524;
}
.inline-box.gray {
	background-color: #9ea1b0;
}
.inline-box+.inline-box {
	margin-left: 0;
}
.list-type6-item .item-remove {
	position: relative;
	display: inline-block;
	color: #244fb2;
	padding: 5px 20px 5px 2px;
	cursor: pointer;
}
.list-type6-item .item-remove:after {
	content: "X";
	position: absolute;
	top: 7px;
	right: 2px;
	font-size: 16px;
	color: #3f4f8e;
	font-family: Arial;
}
.inlinelist-type1-item .item-remove {
	position: relative;
	display: inline-block;
	color: #244fb2;
	padding: 3px 20px 5px 10px;
	cursor: pointer;
}
.inlinelist-type1-item .item-remove:after {
	content: "X";
	position: absolute;
	top: 4px;
	right: 2px;
	font-size: 16px;
	color: #3f4f8e;
	font-family: Arial;
}
.list-type7 {
	padding: 5px 0;
}
.list-type7 > li {
	position: relative;
	padding: 2px 0 2px 15px;
	color: #333;
	font-size: 13px;
}
.list-type7 > li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 3px;
	width: 5px;
	height: 5px;
	background-color: #999;
	border-radius: 50%;
	border: 0;
}
.color-list {
	margin: 0;
	padding: 0;
}
.color-list:after {
	content: "";
	clear: both;
	display: table;
}
.color-list>li {
	float: left;
	padding: 0 3px 0 0;
}
.color-item {
	display: block;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background-color: #fff;
	box-sizing: border-box;
}
.color-item.white {
	border: 1px solid #d0d5da;
	background-color: #fff;
}
.color-item.yellow {
	background-color: #f6e310;
}
.color-item.red {
	background-color: #be5233;
}
.color-item.sky {
	background-color: #42aedc;
}
.color-item.green {
	background-color: #35a23a;
}
.color-item.purple {
	background-color: #9b65d9;
}
.color-item.gray {
	background-color: #adadad;
}
.chk-color-list {
	margin: 0;
	padding: 0;
}
.chk-color-list:after {
	content: "";
	clear: both;
	display: table;
}
.chk-color-list>li {
	float: left;
	padding: 0 3px 0 0;
}
.color-chk-item {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
}
.color-chk-item>label {
	display: inline-block;
	position: relative;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background-color: #fff;
	border: 1px solid #d0d5da;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	box-sizing: border-box;
	cursor: pointer;
}
.color-chkbox {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
}
.color-chkbox:checked+label:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 8px;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 11px;
	border: solid #000;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.color-chk-item.white>label {
	background-color: #fff;
}
.color-chk-item.yellow>label {
	background-color: #f6e310;
}
.color-chk-item.red>label {
	background-color: #be5233;
}
.color-chk-item.sky>label {
	background-color: #42aedc;
}
.color-chk-item.green>label {
	background-color: #35a23a;
}
.color-chk-item.purple>label {
	background-color: #9b65d9;
}
.color-chk-item.gray>label {
	background-color: #adadad;
}
/* .chk-item  {padding: 2px 0}
.chk-item > input[type='checkbox'] {display: inline-block; width: 0; height: 0; vertical-align: top}
.chk-item > label {position: relative; font-size: 12px; font-weight: bold; color: #9ca2a6; padding: 0 0 0 22px;	cursor: pointer;	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none}
.chk-item > label:before {content: ""; position: absolute; top: 1px; left: 0;	width: 16px; height: 16px; background-color: #fff; border: 1px solid #c5c6c7; box-sizing: border-box;}
.chk-item > input[type='checkbox']:checked + label:before {border-color: #445fd4; background-color: #445fd4}
.chk-item > input[type='checkbox']:checked + label:after {content: ""; display: block;  position: absolute; top: 9px; left: 8px; margin: -4px 0 0 -5px; height: 5px; width: 11px; border: solid #fff; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);  transform: rotate(-45deg)} */

.reply-button-group {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 52px;
	height: 68px;
}
.uni-gallery-wrap {
	position: relative;
	padding-bottom: 20px;
}
.uni-gallery-wrap .gallery-date {
	position: absolute;
	top: 16px;
	left: 0;
	color: #5268c6;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
}
.gallery-type1 {
	padding: 10px
}
.gallery-type1:after {
	content: "";
	clear: both;
	display: table;
}
.gallery-type1>li {
	float: left;
	padding: 5px;
}
.gallery-type1 .galley-item {
	display: block;
	width: 140px;
	height: 140px;
	overflow: hidden;
}
.gallery-type1 .galley-item img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.gallery-type2 {
	padding: 10px;
}
.gallery-type2:after {
	content: "";
	clear: both;
	display: table;
}
.gallery-type2>li {
	float: left;
	padding: 5px;
}
.gallery-type2-item {
	position: relative;
	display: block;
	width: 300px;
	height: 200px;
	padding: 10px;
	background-color: #f3f3f3;
	overflow: hidden;
	box-sizing: border-box;
}
.gallery-type2-item .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
	background-color: #dcdcdc;
	overflow: hidden;
}
.gallery-type2-item .thumb .thumb-temp {
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.gallery-type2-item .thumb img {
	width: 100%;
	vertical-align: top;
	font-family: "Nanum Gothic", sans-serif;
}
.gallery-type2-item .thumb .thumb-fire {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: transparent;
	box-sizing: border-box;
}
.gallery-type2-item .gallery-type-radiobox {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	display: block;
	height: 30px;
	color: #000;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.gallery-type2-item:hover {
	background-color: #3f4e8e;
}
.gallery-type2-item:hover .gallery-type-radiobox label {
	color: #fff;
}
.gallery-type2-scroll {
	width: 100%;
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #f1f1f1;
}
.gallery-type2-scroll .gallery-type2-item {
	width: 210px;
	height: 150px;
}
.gallery-type2-scroll .gallery-type2-item>em {
	height: 110px;
}
.gallery-type2-scroll .gallery-type2-item>strong {
	bottom: -5px;
}
.file-list {
	max-height: 132px;
	padding: 0 0 10px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.file-item {
	position: relative;
	height: 28px;
	margin-bottom: 1px;
	padding: 2px 240px 2px 8px;
	font-size: 11px;
	background: #eef0f3;
	box-sizing: border-box;
}
.file-item:after {
	content: "";
	clear: both;
	display: table;
}
.file-item .left-con {
	font-size: 13px;
}
.file-item .right-con {
	position: absolute;
	top: 2px;
	right: 10px;
	text-align: right;
}
.file-item .left-con a {
	font-weight: normal;
	font-size: 13px;
	color: #2f46ad;
}
.file-item .left-con .txt-gray {
	min-width: 90px;
	padding-left: 10px;
	font-size: 11px;
	color: #666;
	font-weight: normal;
}
.file-item+.file-item {
	margin-top: 1px;
}
/* address */

.address-excel-input {
	margin: 0 -10px 10px;
	padding: 4px 10px;
	background-color: #ebedf3;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.address-excel-input:after {
	content: "";
	clear: both;
	display: table;
}
.address-excel-input .left-con {
	float: left;
	width: 50%;
	text-align: left;
}
.address-excel-input .right-con {
	float: right;
	width: 50%;
	text-align: right;
}
.uni-btn-normal.btn-excel-down {
	background-color: #02723b;
	border: 1px solid #02723b;
}
.uni-btn-normal.btn-excel-down>span {
	color: #fff
}
.detail-search-wrap .uni-btn-normal.btn-excel-down {
	width: 100%;
	heigth: 26px;
	padding: 3px 10px 3px 25px;
    background: url(/global/images/kcva/icon_excel.png) no-repeat 5px 4px #02723b;
    background-color: #02723b;
    border: 1px solid #02723b;
}
.address-excel-input input[type='file'] {
	line-height: 1.0em;
	height: 24px;
	padding: 2px;
	font-size: 12px;
	background-color: #fff;
}
.address-grid-wrap {
	width: 100%;
	min-height: 150px;
	max-height: 500px;
	height: 350px;
	border: 1px solid #dfe2e5;
	overflow-x: hidden;
	overflow-y: scroll;
}
.address-grid-control {
	padding: 6px 0;
	text-align: center;
	background-color: #ebedf3;
	border-right: 1px solid #dfe2e5;
	;
	border-left: 1px solid #dfe2e5;
	box-sizing: border-box;
}
/* survey */

.survey-title {
	height: 90px;
	margin-bottom: 10px;
	padding: 24px 0 0 123px;
	background: url(../../global/images/bg_survey.png) no-repeat left bottom #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.survey-title dt {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	letter-spacing: -2px;
	word-spacing: 2px;
}
.survey-title dd {
	padding-top: 10px;
	color: #2842aa;
	font-size: 12px;
	font-weight: bold;
}
.survey-title-type2 {
	position: relative;
	max-width: 600px;
	min-width: 200px;
	height: 150px;
	padding: 11px 0 46px 123px;
	background: url(../../global/images/bg_survey.png) no-repeat left bottom #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.survey-title-type2 dt {
	max-height: 82px;
	padding: 0 6px 0 0;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -1px;
	overflow: hidden;
}
.survey-title-type2 dd:nth-child(2) {
	padding-top: 7px;
	font-size: 16px;
	color: #2842aa;
	font-weight: bold;
	text-align: left;
}
.survey-title-type2 dd:nth-child(3) {
	position: absolute;
	right: 0px;
	bottom: 5px;
	padding: 12px 16px 3px 0;
	text-align: right;
	box-sizing: border-box;
}
.survey-title-type2 dd:nth-child(3) .pbtn-normal {
	display: inline-block;
	width: 140px;
	color: #fff !important;
	background-color: #0056b3 !important;
	border: 0;
}
.survey-title-type2 dd:nth-child(3) .pbtn-normal:hover {
	opacity: 0.7;
}
.survey-overview-box {
	max-height: 200px;
	margin: -11px 0 8px;
	padding: 5px 10px;
	line-height: 1.5;
	font-size: 12px;
	color: #333;
	background-color: rgb(248, 248, 248);
	border: 1px solid #dedede;
}
.survey-overview-box > p {
	margin-bottom: 0;
}
.survey-item {
	padding: 10px !important
}
.survey-item dt {
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.survey-item dd textarea {
	display: block;
	width: 100%;
	min-height: 140px;
	border: 1px solid #dfe2e5;
}
.survey-result-item {
	position: relative;
	display: block;
	min-height: 30px;
}
.survey-graph-wrap {
	position: absolute;
	top: 0;
	right: 15px;
	display: block;
	width: 320px;
}
.survey-result-item > strong {
	padding-left: 16px;
	font-weight: normal;
}
.survey-graph {
	display: inline-block;
	width: 200px;
	height: 14px;
	margin-top: 3px;
	background-color: #e6f4f9;
	border: 1px solid #77bedb;
	box-sizing: border-box;
}
.survey-graph .graph-bar {
	display: inline-block;
	width: auto;
	max-width: 200px;
	height: 12px;
	/* height: 14px; */
	vertical-align: top;
	background-color: #0362e3;
	box-sizing: border-box;
}
.survey-graph-wrap .num {
	display: inline-block;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #555;
	font-style: normal;
	vertical-align: top;
}
.survey-graph-wrap .percent-group {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.survey-graph-wrap .percent-group .percent {
	font-size: 12px;
	font-weight: bold;
	color: #0590ca;
	font-style: normal;
}
.survey-graph-wrap .percent-group .uni-btn-normal {
	margin-left: 10px;
}
.txt-guide.survey-guide {
	padding: 0 0 15px 20px;
}
.txt-guide.survey-guide:before {
	top: 0;
	left: 0;
}
.survey-image-list {
	min-height: 120px;
	padding: 5px;
	background-color: #f1f1f1;
	border: 1px solid #f9f9f9;
}
.survey-image-list:after {
	content: "";
	clear: both;
	display: table;
}
.survey-image-list > li {
	float: left;
	padding: 2px;
}
.survey-image-item {
	position: relative;
	width: 142px;
	height: 100px;
}
.survey-image-item input[type="radio"] {
	position: absolute;
	top: 5px;
	left: 5px;
}
.survey-image-item label {
	display: block;
	width: 142px;
	height: 100px;
	padding-top: 5px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.survey-image-item label:hover {
	border-color: #0b69c1;
}
.survey-image-item input[type="radio"]:checked + label {
	border-color: #0b69c1;
}

/* tooltip */

.uni-tooltip {
	/* position: fixed; */
	top: 50%;
	left: 50%;
	width: 420px;
	min-height: 200px;
	background-color: #fff;
	border: 1px solid #3f4f8e;
	box-sizing: border-box;
	z-index: 20000;
}
.uni-tooltip-header {
	position: relative;
	height: 32px;
	padding: 6px 12px;
	border-bottom: 1px solid #bbc6db;
}
.uni-tooltip-header>h4 {
	font-size: 15px;
	color: #3f4f8e;
	font-weight: bold;
}
.uni-tooltip-header .ico-messenger-status {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: -3px;
	vertical-align: middle;
	text-indent: -9999px;
	border-radius: 50%;
	border: 1px solid #b9b9b9;
	background: #dcdcdb;
	background: linear-gradient(#d8d8d8, #b7b7b7);
	user-select: none;
}
.uni-tooltip-header .ico-messenger-status.active {
	background: #75cd00;
	background: linear-gradient(#75cd00, #4ab305);
	border: 1px solid #28a745;
}
.uni-tooltip-header .ico-messenger-status.active-yellow {
	background: #ffec08;
	background: linear-gradient(#fff03b, #e3c80a);
    border: 1px solid #dabb00;
}
.uni-tooltip-header .ico-messenger-status.active-red {
	background: #bc1429;
	background: linear-gradient(#a00518, #7b0413);
    border: 1px solid #710000;
}
.btn-tooltip-close {
	position: absolute;
	top: 6px;
	right: 7px;
	width: 18px;
	height: 18px;
	background: url(../../global/images/btn_tooltip_close.png) no-repeat center center;
}
.uni-tooltip-content {
	padding: 12px 11px;
}
.uni-tooltip.tooltip-top:after {
	content: "";
	position: absolute;
	top: -14px;
	left: 50%;
	width: 25px;
	height: 14px;
	background: url(../../global/images/tooltip_top.png) no-repeat transparent;
}
.uni-mini-tooltip {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 285px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a5abc5;
	box-sizing: border-box;
	z-index: 20000;
}
.uni-mini-tooltip>.list-type1 {
	border: 0;
}
.uni-mini-tooltip>.list-type1 dt {
	width: 30% !important;
}
.uni-mini-tooltip>.list-type1 dd {
	width: 70% !important;
}
/* wrapper */

.admin-section-wrap {
	/* padding: 10px; */
}
.box-type1 {
	border: 1px solid #d8e3e4;
	background-color: #eef6f7;
}
.summary-view-wrap {
	min-height: 360px;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.uni-tree-header {
	height: 35px;
	padding: 8px 10px;
	border: 1px solid #dfe2e5;
	border-bottom: 1px solid #bbc6db;
	box-sizing: border-box;
}
.uni-tree-wrap {
	border: 1px solid #dfe2e5;
	/* border-top: 0 */
}
div#modal_docForm_list-area_tree {
    border: 1px solid #dfe2e5;
}
.uni-tree-header+.uni-tree-wrap {
	border-top: 0;
}
.uni-filter-wrap {
	padding: 5px 14px;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.uni-filter-wrap .uni-btn-normal.active {
	color: #2b43ac;
	border: 1px solid #4b60ba;
}
.uni-selection-wrap {
	position: relative;
	height: 40px;
	padding: 11px 14px 5px 150px;
	max-height: 70px;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
	overflow: auto;
}
.uni-selection-title {
	position: absolute;
	top: 9px;
	left: 11px;
	display: block;
}
.uni-selection-title .uni-btn-normal {
	display: inline-block;
	vertical-align: baseline;
	border: 0;
	padding: 0;
	margin-left: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #004bd4;
	text-decoration: underline;
}
.uni-selection-wrap .select-item {
	display: inline-block;
	padding: 0 0 0 6px;
	background-color: #fcf3f2;
	border: 1px solid #efefef;
}
.uni-selection-wrap .select-item + .select-item {
	margin: 4px 1px;
}
.uni-selection-wrap .select-item-txt {
	display: inline-block;
	font-weight: normal;
	font-family: "Nanum Gothic", sans-serif;
	padding-right: 8px;
	vertical-align: middle;
}
.uni-selection-wrap .uni-btn-normal.btn-select-remove {
	position: relative;
	width: 16px;
	height: 14px;
	vertical-align: middle;
	padding: 0;
	border: 0;
	background-color: transparent;
	box-sizing: border-box;
	outline: none;
}
.uni-selection-wrap .uni-btn-normal.btn-select-remove:before {
	content: "x";
	position: absolute;
	top: 1px;
	left: -1px;
	width: 16px;
	height: 14px;
	text-align: center;
	vertical-align: top;
	text-indent: 0;
	line-height: 0.6em;
	background-color: transparent;
}
.uni-selection-wrap .uni-btn-normal.btn-select-remove > em {
	display: inline-block;
	text-indent: -9999px;
}
.gridbox-multiple-wrap {
	border: 1px solid #dfe2e5;
}
.gridbox-multiple-wrap .line-wrapper {
	padding: 4px;
	height: 34px;
	border-bottom: 1px solid #bbc6db;
	box-sizing: border-box;
}
.gridbox-multiple-wrap .uni-pop-grid {
	border: 0;
}
.detail-search-wrap {
	position: relative;
	/* padding: 0 80px 4px 0; */
	padding: 0 90px 4px 0;
}
.detail-search-wrap02 {
	position: relative;
	padding: 0 110px 4px 0;
}
.box-form.form-col-3.form-col-rsc .form-label {
	padding-left: 40px;
}
.box-form.form-col-3.form-col-rsc {
	/* min-width: 1140px; */
}
.detail-search-wrap {
	position: relative;
	padding: 0 90px 4px 0;
	background-color: rgb(242 242 247) !important;
}
.detail-search-wrap02 {
	position: relative;
	padding: 0 110px 4px 0;
}
.box-form.form-col-3.form-col-rsc .form-label {
	padding-left: 40px;
}
.detail-search-wrap .form-table {
	width: 100%;
	padding: 4px 10px 0 20px
}
.detail-search-wrap .box-group-right.form-buttons {
	position: absolute;
	top: 8px;
	/* right: 0; */
	right: 10px;
	/* width: 70px; */
	width: 80px;
	height: 100%;
}
.detail-search-wrap .box-group-right.form-buttons .btn-form-normal.search {
	width: 100% !important;
	height: 30px;
	/* height: calc(100% - 20px); */
	border: 0;
}
.detail-search-wrap .box-group-right.form-buttons.form-marketing-search {
	top: 9px !important;
	right: 15px !important;
}
.detail-search-wrap .box-group-right.form-buttons.form-marketing-search .btn-form-normal.search {
	height: calc(100% - 2px) !important;
	border: 0;
}
.detail-search-wrap.border-bottom {
	border-bottom: 1px solid #dfe2e5;
}
.detail-search-wrap.cowork-search-wrap {
	padding-bottom: 10px;
}
.detail-search-wrap.cowork-search-wrap .box-group-right.form-buttons {
	padding-bottom: 10px;
}
.border-bottom {
	border-bottom: 1px solid #dfe2e5;
}
.detail-search-wrap.with-uni-btngroup {
	padding: 0 170px 4px 0;
}
.box-group-right.uni-btn-group {
	position: absolute;
	top: 0;
	right: 10px;
	width: 170px;
	padding: 7px 0 5px;
	text-align: right;
}
.box-group-right.uni-btn-group .btn-form-normal.search,
.box-group-right.uni-btn-group .uni-btn-normal.btn-excel-down {
	width: 80px;
	height: 28px;
}
.item-row-3 {
	position: relative;
	display: block;
}
.item-row-3:after {
	content: "";
	clear: both;
	display: table;
}
.item-row-3 .item-col-1 {
	float: left;
	display: block;
	width: 30%;
}
.item-row-3 .item-col-2 {
	float: left;
	display: block;
	width: 70%;
	padding-left: 4px;
	box-sizing: border-box;
}
.input-txt {
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.item-row-7 {
	position: relative;
	display: block;
}
.item-row-7:after {
	content: "";
	clear: both;
	display: table;
}
.item-row-7 .item-col-1 {
	float: left;
	display: block;
	width: 14%;
}
.item-row-7 .item-col-2 {
	float: left;
	display: block;
	width: 28%;
	padding-left: 6px;
	box-sizing: border-box;
}
.item-row-7 .txt-inline-block {
	padding: 4px 0 0 10px;
	font-weight: bold;
}
.uni-pop-grid {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border: 1px solid #dfe2e5;
}
.uni-pop-grid thead th {
	height: 32px;
	background: #fff;
	text-align: center;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #bbc6db;
}
.uni-pop-grid tbody td {
	height: 32px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #dfe2e5;
	cursor: pointer;
}
.input-select {
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.item-col-full {
	display: block;
}
.item-row-2 {
	position: relative;
	display: block;
}
.item-row-2:after {
	content: "";
	clear: both;
	display: table;
}
.item-row-2 .item-col-1 {
	float: left;
	display: block;
	width: 50%;
}
.item-row-full .radio-item + .radio-item {
	padding-left: 40px;
}
.item-box-appr .radio-item {
	padding-right: 10px;
}
.item-box-appr .radio-item + .radio-item {
	padding-left: 0;
}
.item-box-appr .radio-item > label {
	margin-bottom: 0;
}
.relation-searchbox {
	position: relative;
	height: 41px;
	padding: 7px 50px 3px 7px;
	border: 1px solid #b5bcd7;
	border-bottom: 0;
	border-top: 2px solid #b5bcd7;
	background-color: #e9ebf3;
	box-sizing: border-box;
}
.relation-searchbox .btn-search-wrap {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 50px;
	text-align: right;
}
.relation-searchbox .box-form {
	float: left;
	padding-right: 16px;
	box-sizing: border-box;
}
.relation-searchbox .box-form {
	padding: 2px 14px 2px 70px;
}
.relation-searchbox .form-label {
	width: 70px;
}
.relation-searchbox .box-form.box-col-1 input {
	width: 250px;
}
.relation-searchbox .box-form.box-col-2,
.relation-searchbox .box-form.box-col-3 {
	min-height: 0;
}
.relation-searchbox .box-form.box-col-2 input {
	width: 120px;
}
.relation-searchbox .box-form.box-col-3 input {
	width: 94px;
}
.item-col-full .uni-btn-normal {
	margin: 0 !important;
}
.uni-page-tit-type1 {
	position: relative;
	height: 60px;
	padding: 4px 0 8px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.uni-page-tit-type1 .logo-company {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 300px;
	height: 54px;
	max-width: 300px;
	max-height: 54px;
	/* border: 1px solid #dfe2e5; */
	display: none;
}
.uni-page-tit-type1 .logo-company.title-wide {
	top: 5px;
	left: 5px;
	border: 0;
}
.uni-page-tit-type1 .logo-company:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-page-tit-type1 .logo-company > img {
	vertical-align: middle;
	max-width: 280px;
	max-height: 52px;
}
.uni-page-tit-type1 > h4 {
	padding-top: 13px;
}
.uni-page-tit-type1 > h3 {
	padding-top: 7px;
}
/* text */

.uni-title-guidebox {
	position: relative;
	width: 100%;
	height: 30px;
}
.uni-title-guidebox:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #e4e4e4;
	z-index: -1;
}
.uni-tit-guide {
	display: inline-block;
	padding: 4px 10px 4px 2px;
	margin-bottom: 10px;
	background-color: #fff;
}
.txt-guide {
	position: relative;
	min-height: 30px;
	padding: 10px 0 10px 30px;
	font-size: 12px;
	line-height: 1.4em;
	color: #f60;
	z-index: 1;
}
.txt-guide:before {
	content: "※";
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 13px;
	color: #f60;
}
.txt-form-guide {
	position: relative;
	min-height: 24px;
	padding: 5px 0 0 14px;
	font-size: 12px;
	line-height: normal;
	color: #007bff;
	z-index: 1;
}
.txt-form-guide:before {
	content: "※";
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 13px;
	color: #007bff;
}
.txt-form-guide.error {
	color: #f60;
}
.txt-form-guide.error:before {
	color: #f60;
}
.txt-input-guide {
	padding: 4px 2px;
	color: #6d6d6d;
	font-size: 11px;
	line-height: 1.3em;
}
.txt-guide-box {
	padding: 10px;
}
.txt-guide-box > p {
	margin: 0;
	padding: 2px 0;
	font-size: 13px;
	line-height: 1.4;
}
.uni-txt-link {
	text-decoration: underline;
	cursor: pointer;
}
.uni-txt-link:hover {
	color: #0362e3;
	text-decoration: underline;
}
.txt-left {
	text-align: left !important;
}
.txt-center {
	text-align: center !important;
}
.txt-right {
	text-align: right !important;
}
.txt-ellisis {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	letter-spacing: 0;
}
.txt-email {
	color: #3f4f8e;
	text-decoration: underline;
}
.red {
	color: #ff3d01 !important;
}
.blue {
	color: #244fb2 !important;
}
.purple {
	color: #2b43ac !important;
}
.txt-gray {
	font-style: normal;
	font-weight: bold;
	color: #b6b7b8;
}
.txtbox {
	display: inline-block;
	min-width: 30px;
	padding: 0 4px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-style: normal;
	letter-spacing: -1px;
	vertical-align: middle;
	background-color: #bababa;
	box-sizing: border-box;
}
.txtbox:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.txtbox-ing {
	background-color: #1a68b8;
}
.txtbox-return {
	background-color: #df515a;
}
.txtbox-complete {
	background-color: #bababa;
}
.txtbox-setline {
	background-color: #ff8000;
}
.txtbox-violet {
	background-color: #6a2fda;
}
.ft-blue01 {
	color: #2194ff !important;
}
.ft-orange01 {
	color: #ff7521 !important;
}
.ft-green01 {
	color: #5fb314 !important;
}
.ft-violet01 {
	color: #6a2fda !important;
}
.ft-red01 {
	color: #dc0000 !important;
}
.ft-gray01 {
	color: #999 !important;
}
.txt-inline {
	display: inline;
}
.txt-inline-block {
	display: inline-block;
	vertical-align: middle;
}
.txt-repeat {
	color: #244fb2 !important;
	font-weight: 700;
	cursor: pointer;
}
.nodata-wrap {
	display: block;
	padding: 10px 0 10px 10px;
	text-align: left;
}
.nodata-wrap .txt-nodata {
	position: relative;
	display: inline-block;
	height: 24px;
	padding: 3px 0 0 30px;
	color: #333;
	font-size: 13px;
	box-sizing: border-box;
}
.nodata-wrap .txt-nodata:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/icon_nodata.png) no-repeat;
}
.icon-box {
	position: relative;
	display: inline-block;
	height: 20px;
	padding: 0 6px 0 4px;
	font-weight: bold;
	font-family: "Nanum Gothic", sans-serif;
	background-color: transparent;
	color: #333;
	font-style: normal;
	font-size: 12px;
	vertical-align: middle;
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
}
.icon-box:before {
	content: "[";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.icon-box:after {
	content: "]";
	position: absolute;
	top: 0;
	right: 5px;
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.icon-box.box-pink {
	/* color: #d19b22; */
	color: #28a745;
}
.icon-box.box-red {
	color: #f05050;
}
.icon-box.box-blue {
	/* color: #42aedc; */
	color: #4a3dff;
}
.icon-box.box-gray {
	color: #8f99a3;
}
.icon-box.box-green {
	color: #839a3c;
}
.icon-box.box-darkgray {
	color: #6c6c6c;
}
.icon-box.box-orange {
	color: #f60;
}
.icon-box.box-new {
	width: 12px;
	height: 12px;
	font-size: 0;
	vertical-align: middle;
	color: transparent;
	background: url(../../global/images/icon_new.png) no-repeat;
	border-radius: 0;
}
.icon-box.box-new:before,
.icon-box.box-new:after {
	content: "";
}
.icon-box.box-bbs-icon {
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
.icon-box.box-bbs-icon:before,
.icon-box.box-bbs-icon:after {
	content: "";
	display: none !important;
}
.icon-box.box-bbs-icon.pin {
	background-image: url(../../global/images/icon_bbs_pin.png);
}
.icon-box.box-bbs-icon.emer {
	background-image: url(../../global/images/icon_bbs_alert.png);
}
.icon-box.box-bbs-icon.secu {
	background-image: url(../../global/images/icon_bbs_secu.png);
}
.icon-box.box-bbs-icon.impo {
	background-image: url(../../global/images/icon_bbs_impo.png);
}
.icon-box.box-bbs-icon.noti {
	background-image: url(../../global/images/icon_bbs_noti.png);
}


.topic {
	font-size: 13px;
}
/* box and title */

.box-col-2 {
	min-height: 100px;
}
.box-col-2:after {
	content: "";
	clear: both;
	display: table;
}
.box-col-2 .left-con {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.box-col-2 .right-con {
	float: right;
	width: 50%;
	box-sizing: border-box;
}
.box-col-2 .left-con .user-searchbox {
	height: 40px;
	padding: 7px 5px 7px 10px;
	border: 1px solid #b5bcd7;
	border-bottom: 0;
	border-top: 2px solid #b5bcd7;
	background-color: #e9ebf3;
	box-sizing: border-box;
}
.box-col-2 .left-con .user-searchbox input[type='text'] {
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
}
.box-col-2 .right-con .grid-searchbox {
	height: 40px;
	padding: 5px 7px;
	border: 1px solid #b5bcd7;
	border-bottom: 0;
	border-top: 2px solid #b5bcd7;
	background-color: #e9ebf3;
	box-sizing: border-box;
}
.box-col-2 .right-con .grid-searchbox .btn-code-finder {
	height: 24px!important;
}
.box-col-3 {
	min-height: 100px;
}
.box-col-3:after {
	content: "";
	clear: both;
	display: table;
}
.box-col-3 .left-con {
	float: left;
	width: 30%;
	box-sizing: border-box;
}
.box-col-3 .center-con {
	float: left;
	width: 35%;
	padding-left: 10px;
	box-sizing: border-box;
}
.box-col-3 .right-con {
	float: left;
	width: 35%;
	padding-left: 10px;
	box-sizing: border-box;
}
.box-text-type1 {
	font-size: 13px;
	line-height: 1.4em;
}
.box-title1 {
	padding: 14px 0 8px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.box-title1.reply {
	padding: 0 0 6px 24px;
	background: url(../../global/images/ico_reply.png) no-repeat 0 2px;
}
.imgbox-type1 {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 140px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #98affd;
	box-sizing: border-box;
	overflow: hidden;
}
.imgbox-type1:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
}
.imgbox-type1>img {
	display: inline-block;
	width: 80%;
	height: 80%;
	vertical-align: top;
}
.box-group-left {
	padding: 15px 0 5px 0;
}
.box-group-right {
	padding: 15px 0 5px 0;
	text-align: right
}
.box-group-right.form-buttons {
	padding: 0 10px 20px 0;
}
.file-attach-wrap {
	padding: 0
}
.gallery-list-wrap {
	position: relative;
	padding: 10px 10px 40px 120px;
}
.gallery-list-wrap:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 95px;
	width: 1px;
	height: calc(100% - 4px);
	background-color: #cbcbcb;
}
.gallery-header {
	position: relative;
	padding: 6px 4px 10px;
	border-bottom: 1px solid #e9e9e9;
}
.gallery-header:before {
	content: "";
	position: absolute;
	top: 5px;
	left: -34px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	border: 4px solid #8e9ee5;
}
.gallery-header:after {
	content: "";
	clear: both;
	display: table;
}
.gallery-header .left-con {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.gallery-header .right-con {
	float: right
}
.gallery-header .right-con .author {
	padding-right: 20px;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px;
	color: #333;
}
.gallery-header .right-con .count {
	font-weight: normal;
	font-size: 11px;
	color: #999;
}
.box-mail-send {
	position: relative;
	padding-left: 26px;
}
.box-dashline {
	padding: 10px;
	border: 1px dashed #ddd;
}
.item-list1-wrap {
	position: relative;
	padding: 0 0 0 80px;
}
.item-list1-title {
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 12px !important;
	font-weight: bold;
	color: #333;
}
.item-list1 {
	overflow-x: hidden;
	overflow-y: auto;
}
.item-list1-person {
	display: block;
	padding: 2px
}
.item-list1-person .btn-item-remove {
	color: #3399cd;
	cursor: pointer;
}


/* 업무추가 */
.card-view-wrap {
	display: flex;
	height: 600px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}
.card-step-container {
	display: block;
	margin: 5px;
	padding: 5px 0 5px 8px;
	background-color: #fff;
	border-left: 1px solid #f5f5f5;
	/* border-right: 1px solid #f5f5f5; */
	flex-basis: 25%;
}
.card-step-header {
	position: relative;
	padding: 0 5px 3px 0;
}
.card-step-header > h5 {
	display: inline-block;
	min-width: 60px;
	padding: 3px 7px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #37352f;
	background-color: #d7d7d5;
	border-radius: 3px;
	box-sizing: border-box;
}
.card-step-header > h5.step-progress {
	background-color: #e1d3f8;
}
.card-step-header > h5.step-complete {
	background-color: #f8cce6;
}
.card-step-header > h5.step-backburner {
	background-color: #cce4f9;
}
.card-step-header > em {
	display: inline-block;
	padding-left: 10px;
	color: #afaeac;
	font-size: 13px;
	font-weight: bold;
}
.card-step-header .uni-btn-sort {
	position: absolute;
	top: 0;
	right: 8px;
	display: inline-block;
	width: 30px;
	height: 20px;
	text-indent: -9999px;
	background-color: transparent;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	cursor: pointer;
}
.card-step-header:after,
.card-step-header .uni-btn-sort:before,
.card-step-header .uni-btn-sort:after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #ccc;
	border-radius: 50%;
	user-select: none;;
	background-color: #ccc;
	border-radius: 50%;
}
.card-step-header:after {
	top: 8px;
    right: 12px;
}
.card-step-header .uni-btn-sort:before {
	top: 7px;
    left: 5px;
}
.card-step-header .uni-btn-sort:after {
	top: 7px;
    left: 13px;
}
.select-item-sort {
	position: absolute;
	top: 24px;
	right: 0;
	width: 80px;
	height: auto;
	padding: 5px 2px;
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 5;
}
.select-item-sort > span {
	display: block;
	padding: 4px 6px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
}
.select-item-sort > span:hover {
	color: #2d4dd1;
}
.card-item {
	position: relative;
	min-height: 60px;
	padding: 8px 10px 8px 35px;
	border: 1px solid #dedede;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}
.card-item + .card-item  {
	margin-top: 10px;
}
.card-item .chk-item.only-check {
	position: absolute;
	top: 8px;
	left: 10px;
}
.card-item .chk-item.only-check input[type="checkbox"]:disabled + label:before {
	background-color: #f4f4f4;
    border: 1px solid #e6e6e
}
.card-item > strong {
	display: block;
	padding: 0 0 2px;
	font-size: 13px;
	font-weight: bold;
	color: #3d3b36;
}
.card-item dt,
.card-item dd {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
}
.card-item dt {
	width: 50px;
}
.card-item .card-item-tags {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	line-height: 1;
}
.card-item .card-item-tags em {
	display: inline-block;
	width: auto;
	height: 18px;
	color: #333;
	font-weight: bold;
	font-size: 11px;
    padding: 4px 4px 0;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.card-item .card-item-tags em.tag-delay {
	background-color: #f47c7c;
    color: #fff;
    margin: 0px 2px;
}
.card-item .card-item-tags em.tag-rapid {
	background-color: #fbc4b4;
	margin: 0 2px;
}
.card-item .card-item-tags em.tag-important.high {
	background-color: #86c7ff;
	margin: 0 2px;
}
.card-item .card-item-tags em.tag-important.mid {
	background-color: #b5d9f9;
	margin: 0 2px;
}
.card-item .card-item-tags em.tag-important.low {
	background-color: #e7f2fb;
	margin: 0 2px;
}
.gridbox .uni-btn-taskinfo {
	position: relative;
	display: inline-block;
	width: auto;
	height: 22px;
	padding: 2px 5px 2px 24px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border: 1px solid transparent;
	/* border: 1px solid #e1e1e1; */
	box-sizing: border-box;
}
.gridbox .uni-btn-taskinfo:after {
	content: "";
	position: absolute;
	top: 2px;
    left: 3px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/icon_task_info.png) no-repeat 0 0;
	user-select: none;
}

/* data table */

.tbl-data {
	width: 100%;
	border-spacing: 0;
	border: 1px solid #dfe2e5;
}
.tbl-data thead th {
	padding: 10px 5px;
	text-align: center;
	border-right: 1px solid #dfe2e5;
	border-bottom: 1px solid #bbc6db;
}
.tbl-data tbody th,
.tbl-data tbody td {
	padding: 5px;
	min-height: 33px;
	text-align: center;
	border-top: 1px solid #dfe2e5;
	border-right: 1px solid #dfe2e5;
	border-bottom: 1px solid #dfe2e5;
}
.process-pop-tab-top .tbl-data tbody th {
    background: #f7f7f7;
    border-bottom: 3px double #dfdfdf;
}
.tbl-data tbody td .switch {
	margin: 0 auto
}
.tbl-type1 {
	width: 100%;
	border-left: 2px solid #fff;
	box-sizing: border-box;
}
.tbl-type1:after {
	content: "";
	clear: both;
	display: table;
}
.tbl-type1 li {
	float: left;
	width: 25%;
	min-height: 33px;
	padding: 8px 10px 5px;
	background-color: #f0f0f0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	box-sizing: border-box;
}
.tbl-type1 li .switch {
	margin: 0 auto;
}
.tbl-type1 li .switch-txt {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	letter-spacing: -1px;
	width: 90px;
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
}
.tbl-type2 {
	width: 100%;
	border-spacing: 0;
}
.tbl-type2 th,
.tbl-type2 td {
	padding: 3px;
	font-weight: normal;
	text-align: center;
}
.tbl-type2 input[type='text'],
.tbl-type2 input[type='password'] {
	height: 24px;
	border: 1px solid #dfe2e5;
}
/* user profile */

.profile-card-wrap {
	position: relative;
	padding: 0 0 0 140px;
}
.profile-card-wrap .profile-thum {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 140px;
	height: 180px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
}
.profile-wrap {
	position: relative;
	width: 580px;
	box-sizing: border-box;
}
.profile-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.profile-thumbox-wrap {
	float: left;
	width: 140px;
}
.profile-thumbox {
	position: relative;
	width: 140px;
	height: 180px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
.profile-thumbox>img {
	vertical-align: top;
	width: 100%;
	height: auto;
}
.profile-card-wrap .profile-thum > img {
	/*height: auto!important;*/
}
.profile-buttons {
	margin: 0 -2px;
	padding: 5px 0 0;
}
.profile-buttons:after {
	content: "";
	clear: both;
	display: table;
}
.profile-buttons>li {
	float: left;
	width: 50%;
	padding: 0 2px;
}
.profile-buttons .uni-btn-normal {
	display: block;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
.profile-wrap .list-type7 {
	float: left;
	width: 440px;
	padding: 0 0 0 25px;
	box-sizing: border-box;
}
.profile-file-attach {
	width: 140px;
	margin: 5px 0 0 0;
	border: 1px solid #dfe2e5;
}
.profile-file-attach>input[type='file'] {
	width: 100%;
	height: 24px;
	border: 0;
}
.profile-thum-guide {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 78px;
	padding: 8px 0 0 0;
	letter-spacing: -1px;
	text-align: center;
	font-size: 12px !important;
	line-height: 1.4em;
	color: #333;
	background-color: rgba(148, 151, 159, 0.4);
	box-sizing: border-box;
	z-index: 100;
}
.profile-wrap.full-profile-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 160px;
	min-height: 200px;
}
.profile-wrap.full-profile-wrap:after {
	content: "";
	position: absolute;
	left: -10px;
	right: 0;
	bottom: 0;
	display: block;
	height: 1px;
	background-color: #d9e0e7;
}
.profile-wrap.full-profile-wrap .profile-thumbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
}
.profile-wrap.full-profile-wrap .profile-info-wrap {
	overflow: hidden;
}

/* cowork */
.uni-side-stitle {
	font-size: 12px;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.uni-side-count {
	width: 100%;
	margin-top: 6px;
	padding: 0 0 10px;
	overflow: hidden;
	background: #fff;
	box-sizing: border-box;
}
.uni-side-count:after {
	content: "";
	clear: both;
	display: table;
}
.uni-side-count li {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	box-sizing: border-box;
}
.uni-side-menu .uni-side-count:last-child {
	padding-bottom: 0;
}
.uni-side-count li>span {
	display: inline-block;
	width: 100%;
	line-height: 24px;
}
.uni-side-count.uni-unm05 li {
	width: 20%;
}
.uni-side-count+.uni-side-stitle {
	padding-top: 10px;
	border-top: 1px solid #dfe2e5;
}
.chart-wrap {
	padding: 15px 20px;
}
.chart-title {
	padding: 0 0 15px 20px;
}
.chart-title>strong {
	display: inline-block;
	padding: 4px 20px;
	font-family: "Nanum Gothic", sans-serif;
	color: 14px;
	color: #666;
	background-color: #f1f1f1;
}
.chart-col-2:after {
	content: "";
	clear: both;
	display: table;
}
.chart-col-2 .left-con {
	float: left;
	width: 40%;
	box-sizing: border-box;
}
.chart-col-2 .right-con {
	float: left;
	width: 60%;
	box-sizing: border-box;
}
.canvas-wrap {
	width: 100%;
	min-height: 140px;
	margin: 0 auto;
	box-sizing: border-box;
}
.canvas-wrap>canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.canvas-wrap .chart-legend-txt {
	padding: 20px 0 10px;
	text-align: center;
	font-size: 13px;
}
.opinion-write-wrap {
	position: relative;
	padding: 0 80px 0 0;
}
.opinion-box {
	padding: 0 6px 0 0;
}
.opinion-btn-wrap {
	position: absolute;
	top: 2px;
	right: 0;
}
.opinion-btn-wrap .uni-btn-opinion {
	display: inline-block;
	width: 80px;
	height: 50px;
	color: #fff;
	background-color: #176ad5;
}
.opinion-author-wrap {
	position: relative;
	padding: 6px 100px 6px 0;
}
.opinion-author-wrap .left-con {
	position: relative;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 8px !important;
}
.opinion-author-wrap .left-con:after {
	content: "";
	position: absolute;
	top: 14px;
	right: -8px;
	display: block;
	width: 8px;
	height: 15px;
	background: url(../../global/images/icon_opinion.png) no-repeat;
	background-position: 0 0;
}
.opinion-author-wrap .right-con {
	position: absolute;
	top: 10px;
	right: 0;
	width: 100px;
}
.opinion-coworker-wrap {
	position: relative;
	padding: 6px 0 6px 100px;
}
.opinion-coworker-wrap .left-con {
	position: absolute;
	top: 10px;
	left: 0;
}
.opinion-coworker-wrap .right-con {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 8px !important;
}
.opinion-coworker-wrap .right-con:before {
	content: "";
	position: absolute;
	top: 14px;
	left: -7px;
	display: block;
	width: 8px;
	height: 15px;
	background: url(../../global/images/icon_opinion.png) no-repeat;
	background-position: -9px 0;
}
.opinion-author-wrap .left-con .box-text-type1,
.opinion-coworker-wrap .right-con .box-text-type1 {
	font-size: 12px;
	line-height: 1.4em;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dfdede;
}
.opinion-author-wrap .left-con .box-text-type1 {
	text-align: left;
}
.opinion-author-wrap:first-child {
	margin-top: 10px;
}
.opinion-info-box {
	padding: 10px 0 0;
}
.opinion-info-box:after {
	content: "";
	clear: both;
	display: table;
}
.opinion-info-box .date {
	float: left;
	display: block;
	width: 50%;
	box-sizing: border-box;
}
.opinion-info-box .btn-group {
	float: right;
	display: block;
	width: 50%;
	text-align: right;
	box-sizing: border-box;
}
.opinion-author-wrap .file-preview-list,
.opinion-coworker-wrap .file-preview-list {
	padding: 6px 0 !important;
}
.staff-thum-box {
	position: relative;
	width: 80px;
	margin: 0 auto;
	text-align: center;
}
.staff-thum-box>span {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-color: #f1f1f1;
	border-radius: 50%;
	overflow: hidden;
}
.staff-thum-box>span>img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.staff-thum-box>strong {
	display: block;
	padding: 4px 0 0 0;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #666;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* marketing mail */

.html-editor-wrap>label {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding-bottom: 6px;
}
.html-editor-box>textarea {
	border: 1px solid #dfe2e5;
}
.template-preview-wrap {
	padding: 10px;
	box-sizing: border-box;
}
.template-preview-title {
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 20px;
}
.template-preview-container {
	width: 100%;
	min-height: 400px;
	border: 1px solid #ccc;
	overflow: auto;
}
.template-preview-container.template-preview-form {
	width: calc(100% + 118px);
	margin-left: -120px;
}
.border-container {
	height: 0;
	border: 0;
	border-top: 1px dashed #ccc;
}
.error-404-wrap {
	min-width: 320px;
	min-height: 380px;
	padding: 100px 0;
	text-align: center;
}
.error-404-box {
	display: block;
	max-width: 650px;
	/* height: 400px; */
	margin: 0 auto;
	padding: 30px 0 0;
	border-radius: 6px !important;
	border: 1px solid #a8a8a8;
	box-sizing: border-box;
}
.error-404 {
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	background-image: url(../images/icon_404.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 160px 160px;
}
.error-404 > em {
	display: inline-block;
	text-indent: -9999px;
}
.error-404-txt {
	padding: 0;
}
.error-404-txt > dt {
	padding: 8px 0 18px 0;
	font-size: 18px;
	line-height: 1.3em;
}
.error-404-txt > dd {
	padding-bottom: 10px;
	color: #666;
	font-size: 14px;
	line-height: 1.3em;
}
.error-btn-group {
	padding: 35px 0;
}
.error-btn-group a {
	display: inline-block;
	width: 95px;
	height: 35px;
	font-family: "Nanum Gothic", sans-serif;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.error-btn-group a.btn-blue {
	color: #fff;
	background-color: #0062b0;
}
.error-btn-group a:hover {
	opacity: 0.6;
}
/* dhtmlx 수정사항*/

.dhx_cell_hdr.dhx_cell_hdr_hidden {
	display: none;
}
/* .dhx_cell_hdr {background-color:#fff !important; color: #000 !important} */

.dhx_cell_hdr_text {
	margin: 0 !important;
}
.hdrcell {
	position: relative;
}
.hdrcell:after {
	content: "";
	position: absolute;
	top: 1px;
	right: 0;
	width: 1px;
	height: 12px;
	background-color: #d3d3d3;
	cursor: col-resize;
}
.page-body.dhxwins_vp_material.dhxwins_vp_auto {
	overflow: hidden !important;
}
.sub-body.dhxwins_vp_material.dhxwins_vp_auto {
	overflow: hidden !important;
}
.dhx_cell_layout {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.0) !important;
}
.dhxlayout_sep.dhxlayout_sep_resize_v {
	width: 7px !important;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	box-sizing: border-box;
}
.dhxlayout_sep.dhxlayout_sep_resize_h {
	border-top: 1px solid #dfe2e5;
	border-bottom: 1px solid #dfe2e5;
	background-color: #fff !important;
}
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout {
	border: 0 !important;
	border-width: 0 0 0 0 !important;
}
div.gridbox_material.gridbox table.obj.row20px tr td {
	line-height: normal !important;
}

div.uni-pop-grid div.gridbox_material.gridbox table.obj.row20px tr td {
	height : 28px !important;
	font-weight : normal !important;
}

div.uni-pop-grid > div.gridbox_material.gridbox {
	border: 0px;
}

.dhtmlx_message_area {
	/* top: 90px !important; */
	right: 80px;
	width: 350px;
}
.dhtmlx_message_area .dhtmlx-info {
	display: block;
	/* width: 280px; */
	min-height: 50px;
	height: 50px;
	padding: 5px 5px 5px 58px;
	border: 1px solid #ddd;
	/* background-image: url(../images/icon_message.png); */
	background-repeat: no-repeat;
	background-position: -94px 11px;
	background-color: #6c757d;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 1px 1px 0 #dfe1e7;
}
.dhtmlx_message_area .dhtmlx-info:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	border-right: 1px solid #ddd;
}
.dhtmlx_message_area .dhtmlx-info>div {
	display: table-cell;
	/* width: 215px; */
	height: 40px;
	padding: 0;
	line-height: 1.5em;
	background-color: transparent;
	color: #333;
	vertical-align: middle;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-normal {
	position: relative;
	background-position: 11px -93px;
	background-color: #fff;
	/* background-color: #6c757d; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-primary {
	position: relative;
	background-position: 11px 8px;
	background-color: #fff;
	/* background-color: #007bff; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-success {
	position: relative;
	background-position: 11px -194px;
	background-color: #fff;
	/* background-color: #28a745; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-warning {
	position: relative;
	background-position: 11px -293px;
	background-color: #fff;
	/* background-color: #dc3545; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-error {
	position: relative;
	background-position: 11px -392px;
	background-color: #fff;
	/* background-color: #ffc107; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-mail {
	position: relative;
	background-position: 11px -392px;
	background-color: #fff;
	/* background-color: #ffc107; */
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-normal:before,
.dhtmlx_message_area .dhtmlx-info.dhtmlx-primary:before,
.dhtmlx_message_area .dhtmlx-info.dhtmlx-success:before,
.dhtmlx_message_area .dhtmlx-info.dhtmlx-warning:before,
.dhtmlx_message_area .dhtmlx-info.dhtmlx-error:before,
.dhtmlx_message_area .dhtmlx-info.dhtmlx-mail:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background-color: #6c757d;
	border-right: 1px solid #ddd;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-normal:before {
	background: url(../images/icon_msg_info.png) no-repeat center center #6c757d;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-primary:before {
	background: url(../images/icon_msg_primary.png) no-repeat center center #007bff;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-success:before {
	background: url(../images/icon_msg_success.png) no-repeat center center #28a745;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-warning:before {
	background: url(../images/icon_msg_warning.png) no-repeat center center #dc3545;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-error:before {
	background: url(../images/icon_msg_error.png) no-repeat center center #ffc107;
}
.dhtmlx_message_area .dhtmlx-info.dhtmlx-mail:before {
	background: url(../images/icon_msg_mail.png) no-repeat center center #6c757d;
}
.dhtmlx_message_area .dhtmlx-info:before,
div.gridbox_material.gridbox table.hdr td,
div.gridbox_material.gridbox table.hdr td div.hdrcell {
	color: #666;
	font-weight: bold;
}

.dhtmlx_message_area .noty-primary,
.dhtmlx_message_area .noty-normal,
.dhtmlx_message_area .noty-success,
.dhtmlx_message_area .noty-warning,
.dhtmlx_message_area .noty-error,
.dhtmlx_message_area .noty-mail {
	position: relative;
	min-height: 74px;
	padding: 12px 16px 10px 70px;
	letter-spacing: -0.5px;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}
.dhtmlx_message_area .dhtmlx-info>div {
	line-height: 1.3;
	height: 48px;
}
.dhtmlx_message_area .noty-primary>div {
	color: #007bff;
}
.dhtmlx_message_area .noty-normal>div {
	color:#8c8c8c;
}
.dhtmlx_message_area .noty-success>div {
	color: #28a745;
}
.dhtmlx_message_area .noty-warning>div {
	color: #dc3545;
}
.dhtmlx_message_area .noty-error>div {
	color: #c39711;
}
.dhtmlx_message_area .noty-mail>div {
	color: #8c8c8c;
}
.dhtmlx_message_area .dhtmlx-info>div .message-staff {
	display: block;
	padding: 4px 0 0 0;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: transparent;
}
.dhtmlx_message_area .dhtmlx-info>div .message-teamname {
	display: inline-block;
	color: #adadad;
	font-size: 11px;
	letter-spacing: -1px;
}
.dhtmlx_message_area .noty-normal:before,
.dhtmlx_message_area .noty-primary:before,
.dhtmlx_message_area .noty-success:before,
.dhtmlx_message_area .noty-warning:before,
.dhtmlx_message_area .noty-error:before,
.dhtmlx_message_area .noty-mail:before {
	top: 17px;
	left: 17px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.dhtmlx_message_area .noty-normal:before {
	background: url(../images/icon_msg_info.png) no-repeat center center #6c757d;
}
.dhtmlx_message_area .noty-primary:before {
	background: url(../images/icon_msg_primary.png) no-repeat center center #007bff;
}
.dhtmlx_message_area .noty-success:before {
	background: url(../images/icon_msg_success.png) no-repeat center center #28a745;
}
.dhtmlx_message_area .noty-warning:before {
	background: url(../images/icon_msg_warning.png) no-repeat center center #dc3545;
}
.dhtmlx_message_area .noty-error:before {
	background: url(../images/icon_msg_error.png) no-repeat center center #ffc107;
}
.dhtmlx_message_area .noty-mail:before {
	background: url(../images/icon_msg_mail.png) no-repeat center center #6c757d;
}
.standartTreeRow {
	font-size: 12px !important;
}
.selectedTreeRow {
	font-size: 12px !important;
}
.dhxlayout_base_material div.dhxlayout_cont {
	position: relative;
}
.dhxlayout_base_material div.dhxlayout_cont .dhx_cell_layout,
.dhxlayout_base_material div.dhxlayout_cont .dhxlayout_sep {
	position: absolute;
}
.dhxlayout_base_material div.dhxlayout_cont .dhxlayout_sep.dhxlayout_sep_resize_v {
	cursor: w-resize;
	background-image: url(../../global/plugins/dhtmlx/skins/material/imgs/dhxlayout_material/dhxlayout_sep_ver.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}
.uni-nav .dhx_cell_cont_layout {
	background-color: #122c5e;
}
/* bootstrap file input */

.file-preview {
	padding: 0 !important;
}
.file-drop-zone {
	margin: 5px 5px 5px 5px !important;
	padding: 2px 8px !important;
}
.file-drop-zone-title {
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.file-drop-zone.file-highlighted {
	background-color: #e5e5e5
}
.krajee-default.file-preview-frame {
	display: block !important;
	width: 100% !important;
	max-height: 23px;
	height: 23px;
	margin: 0 !important;
	padding: 0 2px 4px 4px !important;
	border: 0 !important;
	text-align: left !important;
	overflow: hidden;
}
.krajee-default.file-preview-frame,
.krajee-default.file-preview-frame:hover {
	box-shadow: 0 0 0 0 transparent;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
	box-shadow: 0 0 0 0 transparent;
	background-color: #e3f3f4;
}
.file-preview-frame .kv-file-content {
	display: none;
}
.file-preview-frame .file-thumbnail-footer {
	display: inline-block;
	max-width: 100%;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
	height: auto;
	margin-top: -3px;
}
.file-preview-frame .file-caption-info {
	display: inline-block;
	width: auto;
	max-width: 100%;
	padding-left: 20px;
	color: #333;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
}
.file-preview-frame .file-size-info {
	display: inline-block;
	width: auto;
}
.file-preview-frame .file-size-info>samp {
	color: #737373;
	font-family: "Nanum Gothic", sans-serif;
}
.file-preview-frame .file-upload-indicator,
.file-preview-frame .file-actions {
	display: inline-block;
	padding-left: 10px;
	position: absolute;
	top: 0;
	right: 10px;
}
.file-preview-frame .file-actions .file-footer-buttons {
	display: inline-block;
}
.file-preview-frame .file-actions .file-footer-buttons .kv-file-remove {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 4px 0 0 0;
	padding: 0;
	line-height: 1.0em;
	background-color: #f3f3f3;
	font-size: 12px;
	text-align: center;
	color: #666;
}
.file-preview-frame .file-actions .file-footer-buttons .kv-file-remove:hover {
	border: 1px solid #ccc;
}
.file-preview-frame .file-actions .file-footer-buttons .kv-file-remove:before {
	content: "X";
	position: absolute;
	top: 1px;
	left: -1px;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	user-select: none;
}
.file-preview-frame .file-footer-caption {
	position: relative;
	display: block;
	/*width: 100%;
    max-width: calc(100% - 40px);*/
	margin-bottom: 0 !important;
	padding-left: 20px;
	padding-right: 120px;
	color: #333;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
}
.file-preview-frame .file-footer-caption>samp {
	position: absolute;
	top: 4px;
	right: 0;
	display: block;
	width: 120px;
	padding-left: 10px;
	text-align: left;
	color: #737373;
	font-family: "Nanum Gothic", sans-serif;
	box-sizing: border-box;
}
.file-preview-frame .file-footer-caption:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_attach.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -193px 0;
	overflow: hidden;
}
.file-preview-frame .file-footer-caption.xls:before,
.file-preview-frame .file-footer-caption.xlsx:before {
	background-position: -48px 0;
}
.file-preview-frame .file-footer-caption.doc:before,
.file-preview-frame .file-footer-caption.docx:before {
	background-position: 0 0;
}
.file-preview-frame .file-footer-caption.ppt:before,
.file-preview-frame .file-footer-caption.pptx:before {
	background-position: -73px 0;
}
.file-preview-frame .file-footer-caption.hwp:before,
.file-preview-frame .file-footer-caption.hwpx:before {
	background-position: -97px 0;
}
.file-preview-frame .file-footer-caption.pdf:before {
	background-position: -24px 0;
}
.file-preview-frame .file-footer-caption.zip:before {
	background-position: -121px 0;
}
.file-preview-frame .file-footer-caption.htm:before,
.file-preview-frame .file-footer-caption.html:before {
	background-position: -242px 0;
}
.file-preview-frame .file-footer-caption.txt:before {
	background-position: -266px 0;
}
.file-preview-frame .file-footer-caption.mov:before,
.file-preview-frame .file-footer-caption.avi:before,
.file-preview-frame .file-footer-caption.mp4:before {
	background-position: -169px 0;
}
.file-preview-frame .file-footer-caption.jpg:before,
.file-preview-frame .file-footer-caption.gif:before,
.file-preview-frame .file-footer-caption.png:before {
	background-position: -145px 0;
}
.file-preview-frame .file-footer-caption.mp3:before {
	background-position: -217px 0;
}
.file-downlist-item {
	position: relative;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 0 !important;
	padding-left: 20px;
	padding-right: 100px;
	color: #333;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
}
.file-downlist-item::after {
	content: "";
	clear: both;
	display: table;
}
.file-downlist-item:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_attach.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -193px 0;
	overflow: hidden;
}
.file-downlist-item.xls:before,
.file-downlist-item.xlsx:before {
	background-position: -48px 0;
}
.file-downlist-item.doc:before,
.file-downlist-item.docx:before {
	background-position: 0 0;
}
.file-downlist-item.ppt:before,
.file-downlist-item.pptx:before {
	background-position: -73px 0;
}
.file-downlist-item.hwp:before,
.file-downlist-item.hwpx:before {
	background-position: -97px 0;
}
.file-downlist-item.pdf:before {
	background-position: -24px 0;
}
.file-downlist-item.zip:before {
	background-position: -121px 0;
}
.file-downlist-item.htm:before,
.file-downlist-item.html:before {
	background-position: -242px 0;
}
.file-downlist-item.txt:before {
	background-position: -266px 0;
}
.file-downlist-item.mov:before,
.file-downlist-item.avi:before,
.file-downlist-item.mp4:before {
	background-position: -169px 0;
}
.file-downlist-item.jpg:before,
.file-downlist-item.gif:before,
.file-downlist-item.png:before {
	background-position: -145px 0;
}
.file-downlist-item.mp3:before {
	background-position: -217px 0;
}
.file-downlist-item .cmn-filename-wrapper {
	float: left;
	display: block;
	width: 100%;
	/* width: calc(100% - 100px);
	margin-right: 100px; */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.file-downlist-item .file-capacity-txt {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	max-width: 100px;
	width: 100px;
	padding-left: 6px;
	text-align: left;
	box-sizing: border-box;
}
.file-preview-list .file-item-remove {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	color: #666;
	line-height: 0.7em;
	vertical-align: super;
	text-align: center;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	cursor: pointer;
}
.file-preview-list .file-item-remove:before {
	content: "X";
	position: absolute;
	top: 2px;
	left: -1px;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	user-select: none;
}
#divTaskAttachFile .file-preview-list .file-item-remove {
	position: absolute;
	top: 7px;
	right: 8px;
}
.file-preview-list .file-item-remove > span {
	display: inline-block;
	text-indent: -9999px;
}
.file-preview-list .uni-preview-btns {
	float: right;
	text-align: right;
}
input[type="file"].form-control.file {
	cursor: pointer !important;
}
/* dropdown */

.dropdown-menu {
	font-size: 12px !important;
	width: 100% !important;
}
.dropdown-menu>li>a {
	font-size: 12px !important;
}
.dropdown-menu>li>a strong {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 12px !important;
}
.dropdown-menu>.active>a {
	font-size: 12px !important;
}
.dropdown-menu>.active>a strong {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 13px !important;
	font-weight: 400;
	color: #fff;
}
.item-box .btn.btn-xs.btn-outline {
	background-color: #fff !important;
	border: 1px solid #dfdfdf;
}
.typeahead.dropdown-menu>.active>a strong {
	color: #2b43ac !important;
	font-weight: bold;
}
.typeahead.dropdown-menu > li.active {
    background-color: #f1f4fa !important;
}
.dropdown-menu > li.active > a {
	display: block;
	width: 100%;
	color: #333 !important;
	background-color: #c5dcf2 !important;
}
.dropdown-menu > li > a {
	padding: 2px;
	color: #333;
}
.dropdown-menu > li > a.no-data {
    height: 50px!important;
    padding: 0;
    line-height: 30px;
}

.dropdown-menu > li.active > a strong,
.dropdown-menu > li > a strong {
	color: #2b43ac !important;
}
/* Slick Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	width: 266px;
	height: 100%;
	min-height: 1px;
	padding: 0 5px !important
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* table */

.table-type1 {
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
}
.table-type1 thead th,
.table-type1 tbody th {
	padding: 2px 4px;
	height: 30px;
	line-height: 1.2;
	text-align: center;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
}
.table-type1 tbody td {
	height: 32px;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #ddd;
}
.table-type1.fixed-table {
	width: 100%;
}
.scroll-table-wrap {
	height: 182px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.scroll-table-wrap {
	height: 182px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow-x: hidden;
	overflow-y: scroll;
}
.table-type1.scroll-table.scroll-table-header th {
	padding: 0;
	font-size: 12px;
	letter-spacing: -1px;
	box-sizing: border-box;
}
.table-type1.scroll-table.scroll-table-scroll td {
	padding: 6px 4px 6px 2px;
	font-size: 12px;
	letter-spacing: -1px;
	border-top: 0;
	border-right: 0;
	box-sizing: border-box;
}
.table-type1.scroll-table.scroll-table-scroll td:first-child {
	border-left: 0;
}
.table-type1.scroll-table.scroll-table-scroll tr.selected td {
	background-color: #bed9f4;
}
.hr-line {
	margin: 20px 0 !important;
	border: 0;
	border-bottom: 1px solid #ddd !important;
}
.table-type1.fixed-table.fixed-table-scroll td {
	float: left;
	display: block;
	width: 74px;
	padding: 6px 4px 6px 2px;
	font-size: 12px;
	letter-spacing: -1px;
	border-top: 0;
	border-right: 0;
	box-sizing: border-box;
}
.table-type1.fixed-table.fixed-table-scroll {
	display: block;
	width: 100%;
	height: 160px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow-x: hidden;
	overflow-y: scroll;
}
.table-type1.fixed-table.fixed-table-scroll tr::after {
	content: "";
	clear: both;
	display: table;
}
.table-type1.fixed-table.fixed-table-header th {
	padding: 0;
	font-size: 12px;
	letter-spacing: -1px;
	box-sizing: border-box;
}
.table-type1.fixed-table.fixed-table-scroll td {
	float: left;
	display: block;
	width: 74px;
	padding: 6px 4px 6px 2px;
	font-size: 12px;
	letter-spacing: -1px;
	border-top: 0;
	border-right: 0;
	box-sizing: border-box;
}
/* .table-type1.fixed-table.fixed-table-scroll tr:nth-child(5) td {
	border-bottom: 0;
} */

.table-type1.fixed-table.fixed-table-header th:nth-child(1) {
	width: 91px;
	border-right: 0;
}
.table-type1.fixed-table.fixed-table-header th:nth-child(2),
.table-type1.fixed-table.fixed-table-header th:nth-child(3) {
	width: 75px;
	border-right: 0;
	letter-spacing: -1px;
}
.table-type1.fixed-table.fixed-table-header th:nth-child(4) {
	width: 180px;
	border-right: 0;
}
.table-type1.fixed-table.fixed-table-header th:nth-child(5) {
	width: 76px;
	border-right: 0;
}
.table-type1.fixed-table.fixed-table-header th:nth-child(6) {
	width: 76px;
	border-right: 0;
}
.table-type1.fixed-table.fixed-table-header th:nth-child(7) {
	width: 77px;
}
.table-type1.fixed-table.fixed-table-header th.last {
	width: 184px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(1) {
	width: 90px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(2),
.table-type1.fixed-table.fixed-table-scroll td:nth-child(3) {
	width: 75px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(4) {
	width: 90px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(5) {
	width: 90px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(6) {
	width: 76px;
}
.table-type1.fixed-table.fixed-table-scroll td:nth-child(7) {
	width: 76px;
}
.table-type1.fixed-table.fixed-table-scroll td.last {
	width: 167px;
	padding: 6px 0 6px 0 !important;
	border-right: 1px solid #ddd;
}
.tbl-inline-form {
	display: inline-block;
}
.tbl-inline-form > input[type="text"] {
	display: inline-block;
	width: 100%;
	height: 24px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.uni-btn-sign {
	position: relative;
	padding: 0 10px 0 26px;
}
.uni-btn-sign::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 2px solid #e2e2e2;
	border-radius: 2px;
	box-sizing: border-box;
}
.uni-btn-sign.checked::after {
	content: "v";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	font-size: 14px;
	line-height: 1;
	color: #fff!important;
	text-align: center;
	background: #4999cc;
	border: 2px solid #4999cc;
	border-radius: 2px;
	box-sizing: border-box;
}
.pop-guide-txt {
	padding: 10px 3px 5px;
	line-height: 1.4;
	color: #000;
	font-size: 14px;
}
.pop-guide-txt .guide-row {
	display: block;
	padding: 2px 0;
}
.pop-guide-txt .guide-row.red {
	color: #ff3d01;
}
.sign-wrap {
	min-width: 440px;
	padding: 10px 10px 0;
}
.sign-wrap .sign-box {
	position: relative;
	width: 580px;
	height: 380px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #eaeaea;
}
.sign-wrap .sign-btn-group {
	padding: 10px 0;
	text-align: center;
}
.uni-btn-normal.btn-sign-remove {
	position: relative;
	padding: 0 40px 0 10px;
}
.uni-btn-normal.btn-sign-remove::before {
	content: "";
	position: absolute;
	top: 4px;
	right: 12px;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_sign_remove.png);
	background-repeat: no-repeat;
	background-size: 14px 14px;
}
/* main dashboard */

ul.world-clock li span {
	font-weight: normal !important;
}
/* .gridbox_material.gridbox {
	box-sizing: content-box;
} */

div.gridbox_material.gridbox table.obj.row20px tr td {
	font-size: 13px !important;
}
div.gridbox_material.gridbox table.obj.row20px tr td img {
	display: inline-block;
}
div.gridbox_material.gridbox table.obj.row20px tr td a {
	color: #404040
}
div.gridbox_material.gridbox table.obj tr td,
.dhx_grid_adjust {
	font-size: 13px !important;
}
.uni-box-con .uni-box-tit+div ul li {
	border-bottom: 1px solid #e6e7eb;
}
.uni-box-con .uni-box-tit+div ul li:last-child {
	border-bottom: 0;
}
.uni-main-maillist.mailPortletCss {
	padding-left: 10px;
	cursor: pointer;
}
.uni-main-maillist.mailPortletCss span.tb-ico-file {
	margin-left: 0 !important;
}
/* div.gridbox_material.gridbox {border: 0!important} */

.widget .list-group-item {
	border: 1px solid #eee;
}
/* required */

.box-form.required .form-label:after {
	content: "*";
	position: absolute;
	margin-left: 8px;
	color: #ff3d01;
}
.box-form02.required .form-label:after {
	/*content: "*";*/
	position: absolute;
	margin-left: 8px;
	color: #ff3d01;
}
.box-col-form.required .form-label:after {
	content: "*";
	position: absolute;
	margin-left: 8px;
	color: #ff3d01;
}
.slimScrollBar {
	opacity: 0.2;
}
.list-world-clock {
	width: auto !important;
	overflow: hidden;
}
.world-clock-item {
	position: relative;
	height: 31px !important;
	padding: 6px 16px;
	border-bottom: 1px solid #e6e7eb;
	box-sizing: border-box;
}
.world-clock-item .cityname {
	position: relative;
	padding: 0 0 0 34px;
	color: #000;
	font-weight: 400;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
}
.world-clock-item .citytime {
	position: absolute;
	top: 8px;
	right: 22px;
	display: block;
	text-align: right;
	font-weight: 200;
	font-size: 13px;
	color: #004bd4;
}
.world-clock-item .cityname:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 15px;
	background-image: url(../images/icon_flag_clock.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.world-clock-item .cityname.kr:before {
	background-position: 0 0;
}
.world-clock-item .cityname.us:before {
	background-position: 0 -40px;
}
.world-clock-item .cityname.uk:before {
	background-position: 0 -80px;
}
.world-clock-item .cityname.vn:before {
	background-position: 0 -120px;
}
.world-clock-item .cityname.ch:before {
	background-position: 0 -160px;
}
.world-clock-item .cityname.in:before {
	background-position: 0 -200px;
}
.world-clock-item .cityname.mx:before {
	background-position: 0 -240px;
}
.world-clock-item .cityname.pa:before {
	background-position: 0 -277px;
}
.world-clock-item .cityname.ae:before {
	background-position: 0 -317px;
}
.world-clock-item .cityname.fr:before {
	background-position: 0 -355px;
}
.exchange-tab {
	margin-bottom: 0;
}
.exchange-list {
	margin-bottom: 0;
}
.exchange-list>dt {
	background-color: #f3f6fa;
	height: 35px;
	padding-top: 7px;
	text-align: center;
}
.exchange-list .exchange-today {
	font-size: 13px;
	font-weight: bold;
	color: #242525;
	vertical-align: middle;
	font-family: "Tahoma", vernada;
}
.exchange-list>dt .btn-reload {
	display: inline-block;
	width: 16px;
	height: 14px;
	margin-left: 14px;
	vertical-align: middle;
	background: url(../images/icon_reload.png) no-repeat center center
}
.list-exchange-rate {
	width: auto !important;
}
.exchange-item {
	height: 38px !important;
	border-bottom: 1px solid #e6e7eb;
	box-sizing: border-box;
}
.exchange-item:list-child {
	border-bottom: 0;
}
.exchange-item:after {
	content: "";
	clear: both;
	display: table;
}
.exchange-item .money-unit {
	float: left;
	display: block;
	width: 40%;
	padding: 6px 10px;
	color: #333;
	box-sizing: border-box;
}
.exchange-item .money-unit>strong {
	display: inline-block;
	padding-right: 10px;
	font-family: "Nanum Gothic", sans-serif;
	font-weight: 400;
	font-size: 13px;
}
.exchange-item .money-unit>em {
	display: inline-block;
	font-size: 13px;
	font-weight: 200;
	color: #666;
	font-family: "Nanum Gothic", sans-serif;
}
.exchange-item em {
	font-style: normal;
}
.exchange-item .buying {
	float: left;
	display: block;
	width: 30%;
	padding: 6px 20px;
	color: #004bd4;
	box-sizing: border-box;
}
.exchange-item .selling {
	float: left;
	display: block;
	width: 30%;
	padding: 6px 20px;
	color: #ed1f1f;
	box-sizing: border-box;
}
.exchange-item .ico {
	display: inline-block;
	width: 31px;
	height: 16px;
	text-align: center;
	font-style: normal;
	line-height: 16px;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	font-family: "Nanum Gothic", sans-serif;
}
.exchange-item .txt-point {
	display: inline-block;
	width: calc(100% - 33px);
	text-align: right;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
}
.exchange-item .buying .ico {
	color: #004bd4;
	border-color: #004bd4;
}
.exchange-item .selling .ico {
	color: #ed1f1f;
	border-color: #ed1f1f;
}
.exchange-item .buying .txt-point {
	color: #004bd4;
}
.exchange-item .selling .txt-point {
	color: #ed1f1f;
}
.weather-info-wrap {
	overflow: hidden;
}
.weather-info-wrap .left-con {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.weather-info-wrap .right-con {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.weather-today-wrap {
	width: 90%;
	margin: 0 auto;
}
.weather-today-wrap>dt {
	padding: 8px 0 12px;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
.weather-today-wrap>dd {
	padding: 7px 10px 10px;
}
.weather-today-info {
	float: left;
	width: 50%;
	height: auto !important;
	margin-bottom: 0;
	border: 0 !important;
}
.weather-today-info>dt {
	text-align: center;
}
.weather-today-info>dd {
	padding: 6px 0 0;
}
.weather-today-info strong,
.weather-today-info em {
	display: block;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-family: "Nanum Gothic", sans-serif;
	box-sizing: border-box;
}
.weather-today-info strong {
	display: inline-block;
	height: 20px;
	padding: 0 8px;
	border-radius: 10px;
	background-color: #acacac;
	min-width: 40px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
.weather-today-info strong:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.weather-today-info em {
	padding: 6px 0 0 0;
	color: #ed1f1f;
	font-size: 11px;
}
.weather-next-list {
	float: left;
	border-left: 1px solid #dfe2e5;
}
.weather-next-list:after {
	content: "";
	clear: both;
	display: table;
}
.weather-next-list>li {
	float: left;
	width: 33.33%;
	height: 90px !important;
	border-right: 1px solid #dfe2e5;
}
.weather-today-info>li:hover,
.weather-next-list>li:hover {
	text-decoration: none !important;
}
.weather-next-list>li:nth-child(3n) {
	border-right: 0;
}
.weather-next-list>li:nth-child(4n),
.weather-next-list>li:nth-child(5n),
.weather-next-list>li:nth-child(6n) {
	border-bottom: 0 !important;
	height: 94px !important;
}
.weather-next-list strong,
.weather-next-list em {
	display: block;
	text-align: center;
	font-style: normal;
	color: #333;
	font-family: "Nanum Gothic", sans-serif;
	box-sizing: border-box;
}
.weather-next-list strong {
	padding: 5px 0 0;
}
.weather-next-list em {
	padding-top: 3px;
	font-weight: 400;
	font-size: 11px;
}
.weather-icon-today {
	display: block;
	width: 80px;
	height: 70px;
	margin: 0 auto;
	background-image: url(../images/icon_weather.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.weather-icon-today.day {
	background-position: 0 0
}
.weather-icon-today.day.clear-sky {
	background-position: 0 0
}
.weather-icon-today.day.few-clouds {
	background-position: 0 -100px
}
.weather-icon-today.day.scattered-clouds {
	background-position: 0 -200px
}
.weather-icon-today.day.broken-clouds {
	background-position: 0 -300px
}
.weather-icon-today.day.shower-rain {
	background-position: 0 -400px
}
.weather-icon-today.day.rain {
	background-position: 0 -500px
}
.weather-icon-today.day.thunderstorm {
	background-position: 0 -600px
}
.weather-icon-today.day.snow {
	background-position: 0 -700px
}
.weather-icon-today.day.mist {
	background-position: 0 -800px
}
.weather-icon-today.daytime {
	background-position: -100px 0
}
.weather-icon-today.daytime.clear-sky {
	background-position: -100px 0
}
.weather-icon-today.daytime.few-clouds {
	background-position: -100px -100px
}
.weather-icon-today.daytime.broken-clouds {
	background-position: -100px -200px
}
.weather-icon-today.daytime.scattered-clouds {
	background-position: -100px -300px
}
.weather-icon-today.daytime.shower-rain {
	background-position: -100px -400px
}
.weather-icon-today.daytime.rain {
	background-position: -100px -500px
}
.weather-icon-today.daytime.thunderstorm {
	background-position: -100px -600px
}
.weather-icon-today.daytime.snow {
	background-position: -100px -700px
}
.weather-icon-today.daytime.mist {
	background-position: -100px -800px
}
.weather-icon-today.night {
	background-position: -200px 0
}
.weather-icon-today.night.clear-sky {
	background-position: -200px 0
}
.weather-icon-today.night.few-clouds {
	background-position: -200px -100px
}
.weather-icon-today.night.scattered-clouds {
	background-position: -200px -200px
}
.weather-icon-today.night.broken-clouds {
	background-position: -200px -300px
}
.weather-icon-today.night.shower-rain {
	background-position: -200px -400px
}
.weather-icon-today.night.rain {
	background-position: -200px -500px
}
.weather-icon-today.night.thunderstorm {
	background-position: -200px -600px
}
.weather-icon-today.night.snow {
	background-position: -200px -700px
}
.weather-icon-today.night.mist {
	background-position: -200px -800px
}
.weather-icon-next {
	display: block;
	width: 50px;
	height: 40px;
	margin: 0 auto;
	background-image: url(../images/icon_weather_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.weather-icon-next.day {
	background-position: 0 0
}
.weather-icon-next.day.clear-sky {
	background-position: 0 0
}
.weather-icon-next.day.few-clouds {
	background-position: 0 -50px
}
.weather-icon-next.day.broken-clouds {
	background-position: 0 -100px
}
.weather-icon-next.day.scattered-clouds {
	background-position: 0 -150px
}
.weather-icon-next.day.shower-rain {
	background-position: 0 -200px
}
.weather-icon-next.day.rain {
	background-position: 0 -250px
}
.weather-icon-next.day.thunderstorm {
	background-position: 0 -300px
}
.weather-icon-next.day.snow {
	background-position: 0 -350px
}
.weather-icon-next.day.mist {
	background-position: 0 -400px
}
.weather-icon-next.daytime {
	background-position: -100px 0
}
.weather-icon-next.daytime.clear-sky {
	background-position: -100px 0
}
.weather-icon-next.daytime.few-clouds {
	background-position: -100px -50px
}
.weather-icon-next.daytime.broken-clouds {
	background-position: -100px -100px
}
.weather-icon-next.daytime.scattered-clouds {
	background-position: -100px -150px
}
.weather-icon-next.daytime.shower-rain {
	background-position: -100px -200px
}
.weather-icon-next.daytime.rain {
	background-position: -100px -250px
}
.weather-icon-next.daytime.thunderstorm {
	background-position: -100px -300px
}
.weather-icon-next.daytime.snow {
	background-position: -100px -350px
}
.weather-icon-next.daytime.mist {
	background-position: -100px -400px
}
.weather-icon-next.night {
	background-position: -200px 0
}
.weather-icon-next.night.clear-sky {
	background-position: -200px 0
}
.weather-icon-next.night.few-clouds {
	background-position: -200px -50px
}
.weather-icon-next.night.broken-clouds {
	background-position: -200px -100px
}
.weather-icon-next.night.scattered-clouds {
	background-position: -200px -150px
}
.weather-icon-next.night.shower-rain {
	background-position: -200px -200px
}
.weather-icon-next.night.rain {
	background-position: -200px -250px
}
.weather-icon-next.night.thunderstorm {
	background-position: -200px -300px
}
.weather-icon-next.night.snow {
	background-position: -200px -350px
}
.weather-icon-next.night.mist {
	background-position: -200px -400px
}
.uni-con-4-mini {
	/* width: 16.33% !important; */
}
.uni-box-exchange.mini-portlet .exchange-item .money-unit {
	width: 28%;
	padding: 6px 5px;
	letter-spacing: -1px;
}
.uni-box-exchange.mini-portlet .exchange-item .money-unit > strong {
	padding-right: 3px;
}
.uni-box-exchange.mini-portlet .exchange-item .buying {
	width: 36%;
}
.uni-box-exchange.mini-portlet .exchange-item .selling {
	width: 36%;
}
.uni-box-exchange.mini-portlet .exchange-item .ico {
	width: 26px;
	font-size: 12px;
	font-family: "Dotum", dotum, sans-serif;
	margin-right: 5px;
}
.uni-box-exchange.mini-portlet .exchange-item .txt-point {
	font-family: Tahoma;
	font-size: 13px;
}
.uni-box-survey .survey-cont {
	position: relative;
	height: 186px;
	padding: 14px 14px 38px;
	background-image: url(../images/icon_survey.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	box-sizing: border-box;
}
.uni-box-survey .survey-question {
	padding: 0 0 12px;
	color: #010101;
	font-size: 13px;
	line-height: 1.4;
}
.uni-box-survey .survey-item {
	display: table;
	padding: 0 !important;
	font-size: 13px;
}
.uni-box-survey .survey-item > dt {
	display: table-cell;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
	color: #636363;
	box-sizing: border-box;
}
.uni-box-survey .survey-item > dd {
	display: table-cell;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
	color: #2373ad;
	box-sizing: border-box;
}
.uni-box-survey .uni-survey-button {
	position: absolute;
	left: 0;
	bottom: 14px;
	display: block;
	width: 100%;
	padding: 0 14px;
	box-sizing: border-box;
}
.uni-box-survey .uni-survey-button .btn-survey-link {
	display: inline-block;
	width: 100%;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	color: #141414;
	border: 1px solid #b0b0b0;
	box-sizing: border-box;
}
.mail-type2 {
	width: 100% !important;
}
.mail-type2 .uni-main-maillist.uni-one-row {
	position: relative;
	height: 31px;
	padding: 4px 190px 3px 10px;
	border-bottom: 1px solid #dfe2e5;
	overflow: hidden;
	box-sizing: border-box;
}
.mail-type2 .uni-main-maillist.uni-one-row .uni-m-name {
	display: block;
	position: absolute;
	top: 4px;
	right: 90px;
	text-align: left;
	min-width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.mail-type2 .uni-main-maillist.uni-one-row .uni-date01 {
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 10px;
	width: 72px;
	max-width: 72px;
	text-align: right;
	overflow: hidden;
}
.dlp-userinfo-wrap {
	margin: 0 0 30px 0;
	padding: 5px 10px;
	background-color: #f4f4f4;
	border: 1px solid #e0e0e0;
}
.multi-grid-row {
	min-height: 36px;
	padding: 6px 2px 0;
	border-bottom: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.multi-grid-row:last-child {
	border-bottom: 0;
}
.multi-grid-row .input-item {
	display: inline-block;
}
.multi-grid-row .input-item label {
	display: inline-block;
	width: 76px;
	font-size: 12px;
	font-weight: bold;
	box-sizing: border-box;
}
.multi-grid-row .uni-btn-search {
	display: inline-block;
	width: 70px;
	height: 22px;
	text-align: center;
	color: #fff;
	background-color: #25398b;
	box-sizing: border-box;
}
.multi-grid-row .input-item .select,
.multi-grid-row .input-item input[type='text'] {
	border: 1px solid #d0d5da;
}
.multi-grid-row .box-form {
	display: block;
	padding: 0;
}
.multi-grid-row .box-form .box-col-form {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 0 10px 0 80px;
	box-sizing: border-box;
}
.multi-grid-row .box-form .box-col-form .form-label {
	width: 80px;
}
.multi-grid-row .box-form .box-col-form input[type='text'].readonly {
	background-color: #f1f1f1;
}
.info-table-wrap {
	padding: 5px 10px;
}
.info-table-wrap h5 {
	padding: 3px 0 0 0;
	font-size: 13px;
	font-weight: bold;
}
.info-table {
	width: auto;
	border-spacing: 0;
}
.info-table th,
.info-table td {
	padding: 3px 20px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #d5d9dd;
}
.info-table th {
	font-size: 12px;
	background-color: #f2f2f2;
}
.tabs-grid {
	padding: 4px 8px;
	box-sizing: border-box;
}
.tabs-grid-link {
	position: relative;
	display: inline-block;
	min-width: 110px;
	height: 31px;
	padding: 5px 4px;
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	border: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.tabs-grid-link.active,
.tabs-grid-link:hover {
	color: #0b69c1;
	border-color: #0b69c1;
}
.multi-gridinfo-container {
	/* min-height: 76px; */
	margin: 4px 8px;
	padding: 2px 12px;
	border: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.uni-month-prev,
.uni-month-next {
	position: relative;
	display: inline-block;
	min-width: 50px;
	height: 20px;
	padding: 0 6px 0 20px;
	font-size: 13px;
	line-height: 1;
	color: #333;
	background-color: #fff;
	border: 1px solid #d0d5da;
}
.uni-month-next {
	padding: 3px 20px 3px 6px;
}
.uni-month-prev:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right: 5px solid #999;
}
.uni-month-next:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 34px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #999;
}
.month-sum-info {
	display: inline-block;
	padding: 5px 0 0 0;
}
.month-sum-info dt,
.month-sum-info dd {
	display: inline-block;
	font-size: 14px;
}
.month-sum-info dt {
	padding-right: 20px;
}
.card-use-list {
	padding: 10px;
}
.card-use-item {
	padding: 0 10px 14px;
	border-bottom: 1px solid #d5d9dd
}
.card-use-item + .card-use-item {
	padding: 14px 10px 14px;
}
.info-data-table {
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
}
.info-data-table th,
.info-data-table td {
	padding: 3px 20px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #d5d9dd;
}
.info-data-table th {
	font-size: 12px;
	background-color: #f2f2f2;
}
.card-use-info {
	position: relative;
}
.card-use-info .chk-item {
	position: absolute;
	top: -3px;
	left: 0;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.card-info-btns {
	position: absolute;
	top: -2px;
	right: 0;
	text-align: right;
}
.card-log-infobox {
	padding: 0 10px 10px 50px;
}
.card-log-infobox:after {
	content: "";
	clear: both;
	display: table;
}
.card-log-info {
	float: left;
	display: block;
	width: 300px;
}
.card-log-info > dt {
	display: inline-block;
	margin-right: 6px;
	padding: 0 4px;
	font-weight: normal;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.card-log-info > dd {
	display: inline-block;
}
.card-log-info > dd .ft-blue01 {
	font-weight: normal;
}
/* admin */

.admin-html {
	overflow: hidden;
}
.admin-body {
	width: 100%;
	height: 100%;
	min-width: 1366px;
	min-height: 768px;
	overflow: hidden;
	background-color: #fff;
}
.admin-body > #footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 32px;
	padding-top: 5px;
	border-top: 1px solid #dedede;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 200;
}
.admin-body > #footer > address {
	color: #333;
	text-align: center;
	font-family: "Nanum Gothic", sans-serif
}
.admin-header {
	min-width: 1366px;
	background: #fff;
	overflow: hidden;
	z-index: 10;
}
.admin-logo {
	position: absolute;
	bottom: 7px;
	left: 140px;
	display: inline-block;
	width: 80px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/icon_admin.png) no-repeat;
}
.uni-menu-main {
	padding-left: 10px;
}
.uni-menu-main>li {
	height: 44px;
	padding: 4px;
	box-sizing: border-box;
}
.uni-menu-main>li>a {
	height: 38px;
	padding: 5px 20px 3px 20px !important;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.uni-menu-main>li>a:hover {
	color: #092c62;
	padding: 7px 20px 3px 20px !important;
	text-decoration: none;
	box-sizing: border-box;
	background-color: #fff;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}
.uni-top-menu .btn-front-view {
	position: relative;
	float: left;
	display: block;
	margin: 7px 10px;
	border: 1px solid #ccc;
	padding: 3px 15px 3px 8px;
	color: #666;
	font-size: 11px;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-top-menu .btn-front-view:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 5px;
	width: 0;
	height: 0;
	border-top: 5px solid #fff;
	border-left: 5px solid #666;
	border-bottom: 5px solid #fff;
}
.admin-searchbox {
	position: absolute;
	top: 6px;
	left: 50%;
	width: 320px;
	height: 28px;
	margin: 0 0 0 -160px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
}
.admin-searchbox .select {
	height: 26px;
	padding: 0 10px 0 5px;
	border: 0;
	border-right: 1px solid #cbcbcb;
}
.admin-searchbox input[type=text] {
	width: 200px;
	border: 0;
}
.admin-searchbox .btn-search {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0;
	text-indent: -9999px;
	background: url(../images/btn_ico_common_off.png) no-repeat 2px -101px;
	width: 29px;
	height: 29px;
	cursor: pointer;
}
.admin-container {
	position: relative;
	min-width: 1330px;
	margin-top: 84px;
	/* 	margin-bottom: 32px; */
	box-sizing: border-box;
}
.left-sidabar {
	position: absolute;
	/* top: 84px; */
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	padding: 0;
	background: #fcfcfc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	z-index: 101;
}
.admin-container .uni-content-wrap {
	padding: 0 0 0 200px;
}
.admin-container #mainFrame {
	min-width: 1166px;
	/* min-height: 652px; */
	box-sizing: border-box;
}
.uni-admin-search {
	position: absolute;
	top: 4px;
	right: 14px;
	width: 350px;
	height: 28px;
	padding: 0;
	box-sizing: border-box;
}
.uni-admin-search select {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 6px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border: 1px solid transparent;
	border-right: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.btn-detail-dropdown {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	font-weight: 600;
	width: auto;
	padding: 0 40px 0 10px;
	font-size: 12px;
	z-index: 100;
	height: 28px;
	line-height: 28px;
	border-left: 1px solid #dfe2e5;
	background: url(../images/ico_common.png) no-repeat 96% -362px #fff;
	cursor: pointer;
}
.btn-detail-dropdown.active {
	background: #fff url(../images/ico_common.png) no-repeat 96% -406px;
	color: #2b43ac;
}
.uni-admin-searchbox {
	position: relative;
	padding-right: 74px;
	vertical-align: bottom;
	border: 1px solid #dfe2e5;
}
.uni-admin-search.simple-search {
	width: 284px;
}
.uni-admin-search.simple-search .uni-admin-searchbox {
	padding-right: 0;
}
.uni-admin-search.simple-search-type2 {
	width: 284px;
}
.uni-admin-search.simple-search-type2 {
	width: 240px;
}
.uni-admin-search.simple-search-type2 .uni-admin-searchbox {
	padding-right: 0;
}
.uni-admin-search.simple-search-type2 .uni-admin-searchbox .uni-input-admin {
	width: 100%;
}
.uni-input-admin {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 28px;
	line-height: 28px;
	padding: 0 36px 0 0;
}
.uni-input-admin input[type="text"] {
	border: none;
	width: 100%;
	height: 24px;
}
.uni-input-admin::before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/btn_ico_common_off.png) no-repeat 2px -101px;
	width: 26px;
	height: 26px;
	cursor: pointer;
}
.uni-admin-search.extend-search {
	width: 560px;
	padding-right: 0;
}
.uni-admin-search.extend-search .uni-admin-searchbox {
	display: inline-block;
	width: 284px;
	padding-right: 0;
}
.uni-admin-search.extend-search .uni-admin-searchbox .uni-input-admin {
	padding-right: 0;
}
.uni-admin-search.extend-search .uni-admin-searchbox .uni-input-admin::before {
	content: "";
	display: none;
}
.search-extend-item {
	position: relative;
	display: inline-block;
	width: 270px;
	height: 30px;
	margin-top: -1px;
	padding-left: 60px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.search-extend-item > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 28px;
	text-align: right;
	font-size: 12px;
	padding: 3px 10px 0 0;
	border-right: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.search-extend-item .form-group-finder {
	padding-top: 2px;
	border: 0;
}
.admin-local-tab {
	width: 100%;
	height: 35px;
	padding: 5px 0 0 6px;
	background-color: #edf4fb;
	/* border-bottom: 1px solid #ddd; */
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.admin-local-tab>a {
	display: inline-block;
	position: relative;
	padding: 4px 12px;
	color: #323232;
	font-weight: normal;
}
.admin-local-tab>a.active {
	font-weight: bold;
	color: #3c6ad9;
}
.admin-local-tab>a::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 1px;
	height: 11px;
	background-color: #999
}
.admin-local-tab>a::last-child::after {
	content: "";
	background-color: transparent;
}
.admin-cateory {
	height: 40px;
	padding: 9px 10px 0;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #999;
}
.leftmenu-list-item {
	position: relative;
	display: block;
	color: #333;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid rgb(223, 222, 222);
}
.leftmenu-list-item:hover,
.leftmenu-list-item.active {
	background-color: #999;
	color: #fff;
}
.leftmenu-list-item:before {
	content: "";
	position: absolute;
	top: 17px;
	left: 10px;
	width: 4px;
	height: 4px;
	background-color: #999;
}
.leftmenu-list-item:hover:before,
.leftmenu-list-item.active:before {
	background-color: #fff;
}
.left-submenu-list {
	padding: 6px 10px 6px 20px;
	background-color: rgba(240, 240, 240);
	border-bottom: 1px solid rgb(223, 222, 222);
}
.left-subitem {
	position: relative;
	display: block;
	padding: 2px 2px 2px 14px;
	font-size: 12px;
	color: #9d9d9d;
	text-decoration: none;
}
.left-subitem:before {
	content: "▶";
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	font-size: 8px;
	color: rgb(170, 170, 170);
}
.left-subitem.active,
.left-subitem.active:before {
	color: #000;
}
#codeMainGrid div.gridbox_material.gridbox,
#codeDetailGridId {
	border: 0 !important;
}
#codeDetailGrid {
	border: 0;
	border-bottom: 1px solid #dfe2e5;
}
.admin-search-wrap {
	position: relative;
	padding: 0 100px 4px 0;
	display: none;
}
.admin-search-wrap .form-table {
	padding: 4px 10px 0 20px !important;
}
.admin-search-wrap .box-group-right.form-buttons {
	position: absolute;
	top: 9px;
	right: 20px;
	width: 70px;
	height: 100%;
	border: 0;
}
.admin-search-wrap .box-group-right.form-buttons .btn-form-normal.search {
	width: 70px !important;
	height: 24px !important;
	border: 0;
}
.admin-search-wrap.search-active {
	display: block !important;
}
.admin-search-wrap.search-active + .uni-sub-wrap {
	margin-top: -10px;
}
.info-list-wrap {
	max-width: 600px;
}
.info-list-wrap .info-list-title {
	position: relative;
	margin-top: 20px;
	padding: 0 10px 10px 6px;
	font-size: 16px;
}
.info-list-title + .info-list-item {
	border-top: 1px solid #c6c6c6;
}
.info-list-item {
	display: table;
	width: 100%;
	padding: 5px;
	min-height: 30px;
	border-bottom: 1px solid #c6c6c6;
	box-sizing: border-box;
}
.info-list-item > dt {
	display: table-cell;
	width: 40%;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.info-list-item > dd {
	display: table-cell;
	width: 60%;
	font-size: 13px;
	text-align: center;
	box-sizing: border-box;
}
.prebox {
	display: block;
	padding: 12px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.prebox > pre {
	display: block;
	font-size: 13px;
	line-height: 1.4em;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.card-list-wrap {} .card-item-wrap {
	padding: 10px;
	border: 1px solid #f2f2f2;
}
.card-item {
	display: table;
	width: 100%;
}
.card-item > dt {
	position: relative;
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.card-item > dd:nth-child(2) {
	display: table-cell;
	width: 50%;
}
.card-item > dd:nth-child(3) {
	display: table-cell;
	width: 20%;
	vertical-align: top;
}
.card-item-title {
	font-size: 14px;
}
.card-item-info {
	padding: 10px 0 0 0;
}
.card-item-info .card-item-option {
	padding: 2px 0;
}
.card-item-info .card-item-option .txt-inline-block {
	font-size: 13px;
}
.card-item-wrap .admin-switch-txt {
	min-width: 300px;
	padding: 0 0 0 60px;
}
.auth-wrap {
	padding: 20px 0;
	min-height: 400px;
}
.auth-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.auth-col-1,
.auth-col-2,
.auth-col-3,
.auth-col-btn {
	float: left;
	min-height: 400px;
	box-sizing: border-box;
}
.auth-col-1 {
	width: 22%;
}
.auth-col-2 {
	width: 30%;
}
.auth-col-3 {
	width: 36%;
}
.auth-col-btn {
	position: relative;
	width: 6%;
}
.auth-search-box {
	border: 1px solid #cbcbcb;
	margin-bottom: 10px;
	padding: 5px 8px 3px 10px;
	box-sizing: border-box;
}
.auth-search-box:after {
	content: "";
	clear: both;
	display: table;
}
.auth-search-box .left-con {
	float: left;
	width: 30%;
	box-sizing: border-box;
}
.auth-search-box .right-con {
	float: right;
	width: 70%;
	position: relative;
	box-sizing: border-box;
}
.auth-col-btn .auth-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	border-left: 1px solid #dfe2e5;
	border-right: 1px solid #dfe2e5;
}
.auth-col-btn .auth-btn-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -10px;
}
.auth-col-btn .auth-btn-box .uni-btn-normal.btn-arrow-right {
	position: relative;
	width: 20px;
	height: 24px;
	outline: none;
}
.auth-col-btn .auth-btn-box .uni-btn-normal.btn-arrow-right:before {
	content: "▶";
	position: absolute;
	top: 2px;
	left: 1px;
	width: 20px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-size: 12px;
}
.home-portlet-wrap {
	min-height: 400px;
	/* margin-top: 10px; */
	background-color: #f9f9f9;
	border: 1px solid #d5d9dd;
	border-top: 0;
	box-sizing: border-box;
}
.portlet-list-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.portlet-list-wrap > li {
	float: left;
	position: relative;
	width: 50%;
	margin-top: 10px;
	padding: 10px 10px 10px 90px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.portlet-list-wrap > li:nth-child(2n-1) {
	width: calc(50% - 5px);
	margin-right: 5px;
}
.portlet-list-wrap > li:nth-child(2n) {
	width: calc(50% - 5px);
	margin-left: 5px;
}
.portlet-list-wrap > li.list-full {
	width: 100%;
}
.portlet-list {
	height: 120px;
	overflow-x: auto;
	overflow-y: hidden;
}
.portlet-cateory {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 80px;
	height: 100%;
	padding: 30px 0 0 0;
	text-align: center;
	background-color: #ededed;
	box-sizing: border-box;
}
.portlet-cateory > strong {
	display: inline-block;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 16px;
}
.portlet-cateory .portlet-cateory-buttons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 6px;
}
.portlet-cateory .portlet-cateory-buttons > button {
	height: 20px;
	padding: 0 5px;
	font-size: 11px;
	background-color: #fff;
}
.portlet-cateory .portlet-cateory-buttons > button:last-child {
	margin-top: 3px;
	width: 67px;
}
.portlet-item {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 120px;
	margin-right: 4px;
	padding: 10px;
	text-align: center;
	background-color: #f4f3f3;
	border: 1px solid #ccc;
	border-right-width: 2px;
	border-bottom-width: 2px;
	box-sizing: border-box;
}
.portlet-item:hover {
	background-color: #d9ebff;
	border-color: #10519b;
}
.portlet-item:hover .portlet-item-title {
	color: #000 !important;
}
.portlet-item:before {
	content: "¶";
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	color: #cdcdcd;
	font-size: 20px;
	z-index: 1;
}
.portlet-item .portlet-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
}
.portlet-item .portlet-item-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 15px;
	letter-spacing: -1px;
	background-color: rgba(255, 255, 255, .8);
	overflow: hidden;
}
.portlet-item .portlet-info {
	padding-top: 42px;
	font-size: 11px;
}
.portlet-control-wrap {
	position: relative;
	margin-top: 10px;
}
.portlet-control {
	height: 186px;
	border: 1px solid #e8ebed;
	box-sizing: border-box;
}
.portlet-control > dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 100%;
	background: #264a98;
}
.portlet-control > dd {
	padding: 30px 0 30px 170px;
	background-color: #fff;
	box-sizing: border-box;
	overflow-y: hidden;
	overflow-x: auto;
}
.portlet-control > dt::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #264a98;
	transform: translate(0, -50%);
}
.portlet-control-addlist {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	padding: 8px 18px 4px;
	background-color: #1a3a7f;
	border: 0;
	border-top-left-radius: 10px;
	transform: translate(0, -100%);
}
.portlet-control-addlist li {
	border-bottom: 1px solid #3c5ea6;
}
.portlet-control-addlist li:last-child {
	border-bottom: 0;
}
.portlet-control-link {
	display: block;
	height: 46px;
	padding-top: 16px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.portlet-control-link:hover {
	color: #88adfd;
}
.selected-portlet-category {
	position: relative;
	height: 156px;
	background-image: url(/global/images/icon_portlet_category.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	cursor: pointer;
}
.selected-portlet-category::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 50%;
	display: block;
	width: 28px;
	height: 21px;
	margin-left: -14px;
	background: url(/global/images/icon_selected_portlet.png) no-repeat center center transparent;
}
.selected-portlet-category.pc-common {
	background-position: 0 0;
}
.selected-portlet-category.pc-board {
	background-position: -140px 0;
}
.selected-portlet-category.pc-approval {
	background-position: -280px 0;
}
.selected-portlet-category.pc-mail {
	background-position: -420px 0;
}
.selected-portlet-category.pc-misc {
	background-position: -560px 0;
}
.selected-portlet-category > strong {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family: 'Malgun Gothic', Helvetica, sans-serif;
	color: #fff;
}
.seleted-portlet-btns {
	width: 96px;
	margin: 0 auto;
	text-align: center;
}
.seleted-portlet-btns button {
	display: inline-block;
	width: 45px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #00236d;
	background-color: #3c65be;
	border-radius: 2px;
	border: 1px solid #093eb1;
}
.seleted-portlet-btns button::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.seleted-portlet-btns button:hover {
	background-color: #4d74ca;
	border: 1px solid #366ada;
}
.portlet-preview-list::after {
	content: "";
	clear: both;
	display: table;
}
.portlet-preview-list > li {
	float: left;
	padding-right: 30px;
}
.portlet-preview-item {
	position: relative;
	width: 160px;
	height: 120px;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	cursor: pointer;
}
.portlet-preview-item > dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	padding: 6px 7px;
	line-height: 1.3;
	background-color: rgba(221, 221, 221, 0.6);
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	overflow: hidden;
}
.portlet-preview-item > dt > strong {
	display: block;
	width: 100px;
	color: #555;
	font-family: 'Malgun Gothic', Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.portlet-preview-item > dt > em {
	display: block;
	color: #555;
	font-family: 'Malgun Gothic', Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.portlet-preview-item > dd {
	background-color: #fff;
}
.portlet-preview-btn {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30px;
}
.portlet-preview-btn > button {
	display: inline-block;
	width: 30px;
	height: 18px;
	font-size: 11px;
	color: #555;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #c1c1c1;
}
.portlet-preview-btn > button::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.portlet-preview-btn > button + button {
	margin-top: 2px;
}
.portlet-item-drag-wrap {
	position: relative;
	padding-top: 24px;
}
.portlet-drag-header {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 22px;
	background-color: #dfe2e5;
	border: 1px solid #d3d6d9;
	border-bottom: 1px solid #d0d3d6;
	box-sizing: border-box;
	cursor: move;
}
.portlet-drag-header .icon-drag,
.portlet-drag-header .icon-drag::before,
.portlet-drag-header .icon-drag::after {
	position: absolute;
	top: 2px;
	left: 5px;
	display: block;
	width: 4px;
	height: 4px;
	background: #ababab;
	border-radius: 50%;
}
.portlet-drag-header .icon-drag::before {
	content: "";
	top: 6px;
	left: 0;
}
.portlet-drag-header .icon-drag::after {
	content: "";
	top: 12px;
	left: 0;
}
.portlet-drag-header .btn-drag-close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 22px;
	height: 19px;
	border-left: 1px solid #d3d6d9;
	background-color: transparent;
	cursor: pointer;
}
.portlet-drag-header .btn-drag-close::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 9px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #9a9a9a;
	transform: rotate(45deg);
}
.portlet-drag-header .btn-drag-close::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 9px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #9a9a9a;
	transform: rotate(-45deg);
}
.auth-pop-wrap {
	min-height: 600px;
}
.auth-pop-wrap::after {
	content: "";
	clear: both;
	display: table;
}
.auth-pop-wrap .left-con {
	float: left;
	width: 50%;
	padding-right: 15px;
	box-sizing: border-box;
}
.auth-pop-wrap .right-con {
	float: left;
	width: 50%;
	padding-left: 15px;
	box-sizing: border-box;
}
.minitab.full-minitab {
	display: table;
	width: 100%;
	border-bottom: 0;
}
.minitab.full-minitab .link-local {
	display: table-cell;
	float: initial;
	height: 28px;
	border-top: 1px solid #d0d5da;
	border-left: 1px solid #d0d5da;
	border-right: 0;
	border-bottom: 1px solid #b5bcd7;
}
.minitab.full-minitab .link-local:last-child {
	border-right: 1px solid #d0d5da;
}
.minitab.full-minitab .link-local.active {
	border-bottom: 1px solid #fff;
}
.auth-pop-wrap .minitab-container {
	height: 600px;
	padding: 12px 10px;
	border: 1px solid #b5bcd7;
	border-top: 0;
	box-sizing: border-box;
}
.sort-btn-group {
	height: 35px;
	padding: 0 0 7px 3px;
	box-sizing: border-box;
}
.sort-btn-group .uni-btn-normal {
	height: 28px;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	border: 0;
	border-radius: 2px;
}
.sort-btn-group .uni-btn-normal.btn-blue {
	background-color: #006f98;
}
.sort-btn-group .uni-btn-normal.btn-brown {
	background-color: #ea8a00;
}
.auth-list-type1 {
	height: 594px;
	border-bottom: 1px solid #ddd;
	overflow-y: auto;
}
.auth-list-item {
	position: relative;
	height: 42px;
	padding-left: 86px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.auth-list-item > dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	height: 42px;
	padding-top: 12px;
	font-size: 14px;
	text-align: center;
	color: #666;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.auth-list-item > dd {
	position: relative;
	height: 40px;
	padding: 12px 80px 0 8px;
	box-sizing: border-box;
}
.auth-list-item.drag-item dd {
	background-color: #f4f5f6;
	box-shadow: 2px 2px 11px rgba(181, 188, 215, 0.5);
}
.auth-list-item > dd strong {
	display: block;
	font-size: 14px;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.auth-list-item > dd .icon-whitebox {
	position: absolute;
	top: 8px;
	right: 23px;
	display: inline-block;
	width: 51px;
	height: 23px;
	text-align: center;
	color: #5e5e5e;
	font-family: "Nanum Gothic", sans-serif;
	line-height: 23px;
	font-style: normal;
	background-color: #fff;
	border: 1px solid #ddd;
	border-spacing: 1px;
	box-sizing: border-box;
}
.auth-list-item > dd .btn-icon-remove {
	position: absolute;
	top: 12px;
	right: 1px;
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
}
.auth-list-item > dd .btn-icon-remove::before,
.auth-list-item > dd .btn-icon-remove::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 13px;
	background-color: #ddd;
	transform: rotate(45deg);
}
.auth-list-item > dd .btn-icon-remove::after {
	transform: rotate(-45deg);
}
.admin-code-search {
	display: inline-block;
	height: 20px;
	line-height: 18px;
	background: #fff;
	border: 1px solid #97a2b7;
	box-sizing: border-box;
}
.admin-code-search .uni-input-admin {
	width: 240px;
	height: 16px;
	line-height: 18px;
}
.admin-code-search .uni-input-admin::before {
	background: url(../images/btn_ico_common_off.png) no-repeat 0 -106px;
	width: 22px;
	height: 18px;
}
.admin-code-search input[type='text'] {
	height: 18px;
}
.minitab-container-inner {
	position: relative;
}
.code-search-type {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 20px);
	height: 44px;
	margin: 0 -10px;
	padding: 0 7px;
	background: #fff;
	border-bottom: 1px solid #d0d5da;
	box-sizing: border-box;
}
.code-search-type .uni-input-admin {
	position: relative;
	width: 100%;
	padding: 0 32px 0 0 !important;
}
.code-search-type .uni-input-admin input {
	height: 30px;
	border: 1px solid #ccc;
}
.code-search-type .uni-input-admin .btn-search-darkblue {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 32px;
	height: 30px;
	text-indent: -9999px;
	background: url(/global/images/icon_search_darkblue.png) no-repeat center center #5e738b;
	border: 1px solid #4c5667;
	box-sizing: border-box;
}
.auth-pop-wrap .minitab-container-inner .gridbox-wrap {
	padding: 58px 7px 0;
}
.menu-mgmt-wrap {
	height: 600px;
}
.menu-mgmt-wrap::after {
	content: "";
	clear: both;
	display: table;
}
.menu-mgmt-wrap .left-con {
	float: left;
	width: calc(50% - 7px);
	height: 600px;
	margin-right: 7px;
	box-sizing: border-box;
}
.menu-mgmt-wrap .right-con {
	position: relative;
	float: left;
	width: calc(50% - 7px);
	height: 600px;
	margin-left: 7px;
	padding: 38px 0 68px 0;
	border: 1px solid #dedede;
	box-sizing: border-box;
}
.menu-mgmt-wrap .right-con .title-admin-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.menu-mgmt-wrap .right-con .form-table {
	height: 493px;
	padding-bottom: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
.midtab-type2 {
	height: 38px;
	border: 1px solid #ddd;
}
.midtab-type2 > a {
	float: left;
	display: block;
	width: 114px;
	height: 38px;
	margin: -1px;
	padding: 8px 0 0 0;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
}
.midtab-type2 > a.active {
	border: 1px solid #b5bcd7;
	border-bottom: 1px solid #fff;
}
.midtab-type2 .btn-tab-add {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 8px 10px;
	text-indent: -9999px;
	cursor: pointer;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.midtab-type2 .btn-tab-add::before,
.midtab-type2 .btn-tab-add::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 8px;
	width: 1px;
	height: 7px;
	background-color: #b5b4b4;
}
.midtab-type2 .btn-tab-add::after {
	top: 8px;
	left: 5px;
	width: 7px;
	height: 1px;
}
.midtab-type2-btns {
	height: 37px;
	padding: 6px 9px;
	text-align: right;
	border-right: 1px solid #b5bcd7;
	border-left: 1px solid #b5bcd7;
	border-bottom: 1px solid #ddd;
}
.midtab-type2-container {
	height: 524px;
	border: 1px solid #b5bcd7;
	border-top: 0;
	box-sizing: border-box;
}
.midtab-treeview-wrap {
	display: none;
}
.title-admin-info {
	height: 38px;
	padding: 10px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5d;
	background-color: #f4f4f4;
	border-bottom: 1px solid #d0d5da;
	box-sizing: border-box;
}
.form-bottom-btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 68px;
	padding: 18px 13px;
	text-align: left;
	background-color: #f8f8f8;
	box-sizing: border-box;
}
.form-bottom-btn .btn-normal {
	display: inline-block;
	width: 64px;
	height: 32px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	color: #5b5b5b;
	background: #fff;
	border: 1px solid #787878;
	box-sizing: border-box;
}
.form-bottom-btn .btn-normal::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.form-bottom-btn .btn-action {
	color: #25398b;
}
.form-bottom-btn .btn-normal + .btn-normal {
	margin-left: 7px;
}
.btn-remove-inline {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
}
.btn-remove-inline::before,
.btn-remove-inline::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 7px;
	width: 2px;
	height: 13px;
	background-color: #a6a6a6;
	transform: rotate(45deg);
}
.btn-remove-inline::after {
	transform: rotate(-45deg);
}
.btn-remove-inline > span {
	display: inline-block;
	text-indent: -9999px;
}
.portlet-btns {
	height: 37px;
	padding: 5px;
	text-align: right;
	border: 1px solid #dedede;
	box-sizing: border-box;
}
.portlet-treemenu-wrap {
	border: 1px solid #dedede;
	border-top: 0;
	box-sizing: border-box;
}
.portlet-pop-wrap {
	position: relative;
	min-height: 500px;
}
.portlet-pop-wrap::after {
	content: "";
	clear: both;
	display: table;
}
.portlet-pop-wrap .left-con {
	float: left;
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}
.portlet-pop-wrap .right-con {
	float: left;
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
}
.portlet-mgmt-search {
	position: relative;
	height: 44px;
	border: 1px solid #ddd;
}
.portlet-mgmt-search .code-search-type {
	margin: 0;
	width: 100%;
	padding: 7px;
}
.portlet-grid-wrap {
	border-top: 0;
}
.portlet-set-wrap {
	padding: 8px;
	border: 1px solid #ddd;
}
.portlet-set-wrap .portlet-set-btns {
	padding: 0 0 10px 3px;
}
.porlet-add-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	transform: translate(-50%, -50%);
}
.porlet-add-btn .uni-btn-porlet-add {
	display: inline-block;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	border: 1px solid #ddd;
	cursor: pointer;
	outline: none;
}
.porlet-add-btn .uni-btn-porlet-add::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 6px solid #838383;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	transform: translate(-50%, -50%);
	user-select: none;
}
.btn-icon-add {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	border: 1px solid #c9c9c9;
	cursor: pointer;
	box-sizing: border-box;
}
.btn-icon-add::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 6px;
	width: 2px;
	height: 8px;
	background: #bdbdbd;
}
.btn-icon-add::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 3px;
	width: 8px;
	height: 2px;
	background: #bdbdbd;
}
.survey-list-wrap {
	padding: 10px;
	box-sizing: border-box;
}
.survey-list:after {
	content: "";
	clear: both;
	display: table;
}
.survey-list > li {
	float: left;
	width: 33.33%;
	padding: 5px;
	box-sizing: border-box;
}
.card-survey {
	position: relative;
	height: 100px;
	padding: 5px 10px;
	background-color: #fafafa;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.card-survey:hover {
	border-color: #42aedc;
}
.card-survey .card-surbey-info {
	position: relative;
	padding: 0 0 5px;
}
.card-survey .card-surbey-info em {
	display: inline-block;
	width: auto;
	padding: 1px 5px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background-color: #666;
	border-radius: 3px;
}
.card-survey .card-surbey-info em.brandnew {
	background-color: #be5233;
}
.card-survey .card-surbey-info em.nouse {
	background-color: #f6e310;
	color: #333;
}
.card-survey .card-surbey-info em.ing {
	background-color: #42aedc;
}
.card-survey .card-surbey-info em.closing {
	background-color: #f3f3f3;
	color: #666;
}
.card-survey .card-surbey-info p {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	font-weight: normal;
	font-size: 11px;
}
.card-survey .card-title {
	margin: 0;
	padding: 0;
	font-size: 13px;
	letter-spacing: -1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.card-survey dd {
	font-size: 12px;
	line-height: 1.4;
}
.card-survey dd p {
	margin: 0;
	padding: 2px 0;
	color: #999;
}
.card-survey .uni-btn-normal {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: none;
	height: 20px;
}
.card-survey:hover .uni-btn-normal {
	display: block;
}
.uni-btn-normal.btn-action-blue {
	min-width: 70px;
	color: #fff;
	background-color: #006e9c;
}
.page-minitab {
	padding: 4px 8px;
    box-sizing: border-box;
	border-bottom: 1px solid #d0d5da;
}
.page-minitab .link-tab {
	position: relative;
    display: inline-block;
    min-width: 110px;
    height: 31px;
    padding: 5px 4px;
    text-align: center;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    border: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.page-minitab .link-tab.active {
	color: #0b69c1;
	border-color: #0b69c1;
}
.survey-type {
	margin: 0 -5px;
	padding: 5px 10px;
	background-color: #fff;
}
.survey-type:after {
	content: "";
	clear: both;
	display: table;
}
.survey-type > li {
	float: left;
	width: 25%;
	padding: 5px;
	box-sizing: border-box;
}
.survey-type-item {
	position: relative;
	height: 120px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	cursor: pointer;
}
.survey-type-item > strong {
	display: block;
	height: 30px;
	padding-top: 4px;
	text-align: center;
	background-color: #fafafa;
	border-bottom: 1px solid #dfe2e5;
}
.survey-type-item.selected,
.survey-type-item:hover {
	border-color: #42aedc;
}
.survey-type-item.selected > strong,
.survey-type-item:hover > strong {
	color: #42aedc;
	border-color: #42aedc;
}
.survey-type-item:after {
	content: "";
	position: absolute;
	top: 38px;
	left: 50%;
	display: block;
	width: 100px;
	height: 70px;
	margin-left: -50px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: top center;
}
.survey-type-item.multi-check:after {
	background-image: url(../images/survey_type_check.png);
}
.survey-type-item.radio-choose:after {
	background-image: url(../images/survey_type_radio.png);
}
.survey-type-item.short-answer:after {
	background-image: url(../images/survey_type_shortanswer.png);
}
.survey-type-item.image-answer:after {
	background-image: url(../images/survey_type_image.png);
}
.survey-template-wrap {
	position: relative;
}
.survey-template-title {
	padding: 5px 10px;
	color: #333;
	font-weight: bold;
	background-color: #ebedf3;
	border-bottom: 1px solid #dfe2e5;
}
.survey-template-content {
	padding: 10px 20px;
}
.survey-question-bottom {
	padding: 30px 0 10px;
}
.survey-question-bottom .uni-btn-normal.btn-gray.btn-add {
	position: relative;
	padding-left: 20px;
}
.survey-question-bottom .uni-btn-normal.btn-gray.btn-add:before,
.survey-question-bottom .uni-btn-normal.btn-gray.btn-add:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #666;
}
.survey-question-bottom .uni-btn-normal.btn-gray.btn-add:after {
	transform: rotate(90deg);
}
.survey-question {
	position: relative;
	margin-bottom: 20px;
	padding: 5px 5px 5px 54px;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.survey-question-item {
	position: relative;
	padding: 5px 5px 5px 80px;
	box-sizing: border-box;
}
.survey-question > label,
.survey-question-item > label {
	position: absolute;
	top: 6px;
	left: 0;
	font-weight: bold;
}
.survey-question .form-item,
.survey-question-item .form-item {
	position: relative;
	display: block;
	max-width: initial;
	padding: 0 30px;
	box-sizing: border-box;
}
.survey-question .form-item {
	padding: 0 0 0 30px;
}
.survey-question .form-item input[type="text"],
.survey-question-item .form-item input[type='text'] {
	display: inline-block;
	width: 100%;
	height: 28px;
    border: 1px solid #dfe2e5;
    box-sizing: border-box;
}
.survey-question-item .form-item .chk-item.only-check.chk-inline,
.survey-question-item .form-item .radio-item.only-radio.radio-inline {
	position: absolute;
	top: 1px;
    left: 5px;
}
.survey-question-item .form-item .btn-remove {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.survey-question-item .form-item .btn-remove:before,
.survey-question-item .form-item .btn-remove:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 12px;
	display: block;
	width: 2px;
	height: 12px;
	background-color: #acacac;
}
.survey-question-item .form-item .btn-remove:before {
	transform: rotate(-45deg);
}
.survey-question-item .form-item .btn-remove:after {
	transform: rotate(45deg);
}
.survey-question-item.file-image-item .form-item {
	padding: 0 0 0 5px;
}
.survey-reg-wrap {
	margin-top: -7px;
}
.survey-infobox {
	margin-top: 0;
	padding: 10px;
	background-color: #eef6f7;
}
.survey-infobox > dt {
	padding: 0 0 8px;
	font-size: 15px;
	font-weight: bold;
	color: #007bff;
}
.survey-infobox ul:after {
	content: "";
	clear: both;
	display: table;
}
.survey-infobox li {
	position: relative;
	float: left;
	padding: 0 0 0 12px;
	width: 50%;
	color: #333;
	box-sizing: border-box;
}
.survey-infobox li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 3px;
	display: block;
	width: 4px;
	height: 4px;
	background-color: #666;
}
.survey-question-wrap {
	position: relative;
	min-height: 300px;
	padding: 20px 20px 50px;
	box-sizing: border-box;
}
.survey-question-wrap .survey-question-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.survey-question-sample dt {
	position: relative;
	min-height: 30px;
	padding: 2px 0 10px 30px;
	font-size: 14px;
	border-bottom: 1px solid #d5d9dd;
	box-sizing: border-box;
}
.survey-question-sample dt:before {
	content: "Q";
	position: absolute;
	top: 2px;
	left: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	background-color: #007bff;
	border-radius: 3px;
}
.survey-question-sample dd {
	padding: 20px 0 0 10px;
}
.survey-question-wrap.pop-question-wrap {
	height: 420px;
	padding: 50px 20px 20px 20px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.survey-question-wrap.pop-question-wrap > h5 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	padding: 8px 10px;
	font-weight: bold;
	font-size: 13px;
	color: #333;
	background-color: #f2f2f2;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.question-item-wrap {
	position: relative;
	min-height: 380px;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.question-item-wrap .survey-question-bottom {
	position: absolute;
	left: 0;
	bottom: 6px;
	width: 100%;
	text-align: center;
}

/* main portlet */

.uni-box-birthday {
	/* background-image: url(../images/bg_birthday.jpg); */
	background-image: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
}
.uni-box-birthday .uni-box-tit {
	height: 32px;
	/* padding: 6px 0 0; */
	padding: 0;
	border: 0;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.uni-box-birthday .uni-box-tit > h2 {
	font-size: 14px;
	font-weight: bold;
	color: #d261a1;
	width: 100%;
}
.uni-box-birthday .uni-box-cont {
	padding: 10px 5px 10px;
	overflow: hidden;
}
.uni-box-birthday .birthday-list {
	width: auto !important;
	margin: 0 -5px;
	padding: 0 10px;
	height: 166px;
	overflow-y: hidden;
	overflow-x: auto;
	position: relative;
}
.uni-box-birthday .birthday-list .slick-prev {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 70px;
	left: 5px;
	text-indent: -9999px;
	z-index: 100;
}
.uni-box-birthday .birthday-list .slick-prev:after {
	content: "◀";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 10px;
	text-indent: -1px;
	border-radius: 50%;
	background: #ccc;
	/* background: #d78eb7; */
	z-index: 100;
}
.uni-box-birthday .birthday-list .slick-next {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 70px;
	right: 5px;
	text-indent: -9999px;
	z-index: 100;
}
.uni-box-birthday .birthday-list .slick-next:after {
	content: "▶";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 10px;
	text-indent: 1px;
	border-radius: 50%;
	background: #ccc;
	/* background: #d78eb7; */
	z-index: 100;
}
.uni-box-birthday .birthday-list > li {
	float: left;
	padding: 0 5px !important;
	width: 25%;
}
.uni-box-birthday .birthday-list > li:hover {
	text-decoration: none !important;
}
.uni-box-birthday .birthday-card {
	width: 100%;
	height: 162px;
	/* background-color: rgba(255,255,255,0.9); */
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
}
.uni-box-birthday .birthday-card .title-birthday {
	display: block;
	padding: 11px 7px 16px;
	text-align: center;
	font-size: 14px;
	color: #42a7e5;
}
.uni-box-birthday .birthday-card .thumb-profile {
	display: block;
	text-align: center;
	width: 54px;
	height: 54px;
	margin: 0 auto;
	background-color: #fff;
	border: 3px solid #d9d7d8;
	overflow: hidden;
	border-radius: 50%;
}
.uni-box-birthday .birthday-card .thumb-profile > img {
	width: 100%;
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.uni-box-birthday .birthday-card .thumb-profile:hover img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.uni-box-birthday .birthday-card .birthday-name {
	display: block;
	padding: 6px 0 4px;
	font-size: 14px;
	color: #5c5c5c;
	text-align: center;
	text-overflow: ellipsis;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
	white-space: nowrap;
}
.uni-box-birthday .birthday-card .birthday-dept {
	display: block;
	padding: 2px 0;
	font-size: 11px;
	text-align: center;
	color: #878787;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.uni-box-todo .uni-box-tit .txt-count {
	padding-left: 1px;
	font-size: 12px;
	color: #445fd4;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-box-todo .todo-item a {
	padding: 1px 0 4px 10px !important;
}
.todo-list {
	width: auto !important;
	height: 186px;
	min-height: 186px;
	overflow-x: hidden;
	overflow-y: auto;
}
.todo-list .todo-item {
	position: relative;
	/* height: 34px; */
	height: 30px;
	padding: 5px 80px 4px 24px;
	/* border-bottom: 1px solid #e6e7eb; */
	box-sizing: border-box;
}
.todo-list .todo-item > a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 5px 0 4px 10px;
	color: #404040;
	font-size: 13px;
	height: 27px;
	box-sizing: border-box;
}
.todo-list .todo-item .icon-task {
	position: absolute;
	top: 8px;
	left: 11px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_todo_kind.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.todo-item.month-todo {
	padding: 0 5px 4px 98px;
}
.todo-list .todo-item .icon-task.icon-c-focus {
	background-position: 0 0;
}
.todo-list .todo-item .icon-task.icon-c-todo {
	background-position: -20px 0;
}
.todo-list .todo-item .icon-task.icon-c-clock {
	background-position: -40px 0;
}
.todo-list .todo-item .icon-task.icon-c-lock {
	background-position: -60px 0;
}
.todo-list .todo-item.month-todo .icon-task.icon-c-firm {
	background-position: 0 -20px;
}
.todo-list .todo-item.month-todo .icon-task.icon-c-dept {
	background-position: -20px -20px;
}
.todo-list .todo-item.month-todo .icon-task.icon-c-month {
	background-position: -40px -20px;
}
.todo-list .todo-item.month-todo .icon-task.icon-c-personal {
	background-position: -60px -20px;
}
.todo-list .todo-item.month-todo .icon-task.icon-c-related {
	background-position: -80px -20px;
}
.todo-list .todo-item .todo-duration {
	position: absolute;
	top: 6px;
	left: 26px;
	display: inline-block;
	width: 80px;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: "Tahoma", sans-serif;
	color: #004bd4;
	box-sizing: border-box;
}
.todo-list .todo-item .icon-status-box {
	position: absolute;
	top: 8px;
	right: 18px;
	display: inline-block;
	width: 80px;
	height: 19px;
	padding-right: 9px;
	vertical-align: middle;
	text-align: right;
	color: #fff;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	font-size: 11px;
	background-image: url(../images/icon_box_blank.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	box-sizing: border-box;
}
.todo-list .todo-item .icon-status-box:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-box-monthlytodo .uni-box-tit .txt-count {
	padding-left: 1px;
	font-size: 12px;
	color: #445fd4;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
}
.uni-box-monthlytodo .uni-box-tit .right-con {
	position: absolute;
	top: 3px;
	right: 3px;
}
.uni-btn-normal.btn-toggle-filter {
	width: 24px;
	height: 24px;
	background-image: url(../../global/images/icon_az_down.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.uni-btn-normal.btn-toggle-filter.active {
	background-image: url(../../global/images/icon_az_up.png);
}
.uni-monthly-todo-wrap {
	height: 166px;
	min-height: 166px;
}
.uni-monthly-todo-wrap .left-con {
	float: left;
	width: 180px;
	min-width: 180px;
	height: 187px;
	min-height: 166px;
	background-color: #fcfcfe;
}
.uni-monthly-todo-wrap .right-con {
	float: left;
	width: calc(100% - 180px);
	min-height: 166px;
}
.uni-mini-calendar {
	padding: 7px;
	box-sizing: border-box;
}
.uni-mini-calendar > dt {
	position: relative;
	height: 24px;
}
.uni-mini-calendar > dt .btn-cal-prev,
.uni-mini-calendar > dt .btn-cal-next {
	position: absolute;
	top: 0;
	display: inline-block;
	width: 16px;
	height: 13px;
	text-indent: -9999px;
}
.uni-mini-calendar > dt .btn-cal-prev {
	left: 5px;
}
.uni-mini-calendar > dt .btn-cal-next {
	right: 5px;
}
.uni-mini-calendar > dt .btn-cal-prev:before,
.uni-mini-calendar > dt .btn-cal-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	text-indent: 0;
	color: #666;
	cursor: pointer;
}
.uni-mini-calendar > dt .btn-cal-prev:hover:before,
.uni-mini-calendar > dt .btn-cal-next:hover:before {
	background-color: #939393;
	color: #fff;
}
.uni-mini-calendar > dt .btn-cal-prev:before {
	content: "<<";
}
.uni-mini-calendar > dt .btn-cal-next:before {
	content: ">>";
}
.uni-mini-calendar > dt .mini-calendar-txt {
	display: block;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	font-family: "Nanum Gothic", sans-serif;
}
.mini-calendar-table {
	display: table;
	width: 100%;
	margin: 0 auto;
	border-spacing: 0;
}
.mini-calendar-table tr {
	display: table-row;
}
.mini-calendar-table th,
.mini-calendar-table td {
	display: table-cell;
	height: 20px;
	text-align: center;
	color: #909090;
	font-size: 11px;
}
.mini-calendar-table th {
	height: 15px;
	color: #4e4e4e;
	border-top: 1px solid #e2e2e4;
	border-bottom: 1px solid #e2e2e4;
}
.mini-calendar-table .sun {
	color: #f26767;
}
.mini-calendar-table .sat {
	color: #4d97d0;
}
.mini-calendar-table .today {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #949494;
	border-radius: 50%;
}
.mini-calendar-table .today:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-box-congrat {
	/* background: url(../../global/images/bg_congrat.jpg) no-repeat 0 0; */
	background: #fff;
	background-size: 100% 100%;
}
.uni-box-congrat h2 {
	position: relative;
	width: 100%;
	height: 34px;
	padding-top: 10px;
	font-size: 12px;
	color: #cc8305;
	text-align: left;
	border-bottom: 0;
	box-sizing: border-box;
}
.uni-box-congrat .txt-congrats {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 34px;
	padding-top: 5px;
	font-size: 15px;
	text-align: center;
	color: #f05050;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}
.uni-box-congrat .uni-box-cont {
	height: 189px;
	overflow-x: hidden;
	overflow-y: auto;
}
.congrat-list {
	width: auto !important;
	padding: 0 13px;
}
.congrat-list > li {
	padding: 2px 0;
	text-decoration: none !important;
}
.congrat-card {
	position: relative;
	display: block;
	height: 48px;
	padding: 8px 60px 0 62px;
	background-color: rgba(255, 255, 255, .4);
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
}
.congrat-card .thumb-profile {
	position: absolute;
	top: 5px;
	left: 14px;
	display: block;
	text-align: center;
	width: 38px;
	height: 38px;
	margin: 0 auto;
	background-color: #fff;
	border: 3px solid #d9d7d8;
	overflow: hidden;
	border-radius: 50%;
}
.congrat-card .thumb-profile > img {
	width: 100%;
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.congrat-card:hover .thumb-profile> img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.congrat-card .name {
	display: inline-block;
	padding: 6px 0 4px;
	font-size: 14px;
	color: #5c5c5c;
	text-align: center;
	text-overflow: ellipsis;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
	white-space: nowrap;
}
.congrat-card .dept {
	display: inline-block;
	padding: 2px 0;
	font-size: 11px;
	text-align: center;
	color: #878787;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.congrat-card .congrat-date {
	position: absolute;
	top: 14px;
	right: 16px;
	display: block;
	width: 80px;
	text-align: right;
	color: #42a6e5;
	font-size: 14px;
}
.congrat-txt {
	width: 100% !important;
	box-sizing: border-box;
}
.congrat-txt > li:last-child .congrat-txt-box {
	border-bottom: 0;
}
.congrat-txt .congrat-txt-box {
	position: relative;
	height: 31px;
	padding: 5px 10px 4px;
	color: #000;
	border-bottom: 1px solid #e6e7eb;
	box-sizing: border-box;
	overflow: hidden;
}
.congrat-txt .congrat-txt-box .congrat-date {
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 13px;
	color: #004bd4;
}
.uni-box-meal {
	clear: both;
}
.uni-box-meal .uni-box-tit .meal-title-button {
	display: inline-block;
	padding-left: 10px;
	font-size: 13px;
	vertical-align: middle;
}
.uni-box-meal .uni-box-tit .meal-title-button .uni-btn-normal {
	height: 18px !important;
	margin-top: -3px;
	font-size: 12px;
	font-weight: normal;
}
.uni-box-meal .right-con {
	position: absolute;
	top: 3px;
	right: 5px;
	text-align: right;
}
.uni-box-meal .right-con .today-control .today {
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
	padding-right: 7px;
	color: #666;
}
.uni-box-meal .today-control .uni-btn-normal.btn-today-prev {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: -4px;
	border: 0;
	outline: none;
}
.uni-box-meal .today-control .uni-btn-normal.btn-today-prev:after {
	content: "◀";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	color: #999;
}
.uni-box-meal .today-control .uni-btn-normal.btn-today-next {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: -2px;
	border: 0;
	outline: none;
}
.uni-box-meal .today-control .uni-btn-normal.btn-today-next:after {
	content: "▶";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	color: #999;
}
.uni-box-meal .uni-box-cont {
	height: 189px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
	box-sizing: border-box;
}
.uni-box-meal .meal-list {
	width: auto!important;
}
.uni-box-meal .meal-list > li {
	padding: 4px 0;
	border-bottom: 0 !important;
}
.uni-box-meal .meal-list > li:hover {
	text-decoration: none !important;
}
.uni-box-meal .meal-item {
	position: relative;
	padding: 0 0 0 86px;
}
.uni-box-meal .meal-item > dt {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 80px;
	height: 100%;
	min-height: 40px;
	color: #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background-color: #eaeaea;
}
.uni-box-meal .meal-item > dt:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-box-meal .meal-item > dd {
	min-height: 40px;
	margin-bottom: 0;
	padding: 4px;
	color: #000;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.meal-write-wrap {
	position: relative;
}
.meal-write-wrap .left-con {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 200px;
}
.meal-write-wrap .left-con .uni-mini-calendar {
	border: 1px solid #eaeaea;
}
.meal-write-wrap .right-con {
	height: 280px;
	padding: 0 0 0 220px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-box-blockuser .uni-box-cont {
	height: 189px;
	overflow-x: hidden;
	overflow-y: auto;
}
.uni-box-blockuser {
	position: relative;
}
.uni-box-blockuser .right-con {
	position: absolute;
	top: 4px;
	right: 6px;
}
.uni-box-blockuser .right-con::before {
	content: "";
	position: absolute;
}
.blockuser-list {
	width: auto !important;
	padding: 0 13px;
}
.blockuser-list > li {
	padding: 2px 0;
	text-decoration: none !important;
}
.blockuser-card {
	position: relative;
	display: block;
	height: 48px;
	padding: 8px 60px 0 62px;
	background-color: rgba(255, 255, 255, .4);
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
}
.blockuser-card .thumb-profile {
	position: absolute;
	top: 5px;
	left: 14px;
	display: block;
	text-align: center;
	width: 38px;
	height: 38px;
	margin: 0 auto;
	background-color: #fff;
	border: 3px solid #d9d7d8;
	overflow: hidden;
	border-radius: 50%;
}
.blockuser-card .thumb-profile > img {
	width: 100%;
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blockuser-card:hover .thumb-profile> img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.blockuser-card .name {
	display: inline-block;
	padding: 6px 0 4px;
	font-size: 14px;
	color: #5c5c5c;
	text-align: center;
	text-overflow: ellipsis;
	font-family: "Nanum Gothic", sans-serif;
	overflow: hidden;
	white-space: nowrap;
}
.blockuser-card .dept {
	display: inline-block;
	padding: 2px 0;
	font-size: 11px;
	text-align: center;
	color: #878787;
	font-style: normal;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.blockuser-card button[type='button'] {
	position: absolute;
	top: 12px;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	padding: 0 6px;
	background-color: #f1f1f1;
}
.blockuser-card .btn-gray-pw {
	right: 70px;
}
.blockuser-card .btn-gray-lock {
	right: 9px;
}
.ev_material .icon-box.box-new,
.txt-portlet-bbs .icon-box.box-new {
	margin-top: 3px;
	vertical-align: text-top !important;
	line-height: normal;
}
.txt-portlet-bbs .icon-box.box-new {
	margin-left: 3px !important;
	margin-right: 3px !important;
}
.txt-portlet-bbs .icon-box.box-pink,
.txt-portlet-bbs .icon-box.box-red,
.txt-portlet-bbs .icon-box.box-orange,
.txt-portlet-bbs .icon-box.box-blue {
	vertical-align: top;
}
.uni-box-excutive .uni-box-cont {
	height: 190px;
	overflow: hidden;
	overflow-y: auto !important;
}
.uni-box-excutive .uni-box-tit {
	position: relative;
}
.uni-box-excutive .excutive-legend {
	position: absolute;
	top: 6px;
	right: 10px;
	text-align: right;
}
.uni-box-excutive .legend-item {
	display: inline-block;
	color: #000;
}
.uni-box-excutive .legend-item + .legend-item {
	margin-left: 10px;
}
.uni-box-excutive .icon-circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	vertical-align: middle;
	background-color: #cbcbcb;
	border-radius: 50%;
	border: 1px solid #999999;
}
.uni-box-excutive .icon-circle.in {
	background-color: #4ada4a;
	border: 1px solid #189718;
}
.uni-box-excutive .icon-circle.report {
	background-color: #e8c223;
	border: 1px solid #ddaa00;
}
.uni-box-excutive .icon-circle.out {
	background-color: #fe8260;
	border: 1px solid #e94927;
}
.excutive-state-list {
	width: 100% !important;
	padding: 4px;
}
.excutive-state-list:after {
	content: "";
	clear: both;
	display: table;
}
.excutive-state-list > li {
	float: left;
	width: 25%;
	margin: 2px 0;
	padding: 2px;
	box-sizing: border-box;
}
.excutive-state-item {
	padding: 10px 0;
	border: 1px solid #ccc !important;
	box-sizing: border-box;
}
.excutive-state-item > strong {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #000;
}
.excutive-state-item > em {
	display: block;
	padding: 2px 0;
	text-align: center;
	color: #666;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.excutive-state-item > .icon-circle-group {
	display: block;
	text-align: center;
}
.uni-box-resource .uni-box-tit,
.uni-box-noty .uni-box-tit {
	position: relative;	
}
.uni-box-resource .uni-box-tit .right-con,
.uni-box-noty .uni-box-tit .right-con {
	position: absolute;
    top: 3px;
    right: 5px;
    text-align: right;
}
.uni-box-resource .uni-box-tit .today-control .uni-btn-normal.btn-today-prev,
.uni-box-noty .uni-box-tit .today-control .uni-btn-normal.btn-today-prev {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: -4px;
    border: 0;
    outline: none;
}
.uni-box-resource .uni-box-tit .today-control .uni-btn-normal.btn-today-prev:after,
.uni-box-noty .uni-box-tit .today-control .uni-btn-normal.btn-today-prev:after {
    content: "◀";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    color: #999;
}
.uni-box-resource .uni-box-tit .right-con .today-control .today,
.uni-box-noty .uni-box-tit .right-con .today-control .today {
    display: inline-block;
    font-style: normal;
    font-size: 13px;
    font-family: "Nanum Gothic", sans-serif;
    padding-right: 7px;
    color: #666;
}
.uni-box-resource .uni-box-tit .today-control .uni-btn-normal.btn-today-next,
.uni-box-noty .uni-box-tit .today-control .uni-btn-normal.btn-today-next {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: -2px;
    border: 0;
    outline: none;
}
.uni-box-resource .uni-box-tit .today-control .uni-btn-normal.btn-today-next:after,
.uni-box-noty .uni-box-tit .today-control .uni-btn-normal.btn-today-next:after {
    content: "▶";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    color: #999;
}
.resource-list {
	width: 100% !important;
}
.resource-list > li {
	border-bottom: 1px solid #e6e7eb;
}
.resource-item {
	position: relative;
	display: block;
	width: 100%;
    height: 30px;
    padding: 5px 100px 4px 150px;
    box-sizing: border-box;
    overflow: hidden;
}
.resource-item .lease-time {
	position: absolute;
	top: 7px;;
	left: 10px;
	display: inline-block;
	width: 114px;
	text-align: right;
	font-size: 12px;
	font-family: "Tahoma", sans-serif;
    color: #004bd4;
}
.resource-item .lease-color {
	position: absolute;
	top: 6px;
	left: 132px;
	display: inline-block;
	width: 8px;
	height: 18px;
	background-color: #404040;
}
.resource-item .title {
	display: block;
	color: #404040;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.resource-item .title strong {
	color: #ff7521;
}
.resource-item .from-user {
	position: absolute;
	top: 4px;;
	right: 14px;
	text-align: right;
}
/*
.uni-box-noty .uni-box-cont {
	height: 189px;
	overflow-x: hidden;
	overflow-y: auto;
}
.noty-list {
	width: 100% !important;
}
.noty-list > li {
	border-bottom: 1px solid #e6e7eb;
}
.noty-item {
	position: relative;
	display: block;
	width: 100%;
    height: 50px;
    padding: 5px 100px 4px 65px;
    box-sizing: border-box;
    overflow: hidden;
}	
.noty-item .time {
	position: absolute;
	top: 13px;;
	right: 18px;
	text-align: right;
	font-family: "Tahoma", sans-serif;
    color: #404040;
}
.noty-item .noty-icon {
	position: absolute;
	top: 4px;
	left: 10px;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-color: #404040;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
}
.noty-item.noty-normal .noty-icon{
	background-color: #6c757d;
	background-image: url(../images/icon_msg_info.png);
}
.noty-item.noty-primary .noty-icon {
	background-color: #007bff;
	background-image: url(../images/icon_msg_primary.png);
}
.noty-item.noty-success .noty-icon{
	background-color: #28a745;
	background-image: url(../images/icon_msg_success.png);
}
.noty-item.noty-error .noty-icon {
	background-color: #ffc107;
	background-image: url(../images/icon_msg_error.png);
}
.noty-item.noty-warning .noty-icon{
	background-color: #dc3545;	
	background-image: url(../images/icon_msg_warning.png);
}
.noty-item.noty-normal .noty-txt {
	color: #6c757d;
}
.noty-item.noty-primary .noty-txt {
	color: #007bff;
}
.noty-item.noty-success .noty-txt {
	color: #28a745;
}
.noty-item.noty-error .noty-txt {
	color: #ffc107;
}
.noty-item.noty-warning .noty-txt {
	color: #dc3545;
}
.noty-link-list {
	width: 100% !important;
}
.noty-link-list > li {
	border-bottom: 1px solid #dfe2e5;
}
.noty-link-item {
	position: relative;
	display: block;
    height: 31px;
    padding: 4px 130px 3px 10px;
	box-sizing: border-box;
}
.noty-link-item .title {
	display: block;
	color: #6c757d;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.noty-link-item:hover .title {
	color: #4084ff;
	text-decoration: underline;
}
.noty-link-item .title strong {
	color: #007bff;
}
.noty-link-item .time {
	position: absolute;
	top: 4px;
	right: 10px;
	display: inline-block;
    width: 120px;
    max-width: 120px;
	color: #6c757d;
    text-align: right;
    overflow: hidden;
}
*/

/* 메일쓰기 그룹핑 */

.toLi.receiveLi {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #aed0ea;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}
.toLi.receiveLG {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #9dd8d4;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	background: #edfbfb;
}
.ccLi.receiveLi {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #aed0ea;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}
.ccLi.receiveLG {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #9dd8d4;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	background: #edfbfb;
}
.bccLi.receiveLi {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #aed0ea;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}
.bccLi.receiveLG {
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #9dd8d4;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	background: #edfbfb;
}
.receiveLG > i.fa-plus-square-o {
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	color: #76787f;
	margin-right: 4px;
}
.work-weeklist-title {
	position: absolute;
	top: 7px;
	left: 50%;
	width: 340px;
	margin-left: -170px;
	font-size: 14px;
	text-align: center;
}
.work-weeklist-title * {
	vertical-align: middle;
}
.work-weeklist-title .uni-week-prev,
.work-weeklist-title .uni-week-next {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 28px;
	line-height: 28px;
	padding: 12px 0;
	font-size: 20px;
	text-indent: -9999px;
	background: #fff;
	border: 1px solid #d2d5da;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
}
.work-weeklist-title .uni-week-prev {
	margin: 0;
}
.work-weeklist-title .uni-week-next {
	margin: 0;
}
.work-weeklist-title .uni-week-prev:before,
.work-weeklist-title .uni-week-next:before {
	position: absolute;
	top: -1px;
	left: 2px;
	width: 24px;
	height: 24px;
	display: inline-block;
	font-weight: normal;
	color: #353334 !important;
	font-size: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	text-indent: 0;
	text-align: center;
}
.work-weeklist-title .uni-week-prev:before {
	content: "<";
}
.work-weeklist-title .uni-week-next:before {
	content: ">";
}
.work-weeklist-title #weekDate {
	width: 240px;
	margin-top: -5px;
	text-align: center;
	font-size: 20px;
	color: #333;
	letter-spacing: -1px;
	background-color: transparent;
	outline: none;
	border: 0;
}
.work-weeklist-header::after {
	content: "";
	clear: both;
	display: table;
}
.work-header-col1,
.work-header-col2 {
	float: left;
	height: 30px;
	padding: 4px 0 0 0;
	text-align: center;
	background: #eeeff3;
	border-top: 1px solid #d5d9dd;
}
.work-header-col1 {
	width: 10%;
	border-right: 1px solid #d5d9dd;
}
.work-header-col2 {
	width: 90%;
}
.work-weeklist > li {
	border-bottom: 1px solid #d5d9dd;
}
.work-weeklist > li:first-child {
	border-top: 1px solid #d5d9dd;
}
.work-weeklist-daybox {
	position: relative;
	padding-left: 10%;
	min-height: 70px;
}
.work-weeklist-daybox > dt {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 10%;
	height: 100%;
	padding-top: 20px;
	text-align: center;
	background-color: #eeeff3;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.work-weeklist-daybox > dd {
	display: block;
	padding: 10px 16px 5px;
	box-sizing: border-box;
}
.work-weeklist-daybox > dt > strong {
	display: block;
	font-size: 13px;
	color: #7c7d7f;
}
.work-weeklist-daybox > dt > span {
	display: block;
	font-size: 12px;
	color: #7c7d7f;
	font-weight: normal;
}
.staff-outer-wrap,
.staff-free-wrap {
	position: relative;
	min-height: 33px;
	padding: 0 0 0 82px;
}
.staff-free-wrap {
	position: relative;
}
.txtbox-wrap {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	padding-bottom: 2px;
}
.txtbox-line {
	display: inline-block;
	width: 56px;
	height: 21px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background-color: #80c1ff;
	border-radius: 4px;
	border: 0;
}
.txtbox-line.orange {
	background-color: #ffb681;
}
.work-staff-wrap {
	padding: 0 0 6px;
}
.work-staff-wrap::after {
	content: "";
	clear: both;
	display: table;
}
.work-staff-wrap > a {
	position: relative;
	float: left;
	display: block;
	width: 20%;
	padding: 2px 2px 2px 5px;
	color: #737373;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: transparent;
	box-sizing: border-box;
	overflow: hidden;
}
.work-staff-wrap > a .workinfo {
	padding-left: 4px;
	color: #3e96c4;
	font-weight: normal;
}
.btn-work-staff-more {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.btn-work-staff-more::after {
	content: "+";
	position: absolute;
	top: 1px;
	right: -18px;
	color: #666;
	font-size: 12px;
}
/* new main portlet */

.uni-main-portal-wrap {
	/* width: 100%; */
	padding: 10px 0 !important;
}
.uni-main-portal-wrap .uni-row {
	/* padding: 0 18px 0 4px !important; */
	padding: 0 0 0 4px !important;
}
.uni-main-portal-wrap .uni-row.mt10.mb10 .right-con.text-right {
	padding: 0 8px 0 0;
	margin: 0 !important;
}
.portlet-item-wrap {
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #dfe2e5;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	visibility: hidden;
}
.portlet-item-wrap > em {
	display: block;
	padding: 0 0 10px 0;
	font-size: 14px;
	font-style: normal;
	color: #f60;
	font-weight: bold;
}
.portlet-item-wrap > span {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.line-widget {
	margin-top: 8px;
	padding: 8px 5px 0;
	text-align: right;
	border-top: 1px solid #dfe2e5;
}
.portlet-itembox .uni-box-tit > h2 {
	padding: 5px 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #494949;
}
.list-type1 > li {
	border-bottom: 1px solid #e6e7eb;
}
.list-type1 > li > a {
	width: 100%;
	padding: 5px 0 4px 10px;
	color: #404040;
	font-size: 13px;
	display: block;
	height: 27px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	box-sizing: border-box;
}
.mail-type1 {
	width: auto !important;
}
.mail-type1 > li {
	border-bottom: 1px solid #e6e7eb;
}
.mini-portlet-itembox.uni-box-exchange .exchange-item .money-unit {
	width: 28%;
	padding: 6px 5px;
	letter-spacing: -1px;
}
.mini-portlet-itembox.uni-box-exchange .exchange-item .money-unit > strong {
	padding-right: 3px;
}
.mini-portlet-itembox.uni-box-exchange .exchange-item .buying {
	width: 36%;
}
.mini-portlet-itembox.uni-box-exchange .exchange-item .selling {
	width: 36%;
}
.mini-portlet-itembox.uni-box-exchange .exchange-item .ico {
	width: 26px;
	font-size: 12px;
	font-family: "Dotum", dotum, sans-serif;
	margin-right: 5px;
}
.uni-box-exchange.mini-portlet .exchange-item .txt-point {
	font-family: Tahoma;
	font-size: 13px;
}
.portlet-itembox.uni-box-worldclock .ready {
	height: 185px;
	overflow-x: hidden;
	overflow-y: auto;
}
.todo-list > li {
	border-bottom: 1px solid #e6e7eb;
}
.list-type1 > li:last-child,
.mail-type1 > li:last-child,
.todo-list > li:last-child,
.list-world-clock > li:last-child {
	border-bottom: 0;
}
.uni-box-maincover-basic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
}
.uni-box-maincover-basic > img {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.uni-box-maincover-basic > img:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.uni-box-missmail .uni-box-tit {
	position: relative;
}
.uni-box-missmail .uni-box-tit .right-con {
	position: absolute;
	top: 3px;
	right: 5px;
	text-align: right;
}
.uni-box-missmail .uni-box-tit .right-con .today-control .today {
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
	padding-right: 7px;
	color: #666;
}
.uni-box-missmail .uni-box-tit .today-control .uni-btn-normal.btn-today-prev {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: -4px;
	border: 0;
	outline: none;
}
.uni-box-missmail .uni-box-tit .today-control .uni-btn-normal.btn-today-prev:after {
	content: "◀";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	color: #999;
}
.uni-box-missmail .uni-box-tit .today-control .uni-btn-normal.btn-today-next {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: -2px;
	border: 0;
	outline: none;
}
.uni-box-missmail .uni-box-tit .today-control .uni-btn-normal.btn-today-next:after {
	content: "▶";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	color: #999;
}
.uni-box-missmail .uni-box-cont {
	min-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
.missmail-list {
	width: 100% !important;
	padding: 0 5px;
	box-sizing: border-box;
}
.missmail-item {
	height: 54px;
	margin-top: 4px;
	padding: 5px 6px;
	border: 1px solid #e6e7eb;
	box-sizing: border-box;
}
.missmail-item .missmail-info-top {
	position: relative;
	padding-top: 3px;
}
.missmail-item .missmail-info-top .title {
	display: block;
	padding: 0 100px 0 0;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: '맑은고딕';
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.missmail-item .missmail-info-top .time {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	text-align: right;
	color: #004bd4;
	font-family: Tohoma;
	font-style: normal;
}
.missmail-item .missmail-info-bottom {
	height: 24px;
}
.missmail-item .missmail-info-bottom .from-user,
.missmail-item .missmail-info-bottom .to-user {
	display: inline-block;
	vertical-align: middle;
}
.missmail-item .missmail-info-bottom .from-user::after,
.missmail-item .missmail-info-bottom .to-user::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.missmail-item .missmail-info-bottom .to-user {
	padding-left: 30px;
}
.missmail-item .missmail-info-bottom .from-user > em,
.missmail-item .missmail-info-bottom .to-user > em {
	display: inline-block;
	width: 38px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma;
	color: #a8a8a8;
	font-size: 11px;
	line-height: 12px;
	font-style: normal;
	background-color: #f2f2f2;
	border: 1px solid #c5c5c5;
}
.missmail-item .missmail-info-bottom .from-user > strong,
.missmail-item .missmail-info-bottom .to-user > strong {
	display: inline-block;
	vertical-align: middle;
	font-family: '맑은고딕';
	color: #191919;
	font-size: 13px;
	font-style: normal;
}
.missmail-item .missmail-info-bottom .from-user > .email-addr,
.missmail-item .missmail-info-bottom .to-user > .email-addr {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-style: normal;
	font-family: Tahoma;
	color: #999;
}
.missmail-item .missmail-info-bottom .from-user > .email-addr::before,
.missmail-item .missmail-info-bottom .to-user > .email-addr::before {
	content: "/";
}
.list-mycowork-box {
	position: relative;
	height: 77px;
	margin-bottom: 0;
	padding: 0;
	border-bottom: 1px solid #eaecf0;
	box-sizing: border-box;
}
.list-mycowork-box:nth-child(3) {
	height: 34px;
}
.list-mycowork-box > dt {
	display: inline-block;
	width: 100%;
	height: 34px;
	padding-left: 30px;
	font-weight: bold;
	color: #494949;
	text-align: left;
	background-color: #fbfcfd;
}
.list-mycowork-box:nth-child(1) > dt {
	background: url(../images/icon_cowork_off.png) no-repeat 10px 8px #fbfcfd
}
.list-mycowork-box:nth-child(2) > dt {
	background: url(../images/icon_cowork_off.png) no-repeat 10px -43px #fbfcfd
}
.list-mycowork-box:nth-child(3) > dt {
	background: url(../images/icon_cowork_on.png) no-repeat 10px -141px #fbfcfd
}
.list-mycowork-box > dt:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.list-mycowork-box > dd {
	height: 42px;
	background-color: #fff;
}
.item-mycowork {
	width: 100% !important;
}
.item-mycowork:after {
	content: "";
	clear: both;
	display: table;
}
.item-mycowork > li {
	float: left;
	width: 20%;
}
.item-mycowork > li > em {
	display: block;
	color: #ed1f1f;
	font-family: "Nanum Gothic", sans-serif;
	font-style: normal;
	text-align: center;
}
.item-mycowork > li > span {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #494949;
}
.uni-box-mywork .item-mycowork li {
	border-bottom: 0 !important;
}
.fc button .fc-icon {
	width: 14px;
	height: 14px;
	top: auto;
	margin: 0 !important;
}
.fc-icon-left-single-arrow {
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_button_arrow.png);
	background-repeat: no-repeat;
	/* background-position: 0 0; */
	background-position: 0 -3px;
}
.fc-icon-right-single-arrow {
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_button_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 -17px;
}
.fc-icon-left-single-arrow::after,
.fc-icon-right-single-arrow::after {
	display: none;
}
.resource-header-toolbar .uni-btn-normal.btn-prev-arrow:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 9px;
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_button_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.resource-header-toolbar .uni-btn-normal.btn-next-arrow:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 10px;
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_button_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 -14px;
}
.admin-form-table-container {
	padding: 20px 10px 0 20px;
}
.admin-table-wrap {
	padding: 0 0 30px;
}
.admin-table-header {
	position: relative;
	margin-bottom: 30px;
	padding: 10px 10px 5px;
	background-color: #f6f6f6;
	border: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.admin-table-header .admin-table-title {
	font-size: 16px;
	font-weight: bold;
	color: #2965da;
}
.admin-table-header .right-con {
	position: absolute;
	top: 9px;
	right: 10px;
	text-align: right;
}
.admin-table-header .right-con label {
	padding: 0 8px 0 0;
	font-size: 12px;
	color: #333;
}
.admin-table-header .right-con .select {
	border: 1px solid #dfe2e5;
}
.table-title {
	padding: 6px 0 10px 10px;
}
.table-title > h5 {
	position: relative;
	padding: 0 11px;
	font-size: 14px;
	font-weight: 700;
}
/*
.table-title > h5:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}
.table-title > h5:after {
	content: "";
	position: absolute;
	top: 5px;
    left: 7px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #848484;
}
*/

.table-title.table-title-type2 {
	position: relative;
	padding: 0 0 4px;
}
.table-title.table-title-type2 > h5 {
	display: inline-block;
	font-size: 14px;
}
.table-title.table-title-type2 > small {
	position: relative;
	display: inline-block;
	padding: 0 0 0 12px;
	font-size: 12px;
	text-align: right;
	color: #007bff;
	box-sizing: border-box;
}
.table-title.table-title-type2 > small:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: #90b4ff;
	border-radius: 50%;;
}
.table-title.table-title-type2 .uni-btn-group {
	position: absolute;
	top: -2px;
	right: 5px;
	width: 200px;
	text-align: right;
	box-sizing: border-box;
}
.table-title.pop-stitle {
	margin: 0;
	padding: 6px 5px 0 5px;
	border: 1px solid #ddd;
	background-color: #f4f4f4;
	box-sizing: border-box;
}
.form-table-title {
	padding: 6px 0 10px 10px;
}
.form-table-title > h5 {
	position: relative;
	padding: 0 0 0 25px;
	font-size: 14px;
	font-weight: bold;
}
.form-table-title > h5:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}
.form-table-title > h5:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 7px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #848484;
}
.name-stitle {
	margin: 10px 10px 0 20px;
	padding: 10px 10px 0 20px;
	border: 1px solid #d1cfcf;
	background: #e3e3e3;
	padding: 3px 5px;
	font-weight: bold;
}
.name-stitle > dt {
	display: inline-block;
}
.name-stitle > dd {
	display: inline-block;
	padding-left: 10px;
}
.sales-every-wrap {
	height: 588px;
	overflow-y: auto;
	overflow-x: hidden;
}
.nav-daily {
	height: 30px;
	padding: 0;
	text-align: center;
}
#salesDailyNav.nav-daily {
	position: sticky;
	top: 40px;
	left: 0;
	width: 100%;
	height: 36px;
	padding-top: 4px;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 100;
}
.nav-daily > h5 {
	display: inline-block;
	width: 180px;
	text-align: center;
	font-size: 18px !important;
	line-height: normal;
	color: #333;
	font-weight: bold;
	box-sizing: border-box;
}
.nav-daily .uni-btn-prevday,
.nav-daily .uni-btn-nextday {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	border: 1px solid #c1c1c1;
	cursor: pointer;
}
.nav-daily .uni-btn-prevday:after,
.nav-daily .uni-btn-nextday:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right: 8px solid #999;
}
.nav-daily .uni-btn-nextday:after {
	left: 5px;
	border: 5px solid transparent;
	border-left: 8px solid #999;
}
.uni-content-header.is-sticky {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #fff;
	z-index: 100;
}
.uni-main-btns.is-sticky {
	position: sticky;
	top: 76px;
	left: 0;
	width: 100%;
	height: 38px;
	z-index: 100;
}
.sales-daily-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.sales-daily-wrap .sales-daily-form,
.sales-daily-wrap .sales-daily-grid {
	float: left;
	width: 50%;
	height: 300px;
	border-bottom: 1px solid #dfe2e5;
	box-sizing: border-box;
}
.sales-daily-wrap .sales-daily-form {
	position: relative;
	border-right: 1px solid #dfe2e5;
}
.sales-daily-wrap .sales-daily-form .form-bottom-btns {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38px;
	padding: 6px 22px;
	border-top: 1px solid #ddd;
}
.sales-daily-wrap .sales-daily-form .table-title.pop-title,
.sales-daily-wrap .sales-daily-grid .table-title.pop-title {
	border: 0;
	border-top: 1px solid #ddd;
}
.sales-daily-grid div.gridbox_material.gridbox {
	border: 0;
	border-bottom: 1px solid #ddd;
}
.sales-daily-grid .pagination.uni-page {
	margin: 7px 0 0 10px;
}
.sales-daily-grid .uni-page-tot {
	margin-top: 5px;
}
.sales-report-wrap.form-table-wrap {
	height: auto;
	margin-bottom: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.sales-daily-wrap .sales-daily-form .table-title.pop-stitle {
	border-top: 0;
	border-right: 0;
}
.sales-daily-wrap .sales-daily-grid .table-title.pop-stitle {
	border-top: 0;
	border-left: 0;
}
.box-info-report {
	width: calc(100% - 80px);
	min-height: 24px;
	margin: 0 auto 10px;
	padding: 3px 10px;
	border: 1px solid #dfe2e5;
}
.pop-content-btns {
	padding: 5px 5px 10px;
	text-align: right;
	border-top: 1px solid #dadada;
}
.pop-content-btns .uni-btn-normal {
	min-width: 80px;
	height: 30px;
	margin-right: 4px;
}
.pop-content-btns.border-bottom {
	padding: 5px;
	margin: 0 0 10px;
	border-top: 0;
	border-bottom: 1px solid #dadada;
}
.form-table.have-border-top {
	border-top: 2px solid #dadada;
	margin: 10px 0 0 0;
}
.form-table-toolbar {
	position: relative;
	padding: 3px 0 4px 0;
}
.form-table-toolbar .form-stitle {
	position: relative;
	padding: 4px 0 0 9px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
.form-table-toolbar .form-stitle:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 5px;
	height: 12px;
	background-color: #b3b3b3;
}
.form-table-toolbar .form-table-btngroup {
	position: absolute;
	top: 2px;
	right: 5px;
	text-align: right
}
.admin-table-wrap .form-table {
	border-top: 1px solid #e8e8e8;
}
.form-table-border {
	height: 0;
	margin-bottom: 20px;
	background: transparent;
	border: 0;
	border-bottom: 1px dashed #d3d3d3;
}
.admin-table-wrap .gridbox-wrap {
	padding: 0 10px 10px 20px;
}
.admin-table-wrap .gridbox-header {
	padding: 0 10px 0 0;
	text-align: right;
}
.admin-table-wrap .zipcode-finder {
	float: left;
	width: calc(30% - 6px);
}
.admin-table-wrap .zipcode-addr {
	float: right;
	width: 70%;
}
.admin-table-wrap .form-group-additem,
.admin-table-wrap .item-type-search {
	max-width: 500px
}
/* 파일첨부 - 전체삭제,전체다운 */

.uni-btn-alldownload {
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	padding: 0 4px !important;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
.uni-btn-alldownload:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
#divTaskAttachFile {
	position: relative;
	padding-top: 24px;
}
#app_doc-attach_area {
	position: relative;
}
#app_doc-attach_area .uni-btn-alldownload {
	top: -27px;
	left: 60px;
}
#app_doc-attach_area .file-preview-list {
	padding-top: 0 !important;
	padding-right: 0;
}
#app_doc-attach_area .file-preview-list > li,
.file-preview-list > li {
	position: relative;
	height: 32px;
	margin-bottom: 1px;
	padding: 4px 8px;
	background-color: #eef0f3;
	box-sizing: border-box;
	overflow: hidden;
}
#app_doc-attach_area .file-preview-list > li .file-downlist-item {
	max-width: calc(100% - 145px);
}
.uni-mail-attach .uni-mail-filename {
	padding-top: 0;
}
.uni-mail-attach .uni-mail-filename .file-preview-list > li {
	overflow: hidden;
}
.uni-mail-attach .uni-mail-filename .file-preview-list > li .file-downlist-item {
	display: inline-block;
	max-width: 1200px;
}
.replybox-attach-wrap .file-preview-list > li {
	text-overflow: ellipsis;
	overflow: hidden;
}
.replybox-attach-wrap .file-preview-list > li .file-downlist-item {
	display: inline-block;
	max-width: 1200px;
}
#bbsContentsArea .replybox-attach-wrap {
	padding-top: 12px;
}
#bbsContentsArea .replybox-attach-wrap .file-preview-list.wrap-scrollable {
	padding-top: 0;
}

#bbsContentsArea .replybox-attach-wrap .attachfile-btn-group {
	top: 0;
}
#attatchFileDiv {
	position: relative;
}
#attatchFileDiv #app_doc-attach_area {
	position: relative;
	padding: 30px 0 0 24px;
}
#attatchFileDiv #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
	/* top: -2px;
    left: 36px; */
}
#attatchFileDiv #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
#attatchFileDiv1 {
	position: relative;
}
#attatchFileDiv1 #app_doc-attach_area {
	position: relative;
}
#attatchFileDiv1 #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
}
#attatchFileDiv1 #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv1 #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv1 #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
#attatchFileDiv2 {
	position: relative;
}
#attatchFileDiv2 #app_doc-attach_area {
	position: relative;
}
#attatchFileDiv2 #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
}
#attatchFileDiv2 #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv2 #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv2 #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
#attatchFileDiv3 {
	position: relative;
}
#attatchFileDiv3 #app_doc-attach_area {
	position: relative;
}
#attatchFileDiv3 #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
}
#attatchFileDiv3 #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv3 #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv3 #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
#attatchFileDiv4 {
	position: relative;
}
#attatchFileDiv4 #app_doc-attach_area {
	position: relative;
}
#attatchFileDiv4 #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
}
#attatchFileDiv4 #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv4 #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv4 #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
#attatchFileDiv5 {
	position: relative;
}
#attatchFileDiv5 #app_doc-attach_area {
	position: relative;
}
#attatchFileDiv5 #app_doc-attach_area .attachfile-btn-group {
	top: 0;
	left: 3px;
}
#attatchFileDiv5 #input-file-upload-1 {
	padding-top: 20px;
}
#attatchFileDiv5 #input-file-upload-1 .file-preview-list {
	margin-bottom: 0;
}
#attatchFileDiv5 #input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: 2px;
	left: 0;
}
.cell-sumup {
	font-weight: bold;
}

#divMasterAttachFile {
	padding: 24px 0 0 0;
}
#divMasterAttachFile .attachfile-btn-group {
	top: 0;
	left: 120px;
}
/*
#attatchFileDiv .file-preview-list {
	padding-top: 30px;
}
*/

#bbsContentsArea .file-preview-list.wrap-scrollable {
	padding-top: 30px;
}
#bbsContentsArea .uni-mail-filename {
	margin-left: 5px;
}
#bbsContentsArea .attachfile-btn-group {
	top: -31px;
	left: 80px;
}
.uni-btn-allremove {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	padding: 0 4px !important;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #d0d5da;
	box-sizing: border-box;
}
#app_doc-attach_area {
	position: relative;
}
#app_doc-attach_area .uni-btn-allremove {
	top: -27px;
	left: 150px;
}
#input-file-upload-1 .file-preview-list.wrap-scrollable {
	min-height: 0;
}
#input-file-upload-1 .attachfile-btn-group {
	top: 0;
	left: 2px;
	min-width: 240px;
	text-align: left;
}
#input-file-upload-1 .file-preview-list .file-item-remove:before {
	top: -1px;
	vertical-align: text-top;
}
.cmtAttachFile {
	position: relative;
}
.cmtAttachFile .attachfile-btn-group {
	top: -18px;
	left: 110px;
}
#divTaskAttachFile .attachfile-btn-group {
	top: 0;
	left: 2px;
}
#divTaskAttachFile .file-preview-list {
	min-height: 50px;
	max-height: 132px;
	margin: 4px 0;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
}
#appCommentListView .uni-mail-filename {
	margin-left: 0 !important;
}
#opinionContentsArea .file-preview-list {
	margin-left: 0 !important;
	margin-top: 30px !important;
}
#opinionContentsArea .attachfile-btn-group {
	top: 6px;
	left: 3px;
}
#opinionContentsArea .uni-mail-filename {
	margin-left: 0 !important;
}
.bbs-opition-file {
	position: relative;
	margin-top: 6px;
}
.bbs-opition-file .attachfile-btn-group {
	top: 4px;
	left: 4px !important;
}
#schCategoryContent .uni-main-list {
	padding: 0!important;
}
#schCategoryContent .uni-main-list .input-item label {
	vertical-align: text-top;
}
#schCategoryContent .uni-main-list .input-item .chk-item {
	padding: 0 20px;
}
#schCategoryContent .uni-main-list .input-item .chk-item label {
	color: #333;
	font-size: 13px;
	font-weight: normal
}
#crmCalendarArea.uni-main-list {
	padding: 0;
}
/*20190605*/

.uni-btn-research {
	position: absolute;
	top: 1px!important;
	right: 9px!important;
	height: 26px;
	width: 95px;
	border: 1px solid #dfe2e5;
	background: url(../images/btn_ico_common_off.png) no-repeat 7px -103px #fff;
	color: #3e3e3e;
	padding: 0 0 0 15px;
}
.uni-btn-research:hover {
	border: 1px solid #5061b9;
	color: #3244ab;
	background: url(../images/btn_ico_common_on.png) no-repeat 7px -103px #fff;
}
.uni-btn-reexcel {
	position: absolute;
	top: 37px!important;
	right: 9px!important;
	height: 26px;
	width: 95px;
	border: 1px solid #dfe2e5;
	background: url(../images/btn_ico_common_off.png) no-repeat 7px -1890px #fff;
	color: #3e3e3e;
	padding: 0 0 0 13px;
}
.uni-btn-reexcel:hover {
	border: 1px solid #5061b9;
	color: #3244ab;
	background: url(../images/btn_ico_common_on.png) no-repeat 7px -1775px #fff;
}
.uni-unm03-border {
	border: 1px solid #dfdfdf;
}
.uni-unm03-border span {
	background: #f3f4f6;
}
.input-label {
	width: 31%;
}
.uni-btn-normal.btn-view-admin {
    width: 42px;
    height: 21px;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
}

.uni-main-btns .input-item02 {
	float: left;
	margin-right: 0px;
}
#divCustomWrapper {
	padding-left: 1px !important;
}
div.gridbox_material.gridbox td[align=left] {
	text-align: left
}
div.gridbox_material.gridbox td[align=center] {
	text-align: center
}
div.gridbox_material.gridbox td[align=right] {
	text-align: right
}
.dhtmlxGrid_selection {
	background-color: #edf4fb;
	opacity: 0.5;
}
/* 카페노트 에디터내  css셋업 */

#cafe-note-contents ol {
	margin-left: 0;
	padding-left: 30px;
}
#cafe-note-contents ol li {
	margin-left: 0;
	list-style-type: decimal;
}
#cafe-note-contents ul {
	margin-left: 0;
	padding-left: 30px;
}
#cafe-note-contents ul li {
	list-style-type: disc;
}

.uni-mail-main-txt ol {
	margin-left: 0;
	padding-left: 30px;
}
.uni-mail-main-txt ol li {
	margin-left: 0;
	list-style-type: decimal;
}
.uni-mail-main-txt ul {
	margin-left: 0;
	padding-left: 30px;
}
.uni-mail-main-txt ul li {
	list-style-type: disc;
}

/* 사이냅 에디터 */
.se:not(#se-t) {
	z-index: 1 !important;
}

/* 모바일버전 */
.page-body > #footer .mobile-version {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: -1px -1px -1px 0;
	text-align: center;
	background: #ffffff;
	background: -webkit-linear-gradient(#ffffff, #f4f4f4 50%, #e8e8e8 90%);
	box-sizing: border-box;
	border: 1px solid #a3acbe;
	cursor: pointer;
}
.page-body > #footer .mobile-version > span {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 6px 0 0 22px;
	font-size: 14px;
	font-weight: bold;
	color: #141f38;
}
.page-body > #footer .mobile-version > span:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 26px;
	background-image: url(../images/icon_mobile_view.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
}
@media only screen
	and (max-width: 780px)
	and (-webkit-device-pixel-ratio: 2) {

	.page-body > #footer .mobile-version {
		display: block !important;
	}
}
.table-stamp-basic .return {
	display:block;
	position:absolute;
	left:49%;
	height:40px;
	width:1.5px;
	background:#666;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}


/* ie10-11+ hacks */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.file-downlist-item:before {
		display: none !important;
	}

	.file-downlist-item {
		background-image: url(../images/icon_attach_normal.png);
		background-repeat: no-repeat;
		background-size: 16px 16px;
	}
	.file-downlist-item.xls,
	.file-downlist-item.xlsx {
		background-image: url(../images/icon_attach_xml.png);
	}
	.file-downlist-item.doc,
	.file-downlist-item.docx {
		background-image: url(../images/icon_attach_word.png);
	}
	.file-downlist-item.ppt,
	.file-downlist-item.pptx {
		background-image: url(../images/icon_attach_ppt.png);
	}
	.file-downlist-item.hwp,
	.file-downlist-item.hwpx {
		background-image: url(../images/icon_attach_hwp.png);
	}
	.file-downlist-item.pdf {
		background-image: url(../images/icon_attach_pdf.png);
	}
	.file-downlist-item.zip {
		background-image: url(../images/icon_attach_zip.png);
	}
	.file-downlist-item.htm,
	.file-downlist-item.html {
		background-image: url(../images/icon_attach_html.png);
	}
	.file-downlist-item.txt {
		background-image: url(../images/icon_attach_txt.png);
	}
	.file-downlist-item.mov,
	.file-downlist-item.avi,
	.file-downlist-item.mp4 {
		background-image: url(../images/icon_attach_mp4.png);
	}
	.file-downlist-item.jpg,
	.file-downlist-item.gif,
	.file-downlist-item.png {
		background-image: url(../images/icon_attach_jpg.png);
	}
	.file-downlist-item.mp3 {
		background-image: url(../images/icon_attach_mp3.png);
	}
}

/* convergence admin */
.data-view-wrap {
	min-height: 260px;	
	border-bottom: 1px solid #ddd;
}
.data-view-wrap:after {
	content: "";
	clear: both;
	display: table;
}
.data-view-wrap .left-con,
.data-view-wrap .right-con {
	float: left;
	width: 50%;
}
.box-form.erp-view {
	padding-left: 80px;
}
.code-wrap {
	height: 224px;
	padding: 10px;
	border: 1px solid #ddd;
	overflow: auto;
}
.json-view {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.2em;
}

.erp-list {
	height: 220px;
	border: 1px solid #ddd;
	overflow-y: auto;
}
.erp-list-item {
	position: relative;
	min-height: 34px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.erp-list-item.selected{
	background-color: #eee;
}

.erp-list-item.drag-item {
	background-color: #f4f5f6;
	box-shadow: 2px 2px 11px rgba(181, 188, 215, 0.5);
}
.erp-list-item strong {
	display: block;
	font-size: 13px;
	font-family: "Nanum Gothic", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.erp-list-item .btn-icon-remove {
	position: absolute;
	top: 10px;
	right: 5px;
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
}
.erp-list-item .btn-icon-remove::before,
.erp-list-item .btn-icon-remove::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 13px;
	background-color: #ddd;
	transform: rotate(45deg);
}
.erp-list-item .btn-icon-remove::after {
	transform: rotate(-45deg);
}

/* 일정표 사용자별 검색 추가 20211206 kwon */
.uni-content-header .uni-global-search {
	position: absolute;
	top:5px;
	right: 20px;
	display: block;
	width: 270px;
	height: 32px;
	margin: 0 auto;
	padding: 0 0px 0 0;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	
}
.uni-content-header .uni-global-search .typeahead.dropdown-menu {
    top: 30px !important;
    width: 270px !important;
    border: 1px solid #d6d6d6;
}

.uni-content-header .uni-global-search .search-choose-group {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.uni-content-header .uni-global-search .search-choose-group input[type="radio"] {
	position: fixed;
	top: 0;
	left: -9999px;
	display: inline-block;
	width: 0;
	height: 0;
}
.uni-content-header .uni-global-search .search-choose-group .rad-label-user,
.uni-content-header .uni-global-search .search-choose-group .rad-label-whole {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(/global/images/icon_user_search.png) no-repeat 8px 5px;
	border-right: 1px solid #cbcbcb;
	box-sizing: border-box;
	cursor: pointer;
}
.uni-content-header .uni-global-search .search-choose-group .rad-label-user {
	background: url(/global/images/icon_user_search.png) no-repeat 8px 7px transparent;
}
.uni-content-header .uni-global-search .search-choose-group .rad-label-user.active {
	background: url(/global/images/search/icon_user_search_active.png) no-repeat 8px 7px #cbcbcb;
}
.uni-content-header .uni-global-search .search-choose-group .rad-label-whole {
	background: url(/global/images/search/icon_whole_search.png) no-repeat 7px 7px transparent;
}
.uni-content-header .uni-global-search .search-choose-group .rad-label-whole.active {
	background: url(/global/images/search/icon_whole_search_active.png) no-repeat 7px 7px #cbcbcb;
}

.uni-content-header .uni-global-search>div {
	position: relative;
}
.uni-content-header .uni-global-search input[type="text"] {
	border: none;
	width: 100%;
	height: 100%;
	margin-top: 3px;
	padding: 4px 10px 6px 38px;
	background-image: url(/global/images/icon_user_search.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	box-sizing: border-box;
}
.uni-content-header  .uni-global-search input[type="text"]::placeholder {
	color: #949494;
	opacity: 1;
}
.uni-content-header .uni-glo-btn-search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	background: url(../images/btn_ico_common_off.png) no-repeat 4px -101px;
	cursor: pointer;
}
.uni-content-header  .uni-glo-btn-search:hover {
	background: url(../images/btn_ico_common_on.png) no-repeat 4px -101px
}
.uni-content-header .uni-global-search ul {
	position: absolute;
	right: -78px;
	top: 2px;
}
.uni-content-header .uni-global-search ul li {
	display: inline-block;
	/* float: left; */
	margin-left: 1px;
}
.uni-content-header .uni-global-search ul button {
	display: inline-block;
	text-indent: -9999px;
	/* float: left; */
	width: 24px;
	height: 24px;
	border: 1px solid #cbcbcb;
}
.uni-content-header .uni-global-search ul button:hover {
	border: 1px solid #4b60ba;
	color: #2b43ac;
}

/* 일정표 사용자별 검색 추가 20211206 kwon END */
/*통합계정관리 20211213 add*/
.uni-admin-subtitle {
	font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 14px 0 6px;
    color: #434f8d;
    color: #434f8d;
    margin-bottom: 6px;
}
.item-admin-finder input[type='text'] {

    height: 24px;
}
.uni-admin-topline {
	border-top: 1px solid #ddd;
    padding-top: 10px !important;
}
.uni-admin-padbot {
	padding-bottom: 15px !important;
}
.uni-admin-box-col-form {
	width:100% !important;
	padding-right: 4px !important;
}
.uni-admin-form-group{
	text-align:right !important;
}
.uni-admin-box-pdb5{
	padding-bottom:5px !important;
}
/*통합계정관리 20211213 end*/
/*사용자 상세정보 관리자 20220106 add*/
.system-status-success{
display: inline;
background: #0053a8;
color: #fff;
border-radius: 5px;
font-size: 9px!important;
padding: 3px 8px;
margin: 0 10px 0 5px;
}
.system-status-fail{
display: inline;
background: #a20d1b;
color: #fff;
border-radius: 5px;
font-size: 10px;
padding: 3px 8px;
margin: 0 10px 0 5px;
}
.system-status-normal{
    display: inline;
    background: #fff;
    color: #fff;
    border-radius: 5px;
    font-size: 9px!important;
    padding: 0;
    margin: 0 10px 0 0px;
}
/*20220106 add*/
.system-status-normal2{
display: inline;
background: #cfcfcf;
color: #fff;
border-radius: 5px;
font-size: 10px;
padding: 3px 8px;
margin: 0 10px 0 5px;
}


/*프로세스 진행 20220620 add start*/
.flowstep-status-0{
display: inline;
background: #cfcfcf;
color: #fff;
border-radius: 5px;
font-size: 10px;
padding: 3px 8px;
margin: 0 10px 0 5px;
}
.flowstep-status-1{
display: inline;
background: #0053a8;
color: #fff;
border-radius: 5px;
font-size: 9px!important;
padding: 3px 8px;
margin: 0 10px 0 5px;
}
.flowstep-status-2{
display: inline;
background: #808080;
color: #fff;
border-radius: 5px;
font-size: 10px;
padding: 3px 8px;
margin: 0 10px 0 5px;
}
td .box-process{
	min-width:500px;
	overflow:auto;
}
td .box-process .erp-process-cont {
    display: block;
}

td .box-process .erp-process-cont ul {
    display: inline-block;
}
.flow-stemp-all {
    overflow-x: auto;
    line-height: 32px;
}
span.system-status-success {
    padding: 5px 10px;
    font-size: 12px!important;
    background: #274e74;
}
/* scroll */
.box-process::-webkit-scrollbar {
    width: 15px;
    /*스크롤바의 너비*/
}

.box-process::-webkit-scrollbar-thumb {
    background-color: #e2e5e5;
    background-clip: padding-box;
    border: 4px solid transparent;
    /* border-top-left-radius: 100px;
    border-bottom-right-radius: 50px; */
}

.box-process::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 0 0 5px 0;
}

/* scroll end */
/*20220620 add end*/

/*20220111 add*/

.uni-pop-bottom li .uni-dropdown-split {
    position: relative;
    display: inline-block;
    margin: -6px 0 0 0;
    height: 32px;
    width: 106px;
    padding: 6px 24px 0 6px;
    font-size: 13px;
    border: 1px solid #d0d5da;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    vertical-align: top;
    }
.uni-pop-bottom li .uni-dropdown-split .uni-dropdown-list{
	top:30px;
}
.uni-pop-bottom li .uni-dropdown-split .uni-btn-dropdown-toggle:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 5px;
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #333;
} 

/*사용자 상세정보 관리자 20220106 end*/
/*메일 받는사람 상세 아이콘 20220610*/
.email-send-container .dropdown-menu > li{
	padding-left:4px;
	height:30px;
}
.email-send-container .dropdown-menu > li img{
	width: 20px;
    border-radius: 50%;
    height: 20px;
    vertical-align: middle;
}
.email-send-container .dropdown-menu > li > a {
    display: inline;
        padding: 3px 0px;
    line-height: 26px;
}
}

.email-send-container .dropdown-menu > li.active > a {
    display: inline;
}
.uni-content-header .uni-global-search ul li img {
    width: 20px;
    border-radius: 50%;
    height: 20px;
    vertical-align: middle;
}
.uni-global-search .typeahead.dropdown-menu > li > a{
   display:inline;
}
.uni-global-search .typeahead.dropdown-menu > li > a.no-data{
	padding:0;
	line-height:30px;
}
.email-send-container .dropdown-menu > li.active > a.no-data {
    padding: 0;
    line-height: 50px;
}
.email-send-container .dropdown-menu > li > a.no-data {
    padding: 0;
    line-height: 50px;
}
ul.typeahead.dropdown-menu {
    padding-top: 0;
}
ul.typeahead li img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
}
.email-send-container .dropdown-menu > li.active > a {
    display: inline;
}
/*프로세스 유형 */
.box-form.process-btn {
    padding: 0 0 0 3px;
}
span.form-group-finder.process-input {
    text-align: left;
}
span.form-group-finder.process-input input {
    background: #fff;
    height: 22px;
}

/* process-noti  팝업  20220609 kwon start*/
.uni-pop-container-pdn{
	padding: 0px 0px 83px 0px;
}
.process-title{
	font-size: 16px;
    font-weight: 600;
    padding-bottom: 7px;
    padding-top: 10px;
    margin-bottom: 10px;
	background: #f5f5f5;
    padding-left: 28px;
	border-top: 1px solid #ddd;
}
.uni-pop-content .form-table.form-table-pdn{
	padding: 0;
}
.uni-pop-content .uni-main-searchbox .uni-input-search {
    width: 545px;
    border: 1px solid #ddd;
}
.uni-pop-content .uni-main-searchbox .uni-input-search:before {
    content: "검색";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../images/btn_ico_common_off.png) no-repeat 6px -102px;
    width: 54px;
    height: 26px;
    cursor: pointer;
    text-align: right;
    border-left: 1px solid #ddd;
}
.uni-pop-content .uni-main-searchbox .uni-input-search input[type='text'] {
    border: none;
}
.uni-pop-content .form-group input[type='text']{
	
	outline: none;
}
.uni-pop-content .form-group input#searchUser1[type='text'] {
    border: none;
}

.uni-pop-content .form-group input#searchUser2[type='text'] {
    border: none;
}
.uni-pop-container .uni-main-searchbox {
    display: inline-block;
    width: 630px;
	padding-right: 0px;
}
.uni-pop-content .uni-main-searchbox .uni-input-search:hover {
    background: none;
}
.uni-pop-container.uni-pop-container-pdn span.btn-group .uni-btn-normal.btn-search#searchBtn{
	height: 28px;
    line-height: 28px;
    color: #666;
    padding: 0 9px;
    margin: 0;
}
.uni-pop-mail-content .uni-pop-container span.btn-group .uni-btn-normal{
	background: url(../images/btn_ico_common_off.png) no-repeat 4px -103px #fff;
}
.uni-pop-container span.btn-group button#addrAddNew {
    height: 24px;
    line-height: 24px;
    background: url(../images/btn_ico_common_off.png) no-repeat 4px -104px #fff;
    padding: 0px 11px;
}
.uni-pop-container span.btn-group .uni-btn-normal#btnSearch{
    height: 28px;
    line-height: 28px;
}
.uni-pop-container span.btn-group .uni-btn-normal {
    height: 24px;
    line-height: 24px;
    color: #666;
    padding: 0 9px;
    margin: 0;
}

.uni-pop-container .uni-btn-normal.deleteUserAll {
    height: 28px;
    line-height: 28px;
    color: #666;
    padding: 0 9px;
    margin: 0;
}
.uni-pop-container .noti-box{
	border:1px solid #ddd;
	width: 618px;
	height: 60px;
	padding: 10px;
}
.uni-pop-container .noti-box ul li{
	display: inline-block;
    padding-right: 30px;
}
.uni-pop-container .noti-box button{
	border: 1px solid #ddd;
    padding: 2px 4px;
    height: 20px;
    width: 20px;   
    color: #555;
    font-weight: bold;
    line-height: 1px;
    margin-left: 4px;
    outline:none;
}
.noti-check .chk-item{
	float: left;
	padding-right: 10px;
}
.uni-pop-content .box-form{
	margin: 0 0 0 30px;
}
.box-form.process-box-form {
    margin: 0 0 0 0;
}
.uni-main-searchbox.pop-process-box {
    width: 820px!important;
}

.uni-process-input input[type='text'] {
    width: 378px;
    border: 1px solid #ddd!important;
}
button.btn-process-finder {
    border: 1px solid #ddd;
    padding: 4px 12px;
    font-weight:800;
}
/* process-noti  팝업  20220609 kwon end*/
.typeahead.dropdown-menu > li {
    padding: 8px 4px;
    height: 50px;
    border-bottom: 1px solid #eee;
}
.typeahead.dropdown-menu > li > img{
   width: 32px;
   height: 32px;
   border-radius:50%;
   vertical-align: middle;
}
.typeahead.dropdown-menu > li > img + a {
    display: inline;
    padding: 4px 3px;
    height: 30px;
    line-height: 30px;
}
ul.typeahead.dropdown-menu {
    padding-top: 0;
}
.uni-pop-content .uni-main-searchbox .uni-input-search.noti-input-pop::before{
content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 54px;
    height: 26px;
    cursor: pointer;
    text-align: right;
    background: none;
    border-left: none;
}
.uni-pop-content .uni-main-searchbox .uni-input-search.noti-input-pop .btn-group{
    position: absolute;
    top: -1px;
    right: -1px;
}
.box-col-form .item-finder.item-type-search.item-admin-finder {
    width: 97.7%;
}

.box-col-form .item-finder.item-type-search.item-admin-finder input#searchKeyword1 {
    height: 30px;
}
.box-col-form .item-finder.item-type-search.item-admin-finder input#searchKeyword2 {
    height: 30px;
}
.box-col-form .item-finder.item-type-search.item-admin-finder button#btnSearch1 {
    height: 30px;
    box-sizing: border-box;
}
.box-col-form .item-finder.item-type-search.item-admin-finder button#btnSearch2 {
    height: 30px;
    box-sizing: border-box;
}





/*프로세스흐름도 추가포틀릿*/
.box-row.conv-col-4 .col.col-w3x {
    width: 75%;
}
.box-process-list{
    width: 100% !important;
    height: 397px;
    overflow-y: auto;
    position: relative;
}

.box-process{
    border-bottom: 1px solid #e6e7eb;
    padding: 5px 10px;
    position: relative;
    min-width: 960px;
}

.box-process .erp-process-title ul li{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding-right: 10px;
    margin: 10px 0 0 0;
}
.box-process .erp-process-title ul li:first-child{
    margin: 10px 0 0 18px;
}
.box-process .erp-process-title ul:before{
    content: '';
    position: absolute;
    top: 22px;
    left:14px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8D8D8D;
}
.box-process .erp-process-cont{
    display: inline-block;
    position: relative;
}
.box-process span.btn-process-detail{
    position: absolute;
    right: 20px;
    top: 22px;
    width: 44px;
    height: 22px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    text-align: center;
    cursor:pointer;
}
 .box-process .erp-process-cont ul{
  background: url(../images/process-cont-bg.png) repeat-x 50%;
  margin: 0 0 0 14px;
} 
.box-process .erp-process-cont ul li{
    display: inline-block;
    margin: 14px 5px 14px 0;
    text-align: left;
    padding-left: 18px;
    padding-top: 2px;
}
.box-process .erp-process-cont ul li:first-child{
    margin: 14px 5px 14px 0;
}
.box-process .erp-process-cont ul li:last-child{
    margin:14px 0px;
}
.box-process .erp-process-cont ul li img{
    vertical-align: middle;
}
.box-process .erp-process-cont .erp-pre{
    min-width: 120px;
    height: 30px;
    background: #CDDBE9 ;
    border: 4px solid #CDDBE9;
    border-radius: 17px;
    padding: 0px 30px 0 18px;
}
.box-process .erp-process-cont .erp-ing{
    min-width: 120px;
    height: 30px;
    background: #2B5C9C;
    border: 3px solid #D5E2F1;
    border-radius: 17px;
    color: #fff;
    position: relative;
    padding: 2px 30px 0 18px;
}
.box-process .erp-process-cont .erp-ing span{
    position: absolute;
    right: 10px;
    top: 2px;
}
.box-process .erp-process-cont .erp-future{
    min-width: 120px;
height: 30px;
background: #D2D2D2 ;
border: 4px solid #D2D2D2;
border-radius: 17px;
padding: 2px 30px 0 18px;
}
.pdl8{
    padding-left: 8px!important;
}
.pdl0{
    padding-left: 0!important;
}
/*end 프로세스흐름도 추가포틀릿*/
/* process-user 팝업 20220629 kwon start */
.uni-pop-usersearch {
	padding: 10px 20px;
	background: #efefef;

}
.uni-pop-usersearch .form-group-finder .btn-code-finder{
	height: 24px;
}
.process-table{
	width: 100%;
}
.process-table thead tr {
	border: 1px solid #ddd;
	padding: 10px 0;
	height: 40px;
	display: block;
	position: relative;
}
.process-table thead tr th:first-child,
.process-table tbody tr td:first-child{
	width: 24%;
}
.process-table thead tr th:nth-child(4),.process-table thead tr th:nth-child(6){
   
	border-right: 1px solid #ddd;

}
.process-table thead tr th:nth-child(7){
   
	border-right: none;

}
.process-table thead tr th,
.process-table tbody tr td{
	width: 9%;
	text-align: center;
	float: left;
	position: relative;
}
.process-table tbody tr {
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
	height: 40px;
	display: block;
}
.process-table tbody tr td span.trush{
   padding: 0 5px;
   position: absolute;
   left: 10px;
}
.process-table tbody tr td div.chk-item{
	line-height: 0px;
}
.process-table tbody tr td div.radio-item{
	display: block;
	line-height: 8px;
	text-align:center;
}
#POP_PSM_FORM .uni-pop-usersearch {
    width: 97.5%;
    margin-bottom: 10px;
}
#POP_PSM_FORM button#searchBtn {
    height: 28px;
}
/* 20220624 */
.uni-process-ex ul li{
   display: inline-block;
   padding-left: 10px;
   font-weight: 300;
}
.uni-process-ex ul li:first-child{
	padding-left: 0;
}
.uni-process-ex ul li span{
	font-weight: 600;
}
.tbl-process-data .tbl-pro-tit{
	background: #f3f3f3;
}
.tbl-process-data th{
	background: #f7fdff;
}
.tbl-process-data tfoot td{
	background: #f3f3f3;
}
.tbl-data tfoot td {
    padding: 5px;
    min-height: 33px;
    text-align: center;
    border-top: 1px solid #dfe2e5;
    border-right: 1px solid #dfe2e5;
    border-bottom: 1px solid #dfe2e5;
}

/* 진행단계 상세정보 */
.process-detail-title {
	padding: 10px 20px 10px 0;
    /* background: #efefef; */
    position: relative;
}
.process-detail-title h4{
	font-size: 17px;
    font-weight: bold;
    color: #3f4f8e;
}
.process-detail-title-ex{
   position: absolute;
   right: 10px;
   top:4px;
   border: 1px solid #ddd;
   background: #fff;
   padding: 5px 15px;
   font-size: 12px;
}
.process-datail-title{
	position: relative;
}
.process-datail-title .process-detail-title-ex{
	position: relative;
	display: inline-block;
	margin: 10px;
}
.process-datail-title .process-detail-title-ex > em{
	font-weight: 800;
    font-size: 11px;
    margin-left: 10px;
}
.process-pop-tab-top .tbl-data {
    border-top: 2px solid #3f4f8e;
    border-bottom: 2px solid #b5c5d7;
}
.process-manage .process-detail-title-box{
	position:absolute;
	left: 100px;
	top: 14px;
}
.process-manage .process-detail-title-box ul::before{
    content: '';
	position: absolute;
	top:50%;
	background-color: #79afee;
	width: 100%;
	height: 3px;
}
.process-manage .process-detail-title-box ul li{
	display: inline-block;
	margin: 0 5px;
	padding: 5px 20px;
	border-radius: 10px;
	background: #cfdbe9;
	position: relative;
	color: #999;
	cursor: pointer;
}
.process-manage .process-detail-title-box ul li.pre-box{
	margin-left: 0;
}
.process-manage .process-detail-title-box ul li.ing-box{
   background: #355c9b;
   color: #fff;
   font-weight: 600;
}
.process-manage .process-detail-title-box ul li.end-box{
	margin-right: 0;
	background-color: #d2d2d2;
	z-index: 10;
}
.process-manage .process-detail-title-box ul li:first-child {
    margin-left: 0;
}
#tab3Div .form-table {
    padding: 0;
}
.process-datail-manage {
	position: relative;	
	padding: 0 15px 15px 15px;
	/*background: #f8f8f8;
	border-radius: 10px;
	border: 1px solid #e6e6e6;*/
	margin-top: 10px;
	
	height: 230px;
    overflow-y: auto;
}
.process-manage{
	display: block;
	position: relative;
	border-bottom: 1px solid #dfdfdf;
}
.process-manage:first-child{
	border-top:none;
}
.process-manage h4{	
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	line-height: 50px;
	vertical-align: top;
}
.process-manage h4:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #999;
    top: 24px;
    left: -10px;
}
.process-manage h4 ~.member{
    position: absolute;
	display: inline-block;
	left:100px;
    top:8px;
}
.process-manage h4 ~.member ul li{
	padding: 2px 7px;
	background: #fff;
	border:1px solid #ddd;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
	height: 34px;
}
.process-manage h4 ~.member ul li > a{
	color: #333;
}
.process-manage h4 ~.member ul li > img {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    vertical-align: middle;
	margin-right: 10px;
}
.process-manage .process-manage-guide{
	display: inline-block;
    padding: 10px 0px;
    position: absolute;
    left: 100px;
	
}
.process-manage .process-manage-guide > .guide-title{
	font-weight: 600;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 5px;
    margin-bottom: 6px;
    background: #fff;
}
.process-manage .process-manage-guide > .guide-cont {
    padding-left: 6px;
}
.process-manage .process-manage-guide > .guide-guide-cont{
   font-size: 14px;
}
.process-datail-message {
	position: relative;
	margin-top: 15px;
	/*background: #f8f8f8;
	border: 1px solid #e6e6e6;*/
	border-radius: 10px;
	height: 280px;
    overflow-y: auto;
}
.msg-input{
	height: 62px;
	border-bottom: 1px solid #e7e7e7;
	padding: 15px;
}
.msg-input span img {
    width: 36px;
    border-radius: 50%;
    height: 36px;
    vertical-align: middle;
	margin-right: 10px;
}
.msg-input ul {
	display: inline-block;
}
.msg-input ul li{
	display: inline-block;
}
.msg-input ul li input{
	outline: none;
	width: 608px;
	height: 36px;
	border: 1px solid #ddd;
}
.msg-input ul li .msg-submit-btn{
	background: #355c9b;
	height: 36px;
	padding: 0 16px;
	color: #fff;
	outline: none;
}
.pre-msg-view{
	width: 100%;
    height: 28px;
    background: #fff;
    padding-left: 20px;
    padding-top: 4px;
	position: relative;
	display: block;
	font-size: 12px;
}
.pre-msg-view > span{
	position: absolute;
	right: 20px;
	top: 2px;
}

.msg-list{
	padding: 10px 20px;
}
.msg-list-sub:first-child{
	margin-top: 0;
}
.msg-list-sub{
	margin-top: 14px;
}
.msg-list-sub span{        
	vertical-align: top;
    line-height: 44px;
}
.msg-list-sub span > img {
    width: 36px;
    border-radius: 50%;
    height: 36px;
    vertical-align: middle;
	margin-right: 10px;
}
.msg-list-sub ul{
	display: inline-block;
}
.msg-list-sub ul li{
	line-height: 1.8em;
}
.msg-list-sub button{
	padding: 0px 12px;
    border: 1px solid #ddd;
	margin-top: 10px;
	margin-right: 6px;
}
.msg-list-sub button.msg-del{	
    color: #999;
    background: #f6f6f6;
}
.msg-list-sub button.msg-answer{	
    color: #333;
    background: #fff;
}
.item-admin-finder input#searchKeyword {
    height: 28px;
}

.uni-pop-container span.btn-group .uni-btn-normal span {
    padding-left: 10px;
}

.process-pop-tab-top {
    padding-top: 20px;
}

h4#stepName + span.process-detail-title-ex {
    padding: 2px 15px;
}
.process-detail-new {
    padding: 12px 20px;
    position: absolute;
    bottom: 80px;
    width: 96%;
    overflow-y: auto;
}

.process-detail-new .pre-msg-view {
    background: none;
}

.process-detail-new .pre-msg-view > span {
    right: 3px;
    padding: 5px;
    font-weight: 500;
}

.process-detail-new .msg-list {
    padding: 10px 0px;
}

.uni-global-search 
div .typeahead.dropdown-menu > li.active > a {
    background-color: #f1f4fa !important;
}

.process-pop-tab-top .midtab .link-tab.active {
    background: #fff;
}
.process-pop-tab-top .midtab .link-tab{
	border-bottom: 1px solid #dfdede;
    background: #eee;
}
.process-input button.uni-btn-normal {
    position: absolute;
    right: 30px;
    border: 1px solid #bbb;
    height: 18px;
    width: 18px;
    top: 3px;
    padding: 0px 4px;
    color: #999;
    line-height: 15px;
    font-size: 10px;
}
}