@charset "utf-8";


body {
    font-size: 12px;
    color: #666;
    font-family: "MalgunGothic",돋움,Dotum,Helvetica,Apple SD Gothic Neo,Sans-serif;
    -webkit-text-size-adjust: none;
    word-break: break-all;
    word-wrap: break-word;
    }

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{
    margin:0;
    padding:0;
    }

    img, fieldset {
    border:0;
    }
    #main_wrap {
    width: 100%;
    height: 100% !important;
    min-height: 100%;
    margin: 0;
    border-bottom:1px solid #e3e3e3;
    background:url();
   
    }

    #header {
    z-index:1;
    border-top:5px solid #259dd3;
   
    }
    
    #wrap{
    width:1001px;
    margin:0 auto;
    position:relative;
    }
    #topmenu{
    position:relative;
    width:1100px;
    height:30px;
    margin:0 auto;
    text-align:left;
    }
    h1.logo{
    position:relative;
    top:38px;
    left:5px;
    }
    .top{
    text-align:right;
    width:1001px;
    height:20px;
    padding-top:12px;
    }
    a:link{
    color:#666;
    font-size:12px;
    text-decoration:none;
    }
    .top li {
    display: inline;
    padding: 0 11px 0 8px;
    background: url(#) no-repeat right center;
    border:0;
    }
    ul, ol{
    list-style:none;
    }

    .top li.none{
    background:none;
    padding-right:0px;

    }
    #gnb{
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:70;
    }
    .gnb{
    clear:both;
    height:40px;
    padding-top:18px;
    }

    .gnb ul.topNavi{
    position:relative;
    width:100%;
    min-width:1280px;
    display:block;
    height:80px;
    }
    .gnb ul.topNavi li.navi01{
    margin-left:170px;
    text-align:left;
    }
    .gnb .topNavi li{
    display:inline;
    height:30px;
    }
    .gnb ul.topNavi li.navi01 a{
    padding:0 50px;
    }
    .gnb ul.topNavi li.navi02 a {
    padding: 0 50px;
    }
    .gnb ul.topNavi li.navi03 a {
    padding: 0 50px;
    }
    .gnb ul.topNavi li.navi04 a {
    padding: 0 50px;
    }
    .gnb ul.topNavi li.navi05 a {
    padding: 0 50px;
    }

    .gnb ul.topNavi li.navi01{
    text-align:left;
    }

    div.gnb ul.topNavi li div.depth02 {
    float: left;
    position: absolute;
    left: 0px; 
    top:40px;   
    width: 100%;
    height: 220px;
    background-color: #fff;
    border-top: solid 1px #e3e3e3;
    border-bottom: solid 1px #9dc3d9;
    z-index: 9999;
    
    }
    div.gnb ul.topNavi li div.depth02 div.depth_wrap1{
    position:relative;
    width:1001px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    left:205px; 
    margin-top:10px;      
    }
    div.gnb ul.topNavi li div.depth02 div.depth_wrap2{
    position:relative;
    width:1100px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
     left:420px;
     margin-top:10px;
    }
    div.gnb ul.topNavi li div.depth02 div.depth_wrap3{
    position:relative;
    width:1100px;
    height:200px;
     margin-left:auto;
    margin-right:auto; 
     left:540px;   
     margin-top:10px; 
    }
    div.gnb ul.topNavi li div.depth02 div.depth_wrap4{
    position:relative;
    width:1100px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    left:760px;
    margin-top:10px;
    }
    div.gnb ul.topNavi li div.depth02 div.depth_wrap5{
    position:relative;
    width:1100px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    left:930px;
    margin-top:10px;
    }

    div.gnb ul.topNavi li div.depth02 p.tit{
    float:left;
    padding-left:8px;
    }
    div.gnb ul.topNavi li div.depth02 dl dt{
   
    }
     
    div.gnb ul.topNavi li div.depth02 dl dt a{
    display:block;
    font-size:12px;
   
    color:#003663;
    line-height:14px;
    padding:12px 10px 0px 10px;  
     text-align:left; 

     
    }
    div.gnb ul.topNavi li div.depth02 dl dt a:hover{
       text-decoration:underline;
    }
      div.gnb ul.topNavi li div.depth02 dl dd a:hover{
       text-decoration:underline;
    }
    div.gnb ul.topNavi li div.depth02 dl dd a{
    display:block;
    color:#576070;
    line-height:12px;
    padding:4px 10px 5px 10px;
    text-align:left;
    }
    .btn_gnbclose{
    position:absolute;
    right:350px;
    top:250px;
    position:fixed;
    
    }
    .btn_gnbclose a{
    padding:0!important;
    }

 .main {          
            margin-left:auto;
            margin-right:auto;
            width: 1280px;        
            

        }
        .img_logo{ padding-top:40px; float:left;}
        .bg01 { background: #f6f6f6;}
        .bg02{ background:#e9e9e9; }

        .mg10{ margin-left:10px}
        .mg20 {  margin-left: 20px; }
        .mg30 { margin-left: 30px; }
        .mg40 {  margin-left: 40px; }
        .mg50 {  margin-left: 50px; }

        .mg100 {margin-left: 100px;}
        .mg200 { margin-left: 200px;}
        .mg300 { margin-left: 300px; }
        .mg400 { margin-left: 400px;}
        .mg500 { margin-left: 500px; }


        .benner {
            width: 1280px;
            height: 551px;
            background: url(/img/benner_bg.gif) no-repeat right center;
           margin-left:auto;
           margin-right:auto;
            display:block;
            clear:both;
           
        }

 .box_be01 { background:url(/img/main_01.png) no-repeat 0 50px ;
             width:200px;
                        
             display:block;
             padding-top:50px;
             margin-left:220px;
             float:left;
}
  .box_be01 h2{
     font-family:NanumGothic;
     font-weight:600;
     color:#303030;
     padding-top:120px;  
     font-size:16px;  
     display:block;    
    text-align:center; 
    
 }

 .box_be01 h2 span{
     color:#3965a9;
    
 }
  .box_be01:hover{ background:url(/img/main_01_on.png) no-repeat 0 50px;
             width:200px;
             
              padding-top:50px;
             margin-left:220px;
             display:block;
             float:left;
                      
}
   .box_be02 { background:url(/img/main_02.png) no-repeat 0 50px ;
             width:200px;
           
              padding-top:50px;
             margin-left:850px;
             display:block;
             
            
}
  .box_be02 h2{
     font-family:NanumGothic;
     font-weight:600;
     color:#303030;
     padding-top:120px;  
     font-size:16px;  
     display:block;
    
    text-align:center; 
    
 }

 .box_be02 h2 span{
     color:#3965a9;
    
 }
  .box_be02:hover{ background:url(/img/main_02_on.png) no-repeat 0 50px;
             width:200px;
            
             padding-top:50px;
             margin-left:850px;
             display:block;
                       
}


   .box_be03 { background:url(/img/main_03.png) no-repeat 0 50px ;
             width:200px;
             height:200px;
             margin-left:200px;            
             float:left;
             display:block;
             margin-top:150px;
            
            
}
  .box_be03 h2{
     font-family:NanumGothic;
     font-weight:600;
     color:#303030;
     padding-top:170px;  
     font-size:16px;  
     display:block;    
    text-align:center; 
    
 }

 .box_be03 h2 span{
     color:#3965a9;
    
 }
  .box_be03:hover{ background:url(/img/main_03_on.png) no-repeat 0 50px;
              width:200px;
            height:200px;
              margin-top:150px;         
            float:left;
             display:block;
}

  .btn_white{
     width:60px;
     margin-left:100px;
     margin-top:120px;
     background:#ffffff;
     border:1px solid #b9b9b9;
     text-align:center; 
     display:block;
    
     font-size:12px;
    
 }


     .box_be04 { background:url(/img/main_04.png) no-repeat 0 50px ;
             width:200px;
             height:200px;
             margin-top:150px;
             margin-right:200px;
             display:block;
            float:right;
            
}
  .box_be04 h2{
     font-family:NanumGothic;
     font-weight:600;
     color:#303030;
      padding-top:170px; 
     font-size:16px;  
     display:block;
    
    text-align:center; 
    
 }

 .box_be04 h2 span{
     color:#3965a9;
    
 }
  .box_be04:hover{ background:url(/img/main_04_on.png) no-repeat 0 50px;
             width:200px;
             height:200px;
             margin-right:200px;
             display:block;
            float:right;
}

   .box_be05 { background:url(/img/main_05.png) no-repeat;
            width:350px;
             height:250px;
             margin:0 auto;
             display:block;
            
            
}
  .box_be05 h2{
     font-family:NanumGothic;
     font-weight:600;
     color:#303030;     
     font-size:24px;  
     display:block;
    margin-left:40px;
   padding-top:220px;
   
    
 }

 .box_be05 h2 span{
     color:#3965a9;
    
 }
  .box_be05:hover{ background:url(/img/main_05_on.png) no-repeat ;
             width:350px;
             height:250px;
             margin:0 auto;
             display:block;
            
                      
}


 .btn_white a{
     color:#808080;
     text-decoration:none;

 }
 .btn_white:hover{
     text-decoration:none;
     background:#f3f3f3;
     border:1px solid #b9b9b9;
     }
 .btn_white a:hover{
     color:#303030;
 }

        .middle_top_line{
            width:100%;
            height:10px;            
            background:#e3e3e3;
            clear:both;
        }
        .middle {
            width: 1000px;
            height: 230px; 
            padding-top:40px; 
            margin-left:auto;
            margin-right:auto;   
              
          
        }

        .midddle_box {
            width: 170px;
            float: left;           
            text-align: center;
            padding-top:20px;
            margin-bottom:20px;
        }
          
             .midddle_box p {
                font-size: 12px;
                margin-bottom:10px;
                color: #303030;
            }
            .midddle_box a {
                font-size: 11px;
                font-weight: bold;
                color: #b9b9b9;
                text-decoration: none;
            }
            
             .midddle_line {
               padding-top:20px;
                float:left;
            }

           .footer01 {
            background: #87a4b6;
            height:30px;
            width: 100%;
            margin-top:210px;
            text-align: center;
            clear: left;
            color: #ffffff;
            padding:20px 0 20px 0px;
            }

            .footer01 p{               
                text-decoration: none;
                color: #ffffff;
               text-align:center;
               margin-bottom:20px;
            }
              .footer01 a:link {
                color: #ffffff;
                text-decoration: none;
            }

            .footer01  a:visited {
                color:#ffffff;
                text-decoration: none;
                
            }

            .footer01 a:hover {
                color: #ffffff;
                text-decoration: none;
                
            }

            .footer01 a:active {
                color: #ffffff;
                text-decoration: none;
            }

            a img{
                border:0;
            }

            .footer02 {
            background: #87a4b6;
            height:120px;
            width: 100%;
            margin-top:210px;
            text-align: left;
            clear: left;
            color: #ffffff;
            padding:20px 0 20px 0px;
            }

            .footer02 p{               
                text-decoration: none;
                color: #ffffff;
               text-align:left;
               margin-bottom:10px;
            }


            #main {        
            height:100%;
            width: 100%;        
              background:url(/img/benner_bg.gif);
              border-bottom:1px solid #e3e3e3;
        }

            #benner {
            width: 1280px;
            height: 500px;
           background:url(/img/benner_bg.gif);
            margin-left:auto;
            margin-right:auto;
            display:block;
            clear:both; 
                      
        }


            #middle_bg{
           width:1280px;
           
          
           margin:0 auto;
           
       }
       #middle{
           width:1000px;
           height:220px;
           background:#fff;
           margin:30px auto 0 auto;
           font-family:NanumGothic;           
           background:url(/img/middle_bg.gif) no-repeat ;
       }
        #middle_line{
          
           margin:0 auto;           
           
       }
             #footer01 {
            background:#e3e3e3;
            height:130px;
            width: 100%;
            padding-top:20px;
            text-align: center;
            clear: left;
            color:#666;
            }
                  
            #footer01 p{               
                text-decoration: none;
                color:#666;
               text-align:center;
               margin-bottom:20px;
            }

             #footer01 a:link {
                color:#666;
                text-decoration: none;
            }

            #footer01  a:visited {
                 color:#666;
                text-decoration: none;
                
            }

           #footer01 a:hover {
                color:#666;
                text-decoration: none;
                
            }

            #footer02 {
            background:#e3e3e3;
            height:50px;
            width: 1000PX;
			float:center;
            color:#666;
            }

            #footer02 p{
               text-decoration: none;
               color:#666;
               text-align:left;
               margin-bottom:0px;
            }

    .middle_box{
        width:199px;
        height:188px;       
        float:left;
       
        
    }
    .middle_box h3{
        color:#0171c1;
        text-align:right;
        font-size:16px;
        margin-right:10px; 
        font-weight:600;       
    }

    .middle_box p{
        margin-top:10px;
        font-size:12px;
         margin-right:10px; 
         line-height:19px;
         
    }

    .middle_box img{
        width:140px;
        height:100px;
        float:left;
         margin-top:15px;
    }
  a:link, a:visited, a:active, a:hover{
        color:#666;
    }