@charset "utf-8";

@font-face
{
	font-family:NanumGothic;
	src:url('./NanumGothic.eot');
	src:local(※), url('./NanumGothic.woff') format('woff'), 
	url('./NanumGothic.ttf') format('truetype');
}

<style type="text/css">
body	{font-family:NanumGothic;}
div		{font-family:NanumGothic;}
button	{font-family:NanumGothic;}
body	{margin-top:20px;text-decoration:none; font-size: 10pt; color:#555555;}

.nu					{text-decoration: none; font-size: 10pt;font-family:NanumGothic;}
A:link				{text-decoration: none; color:#000000;font-family:NanumGothic;}
A:visited			{text-decoration: none; color:#000000;font-family:NanumGothic;}
A:hover				{text-decoration: none; color:#3399ff;font-family:NanumGothic;}

A:link.admin_btn	{text-decoration:none;font-size:10pt;font-weight:bold;color: #171717;font-family:NanumGothic; }
A:visited.admin_btn	{text-decoration:none;font-size:10pt;font-weight:bold;color: #171717;font-family:NanumGothic;}
A:hover.admin_btn	{text-decoration:none;font-size:11pt;font-weight:bold;color: #d70000;font-family:NanumGothic;}

A:link.mainmenu		{text-decoration:none;font-size:10pt;font-weight:bold;color: #ffffff;font-family:NanumGothic; }
A:visited.mainmenu	{text-decoration:none;font-size:10pt;font-weight:bold;color: #ffffff;font-family:NanumGothic;}
A:hover.mainmenu	{text-decoration:none;font-size:11pt;font-weight:bold;color: #ffff00;font-family:NanumGothic;}

A:link.mainmenu2	{text-decoration:none;font-size:10pt;color: #a7a7a7;font-weight:bold; font-family:NanumGothic;width:68px; height: 49px;display:inline-block; background-image:url(file/new_ui/top_menu_btn.png); background-position:top; background-repeat: no-repeat; margin-top:3px; padding-top:19px;}
A:visited.mainmenu2	{text-decoration:none;font-size:10pt;color: #a7a7a7;font-family:NanumGothic;}
A:hover.mainmenu2	{text-decoration:none;font-size:10pt;color: #00a596;font-family:NanumGothic; font-weight:bold;background-position:0px -54px; }

A:link.sub1			{text-decoration:none;font-size:10pt;color: #5d5d5d;font-family:NanumGothic;}
A:visited.sub1		{text-decoration:none;font-size:10pt;color: #5d5d5d;font-family:NanumGothic;}
A:hover.sub1		{text-decoration:none;font-size:10pt;color: #d62601;font-family:NanumGothic;font-weight:bold;}

A:link.slide		{text-decoration:none;font-size:10pt;color: #DDDDDD;font-family:NanumGothic;font-weight:bold;}
A:visited.slide		{text-decoration:none;font-size:10pt;color: #DDDDDD;font-family:NanumGothic;font-weight:bold;}
A:hover.slide		{text-decoration:none;font-size:10pt;color: #DDDDDD;font-family:NanumGothic;font-weight:bold;}

<!--  달력  -->
A:link.red			{text-decoration:none;font-size:8pt;color:red;}
A:visited.red		{text-decoration:none;font-size:8pt;color:red;}
A:hover.red			{text-decoration:none;font-size:8pt;color:red;}
A:link.black		{text-decoration:none;font-size:8pt;color:black;}
A:visited.black		{text-decoration:none;font-size:8pt;color:black;}
A:hover.black		{text-decoration:none;font-size:8pt;color:black;}
A:link.pink			{text-decoration:none;font-size:8pt;color:pink;}
A:visited.pink		{text-decoration:none;font-size:8pt;color:pink;}
A:hover.pink		{text-decoration:none;font-size:8pt;color:pink;}
A:link.gray			{text-decoration:none;font-size:8pt;color:gray;}
A:visited.gray		{text-decoration:none;font-size:8pt;color:gray;}
A:hover.gray		{text-decoration:none;font-size:8pt;color:gray;}


th, td						{font-size:11pt;color:#777777;font-family:NanumGothic;}
th.white, td.white	{font-size:10pt;color:#FFFFFF;font-family:NanumGothic;}
td.f5, th.f5,span.f5		{font-size: 5pt;font-family:NanumGothic;}
td.f6, th.f6,span.f6		{font-size: 6pt;font-family:NanumGothic;}
td.f7, th.f7,span.f7		{font-size: 7pt;font-family:NanumGothic;}
td.f8, th.f8,span.f8		{font-size: 8pt;font-family:NanumGothic;}
td.f9, th.f9,span.f9		{font-size: 9pt;font-family:NanumGothic;}
td.f10, th.f10, caption.f10	{font-size:10pt;font-family:NanumGothic;}
td.f11, th.f11				{font-size:11pt;font-family:NanumGothic;}
td.f12, th.f12				{font-size:12pt;font-family:NanumGothic;}
td.f13, th.f13				{font-size:13pt;font-family:NanumGothic;}
td.f14, th.f14, caption.f14	{font-size:14pt;font-family:NanumGothic;}
td.f15, th.f15, caption.f15	{font-size:15pt;font-family:NanumGothic;}
td.f16, th.f16				{font-size:16pt;font-family:NanumGothic;}
td.f18, th.f18				{font-size:18pt;font-family:NanumGothic;}
td.f20, th.f20				{font-size:20pt;font-family:NanumGothic;}
td.f25, th.f25				{font-size:25pt;font-family:NanumGothic;}
td.f28, th.f28				{font-size:28pt;font-family:NanumGothic;}
td.f35, th.f35				{font-size:35pt;font-family:NanumGothic;}


span			{color:#555555;font-family:NanumGothic;}
span.submenu	{color:#555555;cursor:hand;font-size:10pt;font-family:NanumGothic;font-weight:bold}

input			{text-decoration:none; font-size: 11pt;font-family:NanumGothic;}
input.readonly  {background-color:#DDDDDD;font-size:11pt;color:#888888;font-family:NanumGothic;}

select			{text-decoration:none; font-size:15pt;height:35px;font-family:NanumGothic;}
select.readonly {background-color:#DDDDDD;color:#888888;font-family:NanumGothic;}
select.f8		{text-decoration:none; font-size: 8pt;font-family:NanumGothic;}

textarea		{text-decoration:none; font-size: 11pt;font-family:NanumGothic;}

div.square		{border: 1 solid #555555;overflow: auto;}
div.slideshow2	{width:250pt; height:17pt; border: 2 solid #FF9999;text-align:left;background:#555555;overflow:hidden;margin-bottom:5px;}
div.marquee		{width:250pt; height:17pt; font-size:10pt; font-family:NanumGothic; overflow:hidden; color:#FFFFFF;}
div.joined 		{height:70;width:70;background-size: cover;background-position: center;border-radius: 15px;cursor:pointer;}
div.popup1		{position:fixed;top:10px;left:10px;bottom:10px;right:10px;border-radius:10px;background:#000000;}
div.popup2		{position:relative;}
div.popup3		{position:absolute;top:10px;right:15px;}
div.item		{color:#555555;text-align:center;border : 1px solid #AAAAAA;cursor:pointer;border-radius: 10px;margin : 5px;background:#EEEEEE}
div.date_title	{padding:8 0 2 10px;font-size:1em;font-weight:bold}
div.img_cover	{-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-position: center;}
caption			{text-decoration:none; font-family:NanumGothic; font-size:8pt;}

table.square	{border: 1 solid rgb(0,0,0);}
table.double			{border: double rgb(0,0,0);border-collapse:collapse}
table.pr_edge			{border: solid 1 rgb(0,0,0);border-collapse:collapse}
table.pr				{border-collapse:collapse}
td.pr, th.pr    {font-family:NanumGothic;border: 1px solid #AAAAAA;}
th.pr_r    {font-family:NanumGothic;border: 1px solid #AAAAAA;text-align:right}
td.pr_f18, th.pr_f18    {font-size: 18pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f14, th.pr_f14    {font-size: 14pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f13, th.pr_f13    {font-size: 13pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f12, th.pr_f12    {font-size: 12pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f11, th.pr_f11    {font-size: 11pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f10, th.pr_f10    {font-size: 10pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f9, th.pr_f9    {font-size: 9pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f8, th.pr_f8    {font-size: 8pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f7, th.pr_f7    {font-size: 7pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.pr_f6, th.pr_f6    {font-size: 6pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
td.line, th.line    {font-size: 9pt;font-family:NanumGothic;border: 1px solid #AAAAAA;}
input[readonly]			{text-decoration:none;background-color:#DDDDDD;color:#888888;font-family:NanumGothic;border:1px solid;}



#search_div {position:fixed;top:10px;left:10px;bottom:10px;right:10px;border-radius:10px;background:#000000;}
#keypad2	{position:fixed;top:10px;left:10px;bottom:10px;right:10px;border-radius:10px;background:#000000;}

/***더보기 버튼***/
#addbtn 	{position:fixed;left:15px;bottom:20px;font-size:15px;color: #555555;line-height: 30px;padding: 0 10 0 10px;text-align: center;background: #FFFFFF;border : 1px solid #AAAAAA;cursor:pointer;border-radius: 6px;}
#leftimg 	{position:fixed;left:15px;bottom:20px;cursor:pointer;}
#centerimg 	{position:fixed;left:50%;transform: translate(-50%, 0);bottom:20px;cursor:pointer;}
#centerbtn 	{position:fixed;left:50%;transform: translate(-50%, 0);bottom:20px;font-size:15px;color: #555555;line-height: 30px;padding: 0 10 0 10px;text-align: center;background: #FFFFFF;border : 1px solid #AAAAAA;cursor:pointer;border-radius: 6px;}
#rightbtn 	{position:fixed;right:15px;bottom:20px;font-size:15px;color: #555555;line-height: 30px;padding: 0 10 0 10px;text-align: center;background: #FFFFFF;border : 1px solid #AAAAAA;cursor:pointer;border-radius: 6px;}
#rightimg 	{position:fixed;right:15px;bottom:20px;cursor:pointer;}


#floatMenu {position: absolute;width: 100%;height: 65px;left: 0px;top: 0px;}

input.btn1 {font-size:15px;color: #555555;line-height: 40px;text-align: center;background: #FFFFFF;border : 1px solid #AAAAAA;cursor:pointer;border-radius: 6px;}

#btn1 {
  font-size:15px;
  width: 90px;
  color: #555555;
  line-height: 30px;
  text-align: center;
  background: #FFFFFF;
  border : 1px solid #000000;
  border-radius: 6px;
}


#btn2 {
  font-size:15px;
  width: 90px;
  color: #555555;
  line-height: 40px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 6px;
}

#btn3 {
  font-size:15px;
  width: 90px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  background: #555555;
  border-radius: 6px;
}

#keypad {font-size:30px;
	  width: 70px;
	  color: #FFFFFF;
	  line-height: 70px;
	  text-align: center;
	  background: #555555;
	  border-radius: 10px;}
#keypad:active {color:#555555;background: #FFFFFF;}


input.btn {font-size:15px;
	  color: #555555;
	  line-height: 40px;
	  text-align: center;
	  background: #FFFFFF;
	  border : 1px solid #AAAAAA;
	  cursor:pointer;
	  border-radius: 6px;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**** onoff 스위치 ******/
{box-sizing:border-box}
.cmn-toggle {position: absolute;margin-left: -9999px;visibility: hidden;}
.cmn-toggle + label {display: block;position: relative;cursor: pointer;outline: none;user-select: none;}
input.cmn-toggle-round-flat + label {padding: 2px;width: 52px;height: 21px;background-color:#b3b3b3;border-radius:13px;transition: background 0.4s;}
input.cmn-toggle-round-flat + label:after {display: block;position: absolute;content: "";}
input.cmn-toggle-round-flat + label:after {top: 4px;left: 3px;width: 17px;height:17px;background-color: #fff;border-radius:50%;transition: margin 0.4s, background 0.4s;}
input.cmn-toggle-round-flat:checked + label {background-color: #f52969;}
input.cmn-toggle-round-flat:checked + label:after {margin-left: 32px;background-color: #fff;}
input.cmn-toggle + label span:after {font-size:13px; font-weight:500; color:#fff}
input.cmn-toggle + label span:after {display:block; content:"OFF"; position:absolute; top:4px; right:7px }
input.cmn-toggle:checked + label span:after {display:block; content:"ON"; position:absolute; top:4px; left:10px}
/**** onoff 스위치 ******/

</style>