/* 최상단 */
#mobile_header {
	height:60px;
	background:rgba(255,255,255,0.3);
	z-index:100;
}



/* 메인 컨텐츠 상단, 날짜와 시간 부분 */
#iconDate {clear:both;float:left;width:100%;}
#iconDate ul {list-style:none;width:100%;}
#iconDate ul li {color:#FFF;}
#iconDate ul li.date {float:left;font-weight:0.9em;padding:5px 0px 0px 20px;}
#iconDate ul li.time {float:right;font-size:2.0em;font-weight:bold;margin-top:10px;padding:5px 20px 0px 0px;}


/* 메인화면 1단 공지사항 */
#mobile_main_notice_title h5 {
	color:#FFF;font-size:1.3em;font-weight:bold;
	padding:5px;margin:5px 20px;
}
/*
#mobile_main_notice {
	height:180px;
	padding:5px;margin:5px 20px;
	background:rgba(0,0,0,0.3);border-radius:5px;	
	overflow-x:hidden;overflow-y:auto;
}
*/

#mobile_main_notice {
	height:110px;
	padding:1px;margin:0px 20px;
	background:rgba(0,0,0,0.3);border-radius:5px;	
	overflow-x:hidden;overflow-y:auto;
}

#mobile_main_notice ul {
	list-style:none; 
	padding:10px 20px;margin:3px 0px;		
}
/*
#mobile_main_notice ul li {margin-bottom:10px; }
*/
#mobile_main_notice ul li {
	margin-bottom:12px;
	overflow:hidden;white-space:nowrap;word-break:nowrap;text-overflow:ellipsis;
}
#mobile_main_notice ul li .num {font-size:1.2em;font-weight:bold;}
#mobile_main_notice ul li .cate {font-size:1em;}
/*
#mobile_main_notice ul li .subj {font-size:1em;}
*/
#mobile_main_notice ul li .subj {font-size:1em;}
/*
#mobile_main_notice ul li .date {font-size:0.7em;margin-left:77px;}
*/
#mobile_main_notice ul li .date {font-size:0.7em;}
#mobile_main_notice ul li span { color:#ffffff; }


/* 메인화면, 2단 아이콘메뉴*/
#mobile_main_icon {}
	#mobile_main_icon ul {
		list-style:none;float:left;
		width:100%;margin-bottom:0px;
	}
	#mobile_main_icon ul.end {margin-bottom:0px;}
	
	#mobile_main_icon ul li {float:left;width:25%;text-align:center;}
	#mobile_main_icon ul li img {
		/*width:51px;height:80px;*/ 
		width:51px;height:80px; /* 원본사이즈 width:131px;height:161px; */
	}




/* Swipe 2 required styles, 1단, 2단 화면 구성 영역  */
.swipe {
	clear:both;
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap figure {
  float:left;
  width:100%;height:270px;
  position: relative;
  overflow-x:hidden;overflow-y:auto;
}

#slider {	
	width:100%;height:270px;
} 


#position{clear:both;text-align:center;list-style:none;margin:0;padding:0}
#position li  { 		
	display:inline-block;width:10px;height:10px;
	border-radius:10px;background:#141414;
	box-shadow:inset 0 1px 3px black,0 0 1px 1px #202020;
	margin:0 2px;cursor:pointer;
}
#position li.on { 
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
	background-color:#1293dc;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
	background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);
	background-image:-moz-linear-gradient(top,#1293dc,#0f6297);
	background-image:-ms-linear-gradient(top,#1293dc,#0f6297);
	background-image:-o-linear-gradient(top,#1293dc,#0f6297);
	background-image:linear-gradient(top,#1293dc,#0f6297)
}
/* END required styles */