/* ***********************************************************
 Author			: www.drimhitech.com
 Create Date	: 2023. 08. 08
 Subject		: 공통 stylesheet
 Comment		:
------------------------------------------------------------
 Modify Date 	:
 Comment     	:
*********************************************************** */
/* 초기화 css import */
@import "reset.css";

/* gmargetsan */
/* @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); */
@import url('https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-face.css');

/* 드리그 방지 css */
.drh-no-drag-css{
	-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; 
}
/* g마켓산스 적용 */
.drh-font-gmarket-css{
	font-family:"GmarketSans";line-height:100%;
}
/* 버튼 클릭 효과 : 크기줄이기 */
.drh-btn-effect1-css:active{
	ransform: scale(0.8);
}
/* 버튼 클릭 효과 : 그림자효과 */
.drh-btn-effect2-css:active{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

/* 검색조건(ttable) css  */
.drh-ttable-head-css{
	border:solid 1px #CCCCCC;
	background-color:#F3F3F3;
}
.drh-ttable-item1-css{
	margin-right:8px;color: inherit;
}
.drh-ttable-item2-css{
	margin-left:14px;margin-right:5px;color: inherit;
}
.drh-ttable-item3-css{
	margin-left:14px;color: inherit;
}
.drh-ttable-item4-css{
	margin-right:5px;color: inherit;
}

/* 검색조건 서브타이틀 */
.drh-ttable-title-head-css{
	background-color:#787C8B;
}
.drh-table-title-head-css{
	color:#ffffff;
}

/* 검색조건 icon */
.drh-ttable-icon-css{
	font-size:15px;color:#ED1C24;/* vertical-align:top; */margin-right:1px;
}
.drh-ttable-head-td-css{
	padding:8px 10px 8px 20px;text-align:left;
}
.drh-ttable-title-head-td-css{
	padding:8px 10px 8px 10px;text-align:left;
}

/* form 여백제거 css */
.drh-form1-css{
	margin:0px;padding:0px;
}
/* form 여백20 css - popup */
.drh-form-popup1-css{
	margin:20px;
}
/* form 여백 popup - 상단/하단 margin:0 */
.drh-form-popup2-css{
	margin:0px 20px 0px 20px;
}
/* form 여백 layer */
.drh-form-layer1-css{
	margin:20px;
}
/* form report css */
.drh-form-report1-css{
	margin:0px;padding:0px;
}
/* rect table css  */
.drh-rect1-css{
	border:solid 1px #C5C5C5;
	background-color:#F5F5F5;
}
.drh-rect1-td-css{
	padding:5px;
}

/* rect table css - 라운드 제거  */
.drh-rect2-css{
	border-top:solid 1px #c5c5c5;
	background-color:#ffffff;
}

/* 팝업 title css */
.drh-title-pop-css{
	font-weight:bold;border-bottom:1px solid #CCCCCC;
}
.drh-title-pop-css2{
	font-weight:bold;
}
.drh-pop-ttable-head-td-css{
	padding:8px 0px 8px 0px;text-align:left;
}
.drh-pop-content-color1-css{
	font-family:GmarketSans;font-size:18px;font-weight:500;
}
/* 팝업 아이콘 css*/
.drh-icon-pop-css{
	width:18px;height:18px;background-image:url("/resources/images/icon_popup_title.png");background-repeat:no-repeat;vertical-align:top;margin-right:7px;
}
/* 팝업 닫기 아이콘 css */
.drh-close-pop-css {
    width:12px;height:12px;background-image:url("/resources/images/btn_close_popup.png");background-repeat:no-repeat;cursor:pointer;background-color:#ffffff;
}

/* tab css 지정*/
.drh-tab-head-contents-css{
	width:100%;border-bottom:solid 1px #ED1C24;
}
.drh-tab-iframe-wrapper-css{
	/* width:100%;height:8px;border-top:1px solid #0080ff; */
}
.drh-tab-iframe-css{
	width:100%;height:100%;
}
.drh-tab-select-css{
	height:24px;width:130px;background-color:#ED1C24;color:#ffffff;cursor:pointer;text-align:center;vertical-align:middle;
	border-radius: 2px 2px 0px 0px;padding:0px 2px 0px 3px;
}
.drh-tab-normal-css{
	height:24px;width:130px;background-color:#B6B9BC;color:#ffffff;cursor:pointer;text-align:center;vertical-align:middle;
	border-radius: 2px 2px 0px 0px;padding:0px 2px 0px 3px;
}
.drh-tab-select-css2{
	height:24px;width:85px;background-color:#ED1C24;color:#ffffff;cursor:pointer;text-align:center;vertical-align:middle;
	border-radius: 2px 2px 0px 0px;padding:0px 2px 0px 3px;
}
.drh-tab-normal-css2{
	height:24px;width:85px;background-color:#B6B9BC;color:#ffffff;cursor:pointer;text-align:center;vertical-align:middle;
	border-radius: 2px 2px 0px 0px;padding:0px 2px 0px 3px;
}

/* 그리드 헤드 td css  */
.drh-grid-head1-td-css{
	height:22px;background-color:#787c8b;color:#ffffff;text-align:center;padding:2px;vertical-align:middle;word-break:break-all;
	border:solid 1px #bcbec5;border-top-width: 0px;
}
.drh-grid-head2-td-css{
	height:22px;background-color:#9094a5;color:#ffffff;text-align:center;padding:2px;vertical-align:middle;word-break:break-all;
	border:solid 1px #bcbec5;border-top-width: 0px;
}
.drh-grid-head-title1-td-css{
	height:20px;background-color:#f3f3f3;font-size:12px;text-align:left;padding:2px;vertical-align:middle;word-break:break-all;
}

/* 그리드 head 라인 색 지정 */
.drh-grid-head1-td-last-css{
	border-right: solid 1px #787c8b;
}
.drh-grid-head2-td-last-css{
	border-right: solid 1px #9094a5;
}
.drh-grid-head1-td-first-css{
	border-left: solid 1px #787c8b;
}

/* 그리드 헤드 sort 아이콘 css */
.drh-grid-sort-asc{
	font-size:10px;color:#79d4ff;
}
.drh-grid-sort-desc{
	font-size:10px;color:#feb401;
}
/* 그리드 헤드 체크박스 css */
.drh-grid-head-checkbox-on-css{
	width:16px;height:16px;cursor:pointer;background-image:url("/resources/images/check_icon_on.svg");background-repeat:no-repeat;vertical-align:middle;
}
.drh-grid-head-checkbox-off-css{
	width:16px;height:16px;cursor:pointer;background-image:url("/resources/images/check_icon_off.svg");background-repeat:no-repeat;vertical-align:middle;
}
/* 그리드 input box */
.drh-grid-input1-css{
	margin-bottom:3px;padding:3px 2px 0px 6px;
}
/* 그리드 textarea box */
.drh-grid-textarea1-css{
	resize: none;margin-bottom:3px;padding:2px 2px 0px 6px;
}
/* 그리드 달력 input box */
.drh-grid-calen1-css{
	margin-bottom:3px;
}
.drh-grid-calen2-css{
	border:1px solid #D5D5D5;height:17px;width:85%;padding:2px 4px 1px 4px;vertical-align:middle;cursor:default;
	background-image:url("/resources/images/grid_calendar.svg");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 97% center;
}
.drh-grid-calen2-css:disabled{
	background-color:#eeeeee;
}
/* 그리드 selectbox */
.drh-grid-select1-css{
	margin-bottom:3px;
}

/* 그리드 헤드 sort 적용 css */
.drh-grid-head-sort-asc-css{
	border:dashed 1px #79d4ff;color:#79d4ff;
}
.drh-grid-head-sort-desc-css{
	border:dashed 1px #feb401;color:#feb401;
}
/* 그리드 헤드 col resize css */
.drh-grid-head-td-resize-css{
	cursor:col-resize;
}
/* 그리드 헤드 div resize */
.drh-grid-head-div-resize-css{
	cursor:col-resize;position:absolute;background-color: #ffffff;opacity: 0.5;border:2px dotted #000000;
}  

/* 그리드 상세 td css */
.drh-grid-detail-td-css{
	height:24px;border:solid 1px #c5c5c5;text-align:center;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-detail-left-td-css{
	height:24px;border:solid 1px #c5c5c5;text-align:left;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-detail-center-td-css{
	height:24px;border:solid 1px #c5c5c5;text-align:center;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-detail-right-td-css{
	height:24px;border:solid 1px #c5c5c5;text-align:right;padding:2px;vertical-align:middle;word-break:break-all;
}

.drh-grid-detail-left-td2-css{
	height:24px;border:solid 1px #c5c5c5;text-align:left;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-detail-center-td2-css{
	height:24px;border:solid 1px #c5c5c5;text-align:center;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-detail-right-td2-css{
	height:24px;border:solid 1px #c5c5c5;text-align:right;padding:2px;vertical-align:middle;word-break:break-all;
}

/* 그리드 상세 td save css */
.drh-grid-td-save-css{
	/*background-color:#f6fff9;*/
}
/* 그리드 상세 td click css */
.drh-grid-td-click-css{
	color:#007AE8;cursor:pointer;
}
/* 그리드 td 비활성화 css */
.drh-grid-td-disable-css{
	background-color:#E5E5E5;
}

/* 그리드 pivot td 줄바꿈 없음 */
.drh-pivot-td-css{
	white-space:nowrap;overflow:hidden;
}

/* 그리드 총계 td css */
.drh-grid-tot-td-css{
	height:22px;border:solid 1px #c5c5c5;background-color:#FFF8B7;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-tot-scroll-td-css{
}

/* 그리드 합계 td css */
.drh-grid-sum-td-css{
	height:22px;border:solid 1px #c5c5c5;background-color:#D9FFF6;padding:2px;vertical-align:middle;word-break:break-all;
}
.drh-grid-sum-scroll-td-css{
}
/* 그리드 짝수색 tr css */
.drh-grid-tr-even-color{
	background-color:#f9f9f9;
}

/* 그리드 홀수색 tr css */
.drh-grid-tr-odd-color{
	background-color:#ffffff;
}

/* 그리드 tr - 기등록된 css */
.drh-grid-tr-save-color > td:not(.drh-grid-td-save-css){
	background-color:#E5E5E5;
}
.drh-grid-tr-save2-color{
	/* background-color:#D5D5D5; */
}
/* 그리드 tr - 오류 css */
.drh-grid-tr-error-color{
	background-color:#FFC6C6;
}
/* 그리드 tr - 조회 css */
.drh-grid-tr-search-color{
	background-color:#B0E3A8;
}
/* 그리드 tr - 클릭 css */
.drh-grid-tr-clicked-color{
	background-color:#EDFFB7;
}
/* 그리드 tr - 추가 css */
.drh-grid-tr-add-color{
	background-color:#ffffff;
}
/* 그리드 tr - 소계 css */ 
.drh-grid-tr-subtot-color{
	background-color:#D9FFF6;
}
.drh-grid-tr-subtot2-color{
	background-color:#D9FFF6;font-weight:bold;
}
/* 그리드 tr - 합계 css */
.drh-grid-tr-sum-color{
	background-color:#f6fff9;
}
.drh-grid-tr-sum2-color{
	background-color:#f6fff9;font-weight:bold;
}
/* 그리드 tr - 총계 css */
.drh-grid-tr-tot-color{
	background-color:#6899d9; 
}
.drh-grid-tr-tot2-color{
	background-color:#6899d9;font-weight:bold;
}
.drh-grid-tr-display{
	display: none;
}
/* 그리드 cell 첫번째 */
.drh-grid-line-first-td-css{
}
/* 그리드 cell 마지막 */
.drh-grid-line-last-td-css{
}
/* 그리드 pivot 가변 첫번째 */
.drh-grid-line-pivotvar-first-td-css{
	border-left-width: 0px;
}

/* pivot 관련 문자열 overflow 처리 */
.drh-pivot-table-css{
	table-layout:fixed;border-bottom:1px solid #d5d5d5;
}
.drh-pivot-table-css tbody td{
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}

/* grid layout fix 관련 문자열 overflow 처리 */ 
.drh-fixed-table-css{
	table-layout:fixed;border-bottom:1px solid #d5d5d5;
}
.drh-fixed-table-css tbody td{
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}


/* 그리드 row병합 cell중 1번째row */
.drh-grid-top-td-css{
}
/* 그리드 cell 스크롤 대체 영역 */
.drh-grid-head1-scroll-td-css{
}

/* custom 스크롤바 전체 y축 */
.drh-scroll-css::-webkit-scrollbar{
	width:11px;height:10px;
}
/* custom 스크롤바 막대 */
.drh-scroll-css::-webkit-scrollbar-thumb {
	background-color: rgba(170, 170, 170, 0.5);
	background-clip: padding-box;
  	border: 1px solid transparent;
	border-radius: 3px; 
}
/* 스크롤이 움직이는 뒷 배경 */
.drh-scroll-css::-webkit-scrollbar-track{
	/* background-color: rgba(170, 170, 170, 0.2); */	
	border-radius: 3px;
}
.drh-scrollback-css{
	/* background-color: rgba(170, 170, 170, 0.2); */ 	
}

/* custom 스크롤바 전체 x축 */
.drh-xscroll-css::-webkit-scrollbar{
	width:11px;height:10px;
}
/* custom 스크롤바 막대 */
.drh-xscroll-css::-webkit-scrollbar-thumb {
	background-color: rgba(170, 170, 170, 0.5);
	background-clip: padding-box;
  	border: 1px solid transparent;
	border-radius: 3px; 
}
/* 스크롤이 움직이는 뒷 배경 */
.drh-xscroll-css::-webkit-scrollbar-track{
	background-color: rgba(170, 170, 170, 0.2);	
	border-radius: 3px;
}


/* 그리드 report 강제 페이지 나눔(보고서 출력시) */
.report-tr-orverrun-color{
	background-color:#D5D5D5;
}

/* 그리드 헤드 td 스크롤 */
.drh-grid-head-scroll-css{
	overflow-y:scroll;
}
.drh-grid-head-scroll-css::-webkit-scrollbar {
  width:16px;
  /*background-color:#787c8b;*/
}
.drh-grid-head-scroll-css::-webkit-scrollbar-button {
  display:none;
}
.drh-pivot-fix-scroll-css{
	-ms-overflow-style:none;  	/* IE and Edge */
	scrollbar-width:none;  		/* Firefox */
	overflow-y:hidden;
}
.drh-pivot-fix-scroll-css::-webkit-scrollbar{
	display: none;
}

/* 그리드 cell new 이미지 css */
.drh-grid-td-new-css{
	width:23px;height:9px;
}

/* 툴팁 css */
.drh-tooltip-css{
	position:absolute;background-color: rgba(0, 0, 0, 0.7);padding:7px 12px;width:auto;color:#ffffff;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
}

/* select box css */
.drh-select1-css{
	height:22px;padding-left:4px;vertical-align:middle;
  	background: url("/resources/images/icon_drop.png");background-repeat:no-repeat; background-position:center right;margin:1px 0px 1px 0px;
  	font-family: inherit;  
  	background-color:#ffffff;
  	border:solid 1px #c5c5c5; 
  	border-radius: 0px;	
  	/*vertical-align:bottom;*/
  	/*outline:none;*/
  	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
    
}
.drh-select2-css{
	height:22px;padding-left:4px;vertical-align:middle;
 	background: url("/resources/images/icon_drop.png");background-repeat:no-repeat; background-position:center right;margin:1px 0px 1px 0px;
  	font-family: inherit;
  	border:solid 1px #c5c5c5; 
  	border-radius: 0px;
  	background-color:#e5e5e5 !important;
  	/*outline:none;*/
  	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}

/*텍스트 box css 지정 - 테마1*/
.drh-input1-css{
	height:17px;border:1px solid #c5c5c5;padding:2px 4px 1px 4px;vertical-align:middle;margin:1px 0px 1px 0px;
}
.drh-input1-css:read-only{
	background-color:#e5e5e5;
}
/*텍스트 box css 지정 - readonly - 테마1*/
.drh-input2-css{
	height:17px;border:1px solid #c5c5c5;background-color:#e5e5e5 !important;padding:2px 4px 1px 4px;vertical-align:middle;margin:1px 0px 1px 0px;
}
/*텍스트 box css 지정 - disabled - 테마1*/
.drh-input3-css{
	height:17px;border:1px solid #c5c5c5;background-color:#DFDFDF;padding:2px 4px 1px 4px;vertical-align:middle;margin:1px 0px 1px 0px;
}
/* 텍스트 box css 지정 - readOnly - 바탕색없음 - 테마1*/
.drh-input4-css{
	height:17px;border-style:none;background-color:transparent;padding:2px 4px 1px 4px;vertical-align:middle;margin:1px 0px 1px 0px;
}
/* 텍스트 box css 지정 - 등록된 내역 - 테마1 */
.drh-input5-css{
	height:17px;border:1px solid #d5d5d5;background-color:#FDC1D0;padding:2px 4px 1px 4px;vertical-align:middle;margin:1px 0px 1px 0px;
}
/* 텍스트 box안에 달력 지정 */
.drh-input-calen1-css{
	height:17px;border:1px solid #c5c5c5;padding:2px 4px 1px 4px;vertical-align:middle;
	background-image:url('/resources/images/btn_calendar_alpha.png');
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: right center;
	padding-right:25px;
	cursor:default;
}

/* 입력박스 테이틀 css 지정*/
.drh-title-text-css{
	border:solid 1px #c5c5c5;height:30px;background-color:#f9f9f9;padding-right:5px;padding-left:10px;
}
/* 입력박스 값 출력 css 지정*/
.drh-title-value-css{
	border:solid 1px #c5c5c5;height:30px;background-color:#ffffff;padding-right:5px;padding-left:5px;
}
.drh-title-value-non-bottom-css{
	border:solid 1px #c5c5c5;height:30px;background-color:#ffffff;padding-right:5px;padding-left:5px;border-bottom:none;
}
.drh-title-value-non-top-css{
	border:solid 1px #c5c5c5;height:30px;background-color:#ffffff;padding-right:5px;padding-left:5px;border-top:none;
}

/*라디오 버튼*/
.drh-radio-css{
	height:20px;margin:-1px 0 0 0;vertical-align:middle;
}
.drh-radio-span-last-css{
	margin-right:1px;
}

/* 이미지 체크박스(미선택) */
.drh-check-box-css{
	width:20px;height:20px;background-image:url('/resources/images/icon_check_off.png');background-repeat:no-repeat;border:none;cursor:pointer;vertical-align:middle;margin:1px 0px 1px 0px;
}
/* 이미지 체크박스(선택) */
.drh-checked-box-css{
	width:20px;height:20px;background-image:url('/resources/images/icon_check_on.png');background-repeat:no-repeat;border:none;cursor:pointer;vertical-align:middle;margin:1px 0px 1px 0px;
}
.drh-checked-box-css:disabled{
	background-image:url('/resources/images/icon_check_disable.png');
}
/* 일반체크박스 */
.drh-check-css, .allmulticheck{
	cursor:pointer;
	padding:0px;margin:0px;
	-webkit-border-radius:0;
	-webkit-appearance:checkbox;
	background-color:#ffffff;
	border: 1px solid #c5c5c5;
}
/* 이미지 버튼(활성화)1 */
.drh-input-btn1-css{
	height:22px;border:0px;color:#ffffff;background-color:#007AE8;cursor:pointer;border-radius:2px;padding:1px 15px 0px 15px;margin:1px 0px 1px 5px;
}
.drh-input-btn1-css:disabled{
	height:22px;color:#FFFFFF;cursor:default;background: #CAD8E5 0% 0% no-repeat padding-box;
}
.drh-input-btn1-css:active{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);	
}
/* 이미지 버튼(활성화)2 */
.drh-input-btn2-css{
	height:22px;border:0px;color:#444444;background-color:#EEEEEE;cursor:pointer;border-radius:2px;padding:1px 15px 0px 15px;margin:1px 0px 1px 5px;border:1px solid #CCCCCC;
}
.drh-input-btn2-css:disabled{
	background-color:#A9ADBA;cursor:default;border:1px solid #A9ADBA;
}
.drh-input-btn2-css:active{
	box-shadow: 2px 2px 3px rgba(255, 255, 255, .4);
}
/* 이미지 버튼(활성화)3 */
.drh-input-btn3-css{
	height:22px;outline:none;display:inline;border:1px solid #AAAAAA;cursor:pointer;color:#3287D4;padding:0px 10px 0px 10px;
    background: transparent linear-gradient(0deg, #E5E5E5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;vertical-align:middle;border-radius:1px;
}
.drh-input-btn3-css:disabled{
	color:#CCCCCC;background:#FFFFFF 0% 0% no-repeat padding-box;border:1px solid #DDDDDD;cursor:default;
}
.drh-input-btn3-css:active{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

/* 닫기 버튼(활성화)1 */
.drh-close-button-css{
	height:22px;border:0px;color:#ffffff;background-color:#444444;cursor:pointer;border-radius:2px;padding:1px 15px 0px 15px;margin:1px 0px 1px 5px;
}
.drh-close-button-css:disabled{
	height:22px;color:#FFFFFF;cursor:default;background: #CAD8E5 0% 0% no-repeat padding-box;
}
.drh-close-button-css:active{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);	
}

/* 그리드 안에 적용하는 버튼 */
.drh-input-gridbtn-css{
	height:22px;border:1px solid #AAAAAA;background-color:rgb(255, 255, 255);color:#AAAAAA;cursor:pointer;border-radius:2px;padding:1px 15px 0px 15px;vertical-align:top;
}
.drh-input-gridbtn-css:hover:not([disabled]), .drh-input-btn2-css:focus:not([disabled]){
	background-color:#aaaaaa;color:#ffffff;
}
.drh-input-gridbtn-css:disabled{
	border:1px solid #D5D5D5;color:#D5D5D5;cursor:default;
}

/* 찾기버튼 css 지정 */
.drh-search-button-css{
	width:30px;height:20px;background-image:url('/resources/images/btn_search.png');background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;vertical-align:middle;
}
.drh-find-button-css{
	width:30px;height:20px;background-image:url('/resources/images/btn_search.png');background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;vertical-align:middle;
}
.drh-upload-button-css{
	width:30px;height:20px;background-image:url('/resources/images/btn_search.png');background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;vertical-align:middle;
}

/* 서브타이틀 css */
.drh-content-icon-css{
	width:12px;height:12px;background-image:url('/resources/images/icon_sub_title.png');background-repeat:no-repeat;border:none;vertical-align:text-bottom;
}
.drh-content-txt-css{
	color:#ffffff;padding-left:5px;font-family:GmarketSans;font-size:13px;margin-right:5px;
}


/* 컨텐츠 폰트 색 */
.drh-content-color1-css{
	color:#f57f20;
}
.drh-content-color2-css{
	color:red;
}
.drh-content-color3-css{
	color:#787c8b;
}
.drh-content-color4-css{
	color:blue;
}
.drh-content-color5-css{
	color:green;
}
.drh-content-color9-css{
	color:#ffffff;font-size:14px;vertical-align:middle;
}

/* 그리드 tree 이미지 */
.drh-grid-tree-icon-css, .drh-grid-tree-join-css{
	vertical-align:bottom;
}

/***************************************************** grid paging 스타일시트 시작 *************************************/
/* page 이전버튼2 */
.drh-page-pre2-button-class{
	width:20px;height:20px;background-image:url("/resources/images/btn_prev2.png");background-repeat:no-repeat;padding-right:5px;cursor:pointer;vertical-align:middle;
}
/* page 이전버튼1 */
.drh-page-pre1-button-class{
	width:20px;height:20px;background-image:url("/resources/images/btn_prev1.png");background-repeat:no-repeat;padding-right:10px;cursor:pointer;vertical-align:middle;
}
/* page number 클래스 */
.drh-page-number-class{
	width:5px;padding-right:10px;padding-top:2px;font-weight:bold;vertical-align:middle;cursor:pointer;
}
/* page number 클래스 hover*/
.drh-page-number-class:hover{
	width:5px;padding-right:10px;padding-top:2px;font-weight:bold;vertical-align:middle;cursor:pointer;color:#eb934f;
}
/* page number 선택 클래스 */
.drh-page-number-select-class{
	width:5px;padding-right:10px;padding-top:2px;font-weight:bold;vertical-align:middle;cursor:pointer;color:#ED1C24;text-decoration:underline;
}
/* page 다음버튼1 */
.drh-page-next1-button-class{
	width:20px;height:20px;background-image:url("/resources/images/btn_next1.png");background-repeat:no-repeat;padding-right:5px;cursor:pointer;vertical-align:middle;
}
/* page 다음버튼2 */
.drh-page-next2-button-class{
	width:20px;height:20px;background-image:url("/resources/images/btn_next2.png");background-repeat:no-repeat;cursor:pointer;vertical-align:middle;
}
/***************************************************** grid paging 스타일시트 종료 *************************************/

/***************************************************** grid head edit 스타일시트 시작 **********************************/
.drh-gridhead-edit-css{
	/* position:absolute;background-color:#4B4E58;display:flex;justify-content:center; */
	 position:absolute;display:flex;justify-content:center;
}
.drh-gridhead-edit-css > img{
	margin:auto;
}
/***************************************************** grid head edit 스타일시트 종료 **********************************/

/***************************************************** placeholder 스타일시트 시작 *************************************/
.drh-placeholder1-css::-webkit-input-placeholder {
	color:#ffffff;
}
.drh-placeholder1-css:-moz-placeholder { /* Firefox 18- */
    color:#ffffff;
}
.drh-placeholder1-css::-moz-placeholder {  /* Firefox 19+ */
    color:#ffffff;
}
.drh-placeholder1-css:-ms-input-placeholder {  
  	color:#ffffff;
}
/***************************************************** placeholder 스타일시트 종료 *************************************/

/***************************************************** grid info 스타일시트 시작 ***************************************/
/* 그리드 info 영역 - 전체 */
.drh-gridinfo-form1-css{
	width:100%;margin-top:3px;
}
.drh-gridinfo-form1-css > tbody > tr:first-child > td:first-child{
	width:180px;padding-top:5px;
}
.drh-gridinfo-form1-css > tbody > tr:first-child > td:nth-child(2){
	padding-top:5px;text-align:left;height:20px;
}
.drh-gridinfo-form1-css > tbody > tr:first-child > td:nth-child(3){
	width:320px;text-align:right;padding-right:15px;vertical-align:top;padding-top:5px;
}
/* 그리드 info 영역 - 페이징 */
.drh-gridinfo-paging-css{
	width:100%;height:100%;table-layout:fixed;
}
.drh-gridinfo-paging-css > tbody > tr:first-child > td:first-child{
	text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.drh-gridinfo-paging-css > tbody > tr:first-child > td:nth-child(2){
	text-align:center;
}

/* 그리드 정보 폰트 */
.drh-gridinfo-color1-css{
	color:#787c8b;
}
/* 그리드 정보 폰트 및 라인 색 */
.drh-gridinfo-form1-css{
	height:15px;border-top:solid 1px #c5c5c5;color:#787c8b;
}
.drh-gridinfo-form2-css{
	border-bottom:solid 1px #c5c5c5;color:#787c8b;
}
/* 그리드 정보 찾기 버튼 */
.drh-gridinfo-search-button-css{
	width:51px;height:15px;margin-left:5px;cursor:pointer;border:0px;
}
/* 그리드 정보 필터 버튼 */
.drh-gridinfo-filter-button-css{
	width:51px;height:15px;margin-left:5px;cursor:pointer;border:0px;
}
/* 그리드 정보 정렬 버튼 */
.drh-gridinfo-sort-button-css{
	width:51px;height:15px;margin-left:5px;cursor:pointer;border:0px;
}

/* 그리드 찾기 전체 영역 */
.drh-gridinfo-search-wrapper-css{
	position:absolute;left:100px;top:100px;z-index:60;width:360px;height:50px;
}
/* 그리드 찾기 영역 */
.drh-gridinfo-search-form1-css{
	background-color:#1D559F;
}
.drh-gridinfo-search-form2-css{
	background-color:#4781CF;
}
/* 그리드 찾기 영역 폰트 색 */
.drh-gridinfo-search-contents-color1-css{
	color:#ffffff;background-color:#1D559F; 
}
/* 그리드 찾기 영역 find count 색 */
.drh-gridinfo-search-find-color1-css{
	color:#A8B7D3;text-align:center;
}
.drh-gridinfo-search-find-color1-css span{
	color: inherit;
}

/* 그리드 찾기 영역 down 버튼 */
.drh-gridinfo-search-down-button1-css{
	height:24px;width:24px;margin-left:12px;cursor:pointer;border:0px;
}
/* 그리드 찾기 영역 up 버튼 */
.drh-gridinfo-search-up-button1-css{
	height:24px;width:24px;margin-left:7px;cursor:pointer;border:0px; 
}
/* 그리드 찾기 영역 종료 버튼 */
.drh-gridinfo-search-close-button1-css{
	height:24px;width:24px;margin-left:7px;cursor:pointer;border:0px;
}
.drh-gridinfo-search-span1-css{
	background-color: rgba(255, 0, 0, 0.4);
}
.drh-gridinfo-search-span2-css{
	background-color: rgba(0, 0, 0, 0.3);
}
/* 그리드 정보 소트 영역 */
.drh-gridinfo-sort-form1-css{
	display:none;width:200px;height:300px;position:absolute;z-index:100;background-color:#f3f3f3;padding:5px;border:solid 1px #c5c5c5;
}
.drh-gridinfo-sort-title1-css{
	width:100%;height:20px;text-align:left;text-align:left;padding-top:5px;padding-bottom:5px;
}
.drh-gridinfo-sort-div-css{
	height:23px;margin:5px;margin-bottom:0px;width:90%;cursor:pointer;padding-top:6px;float:left;text-align:left;padding-left:10px;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
}

/* 그리드 filter 적용버튼 */
.drh-gridinfo-filter-app-button1-css{
	width:60px;height:20px;color:#000000;outline:none;apperance:0;display:inline;border:1px solid #AAAAAA;cursor:pointer;
    background: transparent linear-gradient(0deg, #E5E5E5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px;
}
.drh-gridinfo-filter-app-button1-css:active{
	background-color:#ffffff;opacity:0.7;
}
/***************************************************** grid info 스타일시트 종료 ***************************************/

/***************************************************** page 로딩바 스타일시트 시작 *************************************/
.drh-page-loading-css{
	position:relative;left:45%;top:45%;width:100%;height:100%;background-image:url('/resources/images/loading.gif');background-repeat:no-repeat;
}
.drh-page-loading-wrapper-css{
	position:absolute;left:0px;top:0px;z-index:30;width:100%;background: none rgba(0, 0, 0, 0);
}
/***************************************************** page 로딩바 스타일시트 종료 *************************************/

/***************************************************** checkselectbox 스타일시트 시작 ***********************************/
/* 멀티selectbox 지정*/
.drh-checkselect1-css{
	outline:none;display:inline-block;
}
.drh-checkselect1-css *{
	vertical-align:middle;padding:0px;margin:0px;
}
.drh-checkselect1-css dt{
	display:inline-block;vertical-align:middle;background-color:#ffffff;cusror:pointer;
	border:solid 1px #c5c5c5;
}
.drh-checkselect1-css dt>span{
	display:inline-block;vertical-align:middle;
}
.drh-checkselect1-value-css{
	padding-left:3px;height:20px;;line-height:20px;
}
.drh-checkselect1-btn-css{
	background-image:url("/resources/images/icon_drop.png");width:17px;height:20px;float:right;
}
.drh-checkselect1-css dd{
	display:none;position:absolute;overflow-x:hidden;overflow-y:auto;word-break:break-all;z-index:100;background-color:#ffffff;max-height:200px;
	border:solid 1px #c5c5c5;
}
.drh-checkselect1-css ul,
.drh-checkselect1-css li{
	list-style:none;
}
.drh-checkselect1-css dd>ul li{
	line-height:25px;padding-left:5px;padding-right: 5px;
}
/* check-selectbox-input 지정*/
.drh-input-checkselect-css{
	border:1px solid #aaa; padding: 4px; width: 100%; box-sizing: border-box; height: 22px;margin-top: 5px; margin-bottom: 5px;
}

/* 그리드 필터 checkselectbox */
.drh-checkselect2-css *{
	dispaly:inline-block;vertical-align:middle;padding:0px;margin:0px;color:#ffffff;cursor:default;
}
.drh-checkselect2-css dd{
	word-break:break-all;z-index:100;
}	
.drh-checkselect2-btn-css{
	background-image:url("/resources/images/icon_drop.png");width:17px;height:18px;background-repeat:no-repeat;
}
.drh-checkselect2-css ul,
.drh-checkselect2-css li{
	list-style:none;
}
.drh-checkselect2-css dd>ul li{
	line-height:25px;padding-left:5px;
}
/***************************************************** checkselectbox 스타일시트 종료 ***********************************/

/***************************************************** 달력 스타일시트 시작 ********************************************/
/* 일자달력 WRAPPER ID */
#dv_cal_wrapper{
	/* padding:4px;width:176px;border:2px solid #999999;background-color:#eeeeee;position:absolute;z-index:25; */
}
.drh-date-wrapper-css{
	padding:4px;width:176px;border:2px solid #999999;background-color:#eeeeee;position:absolute;z-index:25;
}
.drh-date-module1-css{
	background-color:#4b4b4b;
}
.drh-date-module2-css{
	background-color:#5e3939;
}
.drh-date-left-css{
	/* width:6px;height:10px;background-image:url("/resources/images/icon_arr_left.png");margin:0 auto; */
}
/* 달력 head */
.drh-date-head-css > table > tbody > tr:first-child{
	height:26px;
}
.drh-date-head-css > table > tbody > tr:first-child > td:first-child{
	width:24px;text-align:right;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-date-head-css > table > tbody > tr:first-child > td:nth-child(2){
	width:50px;text-align:center;vertical-align:middle;padding-top:3px;
}
.drh-date-head-css > table > tbody > tr:first-child > td:nth-child(3){
	width:24px;text-align:left;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-date-head-css > table > tbody > tr:first-child > td:nth-child(4){
	width:24px;text-align:right;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-date-head-css > table > tbody > tr:first-child > td:nth-child(5){
	width:32px;text-align:center;vertical-align:middle;padding-top:3px;
}
.drh-date-head-css > table > tbody > tr:first-child > td:nth-child(6){
	width:24px;text-align:left;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-date-head-css > table > tbody > tr:first-child > td > span{
	font-size:13px;font-weight:bold;color:#ffffff;
}
/* 달력 week */
.drh-date-week-css{
	background-color:#ffffff;
}
.drh-date-week-css > table > tbody > tr{
	height:24px;
}
.drh-date-week-css > table > tbody > tr:first-child > td{
	font-weight:bold;
}
.drh-date-week-css > table > tbody > tr > td{
	width:25px;border:1px solid #eeeeee;vertical-align:middle;text-align:center;
}
.drh-date-week-css > table > tbody > tr > td:first-child{
	color:#ff0000;border-left:none;
}
.drh-date-week-css > table > tbody > tr > td:last-child{
	color:#0184ff;border-right:none;
}
/* 달력 footer*/
.drh-date-footer-css{
	margin-top:6px;width:100%;
}
.drh-date-footer-css input{
	font-size:12px;font-family:Gulim,Dotum,Arial,GmarketSans;
}
.drh-date-footer-css > div:first-child{
	float:left;	
}
.drh-date-footer-css > div:first-child > div{
	float:left;
}
.drh-date-footer-css > div:last-child{
	float:right;
}
.drh-date-footer-css > div:last-child > div{
	float:right;
}
/* 달력 하단 버튼 */
.drh-date-btn1-css{
	height:20px;border:0px;color:#ffffff;background-color:#0080ff;cursor:pointer;border-radius:2px;padding:0px 10px 0px 10px
}
.drh-date-btn1-css:hover{
	background-color:#005BB5;
}
.drh-date-btn2-css{
	height:20px;border:0px;color:#ffffff;background-color:#aaaaaa;cursor:pointer;border-radius:2px;padding:0px 10px 0px 10px;margin:0px 5px 0px 0px;
}
.drh-date-close-css{
	width:20px;height:20px;border-radius:2px;background-color:#333333;cursor:pointer;margin:0px 0px 0px 5px;padding:3px 0px 0px 0px;
    background-image:url('/resources/images/icon_delete.svg');background-size:12px 12px;background-repeat:no-repeat;background-position:center center;
}
.drh-date-close-css:hover{
	background-color:#666666; 
}

/* 기간달력 WRAPPER ID */
#dv_cal_term_wrapper{
	/* width:347px;padding:4px;border:2px solid #999999;background-color:#eeeeee;position:absolute;z-index:25; */
}
.drh-date-term-wrapper-css{
	width:347px;padding:4px;border:2px solid #999999;background-color:#eeeeee;position:absolute;z-index:25;
}
.drh-date-term-wrapper-css > table > tbody > tr:first-child > td:first-child{
	padding-right:6px;
}
/* 월 달력 */
#dv_cal_month_wrapper{
	padding:4px;width:156px;border:2px solid #999999;background-color:#eeeeee;position:absolute;z-index:25;
}
.drh-month-head-css{
	height:28px;
}
.drh-month-head-css > table{
	width:100%;height:100%;
}
.drh-month-head-css td:first-child{
	text-align:right;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-month-head-css td:nth-child(2){
	text-align:center;width:70px;padding-top:3px;
}
.drh-month-head-css td:last-child{
	text-align:left;color:#e85e1a;font-size:15px;vertical-align:top;padding-top:3px;cursor:pointer;
}
.drh-month-head-css td > span{
	color:#ffffff;font-size:13px;font-weight: bold;
}
.drh-date-month-detail-css{
	background-color:#ffffff;
}
.drh-date-month-detail-css > table tr{
	height:24px;
}
.drh-date-month-detail-css > table tr:first-child > td{
	width:58px;background-color:#ffffff;border:1px solid #eeeeee;text-align:center;
}
.drh-date-month-detail-css > table tr:first-child > td:nth-child(2){
	border-left:6px solid #eeeeee;border-right:6px solid #eeeeee;
}
.drh-date-month-detail-css > table tr:first-child > td:nth-child(2) > span{
	color:#e85e1a;
}
.drh-date-month-detail-css > table tr:not(first-child) > td:nth-child(3){
	border-left:6px solid #eeeeee;
}
.drh-date-month-detail-css > table tr:not(first-child) > td:nth-child(4){
	border-right:6px solid #eeeeee;
}
.drh-date-month-detail-css > table tr:not(first-child) > td{
	border:1px solid #eeeeee;vertical-align:middle;text-align:center;font-size:12px;font-family:Gulim,Dotum,Arial,GmarketSans;
}

/* 달력 INPUT BOX 지정 */
.drh-calen1-css{
	border:1px solid #c5c5c5;height:17px;padding:2px 4px 1px 4px;width:80px;vertical-align:middle;text-align:center;
	-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0px;margin:1px 0px 1px 0px;
}
.drh-calen1-css:read-only{
	background-color:#e5e5e5;
}
/*텍스트 box css 지정 - readonly - 테마1*/
.drh-calen2-css{
	border:1px solid #c5c5c5;background-color:#e5e5e5 !important;height:17px;padding:2px 4px 1px 4px;width:80px;vertical-align:middle;text-align:center;
	-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0px;margin:1px 0px 1px 0px;
}

/* 달력(월) INPUT BOX 지정 */
.drh-month1-css{
	border:1px solid #c5c5c5;height:17px;padding:2px 4px 1px 4px;width:60px;vertical-align:middle;text-align:center;
	-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0px;margin:1px 0px 1px 0px;
}
.drh-month1-css:read-only{
	background-color:#e5e5e5;
}
/* 달력(월) INPUT BOX 지정 - readonly */
.drh-month2-css{
	border:1px solid #c5c5c5;background-color:#e5e5e5 !important;height:17px;padding:2px 4px 1px 4px;width:60px;vertical-align:middle;text-align:center;
	-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0px;margin:1px 0px 1px 0px;
}

/* 달력버튼 css 지정 */
.drh-date-button-css, .drh-date-term-button-css, .drh-month-button-css{
	width:20px;height:20px;background-image:url('/resources/images/btn_calendar.png');background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;
	vertical-align:middle;
}

/* 일자 달력(일요일) css */
.drh-day-sun-class{
	width:24px;text-align:center;vertical-align:middle;color:#ff0000;border:1px solid #eeeeee;cursor:pointer;
}
.drh-day-sun-class:hover{
	width:24px;text-align:center;vertical-align:middle;color:#ff0000;border:1px solid #eeeeee;cursor:pointer;background-color:#ffe5e5;
}
/* 일자 달력(토요일) css */
.drh-day-sat-class{
	width:24px;text-align:center;vertical-align:middle;color:#0184ff;border:1px solid #eeeeee;cursor:pointer;
}
.drh-day-sat-class:hover{
	width:24px;text-align:center;vertical-align:middle;color:#0184ff;border:1px solid #eeeeee;cursor:pointer;background-color:#ffe5e5;
}
/* 일자 달력(평일) css */
.drh-day-normal-class{
	width:24px;text-align:center;vertical-align:middle;border:1px solid #eeeeee;cursor:pointer;
}
.drh-day-normal-class:hover{
	width:24px;text-align:center;vertical-align:middle;border:1px solid #eeeeee;cursor:pointer;background-color:#ffe5e5;
}
/* 월달력 css */
.drh-month-normal-class{
	width:24px;text-align:center;vertical-align:middle;border:1px solid #eeeeee;cursor:pointer;background-color:#ffffff;
}
.drh-month-normal-class:hover{
	width:24px;text-align:center;vertical-align:middle;border:1px solid #eeeeee;cursor:pointer;background-color:#ffe5e5;
}

/* 달력 현재일자 css */
.drh-day-current-class{
	background-color:#e5f2ff;
}
/* 달력 선택일자 css */
.drh-day-selected-class{
	background-color:#ffe5e5;
}

/* 달력 head 년도 select box */
.drh-date-year-select-css{
	width:100%;padding:1px 0px 0px 2px;background: url("/resources/images/icon_drop_sel.svg") no-repeat #ffffff right 3px center;font-size:12px;height:18px;
	border:1px solid #D5D5D5;
}
/* 달력 head 월 select box */
.drh-date-month-select-css{
	width:100%;padding:1px 0px 0px 2px;background: url("/resources/images/icon_drop_sel.svg") no-repeat #ffffff right 3px center;font-size:12px;height:18px;
	border:1px solid #D5D5D5;
}

/***************************************************** 달력 스타일시트 종료 ********************************************/

/***************************************************** 메시지 팝업 스타일시트 시작 *************************************/
/* 메시지영역 전체 css */
.drh-msgpopup-wrapper-css{
	position:absolute;left:0px;top:0px;z-index:99;width:320px;height:230px;background-color:#FFFFFF;border:2px solid #545454;
}
/* 메시지 영역 전체 back css */
.drh-msgpopup-bak-wrapper-css{
	position:absolute;left:0px;top:0px;z-index:98;width:100%;background: none rgba(0, 0, 0, 0.3);
}
/* 메시지 타이틀 영역 전체 css */
.drh-msgpopup-title-css{
	height:50px;
}
.drh-msgpopup-title-css > div:first-child {
	padding:18px 15px 14px 20px;
}
.drh-msgpopup-title-css > div:first-child > div:first-child {
	float:left;
}
.drh-msgpopup-title-css > div:first-child > div:last-child {
	float:right;width:12px;height:12px;background-image:url("/resources/images/btn_close_popup.png");background-repeat:no-repeat;cursor:pointer;
}
.drh-msgpopup-titleicon-css{
	vertical-align:top;margin-right:8px;
}
#sp_msgpopup_title{
	font-size:18px;color:#000000; 
}

/* 메시지 컨턴츠 영역 css */
.mst-msgpopup-contents-css{
	width:100%;height:130px;word-break:break-all;overflow-y:auto;
}
.mst-msgpopup-contents-css > div{
	height:98%;display:table;width:290px;margin:0 auto;border:1px solid #CCCCCC;
}
.mst-msgpopup-contents-css > div > div{
	display:table-cell;vertical-align:middle;text-align:center;padding-left:10px;padding-top:15px;padding-right:10px;padding-bottom:15px;
}

/* 메시지 버튼 영역 css */
.mst-msgpopup-button-css > table{
	width:100%;height:50px;	
}
#msg-msgpopup-one-btn{
	margin-left:auto;margin-right:auto;width:70px;line-height:25px;
}
#msg-msgpopup-two-btn{
	margin-left:auto;margin-right:auto;width:150px;line-height:25px;
}
.drh-msg-button-css{
	width:70px;height:30px;cursor:pointer;background-color:#f3f3f3;text-decoration:none;border:solid 1px #c5c5c5;
}
.drh-msg-button-css:focus{
	border:dotted 1px #c5c5c5;background-color:#e5e5e5;
}
/***************************************************** 메시지 팝업 스타일시트 종료 *************************************/

/***************************************************** 매장찾기 영역 스타일시트 시작 ***********************************/
#tireshop-popup-wrapper{
	position:absolute;left:0px;top:0px;z-index:98;/* width:440px;height:420px; */width: 450px;height: 460px;
}
#tireshop-popup-wrapper > iframe{
	width:100%;height:100%;background-color:#ffffff;border:2px solid #545454;
}
.drh-min-pop-css{
	width:12px;height:12px;background-image:url("/resources/images/btn_min_popup.png");background-repeat:no-repeat;cursor:pointer;background-color:#ffffff;
}
.drh-max-pop-css{
	width:12px;height:12px;background-image:url("/resources/images/btn_max_popup.png");background-repeat:no-repeat;cursor:pointer;background-color:#ffffff;
}
/***************************************************** 매장찾기 영역 스타일시트 종료 ***********************************/

/***************************************************** 프린터 화면 비활성 시작 *****************************************/
@media print{
	.drh-browser-print-disabled-css{
		display:none;
	}
}
/***************************************************** 프린터 화면 비활성 종료 *****************************************/