.navbar, .navbar-nav, body > .container, .footer_copy {
    visibility: hidden;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#ffffff;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:ffffff;	      /*배경 색*/
	color:#333333;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#ffffff;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/* Hub Style */
#hub {
	display: none;
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: #F4F4F4;
}

#hub .wrapper {
	margin-top: 25vh;
}

#hub .wrapper h2 {
	text-align: center;
	font-weight: 300;
	line-height: 45px;
	color: #616161;
	margin-bottom: 30px;
}

#hub .wrapper .selector > div {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#hub .wrapper .selector > div {
		margin-bottom: 15px;
	}
}

#hub .wrapper .selector > div .inner {
 	border: 3px solid transparent !important; 
	display: block;
	background-color: #FFF;
/* 	border-radius: 6px; */
/* 	-webkit-border-radius: 6px; */
	padding: 15px;
	/*transition: ease .3s all;*/
	/*-webkit-transition: ease .3s all;*/
	width: 300px;
	height: 300px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

#hub .wrapper .selector > div:hover .inner {
 	border: 3px solid #1f5598 !important; 
	/*box-shadow: 0px 3px 6px #BBB;*/
	/*-webkit-box-shadow: 0px 3px 6px #BBB;*/
}

#hub .wrapper .selector > div .inner img {
    margin-top: 35px;
}

#hub .wrapper .selector > div label {
	font-size: 16px;
	font-weight: 400;
	color: #616161;
	margin-top: 10px;
	margin-bottom: 0;
}

#hub .wrapper .selector > div:hover label {
	font-color: #313131;
}

@media screen and (max-width: 767px) {
	#hub .wrapper {
		margin-top: 30px;
	}
	
	#hub .wrapper h2 {
		font-size: 18px;
		line-height: 26px;
	}
}

#hub .wrapper .copyright {
	margin-top: 25px;
	font-size: 12px;
	color: #616161;
}