@charset "utf-8";

/*헤더 공통영역*/
#header{width:100%; height:125px; position:relative;
           background:url(../img/hd_bg.jpg) repeat-x;}
#headerIn{width:980px; height:125px; margin:0 auto;
              position:relative; z-index:300; }

.logo{padding-top:35px;}

/*메인메뉴*/
.gnb{position:absolute; top:55px; left:287px;
       height:70px; overflow:hidden;}
.gnb ul{}
.gnb ul li{float:left; margin-right:80px; position:relative;}
.gnb ul li:last-child{margin-right:0;}
.gnb ul li a{font-size:19px; line-height:19px; font-weight:bold;}
.gnb ul li:hover .d1{color:#3472c5;}

/*서브메뉴*/
.gnb ul li .sub{position:absolute; top:15px; left:0;
                 width:110px; height:215px; /*display:none;*/}
.gnb:hover ul li .sub{/*display:block;*/} /*서브메뉴 개별*/

.gnb ul li .sub ul{padding-top:68px;}
.gnb ul li .sub ul li{float:none; margin-right:0; margin-bottom:10px;
                        }
.gnb ul li .sub ul li a{font-size:14px; font-weight:normal; color:#555;}
.gnb ul li .sub ul li:hover a{color:#3472c5; text-decoration:underline;}

/*서브배경*/
#header .subBg{width:100%; height:0; background:#fff;
                     position:absolute; top:125px; left:0; 
                     overflow:hidden; z-index:299;}

/*utill*/
.utill{position:absolute; top:11px; right:25px;}
.utill ul{}
.utill ul li{float:left; margin-left:25px;}
.utill ul .uicon{display:block; width:27px; height:24px; margin-left:20px; 
                  background:url(../img/utill_icon.png) no-repeat;}
.utill ul .uicon:hover a{display:block; width:27px; height:24px;
                            background:url(../img/utill_icon_on.png) no-repeat;}
.utill ul li a{font-size:14px; font-weight:bold;}

.utill ul li:hover a{color:#434188;}


/*푸터 공통영역*/
#footer{height:109px; padding:65px 0 76px; border-top:2px solid #111; background:#aaa;}
#footerIn{width:980px; height:109px; margin:0 auto; position:relative;}

.flogo{position:absolute; top:0; left:0;}

.finfo{margin-left:160px;}
.finfo p{margin-bottom:14px;}
.finfo p:after{content:""; display:block; clear:both;}
.finfo span{float:left; margin-right:16px; font-size:14px; color:#666;}
.finfo span a{color:#555;}
.finfo span:hover a{text-decoration:underline; color:#666;}

.copy{margin-left:160px; font-size:14px; color:#666;}

.family{position:absolute; top:0; right:20px;}
.family a{display:block; width:132px; height:23px; 
            border:2px solid #464646; font-size:20px; line-height:20px; 
           font-weight:bold; padding:7px 14px 7px;
            background:url(../img/family_icon.png) no-repeat 120px 12px;
            color:#464646;}
.family:hover a{color:#3472c5; border:2px solid #3472c5;
    background:url(../img/family_icon_on.png) no-repeat 120px 12px;}