@charset "utf-8";

.wrap{
margin-top:90px;    
min-width:1260px;
}

.safe_box {
    position: relative;
    width: 1260px;
    margin: 0 auto;
}
.header_top {
    background:#353535;
}

.header_top >div {
height:30px;
}
.hm_list {
position:absolute;
    right:0px;
    top:5px;
}

.hm_list>li {
float:left;
    padding:0 22px 0 20px;
    background:url(../images/hm_bg.png) no-repeat right center;
}

.hm_list>li:last-child{
background:none;
    padding-right:0;
}

.hm_list>li>a:link, .hm_list>li>a:visited {
color:#c9c8c8;
    font-family:'arial', sans-serif;
    font-size:11px;
    font-weight:bold;
}

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

.header_wrap.on{
    height:450px;
}

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

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

.logo{
 padding:25px 0 25px;   
}

.logo>a{
display:block;
    width:250px;
    height:42px;
    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:140px;
}

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

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

.gnb>li>ul.on{
background:#1c5cb0;    
}

.sub_gnb{
 position: absolute;
    top:93px;
    left:0;
    box-sizing: border-box;
    height:265px;
    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: 400;
    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:90px;
    left:0;
    z-index: 5000;
    width:100%;
    height:0;
    background:#fff;
    border-top:3px solid #1c5cb0;
}

.gnb_bg.on{
 height:265px;   
}



.footer_wrap{
 background:#333;   
}


.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:12px;
    font-weight: 300;
    font-family:'arial', sans-serif;
	letter-spacing:0.5px;
}

.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: #333;
}

.family_list{
 height:150px;
}

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

.tc_top{
 margin-top:20px;   
}

.family_list a:link, .family_list a:visited{
font-size:13px;
    font-weight: 350;
    color:#777;
     width:280px;
    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:300px;
    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:#fff;
    font-size:13px;
    font-weight: 300;
    padding:0 15px 0 10px;
    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:11px;
    font-weight: 400;
    color:#fff;
}

.footer_bottom>div{
 padding:50px 0 45px;   
}


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



.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);
}