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

html, body{
    margin: 0 auto;
    height: 100%;
    border: 0px dashed #006dcc;
    font-family: "나눔고딕","Nanum Gothic","Malgun Gothic","돋움",Dotum,"굴림",Gulim;
}

.header{
    border-bottom: 3px solid #7ab5d3;
    margin-bottom: 10px;
}
.header a img {
    margin: 5px;
}

.masthead-nav {
    float: right;
    margin: 30px 30px 0px 0px;
}
.masthead-nav > li {
    display: inline-block;
}
.masthead-nav > li + li {
    margin-left: 5px;
}
.masthead-nav > li > a {
    padding: 5px 7px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    color: #000000;
    background: none repeat scroll 0px 0px transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
    background-color: #EEE;
    border-bottom-color: #006dcc;
    color: #ff7d0b;
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
    color: #7ab5d3;
    border-bottom-color: #7ab5d3;
}

.footer {
    width: 1140px;
    margin: 3px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 12px;
    display: inline-block;
    border-top: 4px solid #7ab5d3;
    border-bottom: 3px solid #7ab5d3;
}
.logoimg {
    margin-left: 5px;
}
.logotext {
    margin-left: 10px;
}
.footerlist {
    float: right;
    margin: 20px 30px 0px 0px;
}

@media (min-width: 768px) {    
    .herder {
      top: 0;
    }
    .footer {
      bottom: 0;
      width: 720px;
    }
}

@media (max-width: 768px) {   
    .footer{
        width: 100%;
    }
    .footerlist {
        margin: 20px 30px 0px 0px;
    }
}

@media (min-width: 992px) {    
    .footer {
        width: 1140px;
    }
}

@media (max-width: 992px) {   
    .logotext {
        display: none;
    } 
}

@media (min-width: 992px) and (max-width: 1200px) {
    .footer {
        width: 940px;        
    }
}

.hide {
    display: none;
}

#btn_nav_toggle {
    float: right;
    display: none;
    margin: 20px 20px 20px 0px;
}

.container {
    border: 0px solid red;
    margin-top: 2px;
    display: block;
}

.col-lg-4, .col-lg-8 {
    border: 0px solid gray;
}
.main_content {
    margin-top: 10px;
    margin-bottom: 10px;
}
.subject_title {
    border: 0px solid #002166;        
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #EEE;
}

.subTitle {
    font-size: 22px;
    font-weight: 700;
}

.listItem {
    font-size: 12px;
    display: block;
}
.list_content {
    margin-left: 0px;
    border: 0px solid red;
    display: inline-block;
}
.article_title {
    font-size: 15px;  
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 4px;
    color: white;
    background-color: #A8A8A8;
    padding: 5px 5px 5px 5px;
    border-left-color: #F0AD4E;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    background-image: -moz-linear-gradient(#5AA0DE,#4F8BC1);
    background-image: -ms-linear-gradient(#5AA0DE,#4F8BC1);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5AA0DE),color-stop(100%,#4F8BC1));
    background-image: -webkit-linear-gradient(#5AA0DE,#4F8BC1);
    background-image: -o-linear-gradient(#5AA0DE,#4F8BC1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5AA0DE',endColorstr='#4F8BC1',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5AA0DE', endColorstr='#4F8BC1', GradientType=0)";
    background-image: linear-gradient(#5AA0DE,#4F8BC1);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
    -moz-box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
    box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
}
.article_title img {
    margin: 3px;
    padding: 3px;
    background-color: #F8F8F8;
    border-radius: 2px;
    border: 1px solid gray;
    border-width: 1px 0px 0px 1px;
}
.article_content {
    font-size: 13px;  
    padding: 10px 10px 10px 20px;
    border-radius: 4px;
    background-color: #F8F8F8;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
    -moz-box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
    box-shadow: 2px 2px 0px 0px rgba(166,166,166,0.26);
    border-left-color: #63A3E3;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
}
.listValue {
    display: none;
}