.time {
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.time .blank {
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
	}
	
	.time .content {
		display: inline-block;
		vertical-align: middle;
		border:1px solid;
		padding:10px 10px 10px 10px;
		border-radius: 15px;
		z-index:1000;
	}
	.time .content .show {
		font-size: 1.9ex;
		text-align: left;
		#display: flex;
		#flex-wrap: wrap;
		#justify-content: space-between;
	}
	.time .content .show .title{
       background-color: pink;
       color: black;
		padding: 3px 8px;
		border-width: 1px;
       border-radius: 15px 0px 15px 0px;
	}
	.time .content .show .title2{
       background-color: pink;
       color: black;
		padding: 3px 8px;
		border-width: 1px;
       border-radius: 15px 15px 0px 0px;
	}
	.time .content .show .title3{
       background-color: pink;
       color: black;
		padding: 3px 8px;
		border-width: 1px;
       border-radius: 0px 0px 15px 15px;
	}
	.time .content .show .subtitle{
	   all: unset; 
       background-color: aqua;
	   color: black;
	   padding: 3px 8px;
	   border-width: 1px;
       border-radius: 5px 15px 5px 15px;
	   margin-bottom: 5px;
	}
	input[type=button] {
		all: unset; 
       border-radius: 15px;
		padding: 3px 8px;
       cursor: click;	
	   -webkit-transition-duration: 0.5s;	
       border-radius: 5px 5px 5px 5px;
	}
	input[type=button]:hover {
		background-color: skyblue;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	   animation: bounce .5s infinite alternate;
	}
  
  
#-------------------------------------------------------------------------------------
  
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);
  
/* main Styles */

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body {
  all: unset;
  #background: #fafafa;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0;
}

a { text-decoration: none; }

.container {
  width: 100%;
  height: 30px;
  #margin: auto;
}

h1 { text-align:center; margin-top:150px;}
.slimline { 
border-top: 1px;
}

/* Navigation Styles */

/* 최상단 메뉴 */
/* nav { background: #2ba0db; } */
/* nav { background: #cfcfcf; } */
nav { background: #fff; }

nav .fa.fa-angle-down { margin-left: 6px; }
nav .fa.fa-house { margin-left: 6px; }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  #border:1px solid #2ba0db;
}

nav ul li {
  display: inline-block;
  position: relative;
  z-index:1;
}
/* nav ul li:hover { background: #D4F4FA; } */

nav ul li a {
  color: #000;
  display: block;
  font-size: 14px;
  padding: 5px 14px;
  transition: 0.3s linear;
}

/* 큰 하위메뉴 */
nav ul li ul {
  border-top: 2px solid #2ba0db;
  border-left: 2px solid #2ba0db;
  border-right: 2px solid #2ba0db;
  border-bottom: 2px solid #2ba0db;
  display: none;
  position: absolute;
  width: 150px;
}

nav ul li ul li {
  #border-top: 1px solid #444;
  display: block;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #fff;
  display: block;
  padding: 10px 14px;
}

nav ul li ul li a:hover { background: #FFFFB3; }
/* 메뉴 바 출처 : https://stickode.com/detail.html?no=2627 */