body { font-family:'nanum square'; }

#top .container {padding:30px 0;}


#logo { float:left; }
#top-widget { float:right; position:relative; top:35px; }
#top-widget-login { display:inline-block; margin-right:10px;  }
#top-widget-login .widget-login a { text-decoration:none; color:#999; font-weight:600; }
#top-widget-search { display:inline-block; }
#top-widget-search input { border:1px solid #194A98; padding:3px 5px; color:#999; border-right:0px;  height:25px; }
.search-btn {
    background: url('/UserData/gyesin/Layouts/gyesin_Layout/Images/search_icon.png');
    width: 25px;
    height: 25px;
    border: 1px solid #194A98;
    border-left: 0px;
    background-size: 100% 100%;
    position: relative;
    top: 9px;
    margin-left: -3px;
}


#gnb-wrap { background:#003366; }
#gnb { padding:0px; }
.gnb-nav { text-align:center; width:100%; }
.gnb-nav > li { display:inline-block; padding:0px; }
.gnb-nav > li > a { color:#fff; padding:15px 0px; font-size:20px;  }
.gnb-nav > li > a:hover,
.gnb-nav > li > a:focus,
.gnb-nav > li.open > a { background:none !important; color:#fff !important; }
.gnb-nav > li { width: 20%; text-align:center; }
.gnb-nav > li:first-child { width:20%;  }
.gnb-nav > li:last-child { width:20%;  }

.dropdown-menu { width:100%; }
.dropdown-menu li a { font-size:16px; color:#777; padding:8px 20px;   }


#footer { background:#3B3A40; padding:30px 0px; }
#footer_logo { float:left;    margin-top: 15px;}
#footer_text { float:left; margin-left:30px; }
#footer_text p { color:#8B8A8D; font-size:14px; line-height:170%0; margin-top:20px; }

.nav > li:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }


@media(max-width:767px)
{   #top { border-bottom:1px solid #ddd; }
    #top .container { padding:10px; position:relative; }
    #logo img { height:50px; }
    #top-widget { top:5px; position:absolute; right:5px; }
    #top-widget .widget-login span  { margin:0px !important; }
    
    #footer_logo { width:100%; text-align:center; }
    #footer_text { margin:0px; }
    #footer_text p {  font-size:12px;  }

    .header-mobile-gnb { font-size:28px; position:absolute; top:20px; right:25px;  }
    .mm-panel { background:#3A6E93 !important; }
    .mm-title, .mm-listview>li>a, .mm-listview>li>span { color:#fff !important; }
    .mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }
}

@media(max-width:467px){ 
    #top .container { padding:30px 10px 10px;   } 
}