/* only subpage */

#wrap {
    max-width:1000px; 
    width:100%;
    margin:0 auto;
}

#container .inner {
    position:relative;
}

#nav {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:270px;
    background:#f9f9f9;
}

.nav {
    background:#384b5c;
    padding:15px 0;
}

.gnb {
    width:100%;
}

.gnb > li > div {
    padding:0 26px;
}

.gnb > li > ul {
    display:none;
}

.gnb > li.on > div {
    background:#4f88a5;
}

.gnb > li.on > ul {
    display:block;
}

.gnb > li.on > ul li.on a {
    opacity:1;
}

.gnb > li.on > ul li a:hover {
    opacity:1;
}

.gnb > li > div > a {
    display:block;
    font-size:16px;
    line-height:48px;
    font-weight:400;
    color:white !important;
    text-decoration:none; 
    border-top:1px solid rgba(81, 95, 108, 0.5);
    cursor: pointer;
}

.gnb > li:first-child > div > a {
    border-top:0;
}

.gnb > li > ul {
    background:#32383e;
    padding:5px 26px;
}


.gnb > li > ul li a {
    display: block;
    font-size:15px;
    font-weight:200; 
    color:white;
    opacity:0.5;
    line-height:30px;
    text-decoration:none; 
}




#content {
    max-width:730px;
    min-height:760px;
    width:100%;
    padding:50px 40px;
    margin-left:270px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
}

h3 {
    font-size:30px;
    color:#4f88a5;
    font-weight:600;
    border-bottom:1px solid #4f88a5;
}

h4 {
    font-size:22px;
    color:#454545;
}

.writter {
    color:#636c76;
    font-wize:14px;
    line-height:20px;
}

.sub_title {
    font-size:22px;
    color:#4f88a5;
    font-weight:500;
}

.txt_box {
    font-size:15px;
    color:#454545;
    line-height:26px;
}

.sub {
    font-size:18px;
    color:#666;
    font-weight:500;
}

.gray-bg {
    background:#f9f9f9;
    padding:20px;
}


.table {
    border-bottom:1px solid #e9e9e9;  
    font-size:14px;
    line-height:18px;
}


.table th,
.table td {
    vertical-align: middle !important;
}

.small {
    color:#666;
}







/***********************a1.html************************/

.news_list {
    background:#fbfbfb;
}

.news_list:hover {
    background:#ffffff;
    box-shadow:2px 0px 5px rgba(0, 0, 0, .05);
}

.news_list > a {
    padding:20px;
    text-decoration:none; 
} 

.news_list .number {
    font-size:42px;
    font-weight:100;
    color:#4f88a5;
    padding-right:10px;
}

.news_list .news_title {
    font-size:16px;
    font-weight:400;
    color:#4f88a5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.news_list .news_title p {
    font-size:13px;
}




/****************************a3.html***********************/

.sub_cate {
    display:inline-block;
    background:#4F88A5;
    padding:6px 10px;
    font-size:20px;
    font-weight:400;
    color:white;
    border-radius:5px; 
}










/***********************a6-3.html************************/


.notice_list .number {
    font-size:32px;
    
    border:3px solid #4285F4;
    border-radius:50%; 
}

.notice_list .number div {
    margin-top:-2px;
    color:#4285F4;
    font-weight:300;
}

.notice_list .notice_title {
    padding-left:5px;
    font-size:16px;
    font-weight:400;
    color:#4f88a5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.notice_title a {
    display: block;
    
}

.notice_title a button {
    cursor: pointer;
} 



/****************************************************************/

.img2 .col-3:first-child {
    padding:15px 15px 15px 0;
}

.img2 .col-3:nth-child(2) {
    padding:15px 0 15px 15px;
}










@media only screen and (max-width: 992px ){

    #content {
        margin:20px 0 0 0;
        padding:20px;
        max-width:992px;
    }
    
}