#header {
    background: url(img/newsBanner.jpg) no-repeat center bottom;
    background-size: cover;
}


#lnb > .lnb {
    display: flex;
    justify-content: space-between;
}

.lnb > .boardBtn {
    width:70%;
    height: 100%;
    font-size: 0;
}

.lnb > .boardBtn > ul {
    display: flex;
    justify-content: space-around;
}

.lnb > .boardBtn > ul > li {
    height: 100%;
    font-size: 20px;
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
}

.lnb > .boardBtn > ul > li > a {
    height: 70px;
    color: #777;
    line-height: 70px;
    transition: all 0.3s;

}

.lnb > .boardBtn > ul > li:hover > a {
    color: #333;
}

.boardBtn > ul > li > .line {
    position: absolute;
    right: 50%;
    bottom: 0px;
    transition-timing-function: ease-in;
    transition: all 0.5s;
    width: 0;
    height: 3px;
    background: #0085f4;
}


.lnb > .boardBtn > ul > li.clicked > .line {
    width: 100%;
    right: 0px;
}

.sect {
    width: 100%;
    padding: 170px 0 200px;
}

.sect h3 {
    font-size: 30px;
    margin-bottom: 10px;
}

.sect .underBar {
    width: 60px;
    height: 2px;
    background: #0085f4;
    margin-bottom: 46px;
    display: inline-block;
}

.sect > .noticeWrap {
    width: 1200px;
    height: 700px;
    margin: 0px auto;
    position: relative;
}

.sect > .noticeWrap > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.sect > .noticeWrap > .allBrd {
    display: block;
}
.sect table{
    width:100%;
    border-bottom:2px solid #333;
    table-layout: fixed;
}
.sect .br_head>th{
    font-size:18px; 
    margin:0px; padding:0px;
}
.sect table a{
    font-size:18px;
    text-align: left;
    text-indent:0.5em;
}
.sect .paging a{
    font-size:18px;
}
.sect tr{
    border-bottom: 1px solid #ccc;
    height: 40px;
    margin:0px; padding:0px;
}
.sect td{
    margin:0px; padding:0px;
}
table .br_head{
    border-bottom:2px solid #333;
}
table .br_cat{
    width:15%; 
    font-size:14px;
}
table .br_title{
    width:70%; 
}
table .br_date{
    width:15%;  
    font-size:14px;
}
#press tr{
    height:80px;
}
#press .title_line{
    font-size:18px;
    line-height:40px;
    text-align: left;
    font-weight: bold;
    
}
#press .sub_line{
    line-height:40px;    
    font-size:14px;
    text-align: left;
    overflow:hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    word-wrap: break-word;
    white-space:nowrap;
}
.paging{
    width:50%;
    display:flex;
    margin:30px auto 50px;
    justify-content:center;
}
.paging>.arrow{
    width:35px;
    height:35px;
    border:1px solid #aaa;
}
.paging>.arrow>a{
    line-height:35px;
    font-weight:bold;
    font-size:18px;
}
.paging>.nums>ul{
    display:flex;
}
.paging li{
	margin:0 2px;
    width:35px;
    height:35px;    
}
.paging li>a{
    line-height:35px;
    font-size:18px;
    font-weight:bold;
}
.paging li.selected{
	background-color:#0085f4;
}
.paging li.selected a{
	color:#ffffff;
}
/*---------------게시글 스타일-------------*/
.subWrap{
        width:1200px;
    margin:0px auto;
    }
.subWrap>.substance{
    width:100%;
    height:100%;
}
.substance>.title{
    width:100%;
    height:50px;
}
#title{
    font-size:24px;
    font-weight:bold;
    text-align:left;
    margin-left:50px;
}
.info{
    width:100%;
    height:30px;
    border-bottom:2px solid #333;
    display:flex;
    
}
.info>div{
    width:30%;
    display:flex;
    margin-left:50px;
}
.info_t>p{
    margin-right:20px;
    text-align:left;
    font-size:14px;
}
.info_t>.info_sub{
    font-weight:bold;
}
.info_p{
    color:#aaa;
}
.body_text{
    width:100%;
    height:auto; /*임시*/
    
    margin-bottom:10px;
}
.body_text-content{
	display:table-cell;
	text-align:left;	
}
.body_text-content a{
	display:inherit;
}
.util{
    width:100%;
    height:50px;
    text-align:right;
    margin-bottom:30px;
    border-bottom:1px solid #333;
}
.control{
    width:100%;
    display:flex;
    justify-content:space-between;
}
.control>.go_menu{
    width:100px;
    height:35px;
    display:block;
    border:1px solid #999;
}
.control a{
    font-size:15px;
    line-height:35px;
}

