@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body {
	font-family:"NanumGothic", sans-serif;
	background-color:#FFF;
	margin:0;
	font-size:12px;
	/*padding-top: 95px; */
}
body.login { background-color:#1c4163; }

img { border:none; }

#wrap_login { width:790px; margin:0 auto; }
#wrap_main { width:100%; margin:0 auto; }

label.label_vital { font-weight: bold }
	
	/* LOGIN */
	div.box_logo { float:left; margin-top:90px; }
	div.box_title { float:right; text-align:right; margin-top:120px; font-size:18px; color:#FFF; padding:0px; }
	div.box_login_input { clear:both; width:610px; height:240px; background-color:#FFF; margin-top:20px; padding:90px; box-shadow: 0px 0px 12px #000; }
	
	table.login_pc {
		width:100%;
		margin:50px;
	}
	table.login_pc td.tit_login_id { color:#555; font-size:16px; }
	input.login_id { width:250px; height:32px; border:1px solid #dadada; background-color:#f2f2f2; font-size:16px; color:#555; padding-left:10px; }

	input[type=button].btn_login {
		margin-top:30px;
		min-width:150px;
		padding:12px;
		color:#FFF;
		font-size:16px; background-color:#5699ce; border:none; border-radius:8px;
		cursor:pointer;
	}

	input[type=button].btn_upload { 
		margin-top:0px; min-width:120px; padding:8px; color:#FFF; font-size:16px; background-color:#5699ce; border:none; border-radius:8px;
		cursor:pointer;
	}
	input[type=button].btn_insert { 
		margin-top:0px; min-width:120px; padding:8px; color:#FFF; font-size:16px; background-color:#5699ce; border:none; border-radius:8px;
		cursor:pointer;
	}
	input[type=button].btn_close {
		margin-top:0px; min-width:120px; padding:8px; color:#FFF; font-size:16px; background-color:grey; border:none; border-radius:8px;
		cursor:pointer;
	}
	input[type=button].btn_delete {
		margin-top:0px; min-width:120px; padding:8px; color:#FFF; font-size:16px; background-color:crimson; border:none; border-radius:8px;
		cursor:pointer;
	}
	textarea { padding:5px; font-family:'NanumGothic', sans-serif; }

	.tit_upload { background-color:#F0F0F0; color:#555; padding:10px 5px 10px 6px; margin-bottom:30px; font-size:18px; border-top:1px solid #BBB; border-bottom:1px solid #BBB; }
	.tit_insert { background-color:#F0F0F0; color:#555; padding:10px 5px 10px 6px; margin-bottom:30px; font-size:18px; border-top:1px solid #BBB; border-bottom:1px solid #BBB; }
	
	
	/* MAIN - TOP */
	div.main_top	{
		width:100%;
		height: 50px;
		padding: 5px;
		background-color:#1c4163;
		margin-bottom: 10px;
	}
	div.main_top a {
		position: relative;
		float: left;
		color: #f2f2f2;
		text-align: center;
		padding: 14px 16px;
		top: 10px;
		text-decoration: none;
		font-size: 17px;
	}
	div.main_top a:hover {
		background-color: white;
		color: black;
	}
	div.main_top a.active {
		background-color: white;
		color: black;
	}
	button.btn_logout {
		position: relative;
		right: 10px;
		min-width:50px;
		height:32px;
		text-align:center;
		color:black;
		font-size:16px;
		background-color: lightgray;
		border-radius:3px;
		border-style: hidden;
		cursor:pointer;
		vertical-align: center;
	}
	
	/* MAIN - LEFT */
	div.main_left	{ position:fixed; left:0px; top: 90px; height:calc(100% - 112px); z-index:998; width:200px; background-color:#FFF; }
		div.lmenu		{ border-bottom:1px dashed #D0D0D0; padding:20px; vertical-align:middle; font-size:14px; cursor:pointer; color:#777; }
		div.lmenu:hover	{ color:#000; background-color:#F2F2F2; }
		div.lmenu_sel	{ 
			border-bottom:1px dashed #D0D0D0; padding:20px; vertical-align:middle; font-size:14px; cursor:pointer; color:#000; font-weight:bold;
			background-image:url('/img/bg_lmenu_sel.png'); background-repeat: no-repeat; background-position: middle left;
		}
		div.lmenu_sel:hover	{ color:#000; background-color:#F2F2F2; }
	
	/* MAIN - CONTENTS */
	div.main_cnt_box	{
		position:relative;
		padding-left:10px;
		background-color:#FFF;

	}
	div.main_cnt_title	{
		margin-left:20px;
		margin-top:0px;
		font-size:24px;
		background-color:#FFF;
	}
	div.btn_pcgroup1 {
		display:inline;
		float: right;
		vertical-align:top;
		text-align:right;
		background-color:#FFF;
	}
	div.main_cnt {
		margin-left:20px;
		margin-right:20px;
		margin-top:20px;
		background-color:#FFF;
	}
	
	/* SEARCH */
	div.search { margin:20px 0px 20px 0px; background-color:#FFF; }
	div.search_bar {
		margin: auto;
		text-align:left;
		display: inline;
	}
	input[type=text].input_srch { 
		width:500px; height:30px; padding-left:10px; padding-right:40px; color:#333; border:1px solid #cacaca; vertical-align:top;
		background-image:url('/img/bg_search.png'); background-repeat: no-repeat; background-position: top right;
	}
	input[type=button].btn_basic { 
		min-width:120px; height:32px; text-align:center; color:#FFF; font-size:16px; margin-left:5px;
		background-color:#5699ce; border:none; border-radius:8px; cursor:pointer; vertical-align:top;
	}
	input[type=button].btn_basic_srch { 
		min-width:80px; height:36px; text-align:center; color:#FFF; font-size:16px; margin-left:5px;
		background-color:#5889ca; border:none; border-radius:8px; cursor:pointer; vertical-align:top;
	}

	
	/* RESULT GRID */
	table.grd_basic_search { border-collapse: separate; border-spacing: 0px; font-size:12px; width:100%; }
	/* table.grd_basic_search tr:nth-child(even) {background-color: #f0f0f0;} */
	table.grd_basic_search tr:hover { background-color:#F0F0F0; }
	table.grd_basic_search tr { background-color:white; }
	table.grd_basic_search th {
		padding:10px 2px 10px 2px;
		border-top: 1px solid #7aa2cf;
		border-bottom: 1px solid #7aa2cf;
		border-right: 1px solid #7aa2cf;
		background-color:#d1dfee; color:#27476a; white-space:pre; position: sticky; top: 0; }
	table.grd_basic_search td {
		padding:7px;
		border-bottom:1px solid #a5a5a5;
		border-right:1px solid #a5a5a5;
		text-align:center; white-space:pre; }
	table.grd_basic_search th:first-child { border-left: 1px solid #7aa2cf; }
	table.grd_basic_search td:first-child { border-left: 1px solid #a5a5a5; }
	table.grd_basic_search td a { text-decoration:none; }

	/* NOTICE GRID */
	table.grd_notice_search { border-collapse:collapse; border-spacing:0px; font-size:12px; width:100%; }
	table.grd_notice_search tr:hover { background-color:#F0F0F0; }
	table.grd_notice_search th { padding:10px 2px 10px 2px; border:1px solid #7aa2cf; background-color:#d1dfee; color:#27476a; white-space:pre; }
	table.grd_notice_search td { height:26px;padding:7px; border:1px solid #a5a5a5; text-align:center; white-space:pre;font-size:12px; }
	table.grd_notice_search td.num { font-family:'Verdana', sans-serif; }
	table.grd_notice_search td a { text-decoration:none; }
	
	/* INPUT GRID */
	div.input_btn { text-align:right; margin:20px; background-color:#FFF; padding:20px; }
	div.input { margin:20px; background-color:#FFF; padding:20px; }
	table.grd_basic_input { width:100%; border-collapse: separate; border-spacing:0px; font-size:11px; }
	table.grd_basic_input tr:hover { background-color:#F0F0F0; }
	table.grd_basic_input tr { background-color: white; }
	table.grd_basic_input th {
		padding:10px 2px 10px 2px;
		border-top: 1px solid #7aa2cf;
		border-bottom: 1px solid #7aa2cf;
		border-right: 1px solid #7aa2cf;
		background-color:#d1dfee; color:#27476a; font-size:14px; position: sticky; top: 0;}
	table.grd_basic_input td {
		padding:5px;
		border-bottom:1px solid #a5a5a5;
		border-right:1px solid #a5a5a5;
	}
	table.grd_basic_input th:first-child { border-left: 1px solid #7aa2cf; }
	table.grd_basic_input td:first-child { border-left: 1px solid #a5a5a5; }
	table.grd_basic_input td > input { height:24px; padding:2px 5px;border:1px solid #a5a5a5; }
	table.grd_basic_input td a { text-decoration:none; }
	input.input_basic { width:600px; height:32px; border:1px solid #dadada; background-color:#f2f2f2; font-size:16px; color:#555; padding-left:10px; }
	input.input_basic_file { width:600px; height:30px; padding-top:6px; border:1px solid #dadada; background-color:#f2f2f2; font-size:14px; color:#555; padding-left:10px; cursor:pointer; }
	input.input_textarea { width:200px; height:32px; border: 1px solid #dadada; background-color: #f2f2f2; font-size: 12px; color: #555555; padding-left: 10px; }
	input.input_textarea_small { width: 100px; height: 28px; border: 1px solid #dadada; background-color: #f2f2f2; font-size: 12px; color: #555555; }
	input.input_textarea_popup { width: 90%; height: 28px; border: 1px solid #dadada; background-color: #f2f2f2; font-size: 12px; color: #555555; margin: 3px 0px 3px 0px;}
	input.input_checkbox { width: 20px; height: 20px; border: 1px solid #dadada; background-color: #F2F2F2; }
	select.select_typeA { width: 90%; height: 28px; border: 1px solid #dadada; }

	table.grd_op_input { width: 90%; border-collapse: collapse; border-spacing: 0px; font-size: 11px; margin-left: 20px; }
	table.grd_op_input.col1 {width: 15%}
	table.grd_op_input.col2 {width: 35%}
	table.grd_op_input.col3 {width: 15%}
	table.grd_op_input.col4 {width: 35%}

	table.grd_op_input td { vertical-align: middle; font-size: 13px;}
	input.upload-box { visibility: hidden }
	label.input_file_label { display: inline-block; text-align: center; margin: auto; width: 75px; height: 20px; line-height: 20px; border: 1px solid #555555; background-color: #dadada }

	span.blue { color:blue; font-weight:bold; font-family:'Verdana', sans-serif; }
	span.red { color:red; font-weight:bold; font-family:'Verdana', sans-serif; }

	select.input_basic {
	  vertical-align:top;
	  width: 250px;
	  height:32px;
	  padding:8px;
	  background: url(/img/select.jpg) no-repeat 95% 50%;  
	  background-color:#FFF;  
	  -webkit-appearance: none;
	     -moz-appearance: none;
	          appearance: none;
	  border: 1px solid #999;
	  border-radius: 0px;
	  color:#333;
	  font-size:14px;
	}
	select.input_basic option	{ font-size:14px; height:52px; color:#333; padding-left:10px; }


	/* POPUP - SEARCH CORPS. */
	body.popup { margin:20px; }
	div.popup_cnt	{ width:100%; background-color:#F0F0F0; border:1px solid #DDD; }
	table.popinfo  { width:100%; border-spacing:0px; border-collapse:collapse;  }
	table.popinfo th{ border-top:1px solid #5b7196; border-bottom:1px solid #5b7196; background-color:#5489c3; color:#FFF; padding:20px; font-size:2.0em; }
	table.popinfo td{ border-top:1px solid #8c8c8c; border-bottom:1px solid #8c8c8c; padding:20px; line-height:60px; font-size:2.2em; }
	input.input_popinfo	{ width:500px; height:60px; border:1px solid #AAA; font-size:1.0em; color:#777; padding-left:20px;}
	div.copyright { font-size:9pt; font-family:'Verdana', sans-serif; color:#999; text-align:center; margin:0px auto; padding: 30px 0 30px 0 }

input[type=button].plain_button {
	min-width:120px;
	height:32px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	margin-left:5px;
	/*background-color:#5699ce;*/
	background-color: var(--button-color-dark);
	border:none;
	border-radius:5px;
	cursor:pointer;
	vertical-align:top;
}

.form_division {
	display: flex;
	flex-direction: row;
}
.form_wrap {
	display: flex;
	flex-direction: column;
}

.member_list_table {
	width: 90%;
	border-collapse: collapse;
	border-spacing: 0 10px;
	text-align: center;
}
.member_list_table tr{
	border: #dadada solid 1px;
	border-radius: 10px;
	margin: 2px 0;
}