* {font-family:Malgun Gothic;}
body {margin:0; padding:0;}

.top
{
	background-color:#225690;
	padding:20px 20px 0px 20px;
	border-bottom:5px solid gray;
	font-weight:bold;
	box-sizing:border-box;
}

.input
{

	padding:20px 0;
	background-color:#efefef;
	margin-bottom:10px;
}
.input div {margin-bottom:5px; box-sizing:border-box; padding:5px 20px;}

.border
{
	width:100%;
	box-sizing:border-box;
}

.warp1 
{
	margin:auto;
	min-width:600px;
}

.bottom {
	padding:15px;
}

input[type=text], 
input[type=number], 
input[type=tel], 
input[type=email], 
select 
{padding:5px; width:100%; box-sizing:border-box;}

button {padding:1em; width:100%; font-weight:bold;}

.tbl-st01 { border-left:1px solid #ccc; border-top:1px solid #ccc; width:100%;  border-spacing:0;}
.tbl-st01 th {background:#eee; border-spacing:0; height:40px;}
.tbl-st01 td {text-align:center; padding:5px;}
.tbl-st01 th, 
.tbl-st01 td 
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.no-data {text-align:center; height:50px;}

.tabs {}
.tabs li {list-style:none; display:inline-block; background:#ccc; padding:10px 20px; border-radius:6px 6px 0px 0px; transition:background 0.3s;}
.tabs li:not(.active):hover {background:#bbb;}
.tabs a {color:white; text-decoration:none;}
.tabs .active {background:gray; padding-top:15px;}

.textbox1 {background:#225690; margin:0 20px; box-sizing:border-box; border-radius:5px;}
.textbox1 li {color:white; list-style:none;}