@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body { height: 100%; }

body{
	font-family: 'Nanum Gothic', serif;
	color:#666;
	margin:0;
	overflow:visible;
	background-color: #f1faff
}

#body{
	height:100%;
}


#title_st{
	position:relative;
	font-size:1.4em;
	padding-top:3%;
	/* height:18% !important; */
	color:#FFF;
	padding-bottom:3%;
	background: -webkit-linear-gradient(#1f4866, #34638e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1f4866, #34638e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1f4866, #34638e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1f4866, #34638e); /* Standard syntax */
}


.title_st1{
	margin:0 auto;
	width:280px;
}

.title_st2{
	width:30px;
	height:30px;
	float:left;
}

.title_st3{
	width:200px;
	padding-left:5px;
            font-size: 19px;
}

.title_st4{
	width:150px;
	font-size:0.7em !important;
}

.title_st4_txt, .title_st4_txt:link {
	color:#bcdf08 !important;
	text-decoration:none;
}


.font_st1{
	font-size:1.6em;
}

.font_st2{
	font-size:0.7em;
}

.menu_st1{
	height: 41px;
	background: -webkit-linear-gradient(#6dbce3, #60a5c8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6dbce3, #60a5c8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6dbce3, #60a5c8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6dbce3, #60a5c8); /* Standard syntax */
}

.menu_area1{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.menu_area2{
	width:60px;	
	margin: 0 auto;
}

.menu_st2{
	float:left;	
}

.menu_st3{
	margin: 0;
}

.menu_st4{
	font-size:14px;
	text-align:center;
	margin-top: 12px;
	color: #f1faff;
}

.menu_st5{
	width : 50%;
	position: relative;
	background-size: 100% 100%;
/*	background-image:url(img/btn_d.png);*/
	cursor:pointer;
	height: 100%
}

.menu_st6{
	width : 50%;
	position: relative;
	background-size: 100% 100%;
	background-image:url(img/btn_s.png);
	font-weight:bold;
	color:#FFF;
	cursor:pointer;	
	height: 100%
}

.contents_st{
	position:relative;
	margin: 0 auto;
	height: 58%;
	width:92%;
/*	opacity:0.6; */
	font-size: 14px;
	padding:5px;
	overflow:auto;
	 -webkit-overflow-scrolling: touch;
}

.contents_st2{
	display:none;
}

.c_title{
	color:#000;
	font-weight:bold;
	padding-bottom:5px
}

.c_st1{
	display:block;
	margin-bottom:5px;
}

.c_st2{
	display:block;
	margin-left:15px;
	margin-bottom:5px;	
}

p{
	margin:0;
}

a:link {
	color: #FFF;
	text-decoration:none;
}

.subject_st1{
	font-size: 1.1em !important;
	color: #4eb6ff !important;
	text-decoration: none;
	text-align: center;
	margin: 0.3em;
	font-weight:bold
}

#scroller1{
	font-size:13px;
	word-break : keep-all;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 	
}

#bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 38px !important;
	/* padding-bottom:3%; */
	background: #30abd5;
	border-top:1px solid #CCC;
	padding-top: 4px
}

.bottom_area{
	width:320px;
	margin:0 auto;
}

#buttons{
	position: absolute;
	bottom: 50px;	
	width: 100%;
	text-align:center;
}

#btn_img{
	display:block;
	width:202px;
	height:44px;
	margin:0 auto;
}

.btn_img_st{
	margin-top: 5px;
}

.btm_st1{
	margin-left:12px;
	display: block;
	padding-top: 7px;
	padding-right: 4px;
	float:left
}

.btm_st2 a:link , a:visited, a:hover{
	color: #274456 !important;
	font-size: 0.9em;	
	text-decoration:none
}

.btm_st1{
	float:left
}