@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


#groupmenu{text-align: center; background: url(../img/s_line.png) no-repeat;    padding: 6em 0;}

.nav1{display: inline-block;}
.nav1 ul{padding:0; margin:0; list-style: none;}
.nav1 ul li{float: left; text-align: center;}
.nav1 ul li a{
    color: #222;
    background: rgba(255,255,255, 1);
    /* width: 192px; */
    /* font-weight: 700; */
    font-size: 16px;
    display: inline-block;
    margin: 0 10px;
    border-radius:22px;
    text-align: center;
    /* min-width: 78px; */
    line-height: 22px;
    padding: 6px 15px;
    letter-spacing: -1px;
}
.nav1 ul li a:hover{text-decoration:none;   color:#222;background:rgba(1,1,1, .5);color:#fff; }
.nav1 li.on {font-weight:700; }
.nav1 li.on a{color:#222; text-decoration:none; font-weight:normal;font-weight:700;background: rgb(0 0 0 / 60%);color:#fff;}


@media(max-width:767px) {
    .breatcome_area {
        padding: 30px 0!important;
    }
    #groupmenu {
        white-space: nowrap;
    overflow-x: auto;
    padding: 0;
    }
    .breatcome_area .container-fluid {padding:0}
    .breatcome_area .container-fluid > .col-md-12 {padding:0}
}