/*
http://waterain.kr
*/

@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
	margin: 0; 
	padding: 0; 
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 30px;
	line-height: 50px;
	text-align: left;
	word-break: keep-all;
	color:white;
	font-weight:500;
	background-color:white;
}

img{ 
	display:block;
	float:left;
}
  
a {
	text-decoration:none;
	color:white;
	border-bottom: 1px solid white;
}

a:hover {
	text-decoration:none;
	color:white;
	border-bottom: 0px solid white;
}


/* ---- grid ---- */

.grid { margin:0 auto;
}

.grid-contents { width:750px;
				 margin:0 auto;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 250px;
  height: 250px;
  float: left;
  display:table;
  cursor:pointer;
}

.grid-item--width2 { width: 500px; }

.grid-item--height2 { height: 500px; }

/* ---- grid-item-title ---- */

.title {
  opacity:0;
  cursor:pointer;
  display:table-cell; 
  text-align:center;
  vertical-align:middle;
  background-color:#FFFFFf;
}

.title-contents {
  opacity:1;
  cursor:pointer;
  display:table-cell; 
  text-align:center;
  vertical-align:middle;
  background-color:#FFFFFf;
}


/* ---- text ---- */

.text { display:table-cell; vertical-align:middle; }


/* ---- table ---- */

.table { width:600px; text-align:center; }