@charset "utf-8";
/* header */
div.headerWrap{width:100%;
	border-bottom:2px solid #09F;
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
	position:relative;
	z-index:10;
}

div.header{width:1080px; height:80px; margin:0 auto; padding:18px 0;
	 box-sizing:border-box;
	 position:relative;
	 background-image:url(../img/common/headerBg.png);
	 background-position:bottom;
	 background-repeat:no-repeat;
}
div.header>.logo{width:298px; height:51px; margin-left:10px;
	background:url(../img/common/mainLogo.png) left no-repeat;
	text-indent:-9999px;
}
div.header>.logo>a{display:block; height:100%;}


div.header>.nav{position:absolute; margin:auto;
	top:0; bottom:0; height:24px; right:10px;
}
div.header>.nav>ul{overflow:hidden;}
div.header>.nav>ul>li{float:left; padding:0 24px;}
div.header>.nav li>.gnb{height:30px;}
div.header>.nav li>.gnb>a{font-size:1.5em; font-weight:bold;}
div.header>.nav li>.lnb{margin-top:30px; display:none;}
/*div.header>.nav li>.lnb>li{height:30px;text-indent:5px;}
div.header>.nav li>.lnb>li>a{font-size:1.2em; display:block;}
div.header>.nav li>.lnb>li>a:hover{font-weight:bold;}
*/


/* footer */
div.siteWrap{background-color:#F00; 
	background-image:url(../img/common/footerBg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	color:#FFF;}
div.siteMap{width:1080px; margin:0 auto; padding:40px 0; overflow:hidden;}
div.siteWrap a{color:#FFF;}

div.siteMap>ul{ float:right; background-color:; margin-right:10px;}
div.siteMap>ul>li{float:left;padding:0 24px;}
div.siteMap li>.gnb{height:30px;}
div.siteMap li>.gnb>a{font-size:1.5em; font-weight:bold;}
div.siteMap li>.lnb{margin-top:20px;}
div.siteMap li>.lnb>li{height:30px; text-align:center;}
div.siteMap li>.lnb>li>a{font-size:1.2em;}
div.siteMap>dl{float:left;}


div.footerWrap{background-color:#000; 
	color:#FFF;
}
div.footerWrap a{color:inherit;}


div.footer{width:1080px; margin:0 auto; overflow:hidden; padding:40px 0;}
div.footer>.logo{float:left;
	width:200px; height:50px;
	background:url(../img/common/subLogo.png) center no-repeat;text-indent:-999px
}
div.footer>.logo>a{display:block; height:100%; text-indent:-9999px;}
div.footer>ul{width:610px; padding:0 20px; box-sizing:border-box; float:right;}