@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Noto Sans KR', "Nanum Gothic", Dotum, sans-serif;
	color: #000;
	background: #fff;
	font-size: 12px;
}
a, input {
	transition: all 0.5s;
}
a, a:hover, afocus, a:active, a:link, a:visited {
	text-decoration: none;
}
ul, li, ol {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.container.pc_top{
        width: 1500px;
    max-width: 1500px;
}
/*
100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Regular (Normal、Book、Roman)
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

font-size * 10 / PS VA = real_letter_spacing。
*/
header{
	margin: 0 auto;
	width: 100%;
	background: #303031;
	position: relative;
}
.container{
	max-width: 1200px;
}
.logo{
	text-align: center;
	padding-top: 90px;
	padding-bottom: 90px;
	display: inline-block;
}
.header_message{
	width: 100%;
	box-sizing: border-box;
	float:left;
	position:relative;
	padding-left: 70px;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 25px;
	color: #fff;
}
.header_message span{
	display: inline-block;
	width: 120px;
	letter-spacing: -1px;
}
.header_icon_01{
	background: url(../images/header_icon_01.png) left top no-repeat;
}
.header_icon_02{
	background: url(../images/header_icon_02.png) left top no-repeat;
}
.header_icon_03{
	background: url(../images/header_icon_03.png) left top no-repeat;
}
.header_message b{
	display: inline-block;
	margin-left: 20px;
	letter-spacing: -1px;
}

.header_top{
	padding-top: 50px;
}
.pc_nav{
	width: 100%;
	left: 0px;
	height: 80px;
	z-index: 99;
	bottom: -80px;
	position: absolute;
	background:rgba(255,255,255,0.8);
}
.pc_nav_content{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.pc_nav_sub_bg{
	width: 100%;
	z-index: 9;
	left: 0px;
	top: 100%;
	height: 0px;
	transition: all 0.5s;
	position: absolute;
	overflow: hidden;
	background:rgba(255,255,255,0.9);
}
.pc_nav_content:hover .pc_nav_sub_bg{
	height: 200px;
}
.pc_nav_sub_bg_ul{
	margin-top: 10px;
	width: 100%;
	float: left;
	
	
}
.pc_nav_sub_bg_ul > li{
	width: 20%;
	float: left;
	box-sizing: border-box;
	min-height: 1px;
}
.pc_nav_sub_bg_ul > li > ul{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	padding-top: 10px;
}
.pc_nav_sub_bg_ul > li > ul:before{
	height: 2px;
	content: "";
	width: 90px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -45px;
	z-index: 5;
	background: #ff8f22;
}

.pc_nav_sub_bg_ul > li > ul > li{
    width: 100%;
	float: left;
	text-align: center;
}
.pc_nav_sub_bg_ul > li > ul > li > a{
	font-size: 20px;
	display: block;
	line-height: 40px;
	font-weight: 400;
	color: #595757;
}
.pc_nav_sub_bg_ul > li > ul > li > a:hover{
	color: #f06a10;
	font-weight: 500;
}
.pc_nav_ul{
	width: 100%;
	float: left;
}



.pc_nav_ul > li{
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding-top: 22px;
	padding-bottom: 22px;
	position: relative;
	text-align: center;
	
}
.pc_nav_ul > li > a{
	display: block;
	color: #b0b0b0;
	font-weight: 500;
	font-size: 25px;
	border-right: 1px solid #303030;
}
.pc_nav_ul > li:hover > a{
	color: #303030;
}
.pc_nav_ul > li:last-child > a{
	border-right: none;
}

.my_nav {
	float: right;
	background: none;
	border: none;
	margin-top: 30px;
	margin-bottom: 0px;
}
.my_nav_ul > li > a {
	color: #fff !important;
	padding-bottom: 32px;
	font-size: 14px;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: -0.5px;
}
.my_nav_ul > li.open > a {
	background: none !important;
}
.my_nav_ul > li:hover > ul {
	display: inline-block;
}
.my_nav_ul > li.open > ul {
	display: none;
}
.my_nav_ul > li > ul {
	display: none;

	left: -15px;
	padding: 15px 30px;
	box-sizing: border-box;
	min-width: 210px;
}
.my_nav_ul > li > ul:before {
	content: "";
	float: left;
	width: 18px;
	height: 2px;
	background: #fff;
	margin-left: 0px;
	margin-top: -15px;
}
.my_nav_ul > li > ul > li {
	width: 100%;
	float: left;
}
.my_nav_ul > li > ul > li:last-child {
	border-bottom: none;
}
.my_nav_ul > li > ul > li > a {
	color: #999999;
	padding: 0px;
	background: none;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 10px;
	line-height: 20px;
	padding-top: 10px;
}
.my_nav_ul > li > ul > li > a:hover {
	background: none !important;
	color: #fff;
}
.mobile_nav{
	display: none;
}

.banner{
	margin: 0 auto;
	width: 100%;
	background:url(../images/banner_bg.jpg) center center repeat-x;
}

.banner-swiper-container{
	margin-top: 80px !important;
}
 .banner-swiper-container .swiper-slide {
min-height: 594px;
     /* width: 20% !important;
transition:all 1s;*/
    }
 .banner-swiper-container .swiper-slide {
	 background-position: bottom center;
	 background-repeat: no-repeat;
	 background-size: cover;
}
.banner-swiper-container .swiper-pagination-bullet{
	width: 22px;
	height: 22px;
	opacity: 1;
	background: url(../images/swiper_icon.png) center center no-repeat;
}
.banner-swiper-container .swiper-pagination-bullet-active{
	background: url(../images/swiper_icon_active.png) center center no-repeat;
}
.banner_text_content{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.banner_text_01{
	position: absolute;
	z-index: 10;
	bottom: 90px;
	left: 60px;
	font-size: 50px;
	line-height: 70px;
	color: #fff;
}
.banner_text_01 span{
color:#f06a10;
	font-weight: bold;
	}
.banner_text_02{
	position: absolute;
	z-index: 10;
	bottom: 90px;
	left: 60px;
	font-size: 50px;
	line-height: 70px;
	color: #fff;
}
.banner_text_02 span{
color:#f06a10;
	font-weight: bold;
	}
.banner_text_03{
	position: absolute;
	z-index: 10;
	top: 50%;
	left:0px;
	width: 100%;
	color: #fff;
	text-align: center;
	    transform: translate(0%, -50%);
}
.banner_text_03_title{
	width: 100%;
	max-width: 750px;
	text-align: center;
	font-size: 65px;
	display: inline-block;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding-bottom: 15px;
}
.banner_text_03_title span{
	color:#f06a10;
}
.banner_text_03_dec{
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
	color: #fff;
}
.banner_text_03_content{
	display: block;
	font-weight: 400;
	line-height: 40px;
	margin-top:30px;
	font-size: 25px;
	
}
/*
.swiper-slide.swiper-slide-prev{
	width: 20% !important;
}
.swiper-slide.swiper-slide-active{
	width: 60% !important;
}
.swiper-slide.swiper-slide-next{
	width: 20% !important;
}*/

.index_center{
	margin: 0 auto;
	width: 100%;
	min-height: 579px;
	background: url(../images/main_center_bg.png) center top repeat-x;
	background-size: cover;
}
.index_center_img{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 110px;
}
.index_center_img img{
	max-width: 100%;
}
.index_center_content{
	width: 100%;
	float: left;
	text-align: center;
	color: #343536;
	font-size: 50px;
	line-height: 80px;
}
.index_center_content span{
	color: #f06a10;
}
.index_bottom{
	width: 100%;
	float: left;
	padding-top: 50px;
}
.index_bottom_text{
	padding-top: 60px;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	font-size:40px;
	font-weight:bold;
	line-height: 55px;
	color: #303030;
	margin-bottom: 80px;
}
.index_bottom_text:before{
	width: 60px;
	height: 2px;
	content: "";
	background: #343536;
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 9;
	margin-left: -30px;
}
.index_bottom_text span{
	color: #f06a10;
}
.index_bottom_list{
	width: 100%;
	float: left;
	margin-bottom: 145px;
	position: relative;
}
.index_bottom_list_img .swiper-slide{
	padding: 5px;
}
.index_bottom_list_img .swiper-slide img{
	box-shadow: 0px 0px 6px #eeeeee;
	max-width: 100%;
}
.swiper_right_bar{
	outline: none;
	right: -50px !important;
	background: url(../images/right_bar.png) center center no-repeat !important;
}
.swiper_left_bar{
	outline: none;
	left: -50px !important;
	background: url(../images/left_bar.png) center center no-repeat !important;
}


footer{
	margin:0 auto;
	width: 100%;
	background: #202020;
	padding: 30px 0;
	position: relative;
}
.footer_top_btn{
	position: absolute;
	width: 70px;
	cursor: pointer;
	height: 70px;
	top: -45px;
	z-index: 10;
	right: 15px;
	
}
.footer_logo{
	text-align: center;
}
.footer_logo_img{
	max-width: 100%;
}
.footer_text{
	font-size: 20px;
	color: #595757;
	font-weight: 400;
}


.sub_banner{
	width: 100%;
	margin: 0 auto;
	min-height: 316px;
	background-color:#313131;
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: cover;
	position: relative;
}
.sub_banner_2{
	background-image:url(../images/sub_banner_2.jpg);
}
.sub_banner_text{
	text-align: center;
	top: 45%;
	width: 100%;
	left: 0px;
	font-size:25px;
	font-weight: 400;
	color: #fff;
	position: absolute;
}
.sub_banner_text span{
	padding-bottom: 10px;
		color: #ffffff;
	font-size: 38px;
	font-weight: bold;
	border-bottom: 5px solid #f06a10;
}
.images_list{
	width: 100%;
	margin-top: 55px;
	float: left;
	
}
.images_list_ul{
	width: 100%;
	float: left;
	margin-top: 70px;
}
.images_list_ul li{
	text-align: center;
	float: left;
	margin-bottom: 50px;
}
.images_list_ul li .list_content{
	display: inline-block;
}
.images_list_ul li .images{
	display: inline-block;
	margin-bottom: 20px;
}
.images_list_ul li .images img{
	max-width: 100%;
}
.images_list_ul li .images_title{
	display: block;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	min-height: 44px;
	color: #232323;
}
.pagination > li.active a,.pagination > li > a:hover{
	background: #f06a10 !important;
	border-color: #f06a10 !important;
	color: #fff !important;
}
.to_list_btn{
	margin-bottom: 100px;
}
.to_list_btn > .btn{
	color: #fff !important;
	background: #f06a10 !important;
	border-color: #f06a10 !important;
}

.navigation{
	margin-bottom: 100px;
}

.list_icon{
	margin: 0 5px;
	display: inline-block;
}
.pen_btn{
	width: 60px;
	float: right;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	border:1px solid #cccccc;
	background: #585858;
	font-size: 14px;
	vertical-align: middle;
	font-weight: 400;
}
.pen_btn img{
	display: inline-block;
	margin-right: 3px;
	margin-top: -3px;
}
.pen_btn:hover{
	color: #fff;
}
.sub_banner_bottom{
	width: 100%;
	margin: 0 auto;
	background: #e8e8e8;
	text-align: center;
	padding: 30px 0;
}
.sub_banner_bottom_span{
	font-size: 35px;
	font-weight: 400;
	color: #f06a10;
	text-align: center;
}

.sub_banner_bottom_text{
	font-size: 40px;
	font-weight: bold;
	color: #f06a10;
	text-align: center;
}
.detail_content{
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 400;
	
	padding-bottom: 50px;
}
.edit_select{
	width: 100%;
	float: left;
	text-align: right;
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
}
.edit_select > button{
	padding:5px 8px;
	font-size: 14px;
	outline: none !important;
	background: #585858;
	color: #fff;
  }
  .edit_select > button:first-child{
	margin-right: 10px;
  }
  .edit_select > button > span{
	margin-right: 10px;
	font-size: 12px;
  }


.reply_btn{
	float: right;
	background: #f06a10;
	border-color:#f06a10;
	color:#fff !important;
  }

  .reply_list{
	width: 100%;
	float: left;
	border-top: 1px solid #ccc;
	margin-bottom: 25px;
	box-sizing: border-box;
	
  }
  .reply_list li{
	width: 100%;
	float: left;
	border-bottom: 1px solid #999;
	margin-top: 15px;
  }
  .reply_list li .reply_title{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
	color: #666;
	box-sizing: border-box;
	padding-left: 20px;
	background: url(../images/reply_icon.png) left top no-repeat;
  }
  .reply_list li .reply_content{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	box-sizing: border-box;
	padding-left: 20px;
	margin-bottom:15px;
	white-space: pre-wrap;
		  word-wrap: break-word;
		  word-break: break-all;
  }
  .reply_list li .reply_operation{
  width: 100%;
  float: left;
  text-align: right;
  margin-bottom: 15px;
  }
  .reply_list li .reply_operation > button{
	padding:5px 8px;
	font-size: 14px;
	outline: none;
  }
  .reply_list li .reply_operation > button:first-child{
	margin-right: 10px;
  }
  .reply_list li .reply_operation > button > span{
	margin-right: 10px;
	font-size: 12px;
  }
  .reply_form{
	width: 100%;
	float: left;
	border-top: 1px solid #ccc;
	padding-top: 25px;
	display: none;
  }
  .reply_form.active{
	display: inline-block;
  }
  .reply_form_show_btn{
	float: left;
	background: #1ca6a8;
	color:#fff;
	margin-bottom: 25px;;
  }
  p.error{
	display: block;
	font-size: 14px;
	color: red;
  }
  input.error{
	border-color:red;
  }
  textarea.error{
	border-color:red;
  }

.sub_title{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 60px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 35px;
	font-weight: 400;
	margin-bottom: 50px;
}
.sub1_text{
	width: 100%;
	max-width: 970px;
	margin: 50px auto 0 auto;
	overflow: hidden;
	padding:10px;
	box-sizing: border-box;
	color: #f06a10;
	text-align: center;
	line-height: 45px;
	font-weight: 400;
	font-size: 30px;
	border: 2px dashed #f06a10;
}
.sub1_bg{
	width: 100%;
	margin: 50px auto;
	padding: 40px 0;
	background: #e8e8e8;
	
}
.sub1_list_title{
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 25px;
	font-size: 30px;
	font-weight: bold;
	color: #232323;
	margin-bottom: 25px;
}
.sub1_list_title:before{
	position: absolute;
	left: 0;
	top: 5px;
	width: 5px;
	height: 30px;
	content: "";
	background: #f06a10;
}
.sub1_list_text{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 25px;
	font-size: 30px;
	font-weight: 400;
	color: #585858;

}
.sub1_list_text b{
	color: #f06a10;
}
.sub1_content{
	padding:20px;
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	color: #585858;
	margin-left: 25px;
	margin-top: 25px;
	border: 2px dashed #000;
}


.contact_title{
	display: block;
	position: relative;
	font-size: 30px;
	font-weight: 400;
	color: #232323;
	padding-left: 25px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.contact_title:before{
		position: absolute;
	left: 0;
	top: 5px;
	width: 5px;
	height: 30px;
	content: "";
	background: #f06a10;
}
.contact_text{
	display: block;
	font-size: 30px;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 25px;
}
.contact_map{
	display: block;

	margin-bottom: 25px;
}
.contact_map img{
	max-width: 100%;
}
.contact_content{
	margin-bottom: 50px;
}
.contact_text span{
	color: #f06a10;
}
.contact_text p{
	margin-bottom: 30px;
}
/*
.contact_text p:last-child{
	margin-bottom: 0px;
}*/
.contact_text p img{
	max-width: 100%;
}
.reply_text{
	color: #f06a10;
	margin-left: 10px;
}
.fixed_mobile{
	position: fixed;
	left: 0px;
	width: 100%;
	bottom: 0px;
	text-align: center;
	background: #fff;
	border-top: 1px solid #f4f4f4;
	text-align: center;
	display: none;
	z-index: 9999;
	height: 100px;
	box-sizing: border-box;
	padding: 25px 0;
}
.fixed_mobile a{
	float: left;
	width: 33.33%;
	border-right: 1px solid #dbdbdb;
}
.fixed_mobile a:last-child{
	border-right: none;
}
.fixed_mobile img{
height: 60px;
}
.pc_img{
	display: block;
}
.mobile_img{
	display: none;
}
@media(max-width:1200px){
	.swiper_right_bar{

	right: 0px !important;

}
.swiper_left_bar{

	left: 0px !important;

}
	.header_message{
		padding-left: 50px;
	}
	.header_message b{
		display: block;
		margin-left: 0px;
	}
	.logo{
		padding-top: 20px;
		padding-bottom: 20px;
		max-width: 100%;
	}
	.header_top{
		padding-top: 25px;
	}
}



@media(max-width:768px){
	.sub1_content{
		font-size: 18px;
	}
	.contact_text p{
		margin-bottom: 10px;
	}
	.contact_content{
		margin-bottom: 10px;
	}
	.contact_text{
font-size: 20px;
	}
	.pc_img{
		display: none;
	}
	.mobile_img{
		display: block;
	}
	footer{
		margin-bottom: 100px !important;
	}
	.fixed_mobile{
		display: block;
	}
	.sub_font_p{
		font-size: 18px !important;
	}
	.sub1_bg{
		padding: 20px 0;
		margin: 25px 0;
	}
	.sub1_list_title{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.sub1_list_title:before{
		top: 3px;
	}
	.sub1_list_text{
		font-size: 20px;
	}
	.sub1_text{
		line-height: 26px;
		font-size: 20px;
	}
	.sub1_text br{
		display: none;
	}
	.sub_banner_bottom_text{
		font-size: 24px;
	}
	.sub_banner_bottom_text img{
		width: 33px;
		height: 33px;
	}
	.sub_banner_bottom_span{
		font-size: 18px;
	}
	.sub_banner_text{
		font-size: 20px;
	}
	#notice-board{
		margin-top: 25px !important;
		}
	.pen_btn{
		width: 100%;
	}
	.sub_banner_text{
		top:50%;
		 transform: translate(0%, -50%);
	}
	.sub_banner{
		min-height: 200px;
	}
	.index_bottom_list{
		margin-bottom: 50px;
	}
	.index_bottom{
		padding-top: 30px;
	
	}
	.index_bottom_text{
		font-size: 30px;
		padding-top: 20px;
		line-height: 35px;
		margin-bottom: 40px;
	}
	.index_center{
		min-height: 300px;
	}
	.index_center_img{
		margin-top: 50px;
	}
	.index_center_content{
		font-size: 24px;
		line-height: 30px;
		margin-top: 30px;
	}
	.banner_text_03_content{
		font-size: 16px;
		line-height: 28px;
		margin-top: 10px;
	}
	.banner_text_03_title{
		font-size: 40px;
	}
	.banner_text_03_dec{
		font-size: 24px;
	}
	.banner_text_01{
		left: 0px;
		bottom: auto;
		font-size:24px;
		top: 50%;
		width: 100%;
		line-height:45px;
		text-align: center;
		 transform: translate(0%, -50%);
		
	}
	.banner_text_02{
		left: 0px;
		bottom: auto;
		font-size: 24px;
		top: 50%;
		width: 100%;
		line-height:45px;
		text-align: center;
		 transform: translate(0%, -50%);
		
	}
	.banner-swiper-container .swiper-slide{
		min-height: 450px;
	}
	.banner-swiper-container{
	margin-top: 0px !important;
}
	.logo img{
		max-width: 250px;
	}
	.navbar-toggle{
		margin-top: 30px;
	}
	.mobile_nav{
		display:block;
	}
	.pc_nav{
		display: none;
	}
	.pc_top{
		display: none;
	}
	.my_nav {
	float: none;
		margin-top: 0px;
}
.my_nav_ul > li > ul {
	width: 100%;
	float: left;
	position: static !important;

}
.my_nav_ul > li.open > ul {
	display: inline-block !important;
	position: static !important;
	width: 100% !important;
	
	padding: 0px !important;
}
.my_nav_ul > li > a {
	padding: 20px 0px !important;
	text-align: center;
	font-size: 18px;
}
.my_nav_ul > li:hover > ul {
	display: none;
}
.my_nav_ul > li > ul:before {
	display: none;
}
.my_nav_ul > li > ul > li > a {
	font-size: 14px;
	text-align: center;
	color: #fff !important;
	font-weight: 400;
	padding: 20px 0px !important;
}
}
/*sweet alert*/
.swal-overlay .swal-button--backhome {
	background: #ccc;
}

.swal-overlay .swal-footer {
	text-align: center;
}
.swal-overlay .alertloading {
	width: 200px;
}
.swal-overlay .alertloading .swal-icon--success {
	border: none;
	margin-bottom: 32px;
}
.swal-overlay .alertloading .swal-icon--success__ring {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.swal-overlay .alertloading .swal-icon--success__ring  {
    margin: 0 auto;
    position: relative;
    border-top: 4px solid #edf8e6;
    border-right: 4px solid #edf8e6;
    border-bottom: 4px solid #edf8e6;
    border-left: 4px solid #a5dc86;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.swal-overlay .alertloading .swal-icon--success__ring  {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.swal-overlay .alertloading .swal-icon--success__line , .swal-overlay .alertloading .swal-icon--success__hide-corners , .swal-overlay .alertloading .swal-icon--success:after  , .swal-overlay .alertloading .swal-icon--success:before {
	display: none;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#form-template {
	color: #999;
	font-weight: 400;
}

#form-template label {
	font-weight: 400;
	font-size: 16px;
	color: #454545;
}
.form-template-type2 .has-feedback .form-control-feedback{
	height: 27px;
	line-height: 27px;
	top: 0px;
}

.has-error .form-control {
    border-color: #a94442 !important;
	
}
#form-template label strong {
	color: red;
	font-weight: 400;
}

#form-template label span {
	font-size: 14px;
	color: #999;
	cursor: pointer;
}

#form-template input {
	height: 38px;
	line-height: 38px;
}
#form-template .filename {
	line-height: 28px;
}
#form-template input[type="radio"] , #form-template input[type="checkbox"] {
	height: auto;
	line-height: inherit;
	margin-right: 5px;
}

