@charset "euc-kr";
/* CSS Document */

html {
	height:100%;
}
body { margin:0; padding:0; height:100%;}

img{ border:0 none; }
h1,h2,h3,h4,h5,dl,dt,dd,p,form,fieldset,legend {
	margin:0;
	padding:0
}
input {
	vertical-align:middle;
	padding:1px 0px 0px 0px;
	margin:0px;
	border:1px solid #cfcdcd;
}
select,textarea {
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border:1px solid #cfcdcd;
}
body,input,select,textarea {
	font-size:12px;
	font-family:"NanumGothic",dotum,sans-serif;
	color:#555;
}
table {
	border-collapse:collapse;
}
td {border-collapse:collapse;}

a{
	text-decoration:none; 
	outline:none;
	color:#464646;
}
a:hover {
	text-decoration:none; 
	outline:none;
	color:#16a9c4;
}

@font-face {
	font-family: 'NanumGothic'; /*?˜?”ęł ?•*/
	src: url('../NanumGothic.eot');
  	src: url('../NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../NanumGothic.woff') format('woff'),
         url('../NanumGothic.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
}

@font-face {
	font-family: 'NanumGothicB';
	src: url('../NanumGothicBold.eot');
  	src: url('../NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../NanumGothicBold.woff') format('woff'),
         url('../NanumGothicBold.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
}

#footer {
	width:100%;
	border-top:1px solid #d8d8d8;
	padding-top:10px;
	clear:both;
	position:relative;
}


    .footer_box { position:relative; width:1040px; margin:0 auto; height:95px; box-sizing:border-box; padding:24px 0px 0px 160px; background:url('/html/img/footerimg.jpg') 15px 10px no-repeat;}
	.footer_box .f_add { font-size:11px; color:#999; line-height:15px;}
	.footer_box .f_copyright { font-size:11px; color:#777; font-weight:bold; margin-top:9px;}
	.footer_box .f_copyright img {position:relative; top:2px;}
	.footer_box .familyGroup{position:absolute;top:20px;right:0;width:183px;height:30px;background-color:#555;}
	.footer_box .familyGroup a{display:block;width:100%;height:100%;}
	.footer_box .familyGroup p{font-size:12px;color:#fff;line-height:26px;padding-left:20px;}
	.footer_box .familyGroup img{position:absolute;top:13px;right:20px;}
	
	.footer_box .familyGroup .famList {display:none;position:absolute;bottom:18px;left:0;width:183px;height:auto;border-bottom:none;background-color:#292929;z-index:10; padding:0px;}
	.footer_box .familyGroup .famList li{float:none;height:40px; width:183px;list-style:none;margin:0px; padding:0px}
	.footer_box .familyGroup .famList li:before {display:none;}
	.footer_box .familyGroup .famList li a{display:block; height:100%;  text-decoration:none; line-height:40px; color:#999; box-sizing:border-box; padding:0px 0px 0px 30px}
	.footer_box .familyGroup .famList li a:hover{background-color:#2ccfe9;color:#fff;text-decoration:none; }