@charset "utf-8";
/* CSS Document */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -55px;
  /* Pad bottom by footer height */
  padding: 0 0 55px;
}

@media screen and (max-width: 325px) {
	.page-header {
		margin: 20px 0 20px;
	}
}

#footer {
	font-size:9px;
  	height: 55px;
  	background-color: #595959;
  	color:#bdbdbd;
}

#footer > .container {
	padding:10px;
}

#footer .btn-group {
	float:right;
	top:-9px;
}

.top {
	background-color:#FFF;
	border-top:3px #054988 solid;
	border-bottom:3px #69b444 solid;
}

.navbar-nav > li span {
	float:right;
}


.main_visual {
	background-image:url(../images/main/main_visual.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.page-header > h3 {
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 2px 3px #666;
}

.main_notice {
	
	background-color:#69b444;
	opacity:0.9;
	margin:0 auto;
	padding:10px;
}

.main_notice h4, .main_notice h5 {
	color:#FFF;
	padding:0;
	margin:0;
}

.main_notice span {
	font-size:14px;
	float:right;
}

.main_notice h1,h2,h3,h4,,h5:after {
	content:"";
	clear:both;
	display:block;
}

.main_notice a:link, .main_notice a:active, .main_notice a:hover {
	color:#FFF;
	text-decoration:none;
}

.quick_menu {
	background-color:#054281;
	opacity:0.9;
	margin:0 auto;
	padding:10px 0px 10px 0px;
}

.quick_menu > ul {
	list-style:none;
	margin:0 auto;
	width:310px;
	padding:0;
	padding-bottom:10px;
}

.quick_menu > ul:after {
	content:"";
	clear:both;
	display:block;
}

.quick_menu > ul > li {
	float:left;
	margin-left:5px;
}

.quick_menu > ul > li:first-child {
	margin-left:0;
}

.quick_menu > ul > li span {
	font-weight:bold;
	color:#3a3a3a;
	line-height:90px;
}

.quick_menu:after {
	content:"";
	clear:both;
	display:block;
}


.quick_menu .btn {
	width:58px;
	height:58px;
	padding:0;
	font-size:10px;
	background-position:center 7px;
	background-repeat:no-repeat;
}


.quick_01 {
	background-image:url(../images/main/quick_01.png);
}

.quick_02 {
	background-image:url(../images/main/quick_02.png);
}

.quick_03 {
	background-image:url(../images/main/quick_03.png);
}

.quick_04 {
	background-image:url(../images/main/quick_04.png);
}

.quick_05 {
	background-image:url(../images/main/quick_05.png);
}

.quick_06 {
	background-image:url(../images/main/quick_04.png);
}

.quick_07 {
	background-image:url(../images/main/quick_04.png);
}

.quick_08 {
	background-image:url(../images/main/quick_04.png);
}

.quick_09 {
	background-image:url(../images/main/quick_04.png);
}

.quick_10 {
	background-image:url(../images/main/quick_04.png);
}

.sub_visual {
	background-image:url(../images/main/main_visual.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.sub_visual .page-header {
  padding-bottom: 9px;
  margin: 20px 0 20px;
  /*border-bottom: 1px solid #eeeeee;*/
}

.contents_nav {
	max-width:400px;
	background-color:#1c538c;
	background-image:url(../images/sub/title_bg.jpg);
	background-position:-25px center;
	background-repeat:no-repeat;
	color:#FFF;
	padding:10px 0px;
	font-size:12px;
}

.contents_nav > .glyphicon {
	margin-left:5px;
}

.contents_nav > b {
	margin-left:15px;
}

.contents_title {
	font-weight:bold;
}

.contents {
	padding:10px 15px 30px 15px ;
}

.contents > div > p {
	margin-bottom:10px;
	width:100%;
	content:"";
	clear:both;
	display:block;
}


.float_left {
	float:left;
}

.float_right {
	float:right;
}

.contents > div {
	text-align:justify;
}

.intro_01 {
	
}

.intro_01 img {
	margin-right:10px;
}

.intro_01 h4 {
	color:#6a6a6a;
	font-weight:bold;
}

.intro_01 h5 {
	color:#69b444;
	font-weight:bold;
}

.intro_02 {
	background-image:url(../images/sub/intro_02_01.jpg);
	background-position:left 50px;
	background-repeat:no-repeat;
	min-height:300px;
}

.intro_02 h3, h4, h5 {
	padding:0;
	margin:0;
	font-weight:bold;
}

.intro_02 dl {
	float:right;
	margin-bottom:20px;
}

.intro_02 dl > dd {
	float:left;
	margin-right:15px;
}

.intro_02 dl > dt {
	float:right;
}

.intro_02 ul {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
}

.intro_02 h3 {
	color:#0086ca;
	font-size:40px;
}

.intro_02 h4 {
	color:#716c75;
	font-size:35px;
}

.intro_02 h5 {
	color:#939393;
	font-size:30px;
}

.intro_03 > dl {
	margin:0;
	padding:0;
	width:100%;
	margin-top:10px;
}

.intro_03 > dl > dt {
	font-weight:bold;
	background-image:url(../images/sub/bullet_01.jpg);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:10px;
}

.intro_03 > dl > dd {
	text-align:center;
	background-color:#f8f8f8;
	padding:10px 0px;
}


.intro_04 ul, ol, dl {
	margin:0;
	padding:0;
	list-style:none;
}

.intro_04 > h1 {
	font-weight:bold;
	font-size:18px;
	color:#054988;
	border:5px #ececec solid;
	text-align:center;
	padding:20px 0px;
}

.intro_04 > ol {
	text-align:justify;
	list-style:upper-roman;
	margin-left:10px;
}

.intro_04 > ol > li {
	font-size:14px;
	margin-top:20px;
}


.intro_04 > ol > li > dl {
	font-size:12px;
	margin:5px 0px;
}

.intro_04 > ol > li > dl > dt {
	font-weight:bold;
	margin-bottom:10px;
}


.intro_04 > ol > li > dl > dt > span {
	color:#69b444;
	font-size:5px;
	top:-4px;
	position:relative;
}


.intro_04 > ol > li > dl > dd {
	background:#f7f7f7;
	padding:20px;
	margin-left:10px;
	margin-bottom:35px;
}

.intro_04 > ol > li > dl > dd > ol {
	list-style:decimal;
	margin-left:20px;
}

.intro_04 > ol > li > dl > dd > dl {
	text-align:left;
}

.intro_04 > ol > li > dl > dd > dl:after {content:"";display:block;clear:both;}

.intro_04 > ol > li > dl > dd > dl > dt {
	float:left;
	font-weight:bold;
}

.intro_05 > ol > li > dl > dd > dl > dd {
	margin-left:100px;
	margin-bottom:10px;
}

.intro_04 > ol > li > dl > dd > ul > li > ul {
	background:#FFF;
	padding:15px;
}

.intro_04 > a {
	text-align:center;
	margin:0 auto;
	display:inline-block;
	
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	border:1px #566195 solid;
	
	background-color:#2c7fcd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2c7fcd), color-stop(1, #064a8a));
	background:-moz-linear-gradient(top, #2c7fcd 5%, #064a8a 100%);
	background:-webkit-linear-gradient(top, #2c7fcd 5%, #064a8a 100%);
	background:-o-linear-gradient(top, #2c7fcd 5%, #064a8a 100%);
	background:-ms-linear-gradient(top, #2c7fcd 5%, #064a8a 100%);
	background:linear-gradient(to bottom, #2c7fcd 5%, #064a8a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7fcd', endColorstr='#064a8a',GradientType=0);;
	
	padding:10px 15px;
}

.intro_05 > dl {
	border:1px solid #dde0e0;
	padding:5px;
	background-color:#faf9f9;
}

.login_form {
	padding:20px 0px;
}

.board_table {
	margin-top:20px;
	overflow:hidden;
	
}

.table-hover > tbody a:link {
	color:#333;
}

.board_table img {
	max-width:280px;
}

#reply_area {
	width:100%;
}

#reply_area tr {
	width:100%;
}

#reply_area th {
	width:90px;
}

#reply_area td {
	width:240px;
}

#reply_area th, #reply_area td{
	
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #dddddd;	
}

.tab-pane > .table {
	border-bottom:#d9d9d9 2px solid;
}

.tab-pane > .table > tbody {
	border-top:#1c538c 2px solid;
}

.tab-pane > .table > tbody th {
	width:80px;
}
	
.tab-pane > .table > tbody td {
	border-left:1px #d9d9d9 solid;
	text-align:left;
	min-width:100px;
}