@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html, body{
    overflow-x: hidden;
    max-width: 5000px;
	font-family: "Noto Sans KR",sans-serif;
}

/*header menu */
.navbar-brand{
    /*background-color: gray;*/
    padding: 0px;
}
.navbar-brand > img{
    padding: 20px 0;
}
/*logo~*/




.navbar-inverse {
    background-color: white;
}
.navbar-toggle {
    background-color: black;

}
/*top menu 상단 1차 메뉴*/
.navbar-inverse ul.navbar-nav >li >a {
    color: black !important;
}


/*Top menu 상단 2차 메뉴*/
.navbar-inverse .navbar-nav li ul li a{
    color: black;
    font-family :"Noto Sans KR";
    font-size: 1.4em;

}

.nav-menu{
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}
.nav-menu > li > ul {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
}

.nav-menu  li li{
    padding: 10px 0 ;
}




.top-nav-banner{
    overflow: hidden;
    transition: height 0.3s;
}

.top-nav-banner:hover{
    height: 300px;
}
.nav-menu > * {
    background-color: white;
}


footer{
    border-top: 1px solid gray;
    background-color: white;
    background: transparent;
    padding: 20px 0;
}


#ft_catch  {
    /*background-color: gray;*/
}


div.foot-bg > div.foot-copy{
    color: black;
}

div.foot-info > p{
    color: black;
}

#ft_company > .foot-p{
    color: black;
}

#ft_copy div.foot-copy{
    color: black;
}

.linker > div{
    display: inline-block;
}


.nav-menu li.act > ul{
    display: block;
}



#business .content h5{color:black; font-size:22px; font-weight:normal; padding-bottom:20px;}






/*img caption end*/


@media only screen and (max-width: 1200px) {

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border-color: white;
    }


    .top-nav-banner:hover{
        height: 90px;

    }
    .top-nav-banner {
         height: 90px;
         overflow: initial;
         transition: none;
         display: block;
     }
    
    .nav-menu li> ul{
        display: none;
    }

    .navbar-inverse .navbar-nav > li > a{
        border: 1px solid gray;

    }

    .navbar-inverse .navbar-nav >li> a{
        font-size: 1.5em;
        margin:0;
    }
    @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .top-nav-banner:hover{
            height: 500px;
            cursor: pointer;

        }
        .top-nav-banner {
            height: 100px;
        }


    }

}


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

    .top-nav-banner:hover ,.top-nav-banner {
        height: 70px;
    }
    .navbar-toggle {
        margin: 20px;

    }

    .my-img{
        width:50%;
    }

    .nav-nav-menu > ul ul{
        display: none;
    }
    ul.nav-menu  li a{
        margin: 0;
    }

    .navbar-collapse{
        border: none;
    }

    .navbar-inverse .navbar-nav >li> a{
        margin:0px;
        border: 1px solid gray;
        color: black;
        font-size: 1.5em;

    }

    .nav-menu li> ul{
        display: none;
    }

    .navbar-brand > img {
        padding-left: 30px;
        padding-top: 15px;
        width: 80%;
    }
    .navbar-inverse .navbar-nav li ul li{
        background-color: #dddddd;
    }

}


@media only screen and (max-width: 425px) {

    .navbar-toggle {
        margin: 15px;
        padding: 5px 5px;
    }
    .top-nav-banner , .top-nav-banner:hover{
        height: 50px;
    }
    .navbar-brand{
        padding: 10px 30px;
    }

    .navbar-brand > img {
        padding-left: 0;
        padding-top: 0;
        width: 70%;
    }

    .my_img_content{
        height: 200px;
    }


    #business .content h5{ font-size:11px; font-weight:bold;}


}


@media only screen and (max-width: 320px) {
    .navbar-toggle {
        margin: 10px;
        padding: 5px 5px;
    }

    .col-md-4{
        padding: 5px 0;
    }


}