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

/*HEADER*/
#header{width:100%;}
/*탑메뉴*/
.topWrap{width:100%; height: 35px; border-bottom: 1px solid #ddd; background: #fafafa; border-top: 2px solid #ea900b;}
.topWrap .topMenu{width:1024px; margin: 0 auto;}
.topWrap .topMenu .topList{float:left; display; border-right:1px solid #ddd;}
.topWrap .topMenu .topList li{display: block; font-size: 13px; line-height: 35px; padding: 0 20px; float:left; border-left:1px solid #ddd;}
.topWrap .topMenu .topList li a{line-height: 35px; color:#999; font-size: 12px; height: 100%; width:100%; display: block;}
.topWrap .topMenu .topList li a:hover{color:#777;}

/*로고영역*/
.topArea{width:1024px; height: 45px; padding:25px 0;  margin: 0 auto; position: relative;}
.topArea .logo{float: left; overflow: hidden; margin-top:5px; margin-right: 60px;}
.topArea .topLeft{position: absolute; left:0; top:30px;}
.topArea .topRight{position: absolute; right:0; top:30px;}

/*네비게이션 영역*/
/*.navArea{width:100%; height: 60px;background: url('/images/nav_bg.gif');}*/
#nav{float: left; overflow: visible;}
#nav .naviSet{display: block; position: relative; float:left;margin-left: 38px; line-height: 50px;}
#nav .naviSet > a{width:100%; height: 100%; display: block; font-size: 16px; font-weight: 600; color: #444;}

#nav .naviSet .subnav{display: none; z-index: 900; position: absolute; left: 50%; margin-left: -80px; }
#nav .naviSet .subnav li{display: block; background: #fff; border:1px solid #ddd; border-width:0 1px 1px 1px;}
#nav .naviSet .subnav li a{color:#666; display: block; width:160px; height: 35px; line-height: 35px; font-size: 14px; text-align: center;}
#nav .naviSet .subnav li a:hover{color:#ea900b; background: #fafafa;}

#container{width:100%;}

/*footer*/
#footer{background: #eee; width:100%; padding:40px 0;}
#footer #foot{width:1024px; margin: 0 auto; text-align: center;}
#footer #foot .copy{font-size: 12px; font-style: normal; color:#777;}
#footer #foot .copy a{font-weight: bold; color:#666;}
#footer #foot .copy a:hover{color:#333;}
.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;}
.subContents:after{content: ''; display: block; clear:both;}
.leftSide{width:260px; float:left;}
.leftSide .leftTitWrap{height: 90px; padding-left: 20px;background: #239b4b; margin-top: 30px;}
.leftSide .leftTitWrap p{color:#fff; font-size: 16px; padding-top: 30px;}
.leftSide .leftTitWrap .leftTit{font-size: 28px; color:#fff; font-weight: bold; }
.leftSide .listWrap{width:100%; border-top: 2px solid #999;}
.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: 20px;}
.leftSide .listWrap .leftList li a{display: block; color:#999; font-size: 16px; background: url(../../images/list_off.gif) no-repeat 230px 15px;}
.leftSide .listWrap .leftList li a:hover{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 230px 15px;}
.leftSide .listWrap .leftList li .activeList{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 230px 15px;}
.leftTel{margin-top: 20px;}
.rightSide{width:734px; float:right; min-height: 500px;}
.rightSide .rightTitWrap {width:100%; border-bottom: 1px solid #ddd; height: 179px; margin-bottom: 30px; }
.rightSide .rightTitWrap p, .rightSide .rightTitWrap p > a {font-size: 12px; color:#999;}
.rightSide .rightTitWrap p{padding-top: 82px;}
.rightSide .rightTitWrap .rightTit{font-size: 40px; color:#444;}