@charset "utf-8";

.wrap{
margin-top:80px;    
}

.safe_box {
    position: relative;
    width: 1260px;
    margin: 0 auto;
}

.header_wrap{
 position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 9999;
    height:100px;
      overflow: hidden;
}

.header_wrap.on{
    height:353px;
}

.masthead_wrap{
 width:100%;   
 height:100px;
     background:#fff;
}

.area_masthead{
    position:relative;
 width:1260px;
    margin:0 auto;
}

.logo{
 padding:22px 0 24px;   
}

.logo>a{
display:block;
    width:157px;
    height:54px;
    background:url(../images/logo.jpg);
    text-indent:-9999em;
}

.area_gnb{
 position: absolute;
    top:0;
    right:0;
}

.gnb:after{
 content:'';
    display:block;
    clear:both;
}

.gnb>li{
    position: relative;
 float:left;   
    width:150px;
}

.gnb>li>a:link, .gnb>li>a:visited{
    font-size:18px;
    font-weight: 400;
    display:block;
    height:100px;
    line-height:100px;
    text-align: center;
}

.gnb>li>a:hover,  .gnb>li>a.on{
    color:#3f4a8f;
    background:url(../images/gnb_arrow.png) no-repeat bottom center;
}

.gnb>li>ul.on{
background:#3f4a8f;    
}

.sub_gnb{
 position: absolute;
    top:103px;
    left:0;
    box-sizing: border-box;
    height:250px;
    width:100%;
    z-index: 9999;
    padding:20px 0 25px 10px;
    border-right:1px solid #ddd;
    background:#fff;
}

.bl_plus{
 border-left:1px solid #ddd;   
}
    
.sub_gnb>li{
 margin-bottom:15px;   
}

.sub_gnb>li:last-child{
 margin-bottom:0;   
}

.sub_gnb>li>a:link, .sub_gnb>li>a:visited{
    font-size:14px;
    font-weight: 300;
    padding-bottom:3px;
    color:#333;
}

.sub_gnb>li>a:hover, .sub_gnb>li>a:focus {    
    border-bottom:1px solid #fff;
    
}

.sub_gnb>li>a.on{
    color:#fff;
}


.gnb_bg{
 position: absolute;
    top:100px;
    left:0;
    z-index: 5000;
    width:100%;
    height:0;
    background:#fff;
    border-top:3px solid #3f4a8f;
}

.gnb_bg.on{
 height:250px;   
}



.footer_wrap{
 background:#404040;   
}


.footer_top{
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.footer_menu_list{
    padding:21px 0 20px;
}

.footer_menu_list:after{
 content: '';
    display:block;
    clear:both;
}

.footer_menu_list>li{
    float:left;
    padding:0 20px 0 18px;
    background:url(../images/f_menu_rect.gif) no-repeat right center;
}

.footer_menu_list>li:last-child{
background:none;
}

.footer_menu_list>li:first-child{
padding-left:0;
}


.footer_menu_list>li>a:link, .footer_menu_list>li>a:visited{
color:#fff;
    font-size:13px;
    font-weight: 300;
}

.family_s{
 position: absolute;
    right:0;
    bottom: 0;
    border-right: 1px solid rgba(255,255,255,0.1);
    border-left: 1px solid rgba(255,255,255,0.1);
    background: #404040;
}

.family_list{
 height:500px;
    overflow-y:scroll;
}

.family_list>li.tc_nc{
    text-align: center;
    font-size:13px;
    font-weight: 300;
    color:#bbb;
     width:385px;
    height:35px;
    line-height:35px;
}

.tc_top{
 margin-top:20px;   
}

.family_list a:link, .family_list a:visited{
font-size:13px;
    font-weight: 300;
    color:#bbb;
     width:385px;
    height:35px;
    line-height:35px;
    display: block;
    box-sizing:border-box;
    padding-left:30px;
}

.family_list a:hover, .family_list a:focus{
color:#fff;
}

.family_list a.tc_nc{
 cursor: default;
    text-align: center;
    padding-left:0;
}


.family_s p{
    font-size:13px;
    font-weight: 300;
    color:#bbb;
    width:405px;
    height:59px;
    line-height:59px;
    box-sizing:border-box;
    padding-left:30px;
    background:url(../images/form_arrow.png) no-repeat right 25px center;
    cursor:pointer;
}



.add{
    margin-bottom:15px;
}

.add>span{
    color:#999;
    font-size:13px;
    font-weight: 300;
    padding:0 15px 0 13px;
    background:url(../images/f_bar.png) no-repeat right center;
}

.add>span.npd{
 padding-left:0;   
}

.add>span.nbg{
 background:none;   
}

.footer_bottom small{
    font-family:'arial', sans-serif;
    font-size:12px;
    font-weight: 400;
    color:#999;
}

.footer_bottom>div{
 padding:53px 0 40px;   
}


.f_icon_list{
 position:absolute;
    right:0;
    top:60px;
}



.f_icon_list>li{
 float:left;   
}


.f_icon_list>li>a{
 display:block;
    text-indent:-9999em;
    width:45px;
    height:45px;
    margin-left:5px;
}



.footer_icon_mail>a{
    background:url(../images/f_icon01.png);
}

.footer_icon_map>a{
    background:url(../images/f_icon02.png);
}

.footer_icon_admin>a{
    background:url(../images/f_icon03.png);
}


.footer_icon_top>a{
    background:url(../images/f_icon04.png);
}