@font-face{
	font-family:"Nanum Gothic";
	src:url('/include/ttf/NanumGothic.eot');
	src:url('/include/ttf/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/include/ttf/NanumGothic.woff') format('woff'),
	url('/include/ttf/NanumGothic.ttf') format('truetype');
	url('/include/ttf/NanumGothic.svg#NanumGothic') format('svg')
	src:local(?), url('/include/ttf/NanumGothic.woff') format('woff');
}
BODY {scrollbar-face-color: #F2F2F2;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #999999
}


form {margin:0; color: #5E5E5D; font-family:"Nanum Gothic", "arial"; font-size: 9pt;;letter-spacing:-0.02em; text-decoration:none;line-height:12pt;}

A:link {color:#333333;text-decoration:none}
A:hover {color:#ff6600;text-decoration:none}
A:visited {color:#333333;text-decoration:none}
A:active {color:#993300;text-decoration:none}

font {font-family:"Nanum Gothic"; font-size:9pt; line-height:18px;}
.b { font-size:8pt  ; line-height: 14px ; font-face:??;}
.text01 { font-family: "Nanum Gothic, ????, ?? ??, NanumGothic"; font-size: 9pt; color: #FFFFFF; line-height: 14pt; font-weight:bold; letter-spacing:-1pt;}
.numbersjackpot { font-family: "Nanum Gothic, ????, ?? ??, NanumGothic"; font-size: 21pt; color: #FFFFFF; line-height: 22pt; font-weight:bold; letter-spacing:-1pt;}
.size {font-family:"Nanum Gothic, ????, ?? ??, NanumGothic"; font-size:12pt; line-height:18px; font-weight:bold;}
.s {font-family:"Nanum Gothic, ????, ?? ??, NanumGothic"; font-size:8pt; line-height:15px;}
.size_ {font-family:"Nanum Gothic, ????, ?? ??, NanumGothic"; font-size:11pt; line-height:18px; font-weight:bold;}
.ten {font-family:"Nanum Gothic, ????, ?? ??, NanumGothic"; font-size:10pt; line-height:18px; font-weight:bold;}

.support {font-family:"Nanum Gothic"; font-size:9pt; line-height:15px;}



.a {font-family:"Nanum Gothic"; font-size:9pt; color:#0000FF;line-height:25px; text-decoration:underline}

.sample {  background-color: #E8F0FC; border-color: #798EAE 798EAE 798EAE 798EAE; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

a.blue:link {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:visited {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:active {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:hover {color:#4169e1; text-decoration:underline; font-size:10pt;}

td.submenu        {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:link    {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:visited {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:active  {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:hover   {color:#000000; text-decoration:none; font-size:9pt;}

.form {border:1px solid #CDCDCD;font-family:"Nanum Gothic";font-size:12px; color:#555555;}
.form4 {border:1px solid #6D6D6D;font-family:"Nanum Gothic";font-size:12px; color:#B1B1B1;}
.form2 {border:1px solid #E4DCBA;font-family:"Nanum Gothic";font-size:12px; color:#555555;}
.form3 {border:1px solid #CDCDCD;font-family:"Nanum Gothic";font-size:12px; color:#555555; background-color:#F8F8F8; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}

.txt{font-family:"Nanum Gothic"; color:#666666; text-decoration:none; font-size:9pt;}

.com { font-family: "Nanum Gothic"; font-size: 9pt; color: #666666; line-height: 12pt; letter-spacing:-1pt;}

.consult_input { BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BACKGROUND-COLOR: #ffffff; font-size:9pt; color:#666666; }
.consult_textarea { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }


td {
FONT-FAMILY:"Nanum Gothic"; FONT-SIZE: 9pt;;letter-spacing:-0.02em; text-decoration:none;line-height:12pt;color: #5E5E5D;
}

.t1 {background-color:#E1E1E1; font-size: 9pt; }
.t2 {background-color:#ffffff; font-size: 9pt; color:#333333;}
.t3 {background-color:#6699cc}
.t4 {background-color:#F7F7F7 ; font-size: 9pt; padding-left:10px; font-weight:bold; };

table
{
	color:#7B7D7B;text-align:justify;
	border-collapse:collapse;
}

textarea
{
    border:1px solid #999999;
    width:100%;
    padding: 7px 0 7px 7px; 
    position:relative; left:0px; /* 1px border, too */
}
	*{ font-family:'Nanum Gothic'; padding:0; margin:0; font-size:13px; line-height:18px; }
	p,span{ font-family:'Nanum Gothic'; font-size:13px; color:#666; }
	div{ box-sizing:border-box; }
	table{ border-spacing:0; border-collapse:collapse; }
	h4{
		font-size:15px;
		padding:7px 0;
		padding-top:20px;
		color:#333;
	}
	h4:before{
		display:inline-block;
		vertical-align:top;
		padding:0px 5px;
		padding-top:3px;
		content:url('/image/title_style.gif')
	}
	h5:before{
		display:inline-block;
		vertical-align:top;
		padding:0 5px;
		padding-top:5px;
		content:url('/image/title_style.png')
	}
	h5{
		font-size:13px;
		padding:10px 0;
		color:#333;
	}
	.text-box{
		background:#f8f8f8;
		padding:10px 20px;
		border-radius:10px;
	}

	div > ul{ list-style:circle;  }
	div > ul > li{ margin-left:10px; }
	div > ul > li > ul{ list-style:disc; }

	thead th{ background:#f1f1f1; }

	.phone-number{
		background:url('../image/left_img03.gif');
		text-align:right;
		padding-right:15px;
		padding-top:7px;
	}

	.phone-number strong{
		color:#3573aa;
		font-size:15px;
		display:inline-block;
		padding:5px 0;
	}
	.phone-number p{
		font-size:12px;
		padding-bottom:5px;
	}




	.menubar{
		border:none;
		border:0px;
		margin:0px;
		padding:0px;
		font-size:14px;
		font-weight:bold;
		width:757px;
		background-image:url(/image/top_img07.gif);
		}
	.munubar a{
		  padding: 10px 10px 20px 10px;
	}
		.menubar ul{
		height:84px;
		list-style:none;
		margin:0;
		padding:0;
		}
		
		.menubar li{
		float:left;
		padding:0px;
		}
		
		.menubar li a{
		color:#ffffff;
		display:block;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		margin-top: 5px;
		}
		
		.menubar li a:hover{
		text-decoration:none;
		background-image: url(/image/top_img08.gif);
		}
		.menubar ul li:hover a{
			text-decoration:none;

		}
		.menubar li ul{
		display:none; 
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		margin-left: 10px;
		position:absolute;
		/* width:100%; */
		z-index:200;
		/* /*top:1em; */
		/* left:230px; */
		}
		
		.menubar li:hover ul{
		display:block; 
		}
		
		.menubar li li {
		display:block;
		margin:0px;
		padding:0px;
		}
		
		.menubar li:hover li a{
		background:none;
		}
		
		.menubar li ul a{
		display:block;
		height:30px;
		font-size:12px;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		color:#555555;
		}
		
		.menubar li ul a:hover, .menubar li ul li:hover a{
		color:cornflowerblue;
		border:0px;
		text-decoration:none;
		}
		
		.menubar p{
		clear:left;
		}

.left_menu_title{
	cursor: default; 
	font-size: 20px; 
	color: blue; 
	margin: 15px 0 0px 30px; 
	font-weight: bold;
	height : 30px;
}

.left_menu{
    list-style: none;
	padding-left: 5px;
	height : 203px;
}
.left_menu li{
	margin: 0px 10px 0 25px;
	padding: 5px 0 0 0;
	border-bottom:1px solid #999999;;
}
.left_menu li a{
	font-size: 12px; 
	color: #8f8f8f;
	padding-left: 2px;
	display:block;
}
.left_menu div:hover a{
	text-decoration: none;
	color: white;
	padding-left: 5px;
}
.left_menu div:hover{
	background : linear-gradient( to right, #505dad, #34408d);
	display:block;
	cursor: pointer;
	border-radius: 20px 0 0 20px;
	margin: 0 10px 0 -5px;
}