@charset 'utf-8';
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

body,html{height:100%; background-color:#fff; margin:0;}
*{font-family: 'Nanum Square', sans-serif; font-size:12px; }
ul,li{
	margin:0px; padding:0px;
	list-style-type:none;
}
p{margin:0px;}
img{border:0px;}
a:link{ text-decoration:none;}
a:hover{}
a:visited{}

h1, h2, h3, h4, h5{margin:0px;}
table{border-collapse:collapse;}
::selection {
   background: #f00;
   color: #fff;
}
::-moz-selection {
   background: #f00;
   color: #fff;
}
.title_top {
	color:#686868;
	font-size:25px;
	text-align:center;
	font-weight:600;
	margin-top:3%;
}
.title_bottom {
	color:#7e7e7e;
	font-size:14px;
	width:100%;
	text-align:center;
	font-weight:400;
}

.title_line {
	width:60px !important;
	height:1px !important;
	font-size:0 !important;
	display:block !important;
	margin:1.5% auto !important;
	background-color:#303030 !important;
}
.title_img_text_top {
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:100px;
	top:0px;
	line-height:360px;
	font-weight:600;
	z-index:9999;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: gray;
}
.title_img_text_bottom {
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:20px;
	line-height:440px;
	font-weight:400;
	z-index:9999;
}

@media (min-width:300px) and (max-width:899px){
	.title_img_text_top {
		line-height:24vw;
		font-size:50px;
	}
	.title_img_text_bottom {
		line-height:36vw;
		font-size:11px;

	}
	.title_top {
		font-size:22px;
		margin-top:5vw;
	}
	.title_bottom {
		font-size:12px;
		font-weight:400;
	}

	.title_line {
		width:40px !important;
		margin:5vw auto !important;

	}

}