@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
	font-family: "Nanum Gothic", sans-serif;
	font-weight:400;
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	height:calc(100% - 230px);
}
a {
	color:#3c3c3c;
	transition:all 0.2s ease;
}
a:hover {
	text-decoration:none;
	color:#006e93;
}
textarea { resize: none; }
.color1 {
	background-color:#006e93;
}
.color2 {
	background-color:#01234b;
}
nav {
	width:100%;
	position:fixed;
	z-index:99;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);  /* Safari and Chrome */
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);  /* Firefox */
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color= rgba(0, 0, 0, 0.5), Direction=180, Strength=10);  /* IE */
	top: 0;
	transition: top 0.2s ease-in-out;
}
.nav-up {
    top: -80px;
}
nav .topmenu {
	height:45px;
	background-color:#FFF;
	color:#3c3c3c;
	font-size:12px;
}
nav .topmenu .logo {
	width:170px;
	height:40px;
	margin-top:3px;
	background-image:url(../image/nav_logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
nav .lowmenu {
	height:35px;
	background-color:#006e93;
	color:#FFF;
	font-size:14px;
}
nav .lowmenu .menubutton {
	height:35px;
	padding-top:8px;
	transition:background 0.2s ease-in;
}
nav .lowmenu .menubutton:hover {
	background-color:#01234b;
}
nav .lowmenu .menubutton_on {
	height:35px;
	padding-top:8px;
	background-color:#01234b;
}
nav .lowmenu a {
	color:#FFFFFF;
}
nav .lowmenu a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
/*------------------------------*/
header {
	width:100%;
/*	height:380px;*/
	position:fixed;
	top:0px;
	z-index:1;
	background-image:url(../image/header_back.jpg);
	background-repeat:no-repeat;
}
header .sub {
	position:relative;
	height:100%;
	top:-60px;
}
header .titlebox {
	margin:180px 0px;
	color:#FFF;
}
header .titlebox .maintxt {
	font-size:35px;
	font-weight:100;
	-webkit-text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
header .titlebox .subtxt {
	font-size:18px;
	font-weight:300;
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
header .sub .titlebox {
/*	height:70px;
	margin-top:120px;*/
}
header .sub .titlebox .ico {
	color:#019647;
	font-size:40px;
	padding-left:40px;
	padding-top:15px;
}
header .sub .titlebox .title {
	color:#FFF;
	font-size:30px;
	padding-left:20px;
	font-weight:300;
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
header .sub .titlebox .subtitle {
	color:#85919a;
	font-size:18px;
	padding-left:20px;
	font-weight:300;
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

/*------------------------------*/
section {
	padding-bottom: 140px;
	min-height:100%;
	box-sizing: inherit
}
section .index {
	width:100%;
	position:relative;
	margin-top:380px;
	z-index:98;
	background-color:#fff;
	border-top:2px solid #019647;
}
section .sub {
	width:100%;
	position:relative;
	margin-top:230px;
	z-index:98;
	background-color:#fff;
	border-top:2px solid #019647;

}
section .container {
	padding-top:30px;
}

section .title {
	height:40px;
	background-color:#006e93;
	color:#FFF;
	transition:background 1s ease-in;
}
section .title a {
	color:#FFF;
	text-decoration:none;
}
section .title:hover {
	background-color:#01234b;
}
section .title i {
	font-size:22px;
	padding-top:8px;
	padding-left:20px;
}
section .title span {
	font-size:16px;
	padding-top:12px;
	padding-left:20px;
}
section .title .cont_name {
	font-size:24px;
	font-weight:500;
	float:left;
	padding-top:3px;
}
section .title .cont_nav {
	font-size:12px;
	float:right;
	padding-top:4px;
	padding-right:20px;
}
section .title .cont_nav a {
	text-decoration:none;
	color:#cecece;
}
/*section .title .subtitle {
	font-size:24px;
	margin-top:18px;
	padding-left:30px;
}
section .title .navlast {
	font-size:12px;
	margin-top:-8px;
	float:right;
	padding-right:30px;
	color:#cecece;
}*/

section .context {
	background-color:#FFF;
	border-bottom:2px solid #006e93;
}
section .context .cont_area {
	padding:30px;
}
section .table_sm {
	height:200px;
}
section .table_lg {
	height:260px;
}
section .list {
	background-color:#FFF;
	color:#3c3c3c;
	font-size:14px;
	padding-top:5px;
	padding-left:25px;
	height:30px;
	transition:background 0.1s ease-in-out;
}
section .list_on {
	background-color:#85919a;
	color:#FFF;
	font-size:14px;
	padding-top:5px;
	padding-left:25px;
	height:30px;
}
section .list:hover {
	background-color:#85919a;
	color:#FFF;
	height:30px;
}
section .list span,section .list_on span {
	padding-right:40px;
	float:right;
}
section .index input[type="text"],section .index input[type="password"] {
	width:88.88%;
	height:30px;
	border-radius:15px;
	border: solid 1px #85919a;
	background-color:#85919a;
	color:#fff;
	padding-left:30px;
	padding-right:30px;
	margin:15px;
}
section .index input[type="button"] {
	display: inline-block;
	width:88.88%;
	height:40px;
	border:none;
	background-color:#019647;
	color:#fff;
	margin:15px;
	margin-top:5px;
	transition:background 0.1s ease-in;
}

section .index input[type="button"]:hover {
	background-color:#006e93;
}
section .index input::-webkit-input-placeholder { color: #CCC; }
/* Firefox 4-18 */section .index input:-moz-placeholder { color: #CCC; }
/* Firefox 19+ */section .index input::-moz-placeholder { color: #CCC; }
/* IE10+ */section .index input:-ms-input-placeholder { color: #CCC; } 

section .box.gray {
	padding: 15px 0;
	width:100%;
	height:100%;
	background-color:#ededed;
}

/*------------------------------*/
footer {
	clear:both;
	position:relative;
	width:100%;
	height:140px;
	margin-top:-140px;
	background-color:#666666;
	z-index:99;
}
footer .m {
	height:40px;
	background-color:#FFF;
}
footer .logo {
	width:340px;
	height:60px;
	margin-top:20px;
	background-image:url(../image/footer_logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
/*------------------------------*/
.container {
	width: 1200px;
	max-width: none !important;
}

/*----------공용 클래스-------------*/
.float_right {
	float: right;
}

.float_left {
	float: left;
}



/*------------회원가입 css-------------*/

.table_div .tr_div {
	padding: 10px 0;
	width: 100%;
}
.table_div .tr_div .td_div {
	padding-left: 20px;
	display: inline-block;
}
.table_div .tr_div .td_div.col-2 {
	width: 15%;
}
.table_div .tr_div .td_div.col-4 {
	width: 33%;
}
.table_div .tr_div .td_div.col-10 {
	width: 80%;
}
.table_div .tr_div .td_div input[type=text],
.table_div .tr_div .td_div input[type=password] {
	height: 30px;
	border-radius: 15px;
	padding: 0 15px;
	background-color: #fff;
	border: 1px solid #84919a;
}

.table_div .tr_div .td_div input[type=text].readonly {
	background-color: #ddd;
}

.table_div .tr_div .td_div input[type=text],
.table_div .tr_div .td_div input[type=password] {
	width: 100%;
}

a.custom_btn,
button.custom_btn,
input[type=button].custom_btn {
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	text-align: center;
	background-color: #84919a;
	color: #fff;
}

a.custom_btn.style01,
button.custom_btn.style01,
input[type=button].custom_btn.style01 {
	background-color: #029648;
}
   	
section form .action-submit {
	text-align: center;
	display: inline-block;
	width:100%;
	line-height:40px;
	border:none;
	background-color:#019647;
	color:#fff;
	margin: 10px auto 0;
	font-size: 18px;
	transition:background 0.1s ease-in;
}

/*--------조사 리스트------------*/

section .box.gray input.datepicker {
	line-height: 30px;
	border-radius: 15px 0 0 15px;
	padding-left: 30px;
	background-color: #fff;
	border: 1px solid #84919a;
}

section .box.gray input.datepicker + span {
	display: inline-block;
	content: "＠";
	line-height: 30px;
	width: 50px;
	background-color: #84919a;
	border: 1px solid #84919a;
	border-radius: 0 15px 15px 0;
}

section .box.gray .search-btn {
	display: inline-block;
	line-height: 32px;
	padding: 0 20px;
	color: #fff;
	background: #009647;
	float: right;
}

section .table-area {
	font-size: 15px;
}

section .table-area .table-header {
	padding: 30px 0 15px;
}

section .table-area .table-header span {
	color: #016f94;
	font-weight: bold;
}

section .table-area table.list-table {
	width: 100%;
	border-width: 1px 0;
	border-style: solid;
	border-color: #84919a;
}

section .table-area table thead tr,
section .table-area table tbody tr {
	height: 30px;
}

section .table-area table thead tr {
	border-bottom: 1px solid #84919a;
}

section .table-area table thead th {
	font-weight: bold;
	text-align: center;
}

section .table-area table tbody tr {
	border-bottom: 1px dotted #84919a;
}

section .table-area .table-footer {
	padding-top: 15px;
	text-align: right;
}

/*---------다음 API---------*/
#layer { z-index: 9999!important; }


/*---------필수값체크----------*/
form .required.error {
	border-color: red!important;
}