* { box-sizing: border-box; }

/* 공통 */
table {border-collapse:collapse;}
ul {list-style:none; padding:0; margin:0;}
/*input {border:1px solid #ccc;padding:1px 2px;}*/
select {border:1px solid #ccc; font-size:12px; height:22px;}
img {vertical-align:middle; margin-bottom:4px;}
textarea {width:99%; border:1px solid #ccc;}
input[type=checkbox] {vertical-align:middle;}

.vam { vertical-align: middle; }
.var { vertical-align: right; }

.mWt30 {width:30px; display:inline-block;}
.mWt50 {width:50px; display:inline-block;}
.mWt80 {width:80px; display:inline-block;}
.mWt100 {width:100px; display:inline-block;}
.mWt105 {width:105px; display:inline-block;}
.mWt200 {width:200px; display:inline-block;}
.mWt250 {width:250px; display:inline-block;}
.mWt300 {width:300px; display:inline-block;}
.mWt400 {width:400px; display:inline-block;}
.mWt450 {width:450px; display:inline-block;}

.btn_1 {text-align:center; background:#3899b9; cursor:pointer; border:1px solid #3c6f60; border-radius:3px; display:inline-block; color:white;  }

.bgGray {background:#eee}
.bgOrange {background:#fcca00}
.searchBtn2 {padding:1px 3px;border:1px solid #5f5f5f;background:#7b7b7b;}

.tableTop {height:25px; margin:0;}
.tableTop .tableTitle {float:left; margin-top:7px; font-size: 12px;}
.tableTop .tableBtn {float:right;margin-bottom:5px;}
.tableTop .tableBtn > * {padding:3px 5px; margin:0;}

/*
background:linear-gradient(to bottom, #000, #fff);
*/


/** 리스트 테이블 **/
table.cListTable {width:100%;}
table.cListTable thead tr th {height:24px;font-size: 12px!important; font-weight:400; padding:6px 3px; border:1px solid #ccc; border-top:2px solid #143e56;  word-wrap: break-word; word-break:break-all;  color:#395471; font-weight:600!important; 


	background-color:#e3e3e3;
	filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#e3e3e3, startColorstr=#fff,  GradientType=0); 
	background-image:-moz-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%); 
	background-image: -o-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: linear-gradient(bottom, #e3e3e3 0%, #fff 100%); 

}
table.cListTable tbody tr td {height:24px; font-weight:500; padding:0 3px; border:1px solid #ccc; text-align:center; background:#FFFFFF; word-wrap: break-word; word-break:break-all;padding: 7px;font-size: 12px!important;}
table.cListTable tbody tr:nth-child(even) td{background:#f8f9fb;}	
table.cListTable tbody tr.on td{background:#daeeeb !important;}	

table.cListTable tbody tr td.leftText {text-align:left;}
table.cListTable tbody tr.day_total >  td {background-color:yellow;}


table.cListTable tfoot tr td {height:24px; font-weight:500; padding:0 3px; border:1px solid #ccc; text-align:center; background:#FFFFFF; word-wrap: break-word; word-break:break-all;padding: 7px;font-size: 12px!important;}

table.cListTable2 {width:100%;}
table.cListTable2 thead tr th {height:24px;font-size: 12px!important; font-weight:400; padding:6px 3px; border-top:2px solid #143e56;  word-wrap: break-word; word-break:break-all;  color:#395471; font-weight:600!important; 


	background-color:#e3e3e3;
	filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#e3e3e3, startColorstr=#fff,  GradientType=0); 
	background-image:-moz-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%); 
	background-image: -o-linear-gradient(bottom,  #e3e3e3 0%, #fff 100%);
	background-image: linear-gradient(bottom, #e3e3e3 0%, #fff 100%); 

}
table.cListTable2 tbody tr td {height:24px; font-weight:500; padding:0 3px;  text-align:center; background:#FFFFFF; word-wrap: break-word; word-break:break-all;padding: 7px;font-size: 12px!important;}
table.cListTable2 tbody tr.on td{background:#daeeeb !important;}	

table.cListTable2 tbody tr td.leftText {text-align:left;}
table.cListTable2 tbody tr.day_total >  td {background-color:yellow;}


table.cListTable2 tfoot tr td {height:24px; font-weight:500; padding:0 3px; border:1px solid #ccc; text-align:center; background:#FFFFFF; word-wrap: break-word; word-break:break-all;padding: 7px;font-size: 12px!important;}

/** 입력 테이블 **/
table.cInputTable {width:100%;}
table.cInputTable tbody th {font-size:12px!important;height: 23px; font-weight:400; padding:3px 0px;text-align:center;color:#436F70; background:#daeeeb; border:1px solid #b1d3ce;letter-spacing:-1px;}
table.cInputTable tbody td {font-size:12px;height: 23px; border:1px solid #ccc; width:120px;padding:3px 3px;line-height:1.5;}


/** 상단 검색바 **/
.mainSearch {position:relative;padding:7px 10px;background:#f9f9f9;border-radius:3px;border:2px solid #cdd5d8; margin-bottom:12px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:0px -3px 5px  #E4ECE2 inset;-webkit-box-shadow:0px -3px 5px #E4ECE2 inset; -moz-box-shadow:0px -3px 5px #E4ECE2 inset;}

.mainSearch .searchTable {display:table;width:1040px;}
.mainSearch .searchRow {display:table-row;}
.mainSearch .searchRow > span {display:table-cell;height:30px;text-align:left;vertical-align:middle;padding:3px 0;}
.mainSearch .searchRow > span > span.rowTitle {width:70px;display:inline-block;text-align:left;letter-spacing:-1px;}
.mainSearch .searchRow span > span.rowTitle:first-child {margin-left:10px;}
.mainSearch .searchRow .searchBtn {position:absolute;right:0;width:100px;height:36px;margin:7px 10px 0 0;
					background-color:#3899b9;
					filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#2e7b95, startColorstr=#3899b9,  GradientType=0); 
					background-image:-moz-linear-gradient(bottom,  #2e7b95 0%, #3899b9 50%);
					background-image: -ms-linear-gradient(bottom,  #2e7b95 0%, #3899b9 50%);
					background-image: -webkit-linear-gradient(bottom,  #2e7b95 0%, #3899b9 50%); 
					background-image: -o-linear-gradient(bottom,  #2e7b95 0%, #3899b9 50%);
					background-image: linear-gradient(bottom, #2e7b95 0%, #3899b9 50%); 

}

/*
.mainSearch2 {background:#fffdf2; height:40px; border-radius:3px; border:2px solid #c8ddda; margin:5px 0; padding:0px 0;}
.mainSearch2 .searchRow {height:40px; margin:10px 0 0 0;}
.mainSearch2 .searchRow span {width:220px; display:inline-block;}
.mainSearch2 .searchRow span > span.rowTitle {width:80px; display:inline-block; text-align:center; padding:1px; margin-left:30px;}
.mainSearch2 .searchRow span > span.rowTitle:first-child {margin-left:10px;}
.mainSearch2 .searchRow .searchBtn2 {width:100px; height:20px; margin:0px 10px 0 0; float:right; }
*/

/* 로그인 박스 */
body .loginBox {width:100%;}

/* 회원사관리 박스 */
body .bodyBox {width:100%; margin:0; font-size:12px; font-family:"Malgun Gothic";}

/* 윈도우팝업 박스 */
body .wPopBox { padding: 10px }
body .wPopBox .mainContent {position: unset; left: 0; width: 100%;}

/* 로그인페이지 시작 */
.loginBox span {display:block;}

.loginBox .loginPart {margin:100px auto 0; width:409px; padding:0 auto;}

.loginBox .loginPart .inputBox input {border:1px solid #ccc; width:409px; height:50px; padding: 0 5px; margin:3px 0 0 0; font-size:24px;}
.loginBox .loginPart .greenBtn {background:#9acd32; color:white; width:409px; height:50px; font-weight: bold; font-size: 20px; border-radius:2px; text-align:center; line-height:53px; cursor:pointer; margin:10px 0 0 0; }

.loginBox .copyright {font-size:20px; font-weight:bold; width:409px; margin:20px auto 0; text-align: center;}
/* 로그인페이지 끝 */



/* 회원사관리 페이지 시작 */
/* 서브페이지 top부분 */
.topContent {width:100%;height:71px;background:url("/common/img/top_bg_71.jpg") repeat-x 0 0;}
.topContent .topConWrap {width:1420px;}
.topContent .topConWrap:after{content:""; clear:both; display:block;}
.topContent .topConWrap .topLeft {float:left;width:700px;height:71px;}
.topContent .topConWrap .topRight {float:left;width:710px;height:71px;}
.topContent .topConWrap .topRight > div {width:100%;margin-top:35px;text-align:right;}
.topContent .topConWrap .topRight > div > span {color:#fff;}
.topContent .topConWrap .topRight > div > span.logoutBtn {padding:3px 12px;border-radius:3px;background-color:#8dc1d7;color:#143e56;font-weight:600;}

/* 서브페이지 메인부분 */
.bottomContent {width:1420px;}
.bottomContent:after {content:"";display:block;clear:both;}

/* 서브페이지 left menu */
.bottomContent > ul {float:left;width:200px;font-size:14px;margin:0;font-weight:600;letter-spacing:-1px;z-index:2}
.bottomContent > ul > li {width:100%;background-color:#fff;}
.bottomContent > ul > li > span {display:block;padding:20px 0 20px 35px;background-color:#ededed;color:#1e5574;margin-bottom:1px;text-align:left;cursor:pointer;}
.bottomContent > ul > li > span.plus {background:#ededed url("/common/img/list_plus.png") no-repeat 14px 50%;background-size:10px 10px;}
.bottomContent > ul > li > span.mius {background:#2d9abb url("/common/img/list_mius.png") no-repeat 14px 50%;background-size:12px 2px;color:#fff;margin-bottom:0px;}
.bottomContent > ul > li > span:hover {background-color:#2d9abb;color:#fff;}
.bottomContent > ul > li > span.active {background-color:#2d9abb;color:#fff;}
.bottomContent > ul > li > ul {display:none;width:100%;padding:12px 0;background-color:#1f5474;}
.bottomContent > ul > li > ul > li {padding:12px 0 12px 56px;background:url("/common/img/sub_mius.png") no-repeat 37px 50%;background-size:6px 1px;color:#fff;font-weight:500;cursor:pointer;}
.bottomContent > ul > li > ul > li:hover {color:#9be9ff;}
.bottomContent > ul > li > ul > li.active {color:#9be9ff;}
/* 서브페이지 메인컨텐츠*/
.bottomContent .mainContent {float:left;margin:0px 0 0 20px;width:1200px; }
.bottomContent .mainContent .mainTitle {margin:30px 0 12px 0;font-size:13px;font-weight:600}
.bottomContent .mainContent .mainTitle > span {margin-left:10px;}
.bottomContent .mainContent .mainTitle > span:nth-child(1) {color:#448ebb;}

.bottomContent .mainContent .mainDetail {}
.bottomContent .mainContent .mainDetail > * {width:49%; padding:0.5%; height:100%;}
.bottomContent .mainContent .mainDetail .mainLeft {float:left;}
.bottomContent .mainContent .mainDetail .mainLeft .tableBox {overflow:auto; margin-top:5px; height:550px;}
.bottomContent .mainContent .mainDetail .mainLeft .tableBox table {width:1000px;}

.bottomContent .mainContent .mainDetail .mainRight {float:right;}
.bottomContent .mainContent .mainDetail .mainRight .tableBox {overflow:auto; margin-top:10px; height:550px;}
.bottomContent .mainContent .mainDetail .mainRight .tableBox table {width:1000px;}
.bottomContent .mainContent .mainDetail .mainRight .tabWrap ul.msTab_color:after {content:""; display:block; clear:both;}
.bottomContent .mainContent .mainDetail .mainRight .tabWrap ul.msTab_color {border-bottom:1px solid #fff; height:27px;}
.bottomContent .mainContent .mainDetail .mainRight .tabWrap ul.msTab_color li {float:left; padding:5px 0px; text-align:center; 


	

	background-color:#CECECA;
	filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#CECECA, startColorstr=#fff,  GradientType=0); 
	background-image:-moz-linear-gradient(bottom,  #CECECA 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom,  #CECECA 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom,  #CECECA 0%, #fff 100%); 
	background-image: -o-linear-gradient(bottom,  #CECECA 0%, #fff 100%);
	background-image: linear-gradient(bottom, #CECECA 0%, #fff 100%); 



border:1px solid #aaaaaa; border-radius:3px 3px 0 0; cursor:pointer; width:16%; color:#525e5e;}
.bottomContent .mainContent .mainDetail .mainRight .tabWrap ul.msTab_color li:first-child{border-left:1px solid #aaaaaa; }


.bottomContent .mainContent .mainDetail .mainRight .tabWrap ul.msTab_color li.on{
	

	

	background-color:#7ABABD;
	filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#7ABABD, startColorstr=#fff,  GradientType=0); 
	background-image:-moz-linear-gradient(bottom,  #7ABABD 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom,  #7ABABD 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom,  #7ABABD 0%, #fff 100%); 
	background-image: -o-linear-gradient(bottom,  #7ABABD 0%, #fff 100%);
	background-image: linear-gradient(bottom, #7ABABD 0%, #fff 100%); 
	
	
	padding:5px 0px; border:1px solid #7ABABD; color:#000;}

.bottomContent .mainContent .mainDetail .mainRight .tabContentWrap .tabContent {}
.bottomContent .mainContent .mainDetail .mainRight .tabContentWrap .tabContent li {}
.bottomContent .mainContent .mainDetail .mainRight .tabContentWrap .tabContent li+li {display:none;}
.bottomContent .mainContent .mainDetail .mainRight .tabContentWrap .tabContent li .tableWrap {width:100%;}


.bottomContent .mainContent .mainDetail2 {}
.bottomContent .mainContent .mainDetail2 .tableBox table {width:1200px;}


.cspt {cursor:pointer;}
.cspt_line:hover {text-decoration:underline;}

/* 회원사관리 페이지 끝 */

.float_left_box > * {float:left;}