@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* #######################################################
   ### 					로그인폼 설정 
   ####################################################### */
#log_frm{ margin-top: 10%; }

.logo{ width: 100%; }

/* #######################################################
   ### 					검색폼 설정 
   ####################################################### */
.search_field { width: 100%; min-width:900px; height : 55px; background-color: #23b300; border-radius: 15px; }

.search_field > div.sf_prop { padding: 12px;color:#c9e300 }

.search_field > div.sf_prop > span  { margin-left: 15px; }

/* .search_field > div.sf_prop > span  input[type=text] { border: 1px solid #cacaca;padding: 5px;color: #000; } */
.search_field > div.sf_prop > span > input.search { width: 250px; }

.pad10{ padding: 5px 15px; margin-bottom: 5px; }   

/* #######################################################
   ### 					공통 설정 
   ####################################################### */
body { font-family: 'NanumBrush', sans-serif; }

input,select { border: 1px solid #cacaca;padding: 5px;color: #000; }

.button_field{ margin-top: 15px;float: right; }

/* align setting */
.t-center{ text-align: center; }

.v-a-m{vertical-align: middle;}

.f-l{ float: left }

.f-r{ float: right }

.t-a-c{text-align: center;}

.t-a-r{text-align: right;}

/* width setting */
.container{ max-width: 1000px; }   

table.th_cen th{ text-align: center; }

.w10{ width: 10% }

.w20{ width: 20% }

.w30{ width: 30% }

.w50{ width: 50% }

.w60{ width: 60% }

.w70{ width: 70% }

.w80{ width: 80% }

.w90{ width: 90% }

.w100{ width: 100% }

.w100px {width: 100px !important;}

.w1000{ width: 1000px!important; }

.w1200{ width: 1200px!important; }

.w1800{ width: 1800px!important; }

.w1900{ width: 1900px!important; }

.w2000{ width: 2000px!important; }

.w2070{ width: 2070px!important; }

.w2200{ width: 2200px!important; }

.w2500{ width: 2500px!important; }

 

.h10 {height: 10px;}

.h30 {height: 30px;}

.h50 {height: 50px;}

.h500 {max-height: 500px;}

.o-f-y{overflow-y:auto }

.o-f-x{overflow-x:auto }

/* margin/padding setting */
.m-reset{ margin: 0px !important; }

.m-t-15{ margin-top: 15px; }

.m-t-25{ margin-top: 25px; }

.m-n-t-15{ margin: 0px 15px 15px 15px; }

.m-auto{ margin: 0 auto; }

.m-space { margin: 15px; } 

.m-l15{ margin-left: 15px; }

.p-l15{ padding-left: 15px; }

.p30{padding: 30px;}

/* etc */
.etc_seach{ display: none; }

.gray{ color: #797979; }

.red { color : #f00; }

.blue { color : #00f; }

.font-10{ font-size: 10pt }

.font-13{ font-size: 13pt }

.c-pointer{ cursor: pointer }

input[type=checkbox],input[type=radio]{ cursor: pointer }

.bgGray{ background-color: #797979; }


/* #######################################################
   ### 					TAB 설정 
   ####################################################### */

.tab_title h3 {font-size: 13pt;margin-top: 0px!important;}

.active > h3{ color: #f00; }

.tab_title { padding: 10px 10px 0px 10px;cursor: pointer;border: 1px solid #000;margin-right: 5px; border-radius:5px 5px 0px 0px;} 

.top_border_black{ border-top: 3px solid #000; }

/* #######################################################
   ### 					달력 설정 
   ####################################################### */
/* 주말 색깔넣기 */
.ui-datepicker-calendar > tbody td:first-child a { 
    COLOR: #f00; 
}
.ui-datepicker-calendar > tbody td:last-child a { 
    COLOR: blue; 
}


/* #######################################################
   ### 					법인 고객 정보 
   ####################################################### */
.corp_info { margin-bottom: 15px; }
.corp_info  table { border: 0px solid #c8c8c8; width: 100%; }   
.corp_info  table  thead > tr:first-child,.corp_info  table  > thead > tr:first-child td,.corp_info  table > thead > tr:first-child th{
	border-top: 3px solid #000;
}
.corp_info  table tr{
	border-left: 1px solid #c8c8c8;
}
.corp_info  table tr:hover{
	background: #F1F1F1;
}
.corp_info  table tbody tr:last-child{
	border-bottom: 1px solid #c8c8c8;
}
.corp_info  table tr th,.corp_info  table tr td{
	padding: 15px;	
	border-right: 1px solid #c8c8c8;
}
.corp_info  table.th_cen tr th,.corp_info  table tr td{
	padding: 5px 10px;	
	border-right: 1px solid #c8c8c8;
}
.corp_info  table tr th{
	background: #E0E0E0;
}
/* 상세정보 제목 */
.corpTitle{ 
	background-color: #5D5D5D!important;
	color: #fff;	
}
/* #######################################################
   ### 					툴팁 
   ####################################################### */
.tooltip .tooltip-inner {
  	min-width: 50px;
  	max-width: 500px;
  	min-height: 25px;
  	text-align: left;
}

/* #######################################################
   ### 					DataTable 
   ####################################################### */
/* 페이징 */
.pagination{ cursor: pointer }
.datatable { width: 100%; min-width:300px;}

/* #######################################################
   ### 					법인고객 등록 / 수정창 
   ####################################################### */
/* 검은 반투명배경 */
.backGroundBlack{ 
	top:0px; 
	left:0px; 
	width: 100%;
	height: 100%; 
	position: fixed; 
	background-color: #000; 
	opacity:0.3; 
	z-index: 300;
	display: none;
}
/* 법인 계정명 폼 사이즈 */
.web_id_class{
	width:70%;	
	min-width:100px;
	float:left;
}
.web_id_class_btn{
	width:28%;
	min-width:50px;
	float:left;
	margin-left:1%;
}

/* #######################################################
   ### 					경고창 
   ####################################################### */
.backGroundBlackAlert{ 
	top:0px; 
	left:0px; 
	width: 100%;
	height: 100%; 
	position: fixed; 
	background-color: #000; 
	opacity:0.3; 
	z-index: 998;
	display: none;
}
.alert{
	top:40%;
	left:50%;
	margin-left:-175px;
	width: 350px; 
	height: auto; 
	position: absolute; 
	background-color: #fff; 
	overflow-y:auto; 
	border-radius:5px; 
	border: 1px solid #000; 
	z-index: 999;
	display: none; 
}

/* #######################################################
   ### 					자동이체 폼 
   ####################################################### */
   .cardnum{width: 20%;}
   
   
/* #######################################################
   ### 					HTML 플렛폼 수정 
   ####################################################### */
/* 서브타이틀 수정    */
.panel-heading-button-field{
	margin-top:-4px;
}


/* #######################################################
   ### 					법인 관리자 
   ####################################################### */
/* 웹페이지 미등록 법인리스트 */
.corp_web_list{	padding:0px;margin:0px;	width: 100%;list-style: none;text-align: center}
.corp_web_list li{padding: 5px !important;cursor: pointer}

/* #######################################################
   ### 					툴팁 
   ####################################################### */

[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
  color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 100px;
	max-width: 300px;
	word-wrap: break-word;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
  top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}

/* ====== Inquiry filters and table (AppSpeed style) ====== */
body {
    background: #f3f6fb;
    padding-left: 3%;
    padding-right: 3%;
}
.panel {
    border-radius: 8px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
    border: 1px solid #d9dde5;
    overflow: hidden;
    background: #fff;
}
.panel-heading {
    background: #4b5563;
    color: #fff;
    padding: 14px 18px;
    font-weight: 800;
    letter-spacing: -0.2px;
}
.panel-body { padding: 14px; background: #fff; }
.corplist-container { padding-left: 3%; padding-right: 3%; }
.filter-bar { margin-bottom: 12px; }
.filter-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.filter-group { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; background: #eef2f6; padding: 8px 10px; border: 1px solid #d9dde5; border-radius: 8px; }
.filter-group label { margin: 0; font-weight: 700; }
.w120 { width: 120px !important; }
.w200 { width: 200px !important; }
.table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 13px;
    background: #fff;
}
.table > thead > tr > th {
    background: #eff2f6;
    color: #1f2937;
    font-weight: 700;
    padding: 10px 8px;
    border: 1px solid #d9dde5;
    text-align: center;
}
.table > tbody > tr > td {
    border: 1px solid #e2e6ee;
    padding: 10px 8px;
    color: #111827;
}
.table > tbody > tr:nth-child(even) { background: #f9fbfe; }
.table > tbody > tr:hover { background: #eef3fb; }
.btn { border-radius: 8px; box-shadow: 0 3px 12px rgba(0,0,0,0.12); }
.btn-sm { padding: 8px 12px; font-size: 12px; }
.btn-primary { background: #3b82f6; color: #fff; }
.btn-success { background: #10b981; color: #fff; }
.btn-default { background: #e5e7eb; color: #111; }

/* Sidebar + active state */
.app-sidebar { width: 240px; background: #1f2937; color: #e5e7eb; flex-shrink: 0; box-shadow: 4px 0 24px rgba(0,0,0,0.16); display: flex; flex-direction: column; }
.sidebar-brand { padding: 18px 18px 12px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.sidebar-brand .brand-title { font-weight: 800; letter-spacing: -0.3px; }
.sidebar-brand .brand-sub { font-size: 12px; opacity: 0.85; margin-top: 4px; }
.sidebar-menu { list-style: none; padding: 10px 0; margin: 0; }
.sidebar-menu li a { display: block; padding: 12px 18px; color: #e5e7eb; font-weight: 600; border-left: 3px solid transparent; }
.sidebar-menu li a:hover { background: rgba(255,255,255,0.08); border-left-color: #38a3d1; color: #fff; text-decoration: none; }
.sidebar-menu li.active > a { background: rgba(255,255,255,0.12); border-left-color: #38a3d1; color: #fff; font-weight: 800; }

/* Inquiry table header highlight */
#corpList thead th {
    /* background: linear-gradient(90deg, #4b79ff, #5aa6ff); */
    background: #494a4b;
    color: #fff;
    border-color: #2e2e2e;
}

.table-meta {
    margin: 8px 0;
    font-weight: 700;
    color: #1f2937;
    text-align: left;
}