/*!
 * Start Bootstrap - Small Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
/*    padding-top: 36px;  Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

/*.navbar-fixed-top .nav {
    padding: 15px 0;
}*/

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 20px 0;
}

/*@media(min-width:768px) {
    body {
        padding-top: 100px;  Required padding for .navbar-fixed-top. Change if height of navigation changes. 
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}*/



.img_w {display:none;}
.pi {    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    word-spacing: 0.2em;
    letter-spacing: 2px;
    font-size: 25px;
    padding-top: 55px;
}

 /*³×ºñ*/         
.na_b ul li,.na_b ul li a {border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }


/*ºÎ¸ð È£¹ö*/
.na_b > ul > li:hover,.na_b ul li.active:hover,.na_b ul li.active,.na_b ul li.has-sub.active:hover{background:#2487c8!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; color:#fff;}
/*ÀÚ½Ä ¿Ã·Á¼­ º¸±â±â*/
.na_b ul ul{position:absolute;left:-9999px; width:100%;}
@media (min-width: 768px) {
          .na_b ul ul{position:absolute;left:-9999px; width:auto;}

        }
/*@media (min-width: 992px) {
    .na_b ul ul{position:absolute;left:-9999px; width:auto;}
}*/

@media (min-width: 1200px) {
    .na_b ul ul{position:absolute;left:-9999px; width:auto;}
}

.na_b ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#052a58;transition:all .25s ease;z-index:999;}


.na_b ul ul li:hover{}
.na_b li:hover > ul{left:auto;    padding-left: 0;}
.na_b li:hover > ul > li{height:35px}
.na_b ul ul ul{margin-left:100%;top:0; }
.na_b ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
.na_b ul ul li:last-child > a,.cssmenu ul ul li.last-item > a{border-bottom:0}
.na_b ul ul li:hover > a,.cssmenu ul ul li a:hover{color:#fff}

.na_b ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.na_b ul ul > li.has-sub:hover > a:before{top:17px;height:0}
.na_b ul ul li.has-sub:hover,.cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
.na_b ul ul ul li.active a{border-left:5px solid #333}
.na_b > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}



@media (min-width: 768px) {
      .img_w {display: block;   max-width: 100%;   height: auto; padding-top: 40px;}
      .pi{display:none;}
}

@media (min-width: 1200px) {

     .img_w {display: block;   max-width: 100%;   height: auto; padding-top: 0px;}
     .pi{display:none;}
}




 @media (min-width: 768px) {
       .cccc {background:url(../img/bg4.jpg)no-repeat center;
             -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
                 max-width: 100%; 
                     height: 257px;
}
        }

.main_top_link {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

 @media (max-width: 1024px) {
         .main_top_link {
                width: auto;
            }
        }

 .main_top_link .boxs:first-child {
    border-left: 0 none;
}


 /*¾ÆÀÌÄÜ ¹Ú½º °ø°£*/
.main_top_link .boxs {
    position: relative;
    float: left;
    width: 24%;
    height: 150px;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-radius: 5%;
    margin-left: 0.555%;
    text-align: center;
}

/*¾ÆÀÌÄÜ ¹Ú½º1*/
.main_top_link .box1 {/*background: #80c1fc;*/    background: url(../img/sbg1.png)no-repeat center; 
                       -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
            
}

/*¾ÆÀÌÄÜ ¹Ú½º2*/
.main_top_link .box2 {/*background: #a2e0d4;*/ background: url(../img/sbg2.png)no-repeat center;
                              -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
            
}

/*¾ÆÀÌÄÜ ¹Ú½º3*/
.main_top_link .box3 {/*background: #ffd476;*/ background: url(../img/sbg3.png)no-repeat center;
                              -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
            
}

/*¾ÆÀÌÄÜ ¹Ú½º4*/
.main_top_link .box4 {/*background:#dbcff9;*/  background: url(../img/sbg4.png)no-repeat center;
                              -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
            
}

/*¾ÆÀÌÄÜ À§Ä¡*/
/*.main_top_link .box2, .main_top_link .box3, .main_top_link .box4 {
    padding: 55px 0 0 126px;
}*/
/*¾ÆÀÌÄÜ ¼³¸í ±ÛÀÚ*/
.main_top_link .boxs a.link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -9999em;
    z-index: 10;
}
/*¾ÆÀÌÄÜ »ö»ó*/
/*.main_top_link .boxs h2 {color: #ff2500;}*/
/*¾ÆÀÌÄÜ »ö»ó*/
.tit_lv2 { color: #ff2500;  }

.lddds {color: #fff; font-size: 40px; line-height:2;}



.main_top_link .boxs:first-child {
    border-left: 0 none;
}

/*¾ÆÀÌÄÜ À§Ä¡*/
@media (max-width: 1024px) {

     .lddds { line-height:2;
    }
}

/*@media screen and (max-width: 1024px) {

    .main_top_link .boxs {
        height: 213px;
    }
}*/







@media (max-width: 767px) {

    .lddds {
        line-height: 2.222;
    }
}
    @media (max-width: 767px) {

        .main_top_link .boxs {
            width: 49%;
            margin-top: 5px;
        }
    }

    .boxs p {color:#555; font-size:16px; font-weight:600;}


    

/*Á¦¸ñº£³Ê*/
/*¹è³Ê¿Í ±ÛÀÚ¸¦ ºÎ¸ð¿¡ ³ôÀ̸¦ ÁÜÀ¸·Î¼­ ÁÙ¾î µé¾îµµ ¹Ø¿¡ ¿¡µéÀÌ ¿µ¿ªÀ» ¾Èħ¹üÇÑ´Ù */
.bo_b3 {border-bottom:1px solid #ddd;height: 110px; }
.banner {position: relative; max-width: 100%; max-height: 100%;  margin-bottom: -15px}
.ba_t {font-size: 50px;  color: #595a5c; }


    
/*°æ·Î*/
.ba_gr {background-color:#03A9F4;}
.co_wi {color:#9E9E9E; margin-right:5px;}


.breadcrumb2 {display:inline-block; float:left;}
.breadcrumb2 > li  {float:left;}
.breadcrumb2 > li > a {
    float: left;
    text-align: center;
    color: #fff;
    height: auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 60px;
    width: 130px;
 }

.breadcrumb2 > .active {
    float: left;
    text-align: center;
    color: #595a5c;
    height: auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 60px;
    width: 130px;   
   background: #efefef;
}
.breadcrumb2 > .active a{    color: #595a5c!important;}
.breadcrumb2 >li >a:hover,.breadcrumb2 >li >a:focus {background: #efefef;  color:#595a5c;}




.breadcrumb3 {display:inline-block; float:left;}
.breadcrumb3 > li  {float:left;}
.breadcrumb3 > li > a {
    float: left;
    text-align: center;
    color: #343434;
    height: auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 60px;
    width: 80px;
    margin-top: 5px;
}

.breadcrumb3 > .active {
    float: left;
    text-align: center;
    color: #343434;
    height: auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 60px;
    width: 110px;
    margin-top: 5px;
    color: #fff;
    background:#18a86e;
}
.breadcrumb3 >li >a:hover,.breadcrumb3 >li >a:focus {background: #18a86e;  color:#fff;}




/*»ó´Ü¹è°æ*/
.bgf {background:url(../img/bg4.jpg)no-repeat; -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                    -o-background-size: cover;
                    max-width: 100%;
                    height: 257px;}

.bgf2 {background:url(../img/bg4.jpg)no-repeat; -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                    -o-background-size: cover;
                    max-width: 100%;
                    height: 350px;}