html, body {
    font-family: 'Malgun Gothic', sans-serif;
	font-weight: normal;
	font-size: 12px;
}

html, body { height: 100%; position: relative; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }

/* 공통 클래스 추가 */
.pt0 { padding-top: 0px !important; }
.pd0 { padding: 0px !important; }
.pb4 { padding-bottom: 4px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mt2 { margin-top: 2px !important; }
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.ml178 { margin-left: 178px !important; }
.mt85 { margin-top: 85px !important; }
.mt82 { margin-top: 82px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb7 { margin-bottom: 7px !important; }

.txt-red { color: red !important; }
.txt-blue { color: blue !important; }
.txt-grey { color: #999 !important; }

.bt-none { border-top: none !important; }
.bl-none { border-left: none !important; }
.br-none { border-right: none !important; }

.table-fixed { table-layout: fixed; }


/*=== 공통 table, input, button, style 지정 ===*/
.content-header > h1 {
	font-size: 22px;
}
.content-header > h1 > span {
	border-bottom: 3px solid #428901;
	font-weight: 600;
}
.content-header > h1::after {
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
	content: '';
	background-color: #cecece;
}
.content-header .btn-header {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	padding: 0 8px;
	border-radius: 5px;
	background: url('../img/btn_bg_dkgrey.png') repeat-x center;
	border: 1px solid #6c6c6c;
	font-weight: 600;
	color: #fff;
}
.content-header .btn-basic.refresh,
.content-header .btn-basic.unlock {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
}
.content-header .btn-basic.unlock {
	right: 62px;
	border-radius: 5px;
	border: 1px solid #a2a2a2;
}

/*검색 테이블*/
.box-head .btn-basic {
	position: relative;
	top: -5px;
}
.top5 {
	position: relative;
	top: -5px !important;
}
.sub-info {
	font-size: 12px;
	line-height: 20px;
}
.box-title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.box-title.sm { 
	font-size: 14px; 
}
.table-empty .search-table {
	display: block;
	width: 100%;
	height: calc(100% - 30px);
	border: 1px solid #ccc;
	border-top: 2px solid #428901;
}
.table-empty .search-table tbody {
	display: none;
}
.search-table {
	width: 100%;
	font-weight: 100;
	white-space: nowrap;
	word-wrap: break-word;
	border-top: 2px solid #428901;
}
.search-table th, .search-table td {
	padding: 0 10px;
	height: 36px;
	vertical-align: middle;
	overflow-x: hidden;
}
.search-table .img-area,
.search-table .img-area.sm {
	min-width: 145px;
	height: 160px;
	background: url('../img/no_img.png') no-repeat center;
}
.search-table .img-area.sm {
	min-width: 140px;
	height: 140px;
	margin: 10px 0;
	background: url('../img/no_img.png') no-repeat center;
}

/* tr높이가 길 때 */
.tr-xlg {
	height: 120px;
}
.tr-lg {
	height: 80px;
}
.tr-md {
	height: 60px;
}
.search-table td[rowspan] {
	text-align: center;
	line-height: 1.3;
	font-weight: 400;
}
.search-table td {
	border: 1px solid #eee;
	font-size: 12px;
	height: 35px;
}
.search-table {
	width: 100%;
	font-weight: 100;
	white-space: nowrap;
	word-wrap: break-word;
	border-top: 2px solid #428901;
}
.search-table th {
	background: #f5f9f2;
	border: 1px solid #eee;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
.search-table th:last-child {
	border-bottom: none;
}

/* 라디오버튼 / 체크박스 버튼 */
.radio-area, .chk-area {
	position: relative;
}
.radio-area input[type='radio'] {
	position: absolute;
	margin-top: 9px;
	opacity: 0;
}
.radio-area input[type='radio'] + label {
	display: inline-block;
	margin-right: 15px;
	padding-left: 24px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 100;
	background: url('../img/btn_radio_off.png') left/19px no-repeat;
	color: #333;
	cursor: pointer;
}
.radio-area input[type='radio'] + label:last-child {
	margin-right: 0;
}
.radio-area input[type='radio']:checked + label {
	background: url('../img/btn_radio_on.png') left/19px no-repeat;
}
.chk-area input[type='checkbox'] {
	position: absolute;
	margin-top: 9px;
	opacity: 0;
	cursor: pointer;
}
.chk-area input[type='checkbox'] + label {
	display: inline-block;
	margin-right: 15px;
	padding-left: 25px;
	line-height: 36px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 100;
	background: url('../img/icon_chk02_off.png') left/19px no-repeat;
	color: #333;
	cursor: pointer;
}
.chk-area input[type='checkbox'] + label:last-child {
	margin-right: 0;
}
.chk-area input[type='checkbox']:checked + label {
	background: url('../img/icon_chk02_on.png') left/19px no-repeat;
}
.chk-area {
	color: #333;
	margin-right: 10px;
}

/* 숫자 들어가는 영역 */
.code-area {
	width: 40px;
	height: 28px;
	background: #ebebeb;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	margin-left: 1px;
	text-align: center;
	color: #333;
}

/* 셀렉트박스*/
.sel-basic {
	min-width: 100px;
	height: 28px;
	margin-right: 1px;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	color: #333;
	font-size: inherit;
}
.tui-grid-container .sel-basic {
	height: 22px;
}
.sel-basic.sm {
	min-width: 60px;
}
.sel-md {
	width: 100%;
	max-width: 170px;
}

/* 버튼 */
.btn-basic {
	height: 30px;
	margin-right: 1px;
	padding:0 8px 0 28px;
	background: url('../img/btn_bg.png') repeat-x;
	border: none;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	border: 1px solid #e1e1e1;
	border-bottom: 1px solid #bfbfbf;
}
.btn-basic:last-child {
	margin-right: 0;
}
.btn-table {
	height: 28px;
}
.btn-table.search {
	background: url('../img/btn_img.png') no-repeat 7px 2px,
	url('../img/btn_bg.png') repeat-x !important;
}
.btn-table.new {
	background: url('../img/btn_img02.png') no-repeat -12px -677px ,
	url('../img/btn_bg.png') repeat-x !important;
}
.btn-basic.search {
	background: url('../img/btn_img.png') no-repeat 7px 3px,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.excel {
	background: url('../img/btn_img.png') no-repeat 6px -47px,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.print {
	background: url('../img/btn_img.png') no-repeat -70px -46px,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.save {
	background: url('../img/btn_img02.png') no-repeat -12px -561px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.add {
	background: url('../img/btn_img02.png') no-repeat -12px -502px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.sort {
	background: url('../img/btn_img02.png') no-repeat -12px -445px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.form-down {
	background: url('../img/btn_img02.png') no-repeat -12px -969px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.upload {
	background: url('../img/btn_img02.png') no-repeat -12px -909px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.copy {
	background: url('../img/btn_img02.png') no-repeat -11px -618px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.confirm {
	background: url('../img/btn_img02.png') no-repeat -12px -330px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.refresh {
	background: url('../img/btn_img02.png') no-repeat -12px -734px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.mail {
	background: url('../img/btn_img02.png') no-repeat -12px -1012px ,
	url('../img/btn_bg.png') repeat-x;
}

.btn-basic.delete {
	background: url('../img/btn_img02.png') no-repeat -12px -8px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.new {
	background: url('../img/btn_img02.png') no-repeat -12px -676px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.unlock {
	background: url('../img/btn_img02.png') no-repeat -12px -850px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.delivery-end {
	background: url('../img/btn_img02.png') no-repeat -12px -386px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.box-close {
	background: url('../img/btn_img02.png') no-repeat -8px -109.2px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.box-open {
	background: url('../img/btn_img02.png') no-repeat -11px -58.5px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.search-addr {
	background: url('../img/btn_img02.png') no-repeat -11px -274px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.find-addr {
	background: url('../img/btn_img02.png') no-repeat -11px -219px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.request-num {
	background: url('../img/btn_img02.png') no-repeat -11px -1014px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.confirm-num {
	background: url('../img/btn_img02.png') no-repeat -12px -1056px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.list {
	background: url('../img/btn_img02.png') no-repeat -12px -1098px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.modify {
	background: url('../img/btn_img02.png') no-repeat -12px -1143px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.check {
	background: url('../img/btn_img03.png') no-repeat -12px -105px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.transfer {
	background: url('../img/btn_img03.png') no-repeat -12px -58px ,
	url('../img/btn_bg.png') repeat-x;
}
.btn-basic.transmit {
	background: url('../img/btn_img02.png') no-repeat -12px -792px ,
	url('../img/btn_bg.png') repeat-x;
}


/* 인풋 텍스트 */
.text-basic {
	width: 100%;
	max-width: 170px;
	margin-right: 1px;
	padding: 5px;
	height: 26px;
	text-align: left;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	color: #333;
	font-size: inherit;
}
.text-basic.text-lg {
	max-width: 450px;
}
.text-basic.size100 {
	max-width: 100%;
}
.text-basic.md {
	max-width: 300px;
}
.text-basic.sm {
	max-width: 100px;
}
.text-basic.xs {
	max-width: 70px;
}
.text-basic.xxs {
	max-width: 50px;
}
.bg-yellow {
	background: #feffe8;
}
.bg-mint {
	background: #e0f5ce;
}
.bg-blue {
	background: #0099ff;
	color: #fff;
}
.bg-red {
	background: #bc1339;
	color: #fff;
}
.row-red {
	background: #bc1339 !important;
	color: #fff !important;
}
.row-green {
	background: #1acc67 !important;
}
.row-mint {
	background: #e0f5ce !important;
}
.datepicker, .monthpicker, .newDatePicker {
	width: calc(100% - 32px);
}

.txtarea-basic {
	width: 100%;
	height: 100%;
	padding: 5px;
	max-height: 48px;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	color: #333;
	resize: none;
}
.txtarea-basic.size-lg {
	max-height: 100%;
}

.search-table button,
.search-table input[type='button'] {
	height: 28px;
	vertical-align: middle;
}

.btn-date, .btn-search {
	padding: 0;
	width: 30px;
	height: 28px;
	margin-left: 1px;
	background: url('../img/btn_img.png') no-repeat -73px 2px,
	url('../img/btn_bg.png') repeat-x;
}
.btn-search {
	background: url('../img/btn_img.png') no-repeat 5px 2px,
	url('../img/btn_bg.png') repeat-x;
}

.text-info {
	font-size: 13px;
	line-height: 1.2;
	font-weight: 200;
	color: #333;
	vertical-align: middle;
}
.text-info02 {
	font-size: 14px;
}

/* 인풋 셀렉트 */
.file-area {
	position: relative;
	width: 100%;
	max-width: 477px;
	height: 28px;
}
.file-area.size-lg {
	position: relative;
	width: 100%;
	max-width: 690px;
	height: 28px;
}
.file-area .file-basic {
	z-index: 1;
}

.file-area .text-basic,
.file-area .file-basic,
.file-area .btn-file {
	position: absolute;
	top: 0;
	left: 0;
	/*width: 265px;*/
	max-width: 265px;
	height: 28px;
}
.file-area .text-basic {
	max-width: calc(100% - 96px);
}
.file-area .file-basic {
	width: 100%;
	max-width: 100%;
	opacity: 0;
}
.file-area .btn-file {
	left: auto;
	right: 0;
	background: url('../img/btn_img.png') no-repeat 7px -98px,
	url('../img/btn_bg.png') repeat-x;
}

/*=== 공통 table, input, button, style 지정 끝 ===*/


/* 제일 왼쪽 LEFT 메뉴 */
.snb-sm {
	position: fixed;
	top: 0; left: 0;
	z-index: 9999;
	width: 60px;
	height: 100%;
	background: #276e05;
}
.snb-sm > li a {
	width: 100%;
	height: 60px;
}
.snb-sm > li:first-child {
	margin-top: 88px;
}
.snb-sm .icon1 {
	background: url('../img/main_icon.png') -13px -108px;
}
.snb-sm .icon2 {
	background: url('../img/main_icon.png') -13px -194px;
}
.snb-sm .icon3 {
	background: url('../img/main_icon.png') -102px -107px;
}
.snb-sm .icon4 {
	background: url('../img/main_icon.png') -196px -12px;
}
.snb-sm .icon5 {
	background: url('../img/main_icon.png') -196px -97px;
}
.snb-sm .icon6 {
	background: url('../img/main_icon.png') -196px -196px;
}
.snb-sm > li {
	opacity: 0.5;
	margin-bottom: 15px;
}
.snb-sm > li:hover,
.snb-sm > li.snb-sm-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#E6F500)";/*IE 8*/
	-moz-box-shadow: 4px 0 0 #E6F500 inset;/*FF 3.5+*/
	-webkit-box-shadow: 4px 0 0 #E6F500 inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 4px 0 0 #E6F500 inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#E6F500); /*IE 5.5-7*/
}

/*2번째 LEFT 메뉴*/
.snb-lg-wrap {
	position: fixed;
	top: 0; left: 0;
	z-index: 9998;
	height: 100%;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	width: 270px;
	padding-left: 60px;
	background: #428901;
	transition: left 0.3s;
}
/*.snb-lg-wrap.go-left {
	left: -265px;
}*/
.snb-lg-wrap .icon-arr {
	position: absolute;
	top: 20px;
	right: -20px;
	width: 50px;
	height: 50px;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	background: #428901 url('../img/arr_menu_left.png') no-repeat 35px center;
	cursor: pointer;
}
.snb-lg-wrap .icon-arr.left-on {
	background: #428901 url('../img/arr_menu_right.png') no-repeat 35px center;
}
.logo a {
	width: 100%;
	height: 50px;
	margin: 30px 0 11px;
	background: url('../img/logo_white.svg') no-repeat center;
}
.snb-lg > li {
	text-align: left !important;
}
.snb-lg > li > a {
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding-left: 35px;

	color: #fff;
	font-size: 18px;
	font-weight: bold;

	background: url('../img/arr_menu.png') no-repeat 225px center;
	background-size: 7px;
}
/*.snb-lg > li.snb-on > a {
	background: #3d7e01 url("../img/arr_menu_up.png") no-repeat 220px center;
}*/

/*180823 디자인 변경된 부분*/
.snb-lg > li.snb-on > a {
	background: #ededed url("../img/arr_menu_green.png") no-repeat 222px center;
	background-size: 13px;
	color: #333;
}
.snb-depth02 > li.snb-on > a {
	background: #3d7e01 url('../img/icon_menu_point.png') no-repeat 224px center;
	background-size: 8px;
}

.snb-lg .icon_num {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-left: 10px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	color:  #428901;
	background: #e6f500;
}
/*SNB 길어질 경우 스크롤*/
.snb-lg {
	height: calc(100% - 143px);
	overflow-y: auto;
	/*direction: rtl;*/
}
.snb-depth02 {
	display: none;
}
.snb-on .snb-depth02 {
	display: block;
	background: #3d7e01;
}
.snb-depth02 li:first-child {
	padding-top: 8px;
}
.snb-depth02 li:last-child {
	padding-bottom: 8px;
}
.snb-depth02 li a {
	width: 100%;
	padding: 10px 0 10px 45px;
	/*background: #3f8201;*/
	background: #3d7e01; /* 180823 디자인 변경 */
	color: #fff;
	font-size: 14px;
	font-weight: 200;
}
.snb-depth02 li:last-child a {
	border-bottom: none;
}

.snb-btm {
	margin: 10px 0 30px;
	margin-bottom: 30px;
	margin-top: 10px;
	text-align: center;
}

.snb-btm .copyright {
	color: #fff;
}
.copyright address {
	font-size: 12px;
	font-weight: 100;
	opacity: 0.4;
}

/* SMS LEFT메뉴 */
.sms-container {
	width: 100%;
	height: calc(100% - 110px);
	margin-top: 88px;
	overflow-y: auto;
}
.sms-contents {
	color: #fff;
	width: 210px;
	margin: 0 auto;
}
.sms-area {
	width: 100%;
	height: 180px;
	position: relative;
	background: url(../img/bg_menu_sms.jpg) 0 /100% no-repeat;
	margin-bottom: 10px;
}
.sms-area textarea {
	width: 100%;
	height: 112px;
	margin-top: 14px;
	padding: 15px;

	font-size: 12px;
	line-height: 20px;

	resize: none;
	border: none;
	outline: none;
}
.sms-title {
	line-height: 40px;
	font-size: 14px;

	position: absolute;
	left: 10px;
	bottom: 0;
}
.bytes-line {
	display: inline-block;
	line-height: 40px;

	position: absolute;
	right: 40px;
	bottom: 0;
}
.btn-sms-refresh {
	width: 15px;
	height: 16px;
	background: url(../img/icon_box_sms.png) 0 0 / 100% no-repeat;
	border: none;

	position: absolute;
	right: 15px;
	bottom: 11px;
}
.send-area {
	margin-bottom: 20px;
}
.input-line {
	margin-bottom: 9px;
}
.input-line label {
	display: inline-block;
	width: 63px;
	line-height: 26px;
	vertical-align: middle;
}
.input-line .text-basic {
	width: 142px;
	margin: 0;
}
.input-line .text-basic.sm {
	max-width: 107px;
}
.btn-sms {
	width: auto;
	height: 27px;
	padding: 0 5px 0 20px;

	border: 1px solid #e1e1e1;
	border-radius: 5px;
	position: relative;

	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.btn-sms.lg {
	width: 100%;
	padding: 0 0 0 15px;
	margin-top: 8px;
}
.btn-sms.sms {
	width: 100%;
	background: url(../img/icon_box_sms.png) no-repeat 65px -16px,
				url(../img/btn_bg.png) repeat-x;
}
.btn-sms.add {
	background: url(../img/icon_box_sms.png) no-repeat 5px -37px,
				url(../img/btn_bg.png) repeat-x;
}
.btn-sms.search {
	background: url(../img/icon_box_sms.png) no-repeat 5px -58px,
				url(../img/btn_bg.png) repeat-x;
	margin: 0 5px;
}
.btn-sms.refresh {
	background: url(../img/icon_box_sms.png) no-repeat 5px -78px,
				url(../img/btn_bg.png) repeat-x;
}
.btn-sms.save {
	background: url(../img/icon_box_sms.png) no-repeat 5px -100px,
				url(../img/btn_bg.png) repeat-x;
}
.contact-area {
	margin-bottom: 20px;
}

.contact-area .tab li {
	width: 105px;
}
.contact-area .tab li span {
	color: #fff;
}
.contact-area .tab-active {
	background-color: #fff !important;
}
.contact-area .tab-active span {
	color: #428901 !important;
}
.contact-table {
	width: 100%;
	height: auto;
}
.contact-tab1, .contact-tab2 {
	width: 100%;
	height: auto;
}
.send-list {
	width: 100%;
	height: 165px;
	margin-bottom: 10px;
}
.send-list textarea {
	resize: none;
}
.send-list .tui-grid-cell-head {
	background-color: #ecfcde;
	border: 1px solid #e1e1e1;
	font-weight: bold;
	color: #428901;
}
.cell-delete {
	background: url(../img/icon_box_sms.png) no-repeat 5px -127px;
	cursor: pointer;
}
.contact-btn-box::after {
	content: '';
	display: block;
	clear: both;
}
.contact-btn-box {
	min-height: 27px;
}
.contact-btn-box button {
	float: left;
}
.contact-tab2 {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	height: 202px;
}
.contact-tab2 li {
	display: block;
	width: 100%;
}
.contact-thead, .contact-tbody {
	width: 100%;
}
.contact-tbody {
	height: 165px;
	overflow-y: auto;
}
.contact-tbody::-webkit-scrollbar,
.sms-area textarea::-webkit-scrollbar,
.save-txt-box textarea::-webkit-scrollbar {
	display: none;
}
.contact-tbody, .sms-area textarea, .save-txt-box textarea {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.contact-thead {
	font-weight: bold;
	color: #428901;
	line-height: 33px;
	text-align: center;
	vertical-align: middle;

	background-color: #ecfcde;
	border: 1px solid #e1e1e1;

}
.contact-tbody li {
	width: 100%;
	padding: 0 5px;

	color: #333;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;

	border-bottom: 1px solid #e1e1e1;
	cursor: pointer;
}
.save-sms-area::after {
	content: '';
	display: block;
	clear: both;
}
.save-txt-box {
	width: 100%;
	height: 125px;
	margin-bottom: 10px;
	border: 5px solid #8eb867;
	background-color: #fff;
	position: relative;
}
.save-txt-box textarea {
	width: 100%;
	height: 95px;
	padding: 10px;
	
	font-size: 12px;
	line-height: 20px;

	resize: none;
	border: none;
	outline: none;
}
.save-txt-box button {
	width: 45px;
	height: 30px;

	color: #fff;
	font-weight: bold;
	background-color: #276e05;
	border: none;

	position: absolute;
	right: 0;
	bottom: 0;
}
.paging-box::after {
	content: '';
	display: block;
	clear: both;
}
.paging-box {
	display: inline-block;
	float: left;
	line-height: 27px;
	font-weight: bold;
}
.paging-box span {
	float: left;
}
.paging-total::before {
	content: '/';
	display: inline-block;
	width: 15px;
	text-align: center;
}
.paging-prev, .paging-next {
	cursor: pointer;
	font-size: 15px;
}
.save-sms-btn-box {
	display: inline-block;
	float: right;
}


/* 상단 HEADER */
.lnb-wrap {
	position: relative;
	width: 100%;
	/*height: 88px;*/
	height: 45px;
	background: #fff;
}
.lnb-wrap .lnb {
	position: absolute;
	right: 30px;
	height: 100%;
}
.lnb .text > a {
	font-size: 13px;
	color: #484848;
}
.lnb .text {
	padding-top: 13px;
}
.lnb .btn-logout {
	width: 19px;
	height: 18px;
	margin: 14px 0 0 20px;
	border: none;
	background: url('../img/icon_logout.png') no-repeat;
}

/*== login.html 로그인 페이지 ==*/

.container-login, .container-error {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../img/bg_login.jpg') no-repeat 0 / cover;
}
.content-login {
	position: absolute;
	top: 50%;
	left: 50%;
	/*margin-top: -242px;
	margin-left: -195px;*/
	width: 370px;
	transform: translate(-50%,-50%);
}
.content-login .logo {
	width: 100%;
	height: 160px;
	margin-bottom: 50px;
	background: url(../img/logo_white.svg) no-repeat center;
}
.box-login .user-id,
.box-login .user-pw,
.box-login .btn-login,
.warning-msg .btn-area button {
	width: 100%;
	height: 52px;
	margin-bottom: 20px;
	padding: 0 50px 0 30px;
	border: none;
	border-radius: 26px;
	color: #fff;
	font-size: 16px;
}
.box-login .user-id {
	background: rgba(255, 255, 255, 0.3) url('../img/icon_id.png') no-repeat 330px center;
}
.box-login .user-pw {
	background: rgba(255, 255, 255, 0.3) url('../img/icon_lock.png') no-repeat 332px center;
}

.box-login input::placeholder {
	color: #fff;
}

.box-login .save-id  {
	position: absolute;
	margin-top: 9px;
	opacity: 0;
}

.box-login .save-id + label {
	display: inline-block;
	padding-left: 27px;
	line-height: 1.2;
	font-size: 15px;
	background: url('../img/icon_chk_off.png') left/17px no-repeat;
	color: #cacaca;
	cursor: pointer;
}
.box-login .save-id:checked + label {
	background: url('../img/icon_chk_on.png') left/20px no-repeat;
}

.box-login .find-id,
.box-login .find-id:focus,
.box-login .find-id:visited {
	font-size: 14px;
	color: #cacaca;
}

.box-login .btn-login,
.warning-msg .btn-area button {
	margin-top: 40px;
	padding: 0;
	background: #a4cd39;
	font-size: 20px;
	font-weight: 500;
}

/* 비밀번호 재설정 페이지 */
.content-reset-pw {
	width: auto;
}
.reset-pw {
	background-color: #fff;
	width: 640px;
	padding: 60px;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35)
}
.pw-title, .pw-sub-title {
	color: #333;
	font-weight: 500;
}
.pw-title {
	font-size: 26px;
	padding-bottom: 25px;
}
.pw-sub-title {
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 30px;
}
.pw-submit-area input {
	width: 100%;
	height: 50px;
	margin: 10px 0;
	padding: 0 15px;

	outline: none;
	border: 1px solid #dbdbdb;
	border-radius: 5px;

	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
	color: #333;
	z-index: 10;
}
.pw-submit-area p,
.pw-submit-area input::placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-weight: 500;
	letter-spacing: 0;
}
.pw-submit-area p {
	font-size: 14px;
	margin-bottom: 35px;
}
.pw-submit-area button {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	padding: 0;
	
	border: none;
	border-radius: 5px;
	background: none;
	background-color: #a4cd39;
	outline: none;

	color: #fff;
	font-size: 20px;
}
.pw-input-box label {
	position: absolute;
	left: 15px;
	top: 0;
	line-height: 50px;
	color: rgba(0, 0, 0, 0.5);
}


/*== error.html 에러페이지 ==*/
.container-error {
	background: #d5d7d4 url('../img/bg_error.jpg') no-repeat center bottom / cover;
}
.content-error {
	position: absolute;
	top: 50%;
	left: 50%;
	/*margin-top: -300px;
	margin-left: -315px;*/
	text-align: center;
	width: 630px;
	transform: translate(-50%,-50%);
}
.content-error .logo {
	margin: auto;
	width: 210px;
	height: 100px;
	background: url('../img/logo_black.svg') no-repeat center;
	margin-bottom: 60px;
}
.content-error .warning-msg {
	padding-top: 160px;
	background: url('../img/icon_warning.png') no-repeat center top;
}
.warning-msg h1 {
	font-size: 40px;
	font-weight: 400;
	color: #333;
	margin-bottom: 40px;
}
.warning-msg p {
	line-height: 36px;
	font-size: 19px;
	font-weight: 200;
	color: #555;
}
.warning-msg .btn-area button {
	width: calc(50% - 15px);
	margin-top: 60px;
	margin-bottom: 0px;
}
.warning-msg .btn-area .go-main {
	margin-right: 30px;
}

/* 에러페이지 반응형 */
@media screen and (max-width: 700px) {
	.container-error {
		width: 100%;
		min-height: 100vh;
		height: 100%;
	}
	.content-error {
		width: 100%;
		padding: 0 8%;
	}
	.content-error .logo {
		margin: auto;
		width: 80%;
		height: 10vh;
		margin-bottom: 5vh;
		background-size: auto 100%;
	}
	.content-error .warning-msg {
		padding-top: 18vh;
		background-size: auto 15vh;
	}
	.warning-msg h1 {
		font-size: 25px;
		margin-bottom: 3vh;
	}
	.warning-msg p {
		font-size: 15px;
		line-height: 1.6em;
		word-break: keep-all;
	}
	.warning-msg .btn-area {
		text-align: center;
		display: inline-block;
		margin-top: 5vh;
	}
	.warning-msg .btn-area button {
		min-width: 110px;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px;
		font-size: 15px;
	}
	.warning-msg .btn-area .go-main {
		margin-right: 10px;
	}	
}


/*== delivery_plan.html ==*/


/* 본문 CONTAINER */
.container {
	background: #ededed;
	/*height: calc(100% - 88px);*/
	height: calc(100% - 45px);
	padding-left: 330px;
	width: 100%;
	/*min-width: 1250px;*/
	/*transition: padding-left 0.2s;*/
}

.contents {
	padding: 20px !important;
	padding-right: 0 !important;
	height: 100%;
	overflow: auto;
}
.container .content-wrap {
	width: 100%;
	height: 100%;
	/* 세로 최소값 */
	min-height: 700px;
	/* 가로 최소값 */
	min-width: 848px;
	padding-right: 20px;
	/*overflow-y: auto;*/
	/*background: #fff;*/
}

.container .content-header {
	padding-top: 5px;
	height: 50px;
}

.content-wrap .content-bottom {
	height: calc(100% - 50px);
	padding: 12.5px 10px;
	border-radius: 12px;
	background: #fff;
}
.content-bottom.autoheight {
	height: auto;
}

.container .content-bottom .box {
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding: 5px;
	background: #fff;
}

.content-wrap .box.w-center {
	display: table;
	width: 50px;
	padding: 0;
}
.content-wrap .box.w-center0 {
	display: table;
	width: 0;
	padding: 0;
}

/*content 왼쪽/오른쪽 박스 - width 값 변경 소스*/
.content-wrap .w-left {
	width: calc(40% - 26px) !important;
}
.content-wrap .w-right {
	width: calc(60% - 25px) !important;
}
.content-wrap .w-left45 {
	width: calc(45% - 26px) !important;
}
.content-wrap .w-right55 {
	width: calc(55% - 25px) !important;
}
.content-wrap .w-left55 {
	width: calc(55% - 26px) !important;
}
.content-wrap .w-right45 {
	width: calc(45% - 25px) !important;
}
.content-wrap .w-left30 {
	width: calc(30% - 26px) !important;
}
.content-wrap .w-right70 {
	width: calc(70% - 25px) !important;
}
.content-wrap .w-left50 {
	width: calc(50% - 26px) !important;
}
.content-wrap .w-right50 {
	width: calc(50% - 25px) !important;
}
.content-wrap .w-left60 {
	width: calc(60% - 26px) !important;
}
.content-wrap .w-right40 {
	width: calc(40% - 25px) !important;
}
.content-wrap .w-left70 {
	width: calc(70% - 26px) !important;
}
.content-wrap .w-right30 {
	width: calc(30% - 25px) !important;
}
.content-wrap .w-right100 {
	width: 100% !important;
}



/* 왼쪽 박스 box-top 최소 높이값 */
.box .box-table01 {
	height: 70px !important;
	padding: 5px;
}
.box .box-table02 {
	height: 110px !important;
	padding: 5px;
}
.box .box-table05 {
	height: 223px !important;
	padding: 5px;
}
.box .box-table04 {
	height: 182px !important;
	padding: 5px;
}
.box .box-table06 {
	height: 247px !important;
	padding: 5px;
}
.box .box-bottom02 {
	height: calc(100% - 110px) !important;
	padding: 5px;
}
.box .box-bottom04 {
	height: calc(100% - 182px) !important;
	padding: 5px;
}
.box .box-bottom06 {
	height: calc(100% - 247px) !important;
	padding: 5px;
}

.box .box-top {
	height: 185px;
	padding: 5px;
}
.box .box-bottom {
	width: 100%;
	height: calc(100% - 185px);
	padding: 5px;
}

.box .box-top.row1 {
	height: 114px;
}
.box .box-bottom.row1 {
	height: calc(100% - 114px);
}

.box .box-top.row2 {
	height: 150px;
}
.box .box-bottom.row2 {
	height: calc(100% - 150px);
}

.box .box-top.row4 {
	height: 220px;
}
.box .box-bottom.row4 {
	height: calc(100% - 220px);
}
.box .box-top.row5 {
	height: 262px;
}
.box .box-bottom.row5 {
	height: calc(100% - 262px);
}
.box .box-top.row6 {
	height: 220px;
}
.box .box-bottom.row6 {
	height: calc(100% - 220px);
}

.box-top.no-table {
	height: 40px;
}

.box-bottom.no-table {
	height: calc(100% - 40px);
}
.box-top.no-table-row2 {
	height: 77px;
}
.box-bottom.no-table-row2 {
	height: calc(100% - 77px);
}

.box-top.table-only-row1 {
	height: 48px;
}
.box-bottom.table-only-row1 {
	height: calc(100% - 48px);
}

.box-top.no-title-row1 {
	height: 87px;
}
.box-bottom.no-title-row1 {
	height: calc(100% - 87px);
}
.box-top.no-title-row2 {
	height: 124px;
}
.box-bottom.no-title-row2 {
	height: calc(100% - 124px);
}
.box-top.no-title-row3 {
	height: 160px;
}
.box-bottom.no-title-row3 {
	height: calc(100% - 160px);
}
.box-top.no-title-row4 {
	height: 196px;
}
.box-bottom.no-title-row4 {
	height: calc(100% - 196px);
}
.box-top.no-button-row1 {
	height: 74px;
}
.box-bottom.no-button-row1 {
	height: calc(100% - 74px);
}
.box-top.no-button-row2 {
	height: 120px;
}
.box-bottom.no-button-row2 {
	height: calc(100% - 120px);
}
.box-top.no-button-row3 {
	height: 146px;
}
.box-bottom.no-button-row3 {
	height: calc(100% - 146px);
}

.box-border {
	border: 1px solid #d3dcd7;
	padding: 5px;
}
.box-border.row1 {
	height: 38px;
}
/* 데이터 교환 화살표 버튼 */
.area-arr {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.btn-arr {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url('../img/arr_data_left.png') no-repeat center;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}
.btn-arr.left {
	background: url('../img/arr_data_right.png') no-repeat center;
}
.btn-arr.right {
	margin-top: 10px;
}
.btn-arr.double-left {
	background: url('../img/arr_data_right02.png') no-repeat center;
}

/* 탭 TAB */
.tab  {
	margin-bottom: 15px;
}
.tab .tab-list > li,
.tab .tab-list-sms > li {
	float: left;
	display: table;
	height: 35px;
	/*padding: 0 20px;*/
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ebebeb;
	border-right: 0;
	color: #666;
	cursor: pointer;
}
.tab .tab-list > li:last-child,
.tab .tab-list-sms > li:last-child {
	border-right: 1px solid #ebebeb;
}
.tab .tab-list > li.min-tab {
	width: 138px;
}
.tab .tab-list > li.tab-active,
.tab .tab-list-sms > li.tab-active {
	background: #428901;
	border: none;
	color: #fff;

}
.tab .tab-list > li:first-child,
.tab .tab-list-sms > li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tab .tab-list > li:last-child,
.tab .tab-list-sms > li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.tab .tab-list > li span,
.tab .tab-list-sms > li span {
	display: table-cell;
	vertical-align: middle;
}

.tab-content01, .tab-content02 {
	min-height: 366px;
}

/* 팝업창 */

.popup {
	overflow: hidden;
}
.popup .container { 
	padding-left: 0;
	height: 100%;
}
.popup .container .content-wrap {
	min-width: 1210px;
	min-height: 893px;
}
.popup-sms {
	width: 100%;
}
.popup-sms .container .content-wrap {
	min-width: auto !important;
	min-height: auto !important;
}

/* 중간사이즈 팝업 */

.popup.md .container .content-wrap {
	min-width: 530px;
	min-height: 600px;
}

.popup .container .content-header { 
	height: 35px; padding: 0 0 5px 0;
}
.popup .content-wrap .content-bottom { 
	height: calc(100% - 35px); 
}
.popup .content-wrap .content-bottom { 
	padding: 5px; 
}
.popup .box-header { 
	height: 68px !important; 
}
.sm-ver .search-table th, .sm-ver .search-table td {
	height: 28px;
	font-size: 12px;
}
.sm-ver .box-top.no-title-row3 {
	height: 130px;
}
.sm-ver .box-bottom.no-title-row3 {
	height: calc(100% - 130px);
}

.sm-ver .radio-area input[type='radio'] + label {
	background: url('../img/btn_radio_off.png') left/17px no-repeat;
	padding-left: 25px;
	line-height: 28px;
}
.sm-ver .radio-area input[type='radio']:checked + label {
	background: url('../img/btn_radio_on.png') left/17px no-repeat;
}
.sm-ver .chk-area input[type='checkbox'] + label {
	background: url('../img/icon_chk02_off.png') left/17px no-repeat;
	padding-left: 25px;
	line-height: 28px;
}
.sm-ver .chk-area input[type='checkbox']:checked + label {
	background: url('../img/icon_chk02_on.png') left/17px no-repeat;
}
.sm-ver .sel-basic, .sm-ver .text-basic {
	height: 22px;
}
.sm-ver .text-basic.xxs {
	max-width: 35px;
}
.sm-ver .btn-basic {
	height: 24px;
}
.sm-ver .search-table .btn-basic {
	height: 22px;
}

.sm-ver .btn-date {
	background: url('../img/btn_img_sm.png') no-repeat -71px -0.5px,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-search {
	background: url('../img/btn_img_sm.png') no-repeat 5px -1px,
	url('../img/btn_bg.png') repeat-x;
}

.sm-ver .btn-basic.search {
	background: url('../img/btn_img_sm.png') no-repeat 7px 0px,
	url('../img/btn_bg.png') repeat-x center;
}
.sm-ver .btn-basic.form-down {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -937px,
	url('../img/btn_bg.png') repeat-x center;
}
.sm-ver .btn-basic.delete {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -10px,
	url('../img/btn_bg.png') repeat-x center;
}
.sm-ver .btn-basic.add {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -487px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.refresh {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -711px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.save {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -544px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.phone {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -1109px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.excel {
	background: url('../img/btn_img_sm.png') no-repeat 6px -49px,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.print {
	background: url('../img/btn_img_sm.png') no-repeat -70px -48px,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.new {
	background: url('../img/btn_img02_sm.png') no-repeat -12px -655px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.request-num {
	background: url('../img/btn_img02_sm.png') no-repeat -11px -981px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.find-addr {
	background: url('../img/btn_img02_sm.png') no-repeat -11px -214px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.transfer {
	background: url('../img/btn_img03_sm.png') no-repeat -12px -58px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .btn-basic.end {
	background: url('../img/btn_img03_sm.png') no-repeat -12px -12px ,
	url('../img/btn_bg.png') repeat-x;
}
.sm-ver .box-title {
	font-size: 15px;
	margin-bottom: 5px;
}
.sm-ver .text-info.txt-red {
	display: inline-block;
	margin: 5px 0 0 10px;
	font-size: 12px;
}
.sm-ver .code-area {
	height: 22px;
	vertical-align: top;
}
.tab-content .box-top, .tab-content .box-bottom {
	padding: 0;
}
.tab-content .box-top.no-button-row1 {
	height: 67px;
}
.tab-content .box-bottom.no-button-row1 {
	height: calc(100% - 67px);
}
.tab-content .box-top.no-table {
	height: 24px;
}
.tab-content .box-bottom.no-table {
	height: calc(100% - 24px);
}
.min-area-sm, .min-area-md {
	display: inline-block;
	min-width: 70px;
}
.min-area-md {
	min-width: 130px;
}

/* 그리드 테이블 안 아이콘 */
.icon-grid {
	width: 100%;
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
	/*cursor: pointer;*/
}
.icon-grid-span {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.icon-merge-cell {
	padding-left: 20px;
	background-size: 12px 12px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
.event-search .tui-grid-content-before {
	display: block;
	width: 20px;
	height: 22px;
	margin-left: -3px;
	margin-right: 8px;

	background: url(../img/icon_search.png) no-repeat;
	background-position: 50%;
	background-size: 12px;

	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.event-search.disabled .tui-grid-content-before {
	background-color: #ebebe3 !important;
	cursor: default;
}
.icon-grid.pen,
.icon-grid-span.pen,
.icon-merge-cell.pen {
	background-image: url('../img/icon_pencil.png');
}
.icon-grid.plus,
.icon-grid-span.plus,
.icon-merge-cell.plus {
	background-image: url('../img/icon_plus.png');
}
.icon-grid.eraser,
.icon-grid-span.eraser,
.icon-merge-cell.eraser {
	background-image: url('../img/icon_eraser.png');
}

/* 에디터 스타일 > 전체 풀페이지로 변경 */
.overview-page .content-wrap {
	min-height: calc(100vh - 85px) !important;
	height: auto !important;
}
.overview-page .content-wrap .content-bottom {
	min-height: calc(100vh - 135px) !important;
}

/* 달력 스타일 - 커스텀 */

.ui-datepicker select {
	width: 34% !important;
	font-family: 'Malgun Gothic', sans-serif;
	font-weight: normal;
}
.ui-datepicker select.ui-datepicker-month {
	margin-left: 10px;
}

.ui-datepicker {
	padding: 17px 0;
	padding-bottom: 10px;
	font-family: 'Malgun Gothic', sans-serif;
	z-index: 9999 !important;
}
.ui-widget-header {
	border: none;
	background: none;
}
.ui-datepicker .ui-datepicker-header {
	padding: 0;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 400;
	font-size: 15px;
	vertical-align: bottom;
	margin: 0 15px 15px;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	color: #333;
	font-weight: 400;
	height: 26px;
}
.ui-datepicker .ui-datepicker-title select option {
	font-weight: 200;
	font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
	position: static;
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next, 
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover {
	top: 0px;
}
.ui-datepicker .ui-datepicker-next {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 1px;
}
.ui-datepicker .ui-datepicker-prev span {
	background: url('../img/arr_dkgrey_left.png') no-repeat center / 5px;
}
.ui-datepicker .ui-datepicker-next span {
	background: url('../img/arr_dkgrey_right.png') no-repeat center / 5px;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {
	border: none;
	background: none;
}
.ui-datepicker th.ui-datepicker-week-end:first-child,
.ui-datepicker td.ui-datepicker-week-end:first-child a {
	color: red;
}
.ui-widget-header .ui-icon,
.ui-icon, .ui-widget-content .ui-icon {
	background: none;
}
.ui-datepicker th {
	font-weight: 400;
	color: #777;
	font-size: 12px;
}
.ui-datepicker td {
	padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
	width: 100%;
	height: 100%;
	padding: 7px 0;
	text-align: center;
	font-size: 12px;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button {
	border: none;
	background: none;
	font-weight: 100;
	color: #999;
}
.ui-datepicker-calendar thead {
	border-bottom: 1px solid #dbdbdb;
}
/* 선택한 날짜 */
.ui-state-default:active,
.ui-state-default:hover, 
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover {
	background: #ecefe9;
}
/* 오늘 날짜 */
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
	background: #8dc63f;
	color: #fff;
}

.ui-datepicker .ui-datepicker-buttonpane {
	padding: 0;
}
.ui-datepicker .ui-datepicker-buttonpane:after {
	content: ''; display: block; float: none; clear: both;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	font-size: 14px;
	background: #f4f4f4;
	border: 1px solid #adafab;
	color: #555;
}

/* 세금계산서 */
.w33 { width: 33.3333% !important; }
.bd-btm-none { border-bottom: none !important; }
.bd-rgt-none { border-right: none !important; }
.bd-rgt { border-right:1px solid #1c1c1c !important; }
.tax-sheet-wrap::after,
.tax-table-header::after,
.tax-table-header li::after {
	content: '';
	display: block;
	clear: both;
}
.tax-sheet-wrap {
	width: 100%;
	height: 100%;
}
.tax-sheet-wrap>div {
	border-right: 1px solid #1c1c1c;
}
.tax-sheet-wrap [class*="w"] { float: left; }
.tax-table-header {
	width: 100%;
	height: auto;
	border: 1px solid #1c1c1c;

	display: flex;
	justify-content: center;
	align-items: center;
}
.tax-sheet-title {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
.tax-table-header ul {
	padding: 10px;
	font-size: 12px;
}
.tax-table-header li {
	line-height: 26px;
}
.sheet-input-table {
	border: 1px solid #1c1c1c;
	border-right: none;
}
.sheet-input-table.option {
	border: none;
	margin-top: 1px;
}
.sheet-input-table.option input {
	border: 1px solid #1c1c1c;
}
.sheet-input-table input {
	height: 26px;
	font-size: 12px;
	border: none;
	text-align: center;
	border-right: 1px solid #1c1c1c; 
}
.tax-sheet {
	width: 100%;
	table-layout: fixed;
}
.tax-sheet th, .tax-sheet td {
	border: 1px solid #1c1c1c;
	border-right: none;
	border-bottom: none;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	overflow: hidden;
}
.tax-sheet.bd-btm th,
.tax-sheet.bd-btm td {
	border-bottom: 1px solid #1c1c1c;
}
.tax-sheet th {
	writing-mode: horizontal-tb;
	padding: 0 15px;
}
.tax-sheet input,
.tax-sheet textarea {
	width: 100%;
	height: 100%;
	border: none;
	text-align: center;
	outline: none;
	resize: none;
	font-size: 12px;
}
.tax-sheet.width-option {
	table-layout: all;
}
.tax-sheet.width-option th { width: 150px; }
.tax-sheet.width-option td { width: auto; }
.tax-sheet.width-option td:last-child {
	width: 150px;
}
.tax-txt-option {
	padding: 10px;
	text-align: left !important;
	font-size: 12px;
	font-weight: 200;
	line-height: 1.5em;
	height: 100px !important;
}
.tax-sheet-bottom input {
	text-align: right;
	padding: 0 20px 0 10px;
}

/* 세금계산서 > 그리드 스타일 */
.sheet-grid-wrap {
	width: 100%;
	height: calc(100% - 312px);
	border-left: 1px solid #1c1c1c;
	overflow: hidden;
}
.sheet-grid-wrap.option-h {
	height: calc(100% - 250px);
}
.sheet-grid-wrap [class*="w"] { float: none; }
.sheet-grid-wrap .tui-grid-cell-head {
	background-color: #ddd;
	color: #000;
	font-weight: 300;
}
.sheet-grid-wrap .tui-grid-cell-content { padding: 0; }
.sheet-grid-wrap input {
	padding: 0 10px !important;
	border: none !important;
	height: 30px;
}
.sheet-grid-wrap .tui-grid-head-area { background-color: #ddd; }
.sheet-grid-wrap .tui-grid-cell-head.tui-grid-cell-selected { background-color: #aaa !important; }
.sheet-grid-wrap .tui-grid-layer-focus-border { background-color: #aaa; }
.sheet-grid-wrap .tui-grid-cell-editable[align="center"] input { text-align: center; }
.sheet-grid-wrap .tui-grid-cell-editable[align="right"] input { text-align: right; }
.sheet-grid-wrap .tui-grid-cell-editable .tui-grid-cell-content {
	height: 30px !important;
	background-color: #fff;
}
.sheet-grid-wrap .tui-grid-row-even>td,
.sheet-grid-wrap .tui-grid-row-odd>td { border-color: #ddd; }
.sheet-grid-wrap .tui-grid-lside-area .tui-grid-body-area .tui-grid-row-even>td,
.sheet-grid-wrap .tui-grid-lside-area .tui-grid-body-area .tui-grid-row-odd>td { border-color: #fff; }

.readonly { background: #ebebe3 !important; }

.pop-layer {
	border: 1px solid #428901;
	background-color: #fff;
	box-shadow: 3px 3px 13px 1px rgba(0, 0, 0, 0.3);
	z-index: 300;

	width: 410px;
	height: auto;
	padding: 10px 15px;

	position: fixed;
	top: 260px;
	left: 800px;
}
.pop-layer-dim {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 299;
}

/* === 로딩바 === */
#loading-dim {
	width: 100%;
	height: 100vh;

	position: fixed;
	top: 0;
	left: 0;

	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.5);
}
#loading-box {
	width: 300px;
	height: 200px;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 9999;
}
#loading {
	width: 100%;
	height: 100%;

	position: relative;
	text-align: center;
}
.loader {
	width: 150px;
	height: 150px;

	position: absolute;
	left: 74px;
	top: 0;
	z-index: 1;

	border: 25px solid #ddd;
	border-radius: 50%;
	border-top: 25px solid #428a40;

	-webkit-animation: spin 2s linear infinite;
			animation: spin 2s linear infinite;
}
.loading-txt {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #000;

	position: absolute;
	bottom: 0;
	left: 0;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* 190102 팝업 추가 */
.pop-editor-area {
width: 100%;
height: calc(100% - 180px);
overflow-y: auto;
}
.pop-editor-area * {
font-size: 12px;
line-height: 1.4em;
}
.pop-bottom-fix {
width: 100%;
height: 100%;

position: absolute;
left: 0;
bottom: 0;
}

/* 190103 레이어 팝업 추가 */
.pop-layer-wrap {
width: 100%;
height: 100%;
display: block;

position: fixed;
left: 0;
top: 0;
z-index: 9999;
}
.pop-layer-dim { background-color: rgba(0, 0, 0, 0.3); }
.pop-header {
float: right;
margin-top: -10px;
padding-right: 5px;
}
.pop-header .btn-basic.close {
padding-left: 8px;
}
.pop-layer.sm, .pop-layer.md, .pop-layer.lg {
top: 10vh;
height: auto;
padding-top: 30px;
}
.pop-layer.scroll {
max-height: 600px;
overflow-y: auto;
}
.pop-layer.sm {
width: 400px;
left: 45%;
}
.pop-layer.md {
width: 600px;
left: 40%;
}
.pop-layer.lg {
width: 800px;
left: 35%;
}