/* btn areas*/
.btn-area-center{margin:5px 0; text-align:center;}
.btn-area-left{margin:5px 0; text-align:left;}
.btn-area-right{margin:5px 0; text-align:right;}

/* h3 title 모음 */
.dj-title{display:block; width:100%; padding:6px 0 6px 15px; font-size:13px; margin:4px 0;}

/* h3 title 모음 > box 형태 */
.dj-title.default{color: #333;background-color: #fff;border: 1px solid #ccc;}
.dj-title.primary{color: #fff;background-color: #337ab7;border: 1px solid  #2e6da4;}
.dj-title.success{color: #fff;background-color: #5cb85c;border: 1px solid  #4cae4c;}
.dj-title.info{color: #fff;background-color: #5bc0de;border: 1px solid  #46b8da;}
.dj-title.warning{color: #fff;background-color: #f0ad4e;border: 1px solid  #eea236;}
.dj-title.danger{color: #fff;background-color: #d9534f;border: 1px solid  #d43f3a;}
.dj-title.black{color: #fff;background-color:#000;border: 1px solid  #000;}
.dj-title.orange{color: #fff;background-color:#FF5500; border: 1px solid  #FF5500;}
.dj-title.sea{color: #fff;background-color:#1CA1C1; border: 1px solid  #1CA1C1;}
.dj-title.sky{color: #fff;background-color:#b0cee3; border: 1px solid  #b0cee3;}
.dj-title.gray{color: #fff;background-color:#d9d9d9; border: 1px solid  #d9d9d9;}

/* h3 title 모음 > line 형태 */
.dj-title.line-default{color: #333; border-bottom: 1px solid  #ccc;}
.dj-title.line-primary{color: #333; border-bottom: 1px solid  #2e6da4;}
.dj-title.line-success{color: #333; border-bottom: 1px solid  #4cae4c;}
.dj-title.line-info{color: #333; border-bottom: 1px solid  #46b8da;}
.dj-title.line-warning{color: #333; border-bottom: 1px solid  #eea236;}
.dj-title.line-danger{color: #333; border-bottom: 1px solid  #d43f3a;}
.dj-title.line-black{color: #333; border-bottom: 1px solid  #000;}
.dj-title.line-orange{color: #333; border-bottom: 1px solid  #FF5500;}
.dj-title.line-sea{color: #333; border-bottom: 1px solid  #1CA1C1;}
.dj-title.line-sky{color: #333; border-bottom: 1px solid  #b0cee3;}
.dj-title.line-gray{color: #333; border-bottom: 1px solid  #d9d9d9;}

/* 버튼 모음 */
.dj-btn,
a.dj-btn:hover,
a.dj-btn:active{text-decoration:none;}
.dj-btn{box-sizing:border-box; display: inline-block; font-weight:700; padding: 6px 10px 6px 10px; margin-bottom: 0; font-size: 14px; font-weight:bold; line-height: 26px; text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; border-radius: 6px;      font-family: "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", 돋움, dotum, sans-serif; vertical-align:bottom;}
.dj-btn *{vertical-align:middle;}
.dj-btn > i{font-weight:500; vertical-align:middle;  font-size:16px; padding-bottom:4px; color:inherit;}
.dj-btn.btn-center{padding-left:16px;}
.dj-btn.btn-small{padding:0px; margin:0; width:28px; line-height:28px; height:28px; vertical-align:top;}
.dj-btn.inner-form{padding:0px 8px; margin:0; width:auto; line-height:28px; height:28px; vertical-align:top; vertical-align:middle;}
.dj-btn.tiny-btn{padding:0px 3px; margin:0; width:auto; line-height:28px; height:28px; vertical-align:top; vertical-align:middle; font-size:11px; font-weight:normal;}
.dj-btn.ract{color:#333; border-radius:0; font-weight:normal; padding:5px 20px; font-size:12px;}
.dj-btn.ract > i{font-weight:small;}


.dj-btn.default{color: #333;background-color: #fff;border-color: #ccc;}
.dj-btn.default:hover,
.dj-btn.default:focus,
.dj-btn.default.focus,
.dj-btn.default:active,
.dj-btn.default.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.primary{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.dj-btn.primary:hover,
.dj-btn.primary:focus,
.dj-btn.primary.focus,
.dj-btn.primary:active,
.dj-btn.primary.active{color: #fff;background-color: #286090;border-color: #204d74;}

.dj-btn.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.dj_btn.success:hover,
.dj_btn.success:focus,
.dj_btn.success.focus,
.dj_btn.success:active,
.dj_btn.success.active{color: #fff;background-color: #449d44;border-color: #398439;}

.dj-btn.info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.dj-btn.info:hover,
.dj-btn.info:focus,
.dj-btn.info.focus,
.dj-btn.info:active,
.dj-btn.info.active{color: #fff;background-color: #31b0d5;border-color: #269abc;}

.dj-btn.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.dj-btn.warning:hover,
.dj-btn.warning:focus,
.dj-btn.warning.focus,
.dj-btn.warning:active,
.dj-btn.warning.active{color: #fff;background-color: #ec971f;border-color: #d58512;}


.dj-btn.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.dj-btn.danger:hover,
.dj-btn.danger:focus,
.dj-btn.danger.focus,
.dj-btn.danger:active,
.dj-btn.danger.active{color: #fff;background-color: #c9302c;border-color: #ac2925;}


.dj-btn.black{color: #fff;background-color:#000;border-color: #000;}
.dj-btn.black:hover,
.dj-btn.black:focus,
.dj-btn.black.focus,
.dj-btn.black:active,
.dj-btn.black.active{color: #fff;background-color: #333;border-color: #000;}

.dj-btn.orange{color: #fff;background-color:#FF5500; border-color: #FF5500;}
.dj-btn.orange:hover,
.dj-btn.orange:focus,
.dj-btn.orange.focus,
.dj-btn.orange:active,
.dj-btn.orange.active{color: #fff;background-color: #FF5500;border-color: #FF5500;}

.dj-btn.sea{color: #fff;background-color:#1CA1C1; border-color: #1CA1C1;}
.dj-btn.sea:hover,
.dj-btn.sea:focus,
.dj-btn.sea.focus,
.dj-btn.sea:active,
.dj-btn.sea.active{color: #fff;background-color: #1787a2;border-color: #1CA1C1;}

.dj-btn.tangerine{color: #fff; background-color: #FC523B;border-color: #d43f3a;}
.dj-btn.tangerine:hover,
.dj-btn.tangerine:focus,
.dj-btn.tangerine.focus,
.dj-btn.tangerine:active,
.dj-btn.tangerine.active{color: #fff;background-color: #c9302c;border-color: #ac2925;}


.dj-btn.gray{color: #000; background-color: #e3e3e3; border-color: #ddd;}
.dj-btn.gray:hover,
.dj-btn.gray:focus,
.dj-btn.gray.focus,
.dj-btn.gray:active,
.dj-btn.gray.active{color: #000;background-color: #f3f3f3;border-color: #eee;}

.dj-btn.diabled{color: #666; background-color: #e6e6e6;border-color: #adadad; cursor:default;}




/* 라벨 모음 */
.dj-label{display: inline-block; font-weight:700; padding: 1px 4px; text-align:center; margin-bottom: 0;font-size: 12px; font-weight:bold; line-height: 26px; text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; border-radius: 6px;      font-family: "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", 돋움, dotum, sans-serif; vertical-align:bottom;}

.dj-label.default{color: #333;background-color: #fff;border-color: #ccc;}
.dj-label.primary{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.dj-label.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.dj-label.info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.dj-label.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.dj-label.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.dj-label.black{color: #fff;background-color:#000;border-color: #000;}
.dj-label.orange{color: #fff;background-color:#FF5500; border-color: #FF5500;}
.dj-label.sea{color: #fff;background-color:#1CA1C1; border-color: #1CA1C1;}
.dj-label.gray{color: #fff;background-color:#d9d9d9; border-color: #d9d9d9;}
.dj-label.sky{color: #fff;background-color:#b0cee3; border-color: #b0cee3;}



/* 테이블 디자인 */
.dj-table{margin:0; padding: 0; border: 0; width:100%; border-collapse: collapse; border-spacing: 0; border-top:1px solid #666; clear:both;}
.dj-table *{word-wrap:break-word; vertical-align:middle; background-color:#fff; color:#333;}
.dj-table caption{display:none;}
.dj-table tr > th{padding-left:0; padding-right:0; text-align:center; font-weight:bold; background-color:#efefef; }
.dj-table tr > td{padding-left:8px; padding-right:8px; text-align:left;}
.dj-table tr > td,
.dj-table tr > th{padding-top:6px; padding-bottom:6px; border-left:1px solid #666; border-bottom:1px solid #666; font-size:12px;}
.dj-table tr > td:last-child,
.dj-table tr > th:last-child{border-right:1px solid #666;}

/* 테이블 디자인 : 목록 > sky */
.dj-table.sky {border-top:2px solid #b0cee3;}
.dj-table.sky tr > th{background-color:#d2e3ef;}
.dj-table.sky tr > td{border-left:1px solid #b0cee3; border-bottom:1px solid #b0cee3;}
.dj-table.sky tr > th{border-left:1px solid #b0cee3; border-bottom:1px solid #b0cee3;}
.dj-table.sky tr > td:last-child,
.dj-table.sky tr > th:last-child{border-right:1px solid #b0cee3;}

/* 테이블 디자인 : 목록 > gray */
.dj-table.gray {border:none;}
.dj-table.gray thead tr th,
.dj-table.gray tbody tr td{border:none; padding:15px 3px; font-size:12px;}
.dj-table.gray thead tr th{border:none;}
.dj-table.gray tbody tr td{text-align:center; border-bottom:1px solid #E6E5EA; color:#252525;}
.dj-table.gray tbody tr.hover td{background-color:#fafafa;}

/* 테이블 디자인 : 폼 */
.dj-table.form-table{}
.dj-table.form-table{border:none;}
.dj-table.form-table tbody tr th,
.dj-table.form-table tbody tr td{border:none; vertical-align:top; padding:5px 3px;}
.dj-table.form-table tbody tr th{background-color:#fff; font-weight:normal; color:#000; text-align:left; vertical-align:middle;}
.dj-table.form-table tbody tr td > p{line-height:38px;}

.dj-table.form-table .block-labels label{display:inline-block; padding-right:8px;}

/* 테이블 디자인 >  list */
.dj-table.list tbody > tr.hover > th,
.dj-table.list tbody > tr.hover > td{background-color:#E8F5FD;}


/*폼 디자인 > 기본형태 : input(text, password), select 등등 */
.dj-form{}
.dj-form input[type="text"],
.dj-form input[type="password"],
.dj-form input[type="email"],
.dj-form input[type="number"],
.dj-form select{height:28px; vertical-align:middle; border-radius:6px; width:100%; font-size:inherit; color:#666 !important; padding:3px 5px 3px 3px; border:1px solid #ddd; line-height:24px; box-sizing:border-box; font-family:'PT Sans', Tahoma; background-color:#fff;}
.dj-form textarea{border-radius:6px; width:100%; font-size:inherit; color:#666 !important; padding:5px 3px; border:1px solid #ddd; box-sizing:border-box; font-family:'PT Sans', Tahoma; line-height:20px;}
.dj-form input:focus, select:focus, textarea:focus{outline:none; border:1px solid #337ab7; box-shadow:0 0 3px #337ab7; }

/*폼 디자인 > 사각형 형태. ract btn과 연동 */
.dj-form.ract{}
.dj-form.ract input[type="text"],
.dj-form.ract input[type="password"],
.dj-form.ract input[type="email"],
.dj-form.ract input[type="number"],
.dj-form.ract select{border-radius:0; height:38px;}
.dj-form.ract input[type="file"]{height:38px; line-height:38px; vertical-align:middle;}

.dj-form.ract input[type="text"].format-num{text-align:right;}


/* 페이지네이션 디자인 */
.page-area{position:relative; width:100%; text-align:center; margin-top:15px;}
.page-area ul.page-list{width:100%; text-align:center;}
.page-area ul.page-list > li{display:inline-block; }
.page-area ul.page-list > li > a{display:block; box-sizing:border-box; width:28px; line-height:28px; border:1px solid #ddd; background-color:#fff; color:#333;}
.page-area ul.page-list > li > a:hover,
.page-area ul.page-list > li > a:focus,
.page-area ul.page-list > li > a.focus,
.page-area ul.page-list > li > a:active,
.page-area ul.page-list > li > a.active{color: #000; background-color: #d2e3ef; border-color:#b0cee3;}

.page-area > .page-add-btn{text-align:right; width:100%;; margin-top:4px;}

@media (min-width: 1200px){
	.page-area > .page-add-btn{position:absolute; top:0; right:0; margin:0; width:260px;}
	.page-area ul.page-list > li > a{line-height:38px;}
}



/* 폼에서 input의 길이 */
.dj-form .wd-30{width:30px !important;}
.dj-form .wd-40{width:40px !important;}
.dj-form .wd-50{width:50px !important;}
.dj-form .wd-60{width:60px !important;}
.dj-form .wd-70{width:70px !important;}
.dj-form .wd-100{width:100px !important;}
.dj-form .wd-120{width:120px !important;}
.dj-form .wd-150{width:150px !important;}
.dj-form .wd-200{width:200px !important;}
.dj-form .wd-300{width:300px !important;}
.dj-form .wd-unit{width:calc(100% - 25px) !important; text-align:right;}
.dj-form .wd-auto{width:auto !important;}

.dj-form .wd20{width:20% !important;}
.dj-form .wd24{width:24% !important;}
.dj-form .wd30{width:30% !important;}
.dj-form .wd50{width:50% !important;}
.dj-form .wd70{width:70% !important;}
.dj-form .wd90{width:90% !important;}

.dj-form input.datepicker{width:130px;  background:url('./images/calendar_icon.jpg') no-repeat right 0; background-color:#fff; box-sizing:border-box; padding-left:15px;}


/* 목록 테이블 : utils */
.list-rows{padding-left:10px; font-size:12px;}
.list-rows span{color:#FC523B; font-weight:600;}

.search-form{width:100%; padding:10px 15px; box-sizing:border-box; margin:5px 0;}
.search-form dl{width:100%;}
.search-form dl *{vertical-align:middle;}
.search-form dl::after{clear:both; content:' '; display:block; width:100%; height:0;}
.search-form dl > dt,
.search-form dl > dd{display:block; float:left; box-sizing:border-box; vertical-align:middle; line-height:45px; padding:0; margin:0;}
.search-form dl > dt,
.search-form dl > dd,
.search-form dl > dd > span {line-height:45px; display:inline-block; box-sizing:border-box;}
.search-form dl > dt{width:100px;}
.search-form dl > dd{width:calc(100% - 100px);}

@media (min-width:1000px){
	.search-form{}
	.search-form dl > dt,
	.search-form dl > dd{display:inline-block; float:none; width:auto;}
	.search-form dl > dt{text-align:center; min-width:100px;}
	.search-form dl > dd > br{display:none !important;}
}


.search-form.gray{ background-color:#efefef;}

/* dl 목록 */
dl.dl-tangerine{width:100%;}
	dl.dl-tangerine > dt,
	dl.dl-tangerine > dd{padding:2px 2px;}
	dl.dl-tangerine > dt{color:#FC523B; margin-top:5px;}
	dl.dl-tangerine > dt:nth-child(1){margin-top:0;}
	dl.dl-tangerine > dd{padding-left:1em;}


/* 텍스트*/
.t-red{color:red !important; font-weight:normal;}
.t-danger{color:red !important; font-weight:bold; }
.t-center, .t-center-all, .t-center-all *{text-align:center !important;}
.t-left, .t-left-all, .t-left-all *{text-align:left !important;}
.t-right, .t-right-all, .t-right-all *{text-align:right !important;}
.t-tangerine{color:#FC523B !important;}


.t-90{font-size:95%; letter-spacing:-1px;}
.t-overflow{text-overflow: ellipsis; overflow:hidden; display:inline-block; white-space:nowrap;}



.dj-table{margin:10px 0;}
.va-middle,
.va-middle *{vertical-align:middle !important;}

.list-total{box-sizing:border-box; padding-left:8px; margin:3px 0; }
.list-total .strong{font-weight:bold; font-size:14px; color:#2e6da4;}

#formReceiver{display:none !important; width:100%; height:200px; border:1px solid red;}