@charset "UTF-8";

body {font-family: 'Nanum Barun Gothic', sans-serif !important;margin: 0;padding: 0;}
ul, li {text-decoration: none; list-style: none;}
img,fieldset{border:0}
img{vertical-align: top}
#header .top-nav {height: 100px;}
#header .nav-tabs li {border-left: 1px solid #bbb;border-top-left-radius: 15px;}
#header .nav-tabs li a {margin: 0;}
#header .nav-item .active {background-color: #337ab7;border-top-left-radius: 15px;color: #fff;}
#body {   width : 100%; margin:0;padding:0;}
.container .left-con {border-right: 1px solid #333; padding: 0 15px; width: 25%;float: left;}
.container .left-cont .panel-body {padding: 0;margin: 0;}
.container .right-con {width: 75%;padding: 0 15px;float: left;}
.container .right-con li .box-type-2 {width: 25%; border: 1px solid #eee; float: left; margin: 5px 15px; text-align: center;}
.container #frm1 p { margin: 15px 0 0 0;}

/*Calendar Widget*/
.panel-body #calendar .ui-datepicker-inline {width: 100%;}
.panel-body #calendar table {width: 100%;}

.footer {width:100%; margin:0 auto;border-top:1px solid #b5b3b2;text-align:center;}

@media screen and (max-width: 1024px) {
    .container {padding : 0 !important;}
    .container .left-con {border-right: 0; width: 100%; padding:0;}
    .container .right-con {width: 100%;padding: 0;}
    .container .right-con ul {padding:0;}
    .container .right-con li .box-type-2 {width: 100%; border: 1px solid #eee; float: left; margin: 5px 5px; text-align: center;}
    .footer img {width: 100%;}
}