@charset "utf-8";
*, body, table, div, p {margin:0; padding:0; font-family:Tahoma, 'Nanum Gothic', sans-serif !important; font-size:13px !important;
	outline:none !important; select-dummy:expression(this.hideFocus=true);}
body {min-width:1280px; height:auto; overflow:hidden; background-color:#fafafa; color:#3c4048 !important; font-size:13px !important;}
footer {width:100%; position:absolute; bottom:0; z-index:10000; width:100%; padding:0 20px; height:40px; line-height:40px; border-top:1px solid rgba(95,97,102,0.3); color:rgba(95,97,102,0.8); font-size:11px !important; letter-spacing:0.2pt !important; text-align:right;}
footer a:hover {text-decoration:underline;}
footer a:after {content:'|'; padding-left:15px; margin-right:15px; color:#999;}
footer a:last-child:after {display:none;}
	@media (max-width:320px) {
		footer a {display:none;}
	}
*:hover {transition:150ms linear all; -webkit-transition:150ms linear all; -ms-transition:150ms linear all; -moz-transition:150ms linear all; -o-transition:150ms linear all;}
a, button {cursor:pointer; text-decoration:none; font-weight:600; outline:none !important;
	transition:.1s; -moz-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -o-transition:.1s; -webkit-transition:.1s;
	button-radius:4px; -webkit-button-radius:4px; -ms-button-radius:4px; -moz-button-radius:4px; -o-button-radius:4px;}
a {color:inherit !important; text-decoration:none !important;}
small {font-size:11px !important;}
.TRANSITION {transition:.1s; -moz-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -o-transition:.1s; -webkit-transition:.1s;}
.RELATIVE {width:100%; position:relative;}
.RADIUS {border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
hr {width:100%; height:1px; display:inline-block; border-top:1px solid #c4c7cd;}
svg {display:inline-block;}
svg.small {width:20px; height:20px; display:inline-block;}
.GAP-H {padding:7px; display:inline-block;}
.NOGAP li {padding:0 !important; margin:0 !important; border:0 !important; background:#ee412f !important; border-right:1px dashed #fff !important; height:40px;}/*** 간격이 없는 경우 ***	/
ul {padding-inline-start:0 !important;}

/********** 칼라 **********/
/***** temp : 코딩 시, wrap이나 영역확인 시 활용 *****/
.br {border:1px solid #aaa !important;}
.bg {background:#ee412f;}
.bgy {background:yellow;}
.bgb {background:blue;}
.bgg {background:green;}
/***** 디자인가이드에 따른 사전 지정 *****/
/*** 백그라운드 칼라 ***/
.BG-WH {background-color:#fff !important;}
.BG-REG {background-color:#ee412f !important;}
.BG-LGRAY {background-color:#eee !important;}
.BG-GRAY {background-color:#c4c7cd !important;}
.BG-MGRAY {background-color:#5f6166 !important;}
.BG-DGRAY {background-color:#3c4048 !important;}
/*** 서체 칼라 ***/
.F-WH {color:#fff !important;}
.F-REG {color:#ee412f !important;}
.F-LGRAY {color:#eee !important;}
.F-GRAY {color:#c4c7cd !important;}
.F-MGRAY {color:#5f6166 !important;}
.F-DGRAY {color:#3c4048 !important;}
/*** 정렬 ***/
.WID-100 {width:100% !important;}
.CLEARFIX {clear:both; width:100%; display:inline-block;}
.LEFT {float:left !important; text-align:left !important;}
.RIGHT {float:right !important; text-align:right !important;}
.CENTER {margin:0 auto !important; text-align:center !important;}
.T-LEFT {text-align:left !important;}
.T-RIGHT {text-align:right !important;}
.VALIGN {vertical-align:middle !important;}
/*** 마진***/
.MG05 {margin-top:5px !important;}
.MG10 {margin-top:10px !important;}
.MG20 {margin-top:20px !important;}
.MG30 {margin-top:30px !important;}
.MG40 {margin-top:40px !important;}
.MG50 {margin-top:50px !important;}
.MG-10 {margin-top:-10px !important;}
.MG-20 {margin-top:-20px !important;}
.MG-30 {margin-top:-30px !important;}
.MG-40 {margin-top:-40px !important;}
.MG-50 {margin-top:-50px !important;}
.MG-BOTTOM {margin-bottom:-20px !important;}
.MG_END {clear:both; width:100%; height:80px; display:inline-block;}
/*** 테이블의 패딩값 조절 : 엘리먼트 내 사용 ***/
.NO-SIDE-PD {padding:8px 0 !important;}
.NO-LEFT-PD {padding-left:0 !important;}
.NO-RIGHT-PD {padding-right:0 !important;}
.ADD-SIDE-PD {padding:0 !important; padding:0 10px !important;}
.ADD-LEFT-PD {padding-left:10px !important;}
.NO-SIDE-PD button {margin-left:3px;}
.NO-SIDE-PD button:first-child {margin-left:0;}

/***** WRAP *****/
section {clear:both; width:100%; display:inline-block; margin-bottom:20px;}
.INNER {WIDTH:100%; padding:20px; display:inline-block;}
.INNER-V {padding:20px 0; display:inline-block;}
.INNER-H {width:100%; padding:0 20px;}

/***** 레이아웃: 반응형 *****/
figure {float:left; display:inline-block;}
.TABLET, .MOBILE {display:none;}
.FLEX {display:flex;}
.GAP figure {margin-right:20px;}
.GAP figure:last-child {margin-right:0 !important;} 
.LAYOUT, .LAYOUT-X {width:100%; display:flex;}
.LAYOUT figure , .LAYOUT-X figure {display:inline-block;}
.GROUP-LAYOUT {width:100%; display:inline-block;}
.GROUP-LAYOUT .LAYOUT label {padding-right:2%;}/*** 일부 표 안 여러개의 input과 ***/
.GROUP-LAYOUT .LAYOUT input {float:right;}
.GROUP-LAYOUT td, .GROUP-LAYOUT figure:last-child {padding-right:0 !important;}

/*** 외부요소 : li class ***/
.DIV-01 figure {width:100%;}
.DIV-02 figure {width:50%;}
.DIV-03 figure {width:33.3%;}
.DIV-04 figure {width:25%;}
.DIV-05 figure {width:20%;}		
.DIV-06 figure {width:16.6%;}
.DIV-07 figure {width:14.2%;}
.DIV-08 figure {width:16.6%;}
.DIV-09 figure {width:11.1%;}
.DIV-10 figure {width:10%;}
.DIV-11 figure {width:9.09%;}
.DIV-12 figure {width:8.3%;}
.DIV-02 figure.LEFT {width:50%; padding-right:10px;}
.DIV-02 figure.RIGHT {width:50%; padding-left:10px;}

/*** 내부요소 : figure class ***/
.COL-01 {width:8.3%;}
.COL-02 {width:16.6%;}
.COL-03 {width:25%;}
.COL-04 {width:33.3%;}
.COL-05 {width:41.6;}
.COL-06 {width:50%;}
.COL-06.LEFT {padding-right:10px;}
.COL-06.RIGHT {padding-left:10px;}
.COL-07 {width:58.3%;}
.COL-08 {width:66.6%;}
.COL-09 {width:75%;}
.COL-10, .COL-10X {width:83.3%;}
.COL-11 {width:91.6%;}
.COL-12 {width:100%;}
.in-narrow {width:100%; display:inline-block;}

/*** 인풋 세트 DIV (예: 조직선택 등 버튼을 동반한 3분할) - width 조정치: COL-0X 형식으로 조정가능 ***/
.SET-INPUT li {margin-right:10px; float:left;}
.SET-INPUT li:last-child {margin-right:0;}
.SET-INPUT li button {padding:0 !important; text-align:center !important; overflow:hidden; width:100% !important; background-color:#fff !important; border:1px solid #c4c7cd !important; color:#5f6166 !important;
	height:30px !important; line-height:29px !imporatnt;}/*** 폼 내 높이 ***/
.SET-INPUT button:hover {background-color:#eee !imporatnt; color:#3c4048 !important; border:1px solid #3c4048 !important;}

/*** 서체 ***/
h1 {margin:0 !important; color:#3c4048 !important; font-size:28px !important; font-weight:600 !important;}
h2 {margin:0 !important; color:#3c4048 !important; font-size:24px !important; font-weight:600 !important;}
h3 {margin:0 !important; color:#3c4048 !important; font-size:22px !important; font-weight:600 !important;}
h4 {padding:0 !important; margin:0 !important; color:#3c4048 !important; font-size:18px !important; font-weight:600 !important; letter-spacing:0 !important;}
h5 {margin:0 !important; color:#3c4048 !important; font-size:16px !important; font-weight:600 !important; letter-spacing:0 !important;}
h6 {margin:0 !important; color:#3c4048 !important; font-size:14px !important; font-weight:600 !important; letter-spacing:0 !important;}
strong, b {font-weight:600 !important;}
p, .txt {line-height:20px;}
.txt.wh {color:#fff;}
.eng {letter-spacing:0 !important;}/*** 특별히 txt간격을 넓혀야 할때 ***/
/***** 말줄임 *****/
.txt_limit01>* {display:table-cell; overflow:hidden; text-overflow:ellipsis;}/*** 1줄 ***/
.txt_limit01 {overflow:hidden; text-overflow:ellipsis; /***word-wrap:break-word;***/ display:-webkit-box; -webkit-box-orient:vertical; height:30px; line-height:30px; -webkit-line-clamp:1;}/*** 1줄 ***/
.txt_limit02 {width:100%; display:block; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical;
	line-height:20px; height:60px; -webkit-line-clamp:3;/***조정 부***/}/*** 행 수에 따라 추가 조정 ***/
.TXT-WRAN {text-align:left !important; font-size:12px !important; color:#ee412f !important; letter-spacing:-0.5pt !important;}/*** 경고문구 ***/

.GROUP-FORM {width:100%; display:inline-block; letter-spacing:0; font-size:12px;}
/********** HEADER: top **********/
header, header .logo, header .tit, header .user {width:100%; min-width:1280px; height:70px; line-height:70px; display:inline-block;}
/* header, header .logo, header .tit, header .user {width:100%; min-width:1280px; height:80px; line-height:80px; display:inline-block;} 2020.12.22 */
header {z-index:10000; position:absolute; top:0; left:0; width:100%; background-color:#fff;
	box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2);}
header .logo *, header .user {vertical-align:middle !important;}
header .logo img {width:130px;}
header .tit {position:absolute; top:-10px; left:320px; color:rgba(0,0,0,0.6);}
@media (max-width:1000px){
	header .user {display:none;}
}
header .user {width:100%; height:auto; display:inline-block; margin-top:-160px;}
header .user .icon {width:42px; height:42px; overflow:hidden; text-align:center;
	background:url('/assets/img/added-200904/bg-user.png') no-repeat #cdced6; background-size:65%; background-position:7px 10px;
	border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}/***유저 사진 미등록 시의 아이콘***/
header .user .txt {padding-left:15px;}
header .user img {width:115%; margin-top:-38px;}/***유저 등록 사진 관련***/
header .user dt {font-weight:600; margin-right:5px; font-size:15px;}
header .user dd {font-size:12px; color:#8b959d;}

/********** 드롭다운 **********/
/***부모***/
.GROUP-DROP, .GROUP-DROP i, .GROUP-DROP input {position:absolute; top:27px; right:30px; display:inline-block;}
.GROUP-DROP i, .GROUP-DROP input[type="checkbox"] {cursor:pointer; position:absolute; top:0; right:30px; width:30px !important; height:30px !important; display:inline-block !important; border:1px solid #c4c7cd;
	background:url('/assets/img/added-200904/i-drop.png') no-repeat; background-size:100%;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
/*** 추후 아이콘 이벤트 보정 ***/
.GROUP-DROP input {opacity:0;}
.GROUP-DROP:hover i, .GROUP-DROP:hover input {background-color:#eee}
/***자녀***/
.GROUP-DROP .DROPDOWN {background-color:#fff; text-align:center; margin:30px 30px 0 0;
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -ms-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -o-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);/**드롭다운**/
	border-radius:5px !important; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.GROUP-DROP .DROPDOWN li {width:100%; padding:20px; display:inline-block; text-align:center;}/**상위 패딩**/
.GROUP-DROP .DROPDOWN {display:none;}/**클릭 전 부모메뉴 숨기기**/
.GROUP-DROP input:checked + .DROPDOWN {display:inline-block;}/**클릭 후 부모메뉴 열기**/
/*** 헤더부 ***/
header .DROPDOWN {padding:10px 20px; display:inline-block;}
header .DROPDOWN dl {clear:both; display:block; text-align:center !important;}
header .DROPDOWN dt, header .DROPDOWN dd {height:40px; line-height:40px; display:inline-block; float:left;}
header .DROPDOWN dt, header .DROPDOWN svg {width:18px; height:18px; display:inline-block; margin:4px 10px 0 0;}
header .DROPDOWN dt path, header .DROPDOWN dd {cursor:pointer; color:#5f6166 !important;}
header .DROPDOWN dd {font-size:14px; font-weight:600;}
header .DROPDOWN dl:hover dd {color:#ee412f;}
header .DROPDOWN dl:hover path:last-child {fill:#ee412f;}
header .DROPDOWN dd:hover {text-decoration:underline; color:#ee412f !important;}

/***** 폼 *****/
select, input[type='text'], input[type='password'], input[type='number'], option {font-weight:400 !important; width:100%; border:1px solid #c4c7cd; font-size:12px; padding:0 5px; background-color:#fff !important; height:30px; line-height:30px; /*** 높이 ***/
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
select {padding:0 0 0 8px !important;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
option {height:34px !important; line-height:34px !important; border-bottom:1px dashed #c4c7cd !important;}
option:last-child {border-bottom:0 !important;}
textarea {width:100% !important; padding:10px; background-color:#fff !important; border:1px solid #c4c7cd !important;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
input[readonly] { background-color: #f5f5f5 !important; color:#8b959d !important; cursor: default; }


/*** 하기: 안먹는 요소 ***/
*::placeholder {font-weight:400 !important; font-size:12px !important; color:#8b959d; !important;}

/***** 탭 *****/
label {margin:0; padding:0; font-size:12px !important; font-weight:600;}
.TAB {width:100%; display:inline-block;}
.TAB .menus {margin-bottom:-4px; border-bottom:1px solid #c4c7cd;}
.TAB, .tab-contents, .TAB .menus {margin:0; padding:0; width:100%; display:inline-block;}
.TAB .tab-contents {text-align:left; padding:0;}
.TAB .menus figure {padding:0 !important; display:inline-block; color:#5f6166; text-align:center !important; float:left; background-color:#fafafa; border:1px solid #c4c7cd; border-bottom:0; height:50px; line-height:50px; /*** set-5: line-height ***/
	border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}
.TAB .menus figure:hover {border-color:#3c4048; border-bottom:0 !important; color:#3c4048;}
.TAB .menus label {font-weight:600 !important; cursor:pointer; width:100%; display:inline-block; padding-bottom:20px !important; margin-top:10px; line-height:14px !important;}/*** set-5: line-height ***/
.TAB .menus figure:link, .menus figure:focus, .menus figure.active {border:2px solid #ee412f; border-bottom:0; color:#ee412f;}/*** 선택된 탭 ***/
.TAB .tab-contents .tab-inner {opacity:0; height:0;}
.TAB .tab-contents .tab-inner .tab-con {padding:20px 0;}/*** 탭 내부 상위 마진 ***/
.TAB .tab-contents input[type=radio] {display:none;}
.TAB [id^=tab-input-]:checked ~ div[id^=tab-inner-] {opacity:1; height:auto; text-align:left !important; width:100%;
	transition:0.2s; -webkit-transition:0.2s; -ms-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s;}
/*** 탭 : 상위 일반 스타일 ***/
.TAB.SMALL {display:inline-block !important;}
.TAB.SMALL .menus figure, .TAB.SMALL .menus figure label {height:40px; line-height:40px;}
.TAB.SMALL .menus figure label {padding:0 30px; display:inline-block;}
.TAB .menus .GAP figure {margin-right:0 !important;}/*** 탭메뉴사이 간격 없앰 : 엘리먼트 GAP속성 강제 삭제 ***/


/****************** 프레임 ******************/
/*** 토글러 ***/		
.hamburger-checkbox {position:absolute; opacity:0;}
.hamburger-label {cursor:pointer; position:absolute; top:23px; left:250px; z-index:1; width:30px; height:30px; display:inline-block; border:1px solid transparent; margin-right:20px; z-index:100000;}/***3선 아이콘 스타일***/
.hamburger-label:hover {width:30px; height:30px; display:inline-block; border-color:#c4c7cd;}
.hamburger-label svg {width:30px; height:30px; display:inline-block; padding:3px; font-size:15px; margin:0 auto;}
.hamburger-checkbox:checked ~ .hamburger-label:before {z-index:1; position:absolute; top:0; left:0; display:inline-block; text-align:center;}
/*** 토글러 event flex 스트레칭 ***/
.hamburger-checkbox:checked ~ #sidebar {width:40px; overflow:hidden; height:100%; opacity:1; font-size:0;}/*** 햄버거 toggler click 시 반응하는 대상과 event ***/
.hamburger-checkbox:checked ~ #sidebar .sub {left:40px;}
.hamburger-checkbox:checked ~ #sidebar svg {margin-left:-5px; transition:0.3s; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

.hamburger-checkbox:checked ~ #codeManage_detail_GL {width:calc (100% + 100em) !important; min-width:110% !important;}
.hamburger-checkbox:checked ~ #codeManage_detail_GL_page {width:2000px !important;}

/********** wrap-bottom: bottom **********/
.body_wrapper {width:100%; min-height:100%; overflow:hidden !important; display:flex; background-color:#5f6166; min-height:100%;}/*** main_layout.css 원본에서는 삭제 ***//*** 헤더의 높이와 연관하여 위치값조정 ***/
#sidebar {width:170px; background-color:#5f6166; color:#eee; height:100vh; /*** 상위 여백은 이곳에서 해줘야 스트레칭이 자연스러움 ***/
	transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
/*#body_contents {position:relative; top:80px; z-index:100; flex:1; background-color:#fff; height:100vh; overflow-y:auto; padding:30px; display:inline-block;
	transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}*//*** 개발 내부영역 ***/
#body_contents {position:relative; top:70px; z-index:100; flex:1; background-color:#fff; height:100vh; overflow-y:auto; padding:30px; display:inline-block;
	transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}/*** 개발 내부영역 ***/	
.content_body {padding-bottom:100px;}
.content_body_description {margin-bottom: 23px;}

/************ 기존에서 변경, main.css/main_layout.css는 제외 ************/
/***** 서브페이지 일반 *****/
.TIT-BTN {clear:both; width:100%; display:inline-block;}
.TIT-BTN .BTN-SMALL {margin-top:10px;}
.TIT-BTN i {width:20px; height:20px; display:block; display:inline-block;}
/* .content_body {position:relative; flex:1; background-color:#fff; height:100vh; overflow-y:auto; display:inline-block;} */
.content_header * {margin:0; padding:0; line-height:auto; display:inline-block !important;}
.content_header {height:auto !important; width:100%; display:inline-block; padding-bottom:20px; border-bottom:1px solid #999; margin-bottom:20px;}
.content_header .TIT-PAGE {width:100%; display:inline-block;}
.content_header .TIT-PAGE .menu-main {display:inline-block;}
.content_header .TIT-PAGE .menu-main:after {content:''; width:5px; height:10px; display:inline-block; background:url('/assets/img/added-200904/i-next.png') no-repeat; opacity:0.6; margin:0 10px 0 8px;}
.content_header .pTitle {margin:0 !important; padding:0 !important;}

/*** LNB ***/
#lnb {position:absolute; top:50px; width:170px; height:100%; background-color:#5f6166;}
#lnb li {width:100%; border:0;}
#lnb a {width:100%; padding:0 10px; height:60px; line-height:60px; display:inline-block; font-weight:600; color:#eee; border-left:3px solid transparent;}
#lnb a:hover {width:100%; border:0; border-left:3px solid #ee412f;}
#lnb a:focus {width:100%; border:0; border-left:3px solid transparent; background-color:rgba(255,255,255,0.1);}
/*** 메인메뉴 ***/
#lnb > ul > li {width:100%; display: inline-block;}
#lnb > ul > li > a {font-size:15px !important;}
/*** 서브메뉴 ***/
#lnb .sub {width:0; height:100%; opacity:0; position:absolute; top:-20px; left:170px; z-index:1; font-size:0; background-color:transparent;}/***header높이에 따른 위치 조정***/
#lnb .sub h6 {padding:0 15px; height:50px; line-height:50px; border-bottom:1px dashed rgba(255,255,255,0.3); color:#fafafa !important; text-align:center;}
#lnb .sub li a {border-left:10px solid transparent; height:50px; line-height:50px; font-size:13px !important; font-weight:400 !important;}
#lnb .sub li a:hover {border-left:10px solid transparent; background-color:rgba(255,255,255,0.1);}
#lnb svg {opacity:1; width:24px; height:24px; margin:18px 10px 0 -5px !important; fill:rgba(255,255,255,0.6); float:left;}
#lnb .sub-open .sub {z-index:2147483647; opacity:1; width:170px; font-size:14px !important; background-color:#3c4048;
	transition:0.3s; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
	
#lnb .sub ul li h6{position: absolute; left: 170px; top:0; width: 100%; z-index: 999; display: none;}
#lnb .sub-01{position: absolute; left: 170px; width: 100%; top: 0px; background: #212121; height: 100vh; padding-top: 50px; display: none;}	

/***** 버튼  *****/
button {border:0; padding:0 15px !important; display:inline-block; background-color:#3c4048; color:#fff !important; height:30px !important; /*** 버튼높이: 일반속성-다른 버튼 속성과 높이 맞출것 ***/
	font-size:12px !important; font-weight:600 !important; text-align:center !important;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
button:hover, button:focus, button:link, button:active, button:visited {background-color:#ee412f; border:1px solid #ee412f !imporatnt;}

.area_btn {margin:10px 0;}/*** 버튼마진 외부 ***/
.ui-button .ui-button-text {padding:0 !important; padding-left: 15px !important; padding-right:15px !important;} /*** reset: 원본-jquery-rebuild.css > 35 ***/
.btn.btn-default.btin-xs.ui-button.ui-widget.ui-state-default.ui-corner-all span, .ui-button-text {padding:0 15px !important; display:inline-block !important; background-color:#3c4048; color:#fff !important; height:30px !important; line-height:30px !important;/*** 버튼높이: 일반속성-다른 버튼 속성과 높이 맞출것 ***/
	font-size:12px !important; font-weight:600 !important; text-align:center !important;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.btn.btn-default.btin-xs.ui-button.ui-widget.ui-state-default.ui-corner-all:hover span, .ui-button-text:hover {background-color:#ee412f !important; height:30px !important; line-height:30px !important;/*** 버튼높이: 일반속성-다른 버튼 속성과 높이 맞출것 ***/
    border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
/*** 흑색: 긍정 ***/
.pos {background-color:#3c4048; border:1px solid #3c4048; color:#fff !important;}
.pos:hover, .pos:link, .pos:focus, .pos:active {background-color:#ee412f; !important; border:1px solid #ee412f;}
/*** 흰색: 부정 ***/
.nega {background-color:#fff !important; color:#3c4048 !important; border:1px solid #3c4048 !important;}
.nega:hover, .nega:link, .nega:focus, .nega:active	{background-color:#ee412f !important; color:#fff !important; border-color:#ee412f !important;}
/*** 상위와 같은 스타일이나 특수 정의 포함 ***/
#codeManage_group_S_B_search {margin-top:-1px !important;}
#codeManage_group_S_B_clear, #menuAuthorityManage_authority_S_B_clear, #contents_S_B_clear, #contentsMapp_S_B_clear, #btnPopClear
	{color:#3c4048 !important; background-color:#transparent !important; border:1px solid #3c4048 !important; height:30px !important; line-height:30px !important;/*** 버튼높이: 일반속성-다른 버튼 속성과 높이 맞출것 ***/
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
#codeManage_group_S_B_clear:hover, #menuAuthorityManage_authority_S_B_clear:hover, #contents_S_B_clear:hover, #contentsMapp_S_B_clear:hover, #btnPopClear:hover
	{border:1px solid #ee412f !important; background-color:#ee412f !important; color:#fff !important;}
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#codeManage_group_S_B_clear span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#menuAuthorityManage_authority_S_B_clear span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#contents_S_B_clear span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#contentsMapp_S_B_clear span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#btnPopClear span
	{background-color:#fff !important; color:#3c4048 !important;}
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#codeManage_group_S_B_clear:hover span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#menuAuthorityManage_authority_S_B_clear:hover span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#contents_S_B_clear:hover span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#contentsMapp_S_B_clear:hover span,
.btn.btn-default.btn-xs.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only#btnPopClear:hover span
	{border:0 !important; background-color:#ee412f !important; color:#fff !important;}
/*** 버튼: another ***/
.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 {background:none !important;}

/***** 테이블 일반 *****/
table {width:100% !important; border-top:2px solid #999 !important; border-bottom:2px solid #999 !important;}
table, th, td {padding:0;}/*** padding, border 하위 별도 지정 : area_*, jq-grid, main ***/ 
th, td {padding:5px !important; font-size:12px !important; border-bottom:1px solid #c4c7cd; border-right:1px dashed #c4c7cd;}
th:last-child, td:last-child {border-right:0}
tr:last-child td {border-bottom:0 !important;}
th {background-color:#fafafa;}
td {color:#5f6166 !important;}
table small {color:#ee412f; font-size:12px; float:right; font-weight:normal !important;}/*** info: 예-모달 부 활용 ***/

/*** 메인 테이블 ***/
.main {margin-top:10px;}
.main table {width:100% !important; border-color:#ee412f !important;}
.main .LAYOUT {margin-top:30px;}
.main .LAYOUT:first-child {margin-top:0 !important;}
.main figure {padding:30px; display:inline-block; border:1px solid #c4c7cd; margin-right:30px !important;
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -ms-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -o-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
	border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
.main h5 {padding:0; width:100%; display:inline-block; border-left:3px solid red; padding-left:10px; margin-bottom:15px !important;}/*** tit ***/
.main .btn-more {cursor:pointer; margin-top:10px; font-size:12px; color:#5f6166; letter-spacing:0; width:100%; dispolafloat:right important; text-align:right;}
.main .btn-more:hover {text-decoration:underline; color:#3c4048;}
.main th, .main td {border-right:1px dashed #c4c7cd; text-align:center; padding:8px !important;}
.main td {text-align:left; font-weight:100 !important;}
.main th:last-child, .main td:last-child {border-right:0 !important;}

/*** 서브페이지 일반(area, not jq-grid) 테이블 그리드 ***/
[class*="area_"], [class*="area_"] table {width:100% !important;}
[class*="area_"] th, [class*="area_"] td {border:0 !important; font-size:12px !important; text-align:center; border-bottom:1px solid #c4c7cd !important;}
[class*="area_"] th {text-align:center !important; background-color:#eee !important; color:#3c4048 !important;}
[class*="area_"] td, [class*="area_"] td:hover {background-color:#fff !important;}
[class*="area_"] td {color:#999; font-weight:normal !important;}
[class*="area_"] td:hover {color:#3c4048;}
[class*="area_"] th:last-child, [class*="area_"] td:last-child {border-right:0 !important;} 
[class*="area_"] tr:last-child th, [class*="area_"] tr:last-child td {border-bottom:0 !important;}
[class*="area_"] tr:hover td {color:#3c4048; background-color:#eee;
	transition:0 !important; -moz-transition:0 !important; -ms-transition:0 !important; -moz-transition:0 !important; -o-transition:0 !important; -webkit-transition:0 !important;}
.area_search td:last-child {padding-right:0 !important;}
.area_detail table {border-left:1px solid #c4c7cd !important; border-right:1px solid #c4c7cd !important;}
.area_detail th, .area_detail td {min-height:30px !important;}

/*** 큰 칼럼 좌우 divition : 페이지 별 비 공통 값인 경우 COL-02...등으로 변경 ***/
.area.RIGHT {text-align:left !important; padding-left:35px;}
.area.RIGHT#menuManage_right {padding-left:0 !important;}
/*** main.css ***/
.area_title {border:0; margin:0; padding:0; margin-bottom:10px !important;}
.area small {width:100%; display:inline-block; margin:5px 0; float:right; text-align:left; color:#8b959d; font-size:11px; letter-spacing:-0.3pt; font-weight:100 !important;}/*** txt: 작은 보조 글씨- 필요시 사용 ***/

/*** 추가 ***/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left,
.ui-corner-bl, .ui-corner-all, .ui-corner-top,
.ui-corner-right, .ui-corner-tr, .ui-corner-all,
.ui-corner-top, .ui-corner-left, .ui-corner-tl {border-radius:0; -webkit-border-radius:0; -ms-border-radiusw:0; -moz-border-radius:0; -o-border-radius:0;}


/******************** jq-그리드 ********************/
/********** jq-그리드 반응형 **********/
.ui-jqgrid .ui-jqgrid-hbox {width:100% !important;}
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {width:100% !important;}
.ui-jqgrid-view {width:100% !important;}/***스트레칭 관여***/
.ui-jqgrid-hdiv {width:100% !important;}
.ui-jqgrid-htable {width:100% !important;} 
.ui-jqgrid-bdiv {width:100% !important; overflow-x:scroll !important;}
.ui-jqgrid-btable {width:100% !important;}
.ui-jqgrid-pager {width:100% !important;} 
.ui-jqgrid-labels {flex:1;}
.ui-jqgrid-label th:last-child {width:auto !important;}
.ui-jqgrid {margin:0 !important;}

/** 2021.01.15 추가 footer 영역 (sum 관련)**/
.ui-jqgrid-sdiv{width:100% !important; overflow-x:scroll !important;}
.ui-jqgrid-ftable {width:100% !important;}
/** 2021.01.15 추가 **/

/********** HEADER / FOOTER **********/
/********** 일반: 원본-Minly from 'ui-jqgrid.css' **********/
.ui-jqgrid * {padding:0 !important; margin:0 !important;}
/*** 넘버부 ***/
.ui-jqgrid tr.ui-row-ltr td:first-child {font-weight:normal !important; overflow:inherit !important; text-overflow:inherit !important; font-size:12px !important; letter-spacing:-1pt !important; padding:0 !important;}/*** ui.jqgrid.css ***/
.ui-jqgrid tr.ui-row-ltr td:first-child, .ui-jqgrid tr.ui-row-ltr: td:first-child:hover {background-color:transparent !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-color:transparent;}/*** base.css ***/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#3c4048 !important;}/*** base.css ***/
.ui-widget {font-family:inherit !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:1 !important;}

/***** 컬럼 라인 관련 (th 이동라인 포함) *****/
.ui-jqgrid table, .ui-jqgrid th, .ui-jqgrid td {padding:0 !important; margin:0 !important; border:0 !important;}/*** reset ***/
/*** jq > th ***/
.ui-state-default.ui-th-column.ui-th-ltr {background-color:#fafafa !important; height:30px; border-bottom:1px solid #aaa !important; border-right:1px dashed #c4c7cd !important;}
.ui-state-default.ui-th-column.ui-th-ltr:hover {background-color:#ddd !important; border-right:1px solid #aaa !important;}
.ui-state-default.ui-th-column.ui-th-ltr:last-child {border-right:0 !important;}
/*** jq > td ***/
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-state-default, .ui-jqgrid tr.jqgrow td {padding:0 !important;}/*** reset: 데이피커, 모달 등과 연관- 원본-base.css ***/
.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-ltr:visited td {padding:0 !important; margin:0!important; cursor:pointer;overflow:hidden; text-overflow:ellipsis;-o-text-overflow:overflow:ellipsis;}
.ui-jqgrid tr.ui-row-ltr:hover td, .ui-jqgrid tr.ui-row-ltr:focus td, .ui-jqgrid tr.ui-row-ltr:link td , .ui-jqgrid tr.ui-row-ltr:active td {background-color:#eee !important; color:#3c4048 !important;}
.ui-widget-content.jqgrow.ui-row-ltr td {border-bottom:1px solid #c4c7cd !important; border-right:1px dashed #c4c7cd !important; padding:5px !important; min-height:28px !important;}
.ui-widget-content.jqgrow.ui-row-ltr td:last-child {border-right:0 !important;}
.ui-widget-content.jqgrow.ui-row-ltr:last-child td {border-bottom:1px solid #c4c7cd !important;}


/********** 데이피커 **********/
.ui-datepicker-trigger.ui-button .ui-button-text {display:none !important; overflow:0 !important; background-color:transparent !important;}
/*** 1개 ***/ 
.DAYPICKER-SINGLE {margin:0 !important; padding:0 !important;}
.DAYPICKER-SINGLE {width:100%; display:inline-block;}
.DAYPICKER-SINGLE li {width:100%; float:left;}
/*** 1쌍 ***/ 
.DAYPICKER-PAIR {margin:0 !important; padding:0 !important;}
.DAYPICKER-PAIR {width:100%; display:inline-block;}
.DAYPICKER-PAIR li {width:48%; float:left;}
.DAYPICKER-PAIR li:last-child {float:right;}
.DAYPICKER-PAIR li:nth-child(2) {width:4%; font-size:10px; color:#8b959d; text-align:center; float:left !important; line-height:32px;}/***높이: 테이블에 맞출것 ***/
.ui-datepicker table {border:0 !important;}
.ui-datepicker th {background-color:#eee !important;}/***jquery-ui.min.css > 70번째줄***/
.ui-datepicker .ui-state-default {width:32px !important; height:32px !important; line-height:31px !important;}

/*** 원본  ***/ 
/* .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all, .ui-datepicker {border-top:2px solid red !important;} */
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all,
.ui-datepicker {cursor:pointer !important; outline:0 !important; width:auto !important; border:1px solid #c4c7cd !important; display:inline-block;/*** 블럭 !important 주의 ***/
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -ms-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4); -o-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
	border-radius:5px !important; -webkit-border-radius:5px !important; -ms-border-radius:5px !important; -moz-border-radius:5px !important; -o-border-radius:5px !important;}
/* .i_date {width:100% !important;} */
.ui-datepicker-trigger {display:inline-block !important; width:32px; height:28px; margin-left:-33px !important;
	background:url('/assets/img/added-200904/i-calendar-reg.png') 2px 2px no-repeat !important;
	border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}/*** 캘린더 버튼 ***/
.ui-datepicker-trigger:hover, .ui-datepicker-trigger:focus, .ui-datepicker-trigger:link, .ui-datepicker-trigger:active {background:url('/assets/img/added-200904/i-calendar-over.png') 2px 2px no-repeat !important;}
.ui-datepicker-trigger img {opacity:0 !important;}
/*** 버튼: 위치잡기 기준  ***/
.ui-datepicker-header.ui-widget-header {width:100%; position:relative !important; max-width:255px; background-color:transparent !important; border:0;}/*** border 정리 ***/
/*** 버튼: 이전 + 다음  ***/
.ui-datepicker-prev.ui-corner-all {border:0; background:transparent; position:absolute !important; top:7px !important; left:5px !important;}
.ui-icon.ui-icon-circle-triangle-w {position:absolute !important; top:5px !important; left:4px !important; border:1px solid transparent !important; background:none; background:url('/assets/img/added-200904/i-pre.png') 7px 5px no-repeat;}
.ui-datepicker-next.ui-corner-all {position:absolute !important; top:12px !important; right:2px !important; border:0; background:transparent;}
.ui-icon.ui-icon-circle-triangle-e {border:1px solid transparent !important; background:none; position:absolute !important; top:0 !important; right:0 !important; background:url('/assets/img/added-200904/i-next.png') 8px 5px no-repeat;}
/*** 캘린더 내부  ***/
.ui-datepicker-year, .ui-datepicker-title {font-size:12px !important;} /*** 셀렉+년+셀렉 ***/
.ui-datepicker-calendar td,
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar td
	{box-shadow:none !important; margin:0 !important; padding:0 !important; border:0 !important; font-size:12px !important; font-weight:600 !important; text-align:center !important;}
.ui-datepicker-calendar a {width:36px; line-height:38px !important;}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active:hover,
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar .ui-state-default:hover {background-color:#ee412f !important; color:#fff !important;
	border-radius:5px !important; -webkit-border-radius:5px !important; -ms-border-radius:5px !important; -moz-border-radius:5px !important; -o-border-radius:5px !important;}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w:hover, .ui-icon.ui-icon-circle-triangle-e:hover {background-color:transparent !important; border:1px solid #c4c7cd !important;}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker-calendar .ui-jqgrid tr.jqgrow:hover td, .ui-widget-content.jqgrow .ui-row-ltr.ui-state-highlight, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
	{background-color:#fff !important; border:2px solid #ee412f !important; text-align:center !important;
	border-radius:5px !important; -webkit-border-radius:5px !important; -ms-border-radius:5px !important; -moz-border-radius:5px !important; -o-border-radius:5px !important;}/*** today ***/
.ui-datepicker-calendar a.ui-state-default:focus {color:#eee !important;}
.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {opacity:0 !important;}/*** jquery-ui.min.css - 전달,다음달 날짜: 나타나지 않음***/


/********* 커먼 버튼 / 아이콘 *********/
svg {display:inline-block; margin-right:15px;}
.icon .i-search {background-position:0 1px;}
.i-close {width:25px; height:25px; display:block; background:url('/assets/img/added-200904/i-close.png') no-repeat; background-size:100%; margin-top:-5px;}
.i-star {color:#ee412f; padding-left:5px; font-size:10px !important;}
/*** 써치 set ***/
.search {width:100%; display:inline-block; border:1px solid #c4c7cd; position:relative;}
.search button {position:absolute; right:0; height:100%; background-color:#eee; color:#fff; padding:0 15px; display:inline-block; border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0;}
.search button:hover {background-color:#eee;}
.i-search {background:url('/assets/img/added-200904/i-search.png') no-repeat 8px 8px;}
.i-search.TABLET {width:20px; height:20px; display:block; background:url('/assets/img/added-200904/i_search.png') no-repeat !important; padding:0 10px;}
.i-upback {background:url('/assets/img/added-200904/i_upback.png') no-repeat; width:12px; height:12px; display:block;}

/***** 트리메뉴 관련 : 외부, style.css 요소들 *****/
/*** 체크박스: 별도 css에서 만듬 ***/
.tree {overflow-y:auto !important; border:1px solid #c4c7cd !important;}/*** 페이지 별 높이 차등: *페이지 내 style="" 높이 지정 지우지 말것 ***/
.jstree-anchor {padding:0 10px; display:inline-block; font-size:12px !important; font-weight:400 !important; color:#5f6166 !important;}/*** 메뉴 개체 ***/
.red {color:#5f6166 !important;}
.jstree-anchor:hover {background-color:#5f6166 !important; color:#fff !important;}
/*** 일반 ***/
.jstree-open {color:#ee412f !important;}/*** 트리메뉴그룹 open시,타이틀 ***/
.jstree-default .jstree-hove#ee412f {background:transparent !important; background-color:#fff !important; background-color:rgba(238,65,47,0.2) !important;}/*** 트리메뉴 over 시 ***/
/*** style.css(another) ***/
.jstree-default > .jstree-container-ul > .jstree-node {margin:auto;}

/********** 모달 **********/
.modal * {color:#3c4048;}
.modal table {width:100% !important;}
.modal .identify {width:100%; display:inline-block; margin:10px 0; color:#ee412f !important; font-size:12px !important;}
/*** 원본: jquery_rebuild.css ***/
.ui-dialog {padding:0 !important; margin:0 !important; height:auto !important; background-color:#fff; border:1px solid 5px #8b959d; display:inline-block; /*** set-7: padding 같은 세트와 연관해 조절 ***/
	box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2);
	border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.ui-dialog .ui-widget-header {padding:0 !important; margin:0 !important; background-color:transparent !important; border:0 !important; display:inline-block !important; border-bottom:1px solid #8b959d !important;}
.ui-dialog .ui-dialog-titlebar {padding:0 !important; margin:0 !important; width:100% !important; border:0;}/*** set-4: padding값 하위와 연관하여 정의 ***/
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {width:100% !important; font-size:20px !important; color:#3c4048 !important; display:inline-block !important; padding:15px 20px 10px 20px !important;}/*** set-7: padding 같은 세트와 연관해 조절 ***/
/***** 버튼 *****/
.modal_body .ui-icon, .ui-dialog-titlebar .ui-button-icon-primary.ui-icon.ui-icon-closethick,
.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se
	{display:none !important;}/*** 모달 내 불필요 요소 삭제 ***/
/* .modal button {background:none !important;}  모달 버튼 안나와서 주석처리 2020.10.16*/
.modal button#btnPopSearch {background-color:#3c4048 !important;}
.modal button#btnPopSearch:hover {background-color:#ee412f !important;}
/*** close ***/
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close
	{position:absolute; top:15px; right:10px; background-color:#fff !important;/*** close버튼 위차: 상위, .ui-dialog .ui-dialog-titlebar와 연관하여 절대 위치값 설정 ***/
	background:url('/assets/img/added-200904/i-close.png') -2px -2px no-repeat !important;
	width:28px !important; height:28px !important; display:inline-block !important; border:1px solid transparent !important;
	border-radius:50% !important; -webkit-border-radius:50% !important; -ms-border-radius:50% !important; -moz-border-radius:50% !important; -o-border-radius:50% !important;}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {background-color:transparent !important;}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:hover {border:1px solid #c4c7cd !important;}

/*** contents 부  ***/
.modal.ui-dialog-content.ui-widget-content {padding:0 !important; margin:0 !important; clear:both !important; width:100% !important; display:inline-block !importan; padding:20px !important;} /*** reset 포함 ***/ /*** set-7: padding 같은 세트와 연관해 조절 ***/
.modal .ui-widget-content,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {padding:0 !important; /* padding:10px !important; */ /*** set-4: padding, margin 값 상위와 연관하여 정의 ***/
	/* box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2) !important; 기존 2020.10.22*/
	box-shadow:none !important; 
	-webkit-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2);
	/* border-radius:10px !important; 기존 2020.10.22 */
	border-radius:0 !important; 
	-webkit-border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.modal .ui-jqgrid-btable {margin:0 !important; padding:0 !important; width:100% !important;}
/* .modal .ui-jqgrid-btable th, .modal .ui-jqgrid-btable td, .modal .ui-jqgrid tr.jqgrow td {height:36px !important;}  2020.10.19 jqgrid firstrow 36px 로 인하여  주석처리 */

/*** footer ***/
.modal-footer {padding:0 !important; margin:0 !important; width:100% !important; display:inline-block !important; padding:10px 20px 0 20px; !important; text-align:center; margin-top:25px !important;}/*** reset + 마진 contents상위로 밀림 ***/

/***** 폼 *****/
.modal .GROUP-FORM {width:100%; display:inline-block; letter-spacing:0; font-size:13px; margin-top:10px;}
/*** 라디오/체크 ***/
.control {cursor:pointer; position:relative; width:100%; display:inline-block; line-height:20px; padding-left:30px;}
.control input {position:absolute; z-index:-1; opacity:0;}
.indicator {position:absolute; top:2px; left:0; width:16px; height:16px; background-color:#fff; border:2px solid #ee412f;}
.radio .indicator {border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.control:hover input ~ .indicator, .control input:focus ~ .indicator {background-color:#fff;}
.control input:checked ~ .indicator {background-color:#ee412f;}
.control:hover input:not([disabled]):checked ~ .indicator,
.control input:checked:focus ~ .indicator {background-color:#ee412f;}
.control input:disabled ~ .indicator {pointer-events:none; opacity:.6; background-color:#fff;}
.indicator:after {position:absolute; display:none; content:'';}
.control input:checked ~ .indicator:after {display:block;}
.checkbox .indicator:after {top:-2px; left:3px; width:4px; height:10px; transform:rotate(45deg); border:solid #fff; border-width:0 2px 2px 0;}
.checkbox input:disabled ~ .indicator:after {border-color:#ee412f}
.radio .indicator:after {top:3px; left:3px; width:7px; height:7px; background-color:#fff; /*** checker: 라디오 가운데 볼 ***/
	border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.radio input:disabled ~ .indicator:after {background-color:#ee412f;}
.ui-widget-header .ui-dialog-title {padding:0 !important; width:100%;}


/********** 얼라트 : 원본-jquery.alert.css + jquery.alert.js : js 파일 내부에서 /*** css를 검색하면 수정부 확인 가능, *인라인 요소와 css가 병행되어야 안정적으로 반영. padding값은 안먹으므로 각각 width로 지정해야 함 **********/
#popup_container {padding:20px !important;}
#popup_container.ui-draggable {min-width:400px; max-width:600px; min-height:250px;
	background-color:#fff; border:1px solid 5px #8b959d; padding:20px; display:inline-block;
	box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2);
	border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
#popup_container.ui-draggable .ui-draggable-handle {font-size:24px !important; padding-bottom:10px !important; border-bottom:1px solid #c4c7cd !important; margin-bottom:20px !important;}/*** header ***/
#popup_title, #popup_content, #popup_message, #popup_panel {width:100% !important; border:0; padding:0 !important; margin:0 !important;}
#popup_message {clear:both !important; width:108% !important; display:inline-block !important; overflow:visible !important; margin-top:20px !important; margin-left:-4% !important; text-align:center !important;}
#popup_panel {margin:0 auto !important;}
#popup_panel input#popup_ok {cursor:pointer; border:0 !important; border-top:1px solid #c4c7cd; padding:0 15px !important; min-width:70px !important; height:36px !important; line-height:0 !important; display:inline-block !important; background-color:#3c4048 !important; color:#fff; margin-top:20px;
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
#popup_panel input#popup_ok:hover {background-color:#ee412f !important;}
#popup_ok input:last-child:hover {background-color:#ee412f !important; color:#3c4048 !important;}

/********** jq-그리드 컨트롤러 **********/
/*** 폼 : table 내부 ***/
input[type="radio"] {margin-right:2px !important;}

/*** 버튼 : table 내부 ***/
.ui-jqgrid button {padding:0 !important; padding:0 10px !important; height:26px !important; line-height:23px !important; background-color:#fafafa !important; color:#3c4048 !important; border:1px solid #8b959d; !important;}
.ui-jqgrid button:hover {border-color:#3c4048 !important; background-color:#3c4048 !important; color:#fff !important;}
/******* 원본: ui-jqgrid.css *******/

/** 2021.01.15 추가 footer 영역 (sum 관련)**/
.ui-jqgrid-btable, .ui-jqgrid-htable, .ui-jqgrid-bdiv, .ui-jqgrid-sdiv {overflow-x:scroll !important; overflow-y:scroll !important; background-color:#fff !important;}/*** 스크롤: jq-그리드 유무 ***/
/*.ui-jqgrid-btable, .ui-jqgrid-htable, .ui-jqgrid-bdiv {overflow-x:scroll !important; overflow-y:scroll !important; background-color:#fff !important;}*/ /*** 스크롤: jq-그리드 유무 ***/
/** 2021.01.15 추가 footer 영역 (sum 관련)**/

.ui-state-default.ui-jqgrid-hdiv {overflow-y:scroll !important;}/*** 스크롤: 제목부 너비 맞춤 ***/
.ui-jqgrid input[type='text'], .ui-pager-control input[type='text'] {line-height:0 !important;}

/*** header, footer 부 공통 ***/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding:0 !important; padding:0 !important; font-weight:600 !important; color:#3c4048 !important; overflow:hidden;}
/***** HEADER 전체 바 *****/
.ui-jqgrid-hbox {width:100% !important; padding:0 !important;}/*** 헤더 칼럼 넓이 조정 ***/

/*** 위/아래: 리스트 컨트롤러 : header ***/
.ui-jqgrid .ui-jqgrid-htable th div {height:100% !important; line-height:30px !important;}/*** jq-그리드 헤더 높이 ***/
.ui-jqgrid-sortable .ui-icon,
.ui-jqgrid-sortable .ui-widget-content .ui-icon
	{margin:6px 2px !important; background:url('/assets/img/added-200904/i-up-down.png') 1px 0 no-repeat !important; background-size:16px !important; opacity:0.8;
	opacity:0.5 !important; width:19px !important; height:18px !important; border:1px solid #c4c7cd;}
.ui-jqgrid-sortable .ui-icon:hover, .ui-jqgrid-sortable .ui-widget-content .ui-icon:hover {margin:6px 2px !important; width:19px !important; height:19px !important; display:inline-block;}

/*** FOOTER 전체 바 ***/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
	{padding:0 !important; background-color:transparent !important; border:0 !important; padding:0 !important; font-weight:600 !important; color:#3c4048 !important; overflow:hidden;}/*** header, footer 부 공통 ***/
.ui-state-default.ui-jqgrid-pager.ui-corner-bottom/***height만 먹음***/, .ui-pager-control/***border만 먹음***/ {background-color:#fafafa !important; border-top:1px solid #c4c7cd; height:30px !important;}/*** 폼 높이 : 하위 폼 및 버튼 크기와 맞출것 ***/ 
.ui-jqgrid .ui-pg-table, .ui-jqgrid .ui-pg-table tr td, .ui-jqgrid .ui-pg-table, .ui-jqgrid .ui-pg-table tr:hover td  {background-color:transparent !important; color:#3c4048 !important;}
.ui-jqgrid .ui-pg-table, .ui-jqgrid .ui-pg-table tr td {padding-top:0 !important; margin-top:0 !important; border:0 !important;}
.ui-jqgrid .ui-pg-table, .ui-jqgrid .ui-pg-table tr:hover td {cursor:inherit !important; color:inherit !important;}
/*** 폼 : jq그리드 내부- 원본 Jquery_Rebuild.css ***/
.ui-jqgrid .ui-pg-input {height:22px !important;}/*** 폼 높이 : 하위 폼 및 버튼 크기와 맞출것 ***/ 
.ui-pg-input, .ui-jqgrid .ui-pg-table td select {border:1px solid #c4c7cd !important; height:22px !important; line-height:22px !important; margin:4px 0 0 0 !important; /*** set-2-2 폼위치 : 위치와 크기는 하위 set-2-1과  맞출것 ***/ 
	border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.ui-pg-input {min-width:50px !important;}
.ui-jqgrid .ui-pg-table td select {min-width:70px !important;}
.ui-pg-input {text-align:center !important;}
/*** 공통 : 전체 obj. 세로 위치 지정 ***/
.ui-jqgrid .ui-pg-table {margin:0 0 0 -10px !important;}/*** set-2-1 위치: 컨트롤러 전체 위치 ***/
/*** 버튼 하단 아이콘 : 버튼 obj. 세로 위치 추가 조정***/
.ui-icon, .ui-widget-content .ui-icon {padding:0 !important; cursor:pointer; overflow:hidden !important; width:22px; height:22px; background-color:#fff !important; border:1px solid #c4c7cd !important;/*** set-2-3 위치: header 컨트롤러에 영향 ***/ 
	border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}	
.ui-icon, .ui-widget-content .ui-icon:hover {background-color:#fff !important; border:1px solid #999 !important;}/*** 버튼: header 컨트롤러에 영향 ***/ 
.ui-icon.ui-icon-seek-first {background:url('/assets/img/added-200904/i-first.png') #fff 6px 50% no-repeat !important; background-size:34% !important; margin-right:22px !important;}
.ui-icon.ui-icon-seek-prev {background:url('/assets/img/added-200904/i-pre.png') #fff 7px 50% no-repeat !important; background-size:20% !important;}
.ui-icon.ui-icon-seek-next {background:url('/assets/img/added-200904/i-next.png') #fff 8px 50% no-repeat !important; background-size:20% !important; margin-left:0 !important;}/*** 아이콘 위치조정 ***/
.ui-icon.ui-icon-seek-end {background:url('/assets/img/added-200904/i-end.png') #fff 7px 50% no-repeat !important; background-size:34% !important; margin-left:0 !important;}/*** 아이콘 위치조정 ***/
.ui-jqgrid .ui-separator {margin-top:2px !important;}/*** 경계라인: 버튼, 폼 사이 - 원본: ui.jqgrid.css > 63 ***/ 
/*** 개별: 원본-ui.jqgrid.css ***/
.ui-jqgrid .ui-pg-table td {font-size:12px !important; border:0 !important; margin:0 !impotant; text-align:left; display:inline-block; padding:0 3px !important;}/*** footer 컨트롤 개체 : 사이간격 포함 ***/
.ui-jqgrid .ui-pg-table td:first-child {display:inline-block; margin-right:22px !important; margin-top:0 !important;} /*** first 아이콘 위치조정 ***/
/*** footer 컨트롤 경계선 ***/
.ui-jqgrid .ui-separator {border-right:0 !important;}
/*** 보기: 컨트롤러 하부 ***/
.ui-paging-info {position:absolute !important; top:5px !important; right:0 !important;}

/***** CSS Coding by Sunghye PARK (2020/08,09,10) *****/

/*** loading bar start ***/
.wrap-loading{/* 화면 전체를 어둡게 */
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2);
	z-index: 1000;
}
.wrap-loading div{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-16px;
}

/*** loading bar end ***/

/** checkbox 범위 지정 row 당 3개 기준**/
.col30 {display : inline-block; width : 29%; height:14px; margin-left: 3px;}