#form-template .agreement-document {
	height: 200px;
	background: #f7f7f7;
	overflow: auto;
	font-size: 12px;
	font-weight: 300;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

#form-template input[type=file] {
	position: relative;
	top: 0px;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 40px;
	cursor: pointer;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	width: 100%;
	margin-top: -40px;
	z-index: 2;
}

#form-template .file-input {
	z-index: 1;
}

.has-feedback label ~ .form-control-feedback {
	top: 29px;
	right: 15px;
}

.help-block {
	position: absolute;
	top: 15px;
	background: #fff;
	left: 20px;
	font-size: 12px;
	font-style: normal;
	z-index: 3;
}
.form-textarea .glyphicon{
	top: 25px;
}
.agreement .help-block{
	background: none;
	bottom: 15px;
	top:auto;
}
.agreement .glyphicon{
	top: -5px;
}
.form-textarea .form-control-feedback ,.agreement .form-control-feedback{
	right: 15px;
}
.filearea.has-feedback label~.form-control-feedback {
	right: 100px;
}
.form-template-type2 .form-group:after {
	content: '';
	display: table;
	clear: both;
}
.form-template-type2 .form-group .col-sm-2 {
	line-height: 32px;
}
.form-template-type2 .help-block {
	top: -12px;
}
.form-template-type2 .has-feedback  .form-control-feedback {
	top: 2px;
	right: 15px;
}
#form-template .filearea .form-control-feedback {
	right: 100px;
}

