.navbar-inverse {
    background-image: none;
    background-repeat: repeat-x;
}
.navbar {
    border-bottom: 5px solid #316a97 !important;
}
.navbar .divider-vertical {
    border-right: 0px solid #FFF;
    border-left: 0px solid #F2F2F2;
}
.navbar-inverse .navbar-nav > li > a{color:#000;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
    background-color: #fff;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}


.flexslider {
    margin: 0px 0px 20px;
    background: none repeat scroll 0% 0% #FFF;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0);
}
.container .jumbotron {
    border-radius: 0px;
}
.intro-jumbo{text-align:center;background-image: url('/skin/img/main6.jpg');margin-bottom: 0px;}
.intro-jumbo h3{font-weight:bold;}
.intro-jumbo p{font-size:13px;}

.intro-box{background-size:cover;text-align:center;padding:15px 0;}
.intro-box h4{font-weight:bold !important;color:#fff !important;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);}
.intro-box p{padding:8px; color:#fff; font-size:12px;background:#333;}
.introBox1{background-image: url('/skin/img/ibg1.jpg');}
.introBox2{background-image: url('/skin/img/ibg2.jpg');}
.introBox3{background-image: url('/skin/img/ibg3.jpg');}

.p-title{background-color: rgba(85, 85, 85, 1);
padding: 25px;background-image:none;}
.p-title h3{ color:#fff;}
.p-title span{background:#333;padding:5px;color:#fff;}


.p1-1{text-align:center;padding:25px;}
.p1-1 p{font-weight:bold;font-size:18px;}

.img100{width:100%;}

.p2-1
.p2-1-title{font-size:16px; font-weight:bold; background:#ededed;padding:8px;}

.navbar-dh5 {
    margin: 0px 0px 15px !important;
}

/*================================ Basic CSS ===============================================*/

/*상단 메뉴 설정 시작*/
.navbar-inverse{
 background:#fff;     /*배경 색*/
 border-color:#fff;         /*테두리 색*/
 padding:0px 0px 0px 0px;      /*내부 여백*/
 margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
 padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
 background-color:none;       /*배경 색*/
 color:#999999;                /*텍스트 색*/
 font-size:14px;               /*텍스트 크기*/
 padding:15px 15px 15px 15px;  /*내부 여백*/
 margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
 background-color:#ffffff;     /*배경 색*/
 color:#000;                /*텍스트 색*/
 padding:0px 0px 0px 0px;      /*내부 여백*/
 margin:3px 20px 3px 20px;       /*외부 여백*/
 font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center{
 background-color:rgba(49, 106, 150, 1);     /*배경 색*/
 color:#fff;                /*텍스트 색*/
 font-size:14px;               /*텍스트 크기*/
 padding:10px 0px 10px 0px;      /*내부 여백*/
 margin:20px 0px 0px 0px;       /*외부 여백*/
 text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
.flex-caption span.intro-title{
 background:#333;        /*배경 색*/
 color:#ffffff;                /*텍스트 색*/
 font-size:36px;               /*텍스트 크기*/
 padding:3px;      /*내부 여백*/
 margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
 background:#333;        /*배경 색*/
 color:#ffffff;                /*텍스트 색*/
 font-size:14px;               /*텍스트 크기*/
 padding:3px;      /*내부 여백*/
 margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/


/*================================ Basic CSS ===============================================*/


.pfblock-header {
	text-align: center;
	margin: 0 0 60px;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.pfblock-title{
    font-weight: 800;
}

h2 {
	font-size: 30px;
	margin: 0 0 30px;
	font: 700 40px/1.2 Raleway, sans-serif;
	text-transform: uppercase;
	margin: 5px 0 5px;
	color: #222;
}

h3 {
	font-size: 40px;
	color: black;

}


.pfblock-line {
	background: rgba(135, 135, 135, 0.5);
	width: 100px;
	height: 1px;
	margin: 30px auto;
}

.pfblock-subtitle {
	font-style: normal;
	font-size: 15px;
}

body {
	font: 300 14px/1.8 'Raleway', sans-serif;

	overflow-x: hidden;
}

.cbp-qtrotator {
	position: relative;
	margin: 3em auto 0em auto;
	max-width: 90%;
	width: 90%;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	min-height: 200px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 2em 0;
	top: 0;
	z-index: 0;
	/*opacity: 0;*/
	width: 100%;
}


.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #FF5252;
	height: 1px;
	width: 0%;
	top: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
    border: 0;
    font-size: 12px;
}

.cbp-qtrotator blockquote p {
	font-size: 2em;
	color: #888;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote footer {
	font-size: 1.2em;
}

.cbp-qtrotator blockquote footer:before {
	content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
}

/* Example for media query */
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{

display:block;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


.row2{
margin-right:0px;
margin-left:-55px;

}



.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid h2{
    font-size: 20px;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



figure.effect-bubba {
	background: rgba(49, 106, 150, 1);
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
    color: #fff;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.table>tbody>tr>th.success{
width: 13%;
}

.bg-primary {
  color: #fff;
  background-color: #4B4EBB;
}

.text-primary {
  color: #4B4EBB;
}

