body * {font-family: 'NanumSquare', sans-serif; letter-spacing: -0.025em; margin: 0; word-break: keep-all; }

.header { background:url('/UserData/seomoon/Layouts/seomoon_Layout/Images/bg_black.jpg');  padding-top:30px; padding-bottom:30px; }

.header_top { text-align:right; margin-bottom:15px; }
.header_top a {
    opacity: 0.5;
    padding: 3px 0px;
    border: 1px solid #ddd;
    color: #fff;
    width: 80px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-left: 10px;
    text-decoration: none;
}
.header_top a:hover { color:#f99d1b; border-color:#f99d1b; opacity:1.0; }

.header .gnb_wrap .gnb { text-align:right; margin-top:12px; }
.header .gnb_wrap .gnb > li > a {font-size: 18px; color: #fff; padding: 10px 9px; display: inline-block; text-decoration: none; }
.header .gnb_wrap .gnb > li { display:inline-block; margin-right:10px;  }
.header .gnb_wrap .gnb > li:last-child {margin-right: 0; }
.header .gnb_wrap .gnb > li > .dropdown-menu {margin: 0; padding: 0; border-radius: 0; }
.header .gnb_wrap .gnb > li > ul { min-width:130px; }
.header .gnb_wrap .gnb > li > ul > li > a {font-size: 16px; padding: 8px 10px; }
.header .gnb_wrap .gnb > li > ul > li.active > a,
.header .gnb_wrap .gnb > li > ul > li > a:hover {background: #034da2; color: #fff; }
.header .gnb_wrap .gnb > li:hover > ul {display: block; }


.footer { padding-top:50px; margin-top:50px;  margin-bottom:100px; border-top:1px solid #ddd; }
.footer_title { margin-top:15px; font-size:18px; margin-bottom:25px;  }
.footer_title a{ color:#5a5d5a; text-decoration:none;}
.footer li { color:#555; font-size:14px; padding-bottom:5px; }
.ficon { margin-right:5px; }

.copyright { font-size:13px; color:#777; }
.copyright a { text-decoration:none; color:#777; }

}


#header-widget-login { margin-top:16px; }
#header-widget-login a { color:#000; font-size:14px; text-decoration:none; }
.header-mobile-gnb { text-align:right; padding-top:5px; padding-right:5px; }
.header-mobile-gnb a i { font-size:32px; }

@media(max-width:767px) {
    .header_top a { font-size:12px;  width:65px; }
    
    .mm-panel { background:#034da2 !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; }

    .footer { margin-top:35px; padding-top:30px; margin-bottom:15px; }
    .footer_title { margin-bottom:15px; }
    .ficons { text-align:center; margin-bottom:20px;  }
    .ficon { margin-right:10px; }
    .ficon:last-child { margin-right:0px; }
    .fbuilding { text-align:center; margin-bottom:30px;  }

}