#notice-board{
	margin-top: 50px;
	float: left;
}

.notice-board {
	font-weight: 400;
	color: #232323;
	border-top: 1px solid #ccc;
	width: 100%;
}

.notice-board-search {
	margin-bottom: 10px;
	float: left;
}

.notice-board-search .input-group-addon {
	background: none;
	border: none;
	padding: 0;
}

.notice-board-search .input-group-addon select {
	border-right: none;
	min-width: 80px;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.notice-board-search .input-group-addon button {
	border-left: none;
	border-radius: 0;
	background: #eee;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.notice-board thead {
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
}

.notice-board tr td {
	text-align: center;
	padding: 15px 0;
	font-size: 14px;
}

.notice-board tr {
	border-bottom: 1px solid #ccc;
}

.notice-board thead tr td {
	font-size: 14px;
	font-weight: 500;
}

.notice-board tbody tr td:nth-child(2) {
	text-align: left;
}

.notice-board .notice {
	font-weight: 500;
	background: #fbfbfb;
}

.notice-board a {
	color: #232323;
	cursor: pointer;
	
}

.pagination>li>a,
.pagination>li>span {
	color: #666;
}

.notice-board .number,
.notice-board .author,
.notice-board .creat_at,
.notice-board .view {
	width: 120px;
}


.article-detail .detail-header .title {
	font-size: 24px;
	color: #232323;
	padding: 12px 0;
}

.article-detail .detail-header span {
	font-size: 16px;
	color: #999999;
	font-weight: 400;
	margin-right: 15px;
}

.article-detail .detail-header span i {
	margin-right: 5px;
}

.article-detail .detail-header {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 35px;
}

.article-detail .detail-navigation {
	margin-bottom: 35px;
}

.article-detail .detail-navigation ul {
	margin: 0;
	padding: 0;
	margin-top: 35px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.article-detail .detail-navigation ul li {
	list-style: none;
	padding: 15px 0;
	font-size: 14px;
}

.article-detail .detail-navigation ul li:first-child {
	border-bottom: 1px solid #ccc;
}

.article-detail .detail-navigation ul li:last-child {
	border-top: 1px solid #ccc;
	margin-top: -1px;
}

.article-detail .detail-navigation ul li span {
	padding: 0 15px;
	position: absolute;
}

.article-detail .detail-navigation ul li span i {
	margin-right: 5px;
}

.article-detail .detail-navigation ul li a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	color: #f06a10;
	padding-left: 100px;
}

.article-detail article img {
	display: block;
	max-width: 100%;
	height: auto;
}
.article-detail .detail-filelist {
	margin-top: 35px;
}
.article-detail .detail-filelist ul {
	margin: 0;
	padding: 0;
}
.article-detail .detail-filelist ul li {
	list-style: none;
	padding:7px 0;
}
.article-detail .detail-filelist ul li span {
	padding:0 10px;
}
.article-detail .detail-filelist ul li a i {
	margin-right: 4px;
}
.article-detail .detail-filelist ul li a {
	background: #ff8f22;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
	transition: 0.5s ease;
	text-decoration: none;
}
.article-detail .detail-filelist ul li a:hover {
	background: #ff8f22;
}
@media (max-width: 1200px) {
	.notice-board tr td {
		display: block;
	}

	.notice-board .number,
	.notice-board .author,
	.notice-board .creat_at,
	.notice-board .view {
		display: block;
		float: left;
	}

	.notice-board .author,
	.notice-board .creat_at,
	.notice-board .view {
		color: #999;
		margin-right: 15px;
		margin-top: 5px;
		float: right;
	}

	.notice-board .author:before,
	.notice-board .creat_at:before,
	.notice-board .view:before {
		font: normal normal normal 14px/1 FontAwesome;
		display: inline-block;
		padding-right: 5px;
	}

	.notice-board .author:before {
		content: "\f007";
	}

	.notice-board .creat_at:before {
		content: "\f017";
	}

	.notice-board .view:before {
		content: "\f06e";
	}

	.notice-board thead {
		display: none;
	}

	.notice-board tr td {
		padding: 5px 0;
		text-align: left;
	}

	.notice-board tr {
		padding: 15px;
		display: block;
	}

	.notice-board tr:after {
		content: '';
		display: table;
		clear: both;
	}

	.notice-board .number,
	.notice-board .author,
	.notice-board .creat_at,
	.notice-board .view {
		width: auto;
	}

	.notice-board .number {
		background: #fff;
		border: 1px solid #ccc;
		padding: 4px 5px;
		margin-right: 5px;
		margin-bottom: 16px;
	}


}






/*loading*/
#loading{
	width: 100%;
	height: 100%;
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	z-index: 99;
	left: 0px;
	top: 0px;
	display: none;
	
}
.loading_content{
	display: none;
	width: 200px;
	height: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	transform: translate(-50%, -50%);
}
.sk-fading-circle {
	width: 200px;
	height: 200px;
	position: relative;
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 100;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 @-webkit-keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
 opacity: 0;
}
 40% {
 opacity: 1;
}
}
 @keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
 opacity: 0;
}
 40% {
 opacity: 1;
}
}