@media screen and (max-width:1200px) and (min-width:1024px){
    .sect > .noticeWrap {
    width: 96%;
    height: 680px;
    margin: 0px auto 0;
    position: relative;
}
    .sect table{
        margin:0px auto;
        width:100%;
    }
    .subWrap{
        width:100%;
    }
    .sect>.subWrap>.substance{
        width:98%;
        margin:0px auto;
        position:static;
    }
}
@media screen and (max-width:1024px) and (min-width:845px){
    
    .sect h3 {
    font-size: 30px;
}
    .sect > .noticeWrap {
    width: 100%;
    height: 680px;
    margin: 0px auto 0;
    position: relative;
}
    .sect table{
        margin:0px auto;
        width:98%;
    }
    #press tr{
    height:70px;
}
#press .title_line{
    font-size:16px;
    line-height:35px;
}
#press .sub_line{
    line-height:35px;    
    font-size:14px;
}
    .sect table a{
    font-size:16px;
}
    .subWrap{
        width:100%;
    }
    .sect>.subWrap>.substance{
        width:98%;
        margin:0px auto;
        position:static;
    }
}
@media screen and (max-width:844px) and (min-width:641px){
    .lnb > .boardBtn > ul > li > a {
    height: 50px;
    line-height: 50px;
    transition: all 0.3s;
        font-size:14px;      
}
    .sect h3 {
    font-size: 20px;
}
    .sect > .noticeWrap {
    width: 100%;
    height: 680px;
    margin: 50px auto 50px;
    position: relative;
}
    .sect table{
        margin:0px auto;
        width:98%;
    }
    .sect table a{
    font-size:16px;
        overflow:hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    word-wrap: break-word;
    white-space:nowrap;
}
    #press tr{
    height:60px;
}
#press .title_line{
    font-size:14px;
    line-height:30px;
}
#press .sub_line{
    line-height:30px;    
    font-size:12px;
}
    
    .subWrap{
        width:100%;
    }
    .sect>.subWrap>.substance{
        width:98%;
        margin:80px auto 0px;
        position:static;
    }
}
@media screen and (max-width:640px){
    .lnb > .boardBtn > ul > li > a {
    height: 50px;
    line-height: 50px;
    transition: all 0.3s;
        font-size:14px;      
}
    .lnb > .boardBtn {
    width:80%;
}
    .sect h3 {
    font-size: 20px;
}
    .sect > .noticeWrap {
    width: 100%;
    height: 680px;
    margin: 50px auto 50px;
    position: relative;
}
    .sect table{
        margin:0px auto;
        width:98%;
    }
    .sect table a{
    font-size:14px;
        overflow:hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    word-wrap: break-word;
    white-space:nowrap;
}
    #press tr{
    height:60px;
}
#press .title_line{
    font-size:14px;
    line-height:30px;
}
#press .sub_line{
    line-height:30px;    
    font-size:12px;
}
    
    .subWrap{
        width:100%;
        margin:50px auto 0px;
    }
    .sect>.subWrap>.substance{
        width:98%;
        margin:0px auto;
        position:static;
    }
    #title{
        font-size:2.8rem;
        margin-left:10px;
    }
    .info>div{
        margin-left:10px;
        
    }
    .info p{
        word-break:keep-all;
    }
    .body_text{
        height:auto;
    }
    #upDate{
        flex:none;
    }
    .control a{
        font-size:14px;
    }
    
}
.attach-wrapper{
	width:100%;
	text-align:left;
	font-size:11px;
	margin-bottom:10px;
	border-bottom:1px solid #333;
}
.attach-wrapper .attach{
	line-height:24px;
	padding: 0 10px 0 10px;
	margin: 2px 5px;
	overflow:hidden;
}
.attach-wrapper .attach .num{
	color:#0085f4;
	margin-left:7px;
}
.attach-wrapper .attach-list{
	position:relative;
	display:flex;
	padding:0 10px 0 10px;
	margin:0px;
	line-height:25px;
}
.attach-wrapper .attach-list .text{
	font-weight:normal;
}
.attach-wrapper .attach-list .text a, .attach-wrapper .attach-list .download a{
	color:#333333;
	text-decoration:none;
}
.attach-wrapper .attach-list .num{
	margin-left:5px;
	color:#999999;
}
.attach-wrapper .attach-list .download{
	margin-left:20px;
}