@charset "utf-8";
/* CSS Document */

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

/* base */
html {font-family:"NanumGothic";}
body,input,textarea,select,button,table,pre{font-family:"NanumGothic","나눔고딕",Dotum,'굴림',Gulim,AppleGothic,sans-serif; font-size:13px;color:#636363}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
fieldset,img{border:0; vertical-align:top;}
address{font-style:normal}
p,li,dd,{font-size:1em; text-align:justify;line-height:1.5em}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


	


/* a-style */
a{color:#333;text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}

/* hidden */
.hidden{position:absolute; left:-1000%; top:0;width:1px; height:1px;line-height:0; overflow:hidden;color:#fff}

/* header,footer 공통영역*/

.menu_box{position:absolute; z-index:10; left:0; top:70px; background:#ebebeb; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;
		    width:100%; height:180px; display:none}

#header{width:100%}
#header .headerWrap{width:980px;height:70px;margin:0 auto;z-index:99999;}
#header .logo{width:210px; height:70px; float:left}
#header .logo img{margin-top:20px}
	
#header	.nav{width:640px;float:left} 
	
#header	.nav ul.dropdownmenu{}	
#header	.nav ul.dropdownmenu li.menu{position:relative;float:left; padding:30px 30px;background:url(../images/menu_l.jpg) right 30px no-repeat}
#header	.nav ul.dropdownmenu li.last{background:none}			
#header	.nav ul.dropdownmenu li h3{position:relative; width:100px;height:21px; overflow:hidden}  
#header	.nav ul.dropdownmenu li a.depth1{position:absolute;text-indent:-9999px;display:block;width:160px; height:33px}
#header	.nav ul.dropdownmenu li.m1 a.depth1{background:url(../images/menu01.jpg) 0 0 no-repeat;}
#header	.nav ul.dropdownmenu li.m2 a.depth1{background:url(../images/menu02.jpg) 0 0 no-repeat;}
#header	.nav ul.dropdownmenu li.m3 a.depth1{background:url(../images/menu03.jpg) 0 0 no-repeat;}
#header	.nav ul.dropdownmenu li.m4 a.depth1{background:url(../images/menu04.jpg) 0 0 no-repeat;}			
#header	.nav ul.dropdownmenu li ul{width:160px; height:180px;position:absolute; z-index:20; top:70px;left:0px;padding:15px 0; line-height:1.5em; display:none}
#header	.nav ul.dropdownmenu li ul li{color:#666;text-decoration:none;padding-left:20px;height:25px;}
#header	.nav ul.dropdownmenu li ul li:hover{color:#fff;text-decoration:none;background:#2688e1}
#header	.nav ul.dropdownmenu li ul li a{color:#666;text-decoration:none}
#header	.nav ul.dropdownmenu li ul li a:hover{color:#fff;text-decoration:none}

#header .spotMenu{float:left;width:130px; height:70px}
#header .spotMenu li{float:left;margin-top:30px;width:55px;  padding-left:10px;text-indent:-99999px;background:url(../images/spot_menu_l.jpg) right 1px no-repeat}
#header .spotMenu li.home a{margin-left:10px;display:block;background:url(../images/spot_menu01_off.jpg) no-repeat}
#header .spotMenu li.home a:hover{display:block;background:url(../images/spot_menu01_on.jpg) no-repeat}
#header .spotMenu li.sm a{display:block;background:url(../images/spot_menu02_off.jpg) no-repeat}
#header .spotMenu li.sm a:hover{display:block;background:url(../images/spot_menu02_on.jpg) no-repeat}
#header .spotMenu li.last{background:none}



#footer{width:100%;background:#85888d}
#footer .footerWrap{width:980px; height:110px; font-size:12px;line-height:1.5em;margin:0 auto; overflow:hidden}
#footer .footerLogo{width:170px; height:110px ; float:left}
#footer .footerLogo img{margin-top:30px}
#footer .footerCopy{width:805px; height:110px; float:left; color:#fff}
#footer .footerCopy p.copy{margin-top:30px}