/* 프로그램 제작자: Mlang (010-5005-6102 ) 현 소스를 수정/배포 할경우 법적 제제를 받습니다. */

/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:1024px) {
	
	#layout_head { 
		border-bottom:1px solid #eee; background:#5391f7; width:100%; height:60px; margin: 0 auto; 
		margin: 0 auto; position:fixed; _position:absolute; z-index:11; bottom:0px; top:0px; repeat-x; 
	}
	.layout_heads { width:100%; text-align:center; margin:0 auto; }
	.layout_head_bar { width:100%; display:inline-block; padding-left:15px; padding-right:15px; }
	.layout_head_bar ul { width:100%; } .layout_heads li { float:left; }
	.layout_head_bar_logo { text-align:left; width:20%; padding-top:10px; } 
	.layout_head_bar_logo_img { height:40px; border:0px; cursor:pointer; } .layout_head_bar_logo_img:hover { opacity: 0.7; }
	.layout_head_bar_back { margin-top:5px; height:30px; border:0px; cursor:pointer; } .layout_head_bar_back:hover { opacity: 0.7; }
	.layout_head_bar_menu { text-align:center; width:60%; } 
	.layout_head_bar_menus { padding-top:15px; text-align:center; }
	.layout_head_bar_menus span { 
		padding-left:25px; padding-right:25px; cursor:pointer; 
		color:#fff; font-size:22px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.5em; 
	} .layout_head_bar span:hover { opacity: 0.7; }
	.layout_head_bar_menus_off { color:#222; }
	.layout_head_bar_menus_on { color:#e1a401; }
	.layout_head_bar_login { text-align:right; width:20%; } 
	.layout_head_bar_login_home { border:0px; height:30px; margin-top:15px; cursor:pointer; }
	.layout_head_bar_login_config { border:0px; height:30px; margin-top:15px; cursor:pointer; }

	.layout_head_br { width:100%; text-align:center; margin:0 auto;  height:60px; }

	/* foot */
	#Mlang_layout_foot {
		text-align:center; height:60px; border-top:1px solid #eee; background:#fcfcf9;
		padding-top:10px; 
	}
	.Mlang_layout_foots { text-align:center; width:100%; margin:0 auto; }
	.Mlang_layout_foots_count { font-size:12px; color:#222; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.5em;  }
	.Mlang_layout_foots_count_br { height:5px; }
	.main_content_t_count_list { font-weight:bold; font-family:NanumGothicBold; margin-right:20px; }
	.Mlang_layout_foots_etc {
		padding-top:10px;
		font-size:12px; color:#444; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.5em; 
	}
	.Mlang_layout_foots_count { text-align:center; }
	.footer_none { font-size:4px; color:#fcfcf9; }


	/* alarm */
	#gold_alarm { width:100%; margin: 0 auto; position:fixed; _position:absolute; z-index:1005; bottom:0px; _bottom:-1px; repeat-x; }
	.gold_alarms { width:100%; display:inline-block; background:#000; padding:30px; }
	.gold_alarm_t { 
		margin-bottom:20px;color:#fff; font-size:30px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.0em; 
	} .gold_alarm_t span { color:#ff0000; }
	.gold_alarm_msg { border-radius:30px; margin:10px; padding-bottom:30px; } .gold_alarm_msg img { border:0px; height:20px; }
	.gold_alarm_msg span {
		border-bottom:1px solid #777; padding:10px;
		color:#fff; font-size:20px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.7em; cursor:pointer; 
	}
	.gold_alarm_msg span:hover { opacity: 0.7; }

} 


/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1025px)  {
	
	#layout_head { 
		border-bottom:1px solid #eee; background:#5391f7; width:100%; height:60px; margin: 0 auto; 
		margin: 0 auto; position:fixed; _position:absolute; z-index:11; bottom:0px; top:0px; repeat-x; 
	}
	.layout_heads { width:1100px; text-align:center; margin:0 auto; }
	.layout_head_bar { width:100%; display:inline-block; }
	.layout_head_bar ul { width:100%; } .layout_heads li { float:left; }
	.layout_head_bar_logo { text-align:left; width:15%; padding-top:10px; } 
	.layout_head_bar_logo_img { height:40px; border:0px; cursor:pointer; } .layout_head_bar_logo_img:hover { opacity: 0.7; }
	.layout_head_bar_back { margin-top:5px; height:30px; border:0px; cursor:pointer; } .layout_head_bar_back:hover { opacity: 0.7; }
	.layout_head_bar_menu { text-align:center; width:70%; } 
	.layout_head_bar_menus { padding-top:15px; text-align:center; }
	.layout_head_bar_menus span { 
		padding-left:25px; padding-right:25px; cursor:pointer; 
		color:#fff; font-size:22px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.5em; 
	} .layout_head_bar span:hover { opacity: 0.7; }
	.layout_head_bar_menus_off { color:#222; }
	.layout_head_bar_menus_on { color:#e1a401; }
	.layout_head_bar_login { text-align:right; width:15%; } 
	.layout_head_bar_login_home { border:0px; height:30px; margin-top:15px; cursor:pointer; }
	.layout_head_bar_login_config { border:0px; height:30px; margin-top:15px; cursor:pointer; }

	.layout_head_br { width:100%; text-align:center; margin:0 auto;  height:60px; }

	/* foot */
	#Mlang_layout_foot {
		text-align:center; height:80px; border-top:1px solid #eee; background:#fcfcf9;
		padding-top:20px; 
	}
	.Mlang_layout_foots { text-align:center; width:1200px; margin:0 auto; }
	.Mlang_layout_foots_count { font-size:12px; color:#222; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.5em;  }
	.Mlang_layout_foots_count_br { display:none; }
	.main_content_t_count_list { font-weight:bold; font-family:NanumGothicBold; margin-right:20px; }
	.Mlang_layout_foots_etc {
		padding-top:10px;
		font-size:12px; color:#444; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.5em; 
	}
	.Mlang_layout_foots_count { text-align:center; }
	.footer_none { font-size:4px; color:#fcfcf9; }
	
	/* alarm */
	#gold_alarm { width:100%; margin: 0 auto; position:fixed; _position:absolute; z-index:1005; bottom:0px; _bottom:-1px; repeat-x; }
	.gold_alarms { width:100%; display:inline-block; background:#000; padding:30px; }
	.gold_alarm_t { 
		margin-bottom:20px;color:#fff; font-size:30px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.0em; 
	} .gold_alarm_t span { color:#ff0000; }
	.gold_alarm_msg { border-radius:30px; margin:10px; padding-bottom:30px; } .gold_alarm_msg img { border:0px; height:20px; }
	.gold_alarm_msg span {
		border-bottom:1px solid #777; padding:10px;
		color:#fff; font-size:20px; font-weight:bold; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.3em; cursor:pointer; 
	}
	.gold_alarm_msg span:hover { opacity: 0.7; }
	

} /* PC end */