/************************************************************
			HTML Element Style
		<기본요소>
	Color
		
	
	Text
		font	
		tit
		txt
	
	Background
		bg
		
	Border
	
	Table
		thead
		tbody
		
	Forms
		input
		textarea
		select
		checkbox
		radio
		button
		
	Iframe
	
	Icon
		ico
		badge
		
		
		
		<응용>
	Menu
		Navigation
		NavigationBar
		Dropdown
		Tab
		Panel
		Collapse
	
	Instant Message Window
		Dialog(modal)
		Tooltip
		Popover
		Alert
		Spiner
	
		
************************************************************/
		
		/*	Font	*/
	.s_font		{ font-family:; font-size:1em; color:; }
	.s_font-10	{ font-size:1em; }
	.s_font-11	{ font-size:1.1em; }
	.s_font-12	{ font-size:1.2em; }
	.s_font-13	{ font-size:1.3em; }	
	.s_font-14	{ font-size:1.4em; }
	.s_font-15	{ font-size:1.5em; }
	.s_font-16	{ font-size:1.6em; }
	.s_font-17	{ font-size:1.7em; }
	.s_font-18	{ font-size:1.8em; }
	.s_font-19	{ font-size:1.9em; }
	.s_font-20	{ font-size:2.0em; }	
	
		/*	Title	*/
	.s_h1		{ font-size:2em; font-weight:bold; }
	.s_h2		{ font-size:2em; font-weight:bold; }
	.s_h3		{ font-size:2em; font-weight:bold; }
	.s_h4		{ font-size:2em; font-weight:bold; }
	.s_h5		{ font-size:2em; font-weight:bold; }
	.s_h6		{ font-size:2em; font-weight:bold; }
	
	.s_tit		{ font-size:2em; font-weight:bold; }
	.s_tit-xlarge
	.s_tit-large
	.s_tit-small
	.s_tit-xsmall
	
	.s_font-tit1	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-tit2	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-tit3	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-txt1	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-txt2	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-txt3	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-desc1	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-desc2	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-desc3	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	.s_font-btn1	{ color:; font-size:1.5em; font-weight:bold; font-family:; }
	
		
		/*	Text	*/
	.s_txt		{}
		
		/*	Description	*/
	.s_desc		{}
	
	


		/*	iframe	*/
	.s_iframe		{  }
	
		/*	table	*/
	.s_table		{ margin:0;padding:0; }
	.s_th			{ color:#777; font-size:17px; font-weight:bold; border-right:1px solid #aaa; }
	.s_td			{ color:; font-size:; font-weight; border:;  }

	.s_table-list			{ table-layout:fixed; width:100%; border-left:1px #ddd solid; border-bottom:1px #ddd solid;}
	.s_table-list td		{ padding:7px; border-top:1px #ddd solid; border-right:1px #ddd solid; }
	.s_table-list td.thead	{ background:#E9ECEF; font-size:; font-weight:bold; text-align:center; }
	.s_table-list td.tbody	{ font-size:14px; }
	.s_table-list tr:hover	{ background:#E9ECEF; }

	.s_table-view			{ width:100%; border-left:1px #ddd solid; border-bottom:1px #ddd solid;}
	.s_table-view td		{ padding:7px; border-top:1px #ddd solid; border-right:1px #ddd solid; }
	.s_table-view td.thead	{ background:#E9ECEF; color:#555; font-weight:bold; text-align:center; letter-spacing:5px; }
	
	.s_table-write			{ width:100%; border-left:1px #ddd solid; border-bottom:1px #ddd solid;}
	.s_table-write td		{ padding:7px; border-top:1px #ddd solid; border-right:1px #ddd solid; }
	.s_table-write td.thead {  }
	.s_table-write td.body	{ font-size:14px; }
	
		/*	form	*/
	.s_input		{ padding:5px 7px; border:1px solid #ccc; border-radius:7px; -webkit-border-radius:7px; font-size:17px; }
	
	
	.s_select		{ padding:3px; border:1px solid #ccc; border-radius:7px; -webkit-border-radius:7px; font-size:17px; }
	
	
	.s_password		{  }
	
	
	.s_textarea		{ padding:5px 7px; border:1px solid #ccc; border-radius:7px; -webkit-border-radius:7px; font-size:17px; }
	
	
	.s_radio		{  }
	
	
	.s_checkbox	{  }
	
	
	.s_label		{  }
	
	
	.s_button		{  }
	
	
	.s_submit		{  }
	
	
	.s_reset		{  }
	
		/*	ul,li	*/
	
		/*	a	*/
	

	
		
		
		
		/*	Button	*/
	
	/*	size ( 10 ~ 30 )	*/
	.s_btn-10	{ display:inline-block; cursor:pointer; font-size:10px; padding:5px 10px 7px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-11	{ display:inline-block; cursor:pointer; font-size:11px; padding:6px 11px 9px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-12	{ display:inline-block; cursor:pointer; font-size:12px; padding:6px 12px 9px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-13	{ display:inline-block; cursor:pointer; font-size:13px; padding:7px 13px 11px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-14	{ display:inline-block; cursor:pointer; font-size:14px; padding:7px 14px 11px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-15	{ display:inline-block; cursor:pointer; font-size:15px; padding:8px 15px 11px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-16	{ display:inline-block; cursor:pointer; font-size:16px; padding:8px 16px 11px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-17	{ display:inline-block; cursor:pointer; font-size:17px; padding:9px 17px 14px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-18	{ display:inline-block; cursor:pointer; font-size:18px; padding:9px 18px 14px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-19	{ display:inline-block; cursor:pointer; font-size:19px; padding:10px 19px 15px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }
	.s_btn-20	{ display:inline-block; cursor:pointer; font-size:20px; padding:10px 20px 15px; border:none; border-radius:13px; -webkit-border-radius:13px; border:1px solid; border-bottom:1px solid #bbb; }

	.s_btn,
	.s_btn-small	{ display:inline-block; cursor:pointer; margin:0; padding:5px; text-align:center; background:#eee; border:none; }
	.s_btn-large	{ display:inline-block; cursor:pointer; margin:0; padding:15px; text-align:center; background:#eee; border:none; }
	
	.s_btn-blue			{ display:inline-block; cursor:pointer; margin:0; padding:5px 10px; text-align:center; background:#2B78E4; color:white; font-size:14px; border:none; border-radius:3px; -webkit-border-radius:3px; }
	.s_btn-green		{ display:inline-block; cursor:pointer; margin:0; padding:5px 10px; text-align:center; background:#009E0F; color:white; font-size:14px; border:none; border-radius:3px; -webkit-border-radius:3px; }
	.s_btn-orange		{ display:inline-block; cursor:pointer; margin:0; padding:5px 10px; text-align:center; background:#E69138; color:white; font-size:14px; border:none; border-radius:3px; -webkit-border-radius:3px; }
	.s_btn-yellow		{ display:inline-block; cursor:pointer; margin:0; padding:5px 10px; text-align:center; background:#F1C232; color:white; font-size:14px; border:none; border-radius:3px; -webkit-border-radius:3px; }
	.s_btn-red			{ display:inline-block; cursor:pointer; margin:0; padding:5px 10px; text-align:center; background:#CF2A27; color:white; font-size:14px; border:none; border-radius:3px; -webkit-border-radius:3px; }
	
	.s_btn-s		{ display:inline-block; padding:5px; border-radius:5px; background:#4B95FE; color:white; cursor:pointer; }

	
	
	

	
/* Table */
	.sun_css table.table			{ width:100%; border-left:1px #aaa solid; border-bottom:1px #aaa solid;}
	.sun_css table.table td.thead,
	.sun_css table.table td.tbody,
	.sun_css table.table th,
	.sun_css table.table td						{ padding:7px; border-top:1px #aaa solid; border-right:1px #aaa solid; }
	.sun_css table.table td.thead,
	.sun_css table.table th						{ background:#eee; font-weight:bold; text-align:center; }
	.sun_css table.table tr:hover				{ background:#eee; }

	.sun_css table.horizon td			{ text-align:center; }
	.sun_css table.vertical td			{ }