.subpage.sub5-1 .item1 {
    padding: 100px 15px;
}
.subpage.sub5-1 .item1 .title {
    font-size: 38px;
    font-weight: 100;
    color: #000;
    padding-bottom: 30px;
}
.subpage.sub5-1 .item1 .title b{
    color: #f06a10;
    font-weight: 500;
}
.subpage.sub5-1 .item1  p{
    font-size: 22px;
    color: #373c3c;
    font-weight: 300;
}
.subpage.sub5-1 .item2 {
    background: url(../images/item2.jpg) center center no-repeat;
    padding: 80px 0;
}
.subpage.sub5-1 .item2 p {
    font-size: 32px;
    font-weight: 100;
    color: #fff;
    letter-spacing: -0.5px;
}
.subpage.sub5-1 .item2 p b {
    font-weight: 500;
}
.subpage.sub5-1 .item2 .title {
    font-size: 28px;
    color: #fff;
}
.subpage.sub5-1 .item2 .title b {
    font-size: 46px;
    font-weight: 700;
}
.subpage.sub5-1 .item3 {
    margin-top: 80px;
}
.subpage.sub5-1 .item3 .title {
    font-size: 38px;
    font-weight: 100;
}
.subpage.sub5-1 .item3 .title b {
    font-weight: 400;
}
.subpage.sub5-1 .item3  p {
    font-size: 17px;
    letter-spacing: -0.5px;
    line-height: 27px;
    min-height: 130px;
    padding: 20px 0;
}
.subpage.sub5-1 .item3 .col-md-9 ,.subpage.sub5-1 .item4{
    margin-bottom: 80px;
}

@media (max-width: 678px) {
    .subpage.sub5-1 .item2 p {
        font-size: 16px;
    }
    .subpage.sub5-1 .item2 .title b {
        font-size: 32px;
    }
    .subpage.sub5-1 .item1 .title {
        font-size: 26px;
    }
    .subpage.sub5-1 .item1 p {
        font-size: 18px;
    }
    .subpage.sub5-1 .item3 img {
        margin-left: 0;
    }
}