@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*HEADER*/
#header{width:100%;border-top:5px solid #fa8e01;box-sizing:border-box;}
/*로고영역*/
.topArea{width:1024px; height:80px; margin: 0 auto; position: relative;}
.topArea .logo{text-align: center;padding-top:25px;box-sizing:border-box;}
.topArea .topLeft{position: absolute; left:0; top:30px;}
.topArea .topRight{position: absolute; right:0; top:30px;}

/*네비게이션 영역*/
.navArea{width:100%; height: 50px;background: url('/images/nav_bg.gif');}
#nav{width:1024px; margin: 0 auto; display: block;}
#nav .naviSet{display: block; float:left; width:171px; height:50px;}
#nav .naviSet > a{width:100%; height: 100%; display: block; text-indent: -9999px;}
#nav .mm01{background: url('/images/mm01_off.gif') no-repeat;}
#nav .mm02{background: url('/images/mm02_off.gif') no-repeat;}
#nav .mm03{background: url('/images/mm03_off.gif') no-repeat; width:170px;}
#nav .mm04{background: url('/images/mm04_off.gif') no-repeat; width:170px;}
#nav .mm05{background: url('/images/mm05_off.gif') no-repeat;}
#nav .mm06{background: url('/images/mm06_off.gif') no-repeat;}
#nav .mm01:hover{background: url('/images/mm01_on.gif') no-repeat;}
#nav .mm02:hover{background: url('/images/mm02_on.gif') no-repeat;}
#nav .mm03:hover{background: url('/images/mm03_on.gif') no-repeat; width:170px;}
#nav .mm04:hover{background: url('/images/mm04_on.gif') no-repeat; width:170px;}
#nav .mm05:hover{background: url('/images/mm05_on.gif') no-repeat;}
#nav .mm06:hover{background: url('/images/mm06_on.gif') no-repeat;}
#nav .naviSet .subnav{display: none; z-index: 900; position: absolute;}
#nav .naviSet .subnav li{display: block; text-align: center; background: #fff; border:1px solid #ddd; border-width:0 1px 1px 1px; width:170px;}
#nav .naviSet .subnav li a{color:#666; display: block; font-size:14px;width:170px; height: 45px; line-height: 45px;}
#nav .naviSet .subnav li a:hover{color:#fa8e01;font-size:14px; font-weight: bold; background: #fafafa;}


/*footer*/
#footer{background: #555; width:100%; padding:33px 0;border-top:1px solid #ddd;}
#footer #foot{width:1024px; margin: 0 auto; text-align: center;}
#footer #foot .copy{font-size: 12px; font-style: normal; color:#fff;line-height:22px;}
#footer #foot .copy a{font-weight: bold; color:#888;}
#footer #foot .copy a:hover{color:#999;}
.footLogo{float:right;}

/*서브페이지레이아웃*/
.subVisual{width:100%; height: 240px; background: url(../../images/sub_vis.jpg) no-repeat center;border-bottom: 1px solid #ddd;}
.subContents{width:1024px; margin: 0 auto; padding-bottom: 70px;margin-top:20px;}
.subContents:after{content: ''; display: block; clear:both;}
.leftSide{width:234px; float:left;}
.leftSide .leftTitWrap{width:100%; height: 100px; text-align: center; background: #fa8e01;}
.leftSide .leftTitWrap .leftTit{font-size: 25px; color:#fff; font-weight: bold;padding-top:37px;}
.leftSide .listWrap{width:100%;}
.leftSide .listWrap .leftList{display: block; width:100%;}
.leftSide .listWrap .leftList li{display: block; height: 50px; line-height: 50px;border: 1px solid #ddd; border-width:0 1px 1px 1px; text-indent: 17px;}
.leftSide .listWrap .leftList li a{display: block; color:#999; font-size: 16px; background: url(../../images/list_off.gif) no-repeat 210px 17px;}
.leftSide .listWrap .leftList li a:hover{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 210px 17px;}
.leftSide .listWrap .leftList li .activeList{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 210px 17px;}

.rightSide{width:740px; float:right;}
.rightSide .rightTitWrap {width:100%; border-bottom: 1px solid #ddd;height:100px;margin-bottom:20px;}
.rightSide .rightTitWrap p{font-size: 12px; color:#999;float:right;padding-top:20px;}
.rightSide .rightTitWrap p > a {font-size: 12px; color:#999;float:left;}
.rightSide .rightTitWrap .rightTit{font-size: 25px; padding-top:35px;font-weight: bold;color:#444;float:left;}