/*검색영역*/
.sub-container .search-area.type01{margin-bottom:30px;}
.sub-container .search-area.type01 form{text-align:center; height:45px;}
.sub-container .search-area.type01 fieldset{display:inline-block; float:none;vertical-align:top;}
.sub-container .search-area.type01 .field{display:block; float:left;}
.sub-container .search-area.type01 .field select{width:86px; text-indent:10px; height:45px; border:1px solid #005918; color:#777;}
.sub-container .search-area.type01 .field label{display:none;}
.sub-container .search-area.type01 .field input[type="text"]{display:block; width:230px; height:45px; text-indent:5px; border:1px solid #005918; background-color:#fff; margin-left:10px;}
.sub-container .search-area.type01 .btn-area{display:inline-block; float:none; position:relative; left:-4px;width:55px; height:45px; padding:0; margin:0; background-color:#005918; border:1px solid #005918;}
.sub-container .search-area.type01 .btn-area .btn-search{width:55px; height:45px; padding:0; margin:0; border:0; background:url("/images/arab/icon-search.png") no-repeat center; background-size:25px;}

/*list*/
.bd-inn{background-color:#f5f5f5; padding:20px; padding-bottom:50px;}
.tb-list{table-layout:fixed; width:100%; background-color:#fff;}
.tb-list tbody tr td,
.tb-list tbody tr th{border:1px solid #f1ede8;}
.tb-list tbody tr th.num{font-weight:400; font-size:1.2rem; color:#005918;}
.tb-list tbody tr td{padding-left:20px;}
.tb-list tbody tr td a{position:relative; padding:35px 0; display:block;}
.tb-list tbody tr td a span{display:block;}
.tb-list tbody tr td a span.tit{font-size:1.1rem; font-weight:500; padding-right:40px; line-height:1.6em; width:90%; overflow:hidden; text-overflow:ellipsis; word-wrap: normal; white-space:nowrap; }
.tb-list tbody tr td a span.date{font-size:0.9rem; font-weight:300; color:#555;}
.tb-list tbody tr td a:hover span{text-decoration:underline;}
.tb-list tbody tr td a:after{content:''; display:block; position:absolute; right:0; top:0; width:40px; height:100%; border-left:1px solid #f1ede8; background:url(/images/arab/icon-arrow02.png) no-repeat center;}
.bd-list .more{display:block; width:100%; background-color:#fff; text-align:center; padding:20px 0; margin-top:20px; border:1px solid #f1ede8; font-weight:bold;}

/*view*/
.view-area .tit-area{text-align:center; margin-bottom:40px;}
.view-area .tit-area strong{display:block; margin:15px 0; font-size:1.4rem;}
.view-area .tit-area .date{display:block;font-weight:300; font-size:1rem;}
.view-area .contents{background-color:#fff; padding:30px; }


.view-area .contents .view-page{padding-bottom:70px; line-height:1.6em; font: inherit; font-size:medium; margin:auto; padding:auto; line-height:1.5em; font-family: 'Noto Sans KR', sans-serif;}
.view-area .contents .view-page img{max-width:100% !important; height:auto !important;}
.view-area .contents .view-page div{max-width:100% !important;}
.view-area .contents .view-page table{max-width:100% !important;}
.view-area .contents .view-page iframe{max-width:100% !important;}

/*첨부파일*/
.view-area .contents .file{ border-top: 1px solid #e3e3e3; padding-top: 10px;}
.view-area .contents .file em{display:block; margin-bottom:5px; font-weight:500; font-style: normal; font-size:1.1rem;}
.view-area .contents .file .row{border-top:1px solid #777; border-bottom:1px solid #777; padding:20px 0;}
.view-area .contents .file .row .col{margin:5px 0;}
.view-area .contents .file .row .col a{display:inline-block; width:32.333%; color:#404040; word-break: break-all; vertical-align:top;}
.view-area .contents .file .file-area{padding:10px 0;  color:#777 font-size:0.9rem;}
.view-area .contents .file .file-area a{display:block; padding:5px 0; color:#777; font-size:0.9rem;}
.view-area .contents .file .file-area a:hover{color:#111;}

/*write*/
.write-area .font04.tit{ display:block; margin:20px 0 5px 0;}
.write-area .input{width:100%; display:block; height:40px; border:1px solid #fff; background-color:#fff; padding-left:5px;}
.write-area .privacy-txt-area{background-color:#fff;}
.write-area .privacy-txt-area textarea{height:150px; width:100%;font-family: 'Noto Sans KR', sans-serif; padding:10px;}

/*btn system*/
.btn-area{margin-top:30px;}
.btn-area .btn.type01{display:block; float:right; width:120px; height:50px; line-height:50px; background-color:#005918; color:#fff; text-align:center;  }

/*input file system*/
.file-css{position:relative;}
.file-label{display:block; float:left; height:40px;}
.file-div{position:absolute; right:0; top:0; display:inline-block; width:100px; height:40px; overflow:hidden;}
.file-input-hidden{width:100%; height:40px; font-size:23px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;  cursor:pointer}
.file-input-button{width:100px; height:40px; position:absolute; top:0; background-color:#707070; color:#fff; border:0;}

/*chk system*/
.chk-area{overflow:hidden; margin:5px 0;}
.chk-area .chk-hidden{width:1px; height:1px; position: absolute; left: -9999px;}
.chk-area .icon-chk{width:18px; height:18px; border:1px solid #777; display:inline-block; vertical-align:middle; }
.chk-area .icon-chk.on{background:url(/images/arab/icon-chk.png) no-repeat center; background-size:15px;}
.chk-area .chk-txt{vertical-align:middle;}
.chk-area.type01{overflow:hidden; margin:5px 0;}
.chk-area.type01 .chk-hidden{width:1px; height:1px; position: absolute; left: -9999px;}
.chk-area.type01 .icon-chk{width:18px; height:18px; border:1px solid #fff; background-color:#fff; display:inline-block; vertical-align:middle; }
.chk-area.type01 .icon-chk.on{background:#fff url(/images/arab/icon-chk01.png) no-repeat center; background-size:15px;}
.chk-area.type01 .chk-txt{vertical-align:middle; color:#eee; margin-left:5px;}

/*페이지네이션*/
.paginate{text-align:center; margin-top:20px;}
.paginate strong,
.paginate a{display:inline-block; margin:3px; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid #555;}
.paginate strong{background-color:#555; color:#fff;}

/*다음글 이전글*/
.board-detail {table-layout:fixed;}
.board-detail tbody{border-top:2px solid #333;}
.board-detail th { padding: 15px 0; border-bottom: 1px dotted #ccc; background: #F7F7F7; text-align: center; font-size:1rem; font-weight:500;}
.board-detail td { padding: 5px 5px 5px 10px; border-bottom: 1px dotted #ccc; text-align: left; }
.board-detail tr td a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}



@media screen and (max-width:1200px){
    
    
    
    
}

@media screen and (max-width:1024px){
.paginate{text-align:center; margin-top:20px;}
.paginate strong,
.paginate a{display:inline-block; margin:1px; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid #555;}
.paginate strong{background-color:#555; color:#fff;}
}


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

.btn-area .btn.type01{width:100%; float:none;}    
    
/*검색영역*/
.sub-container .search-area.type01{display:block;}
.sub-container .search-area.type01 form{height:auto;}
.sub-container .search-area.type01 fieldset{float:left; display:block; width:75%; padding-left:5%;}    
.sub-container .search-area.type01 fieldset .field{display:block;width:95%;}
.sub-container .search-area.type01 .field select{width:100%; height:40px;}
.sub-container .search-area.type01 .field input[type="text"]{margin-left:0; width:100%; border-top:0; height:40px;}
.sub-container .search-area.type01 .btn-area{float:left; width:20%; height:80px; line-height:70px;}
.sub-container .search-area.type01 .btn-area .btn-search{height:80px; }
    
/*list*/
.bd-inn{padding-bottom:30px;}
.tb-list tbody tr td a{padding:25px 0;}
.tb-list tbody tr td{padding-left:10px;}
.tb-list tbody tr td a span.tit{padding-right:20px;}
.tb-list tbody tr td a:after{width:20px; background-size:8px;}    


.view-area .contents .view-page table{width:100% !important;}
    

    
    


}