@charset "UTF-8";
/*검색영역*/
.search-area{margin-bottom:1em;text-align:right;}
.search-area .search{position:relative;display:inline-block;width:100%;max-width:400px;background:#fff;}
.search-area .search .select{position:relative;width:30%;height:40px;border:1px solid #ddd;box-sizing:border-box;background:#fff;border-right:0;overflow:hidden;}
.search-area .search .select select{width:100%;height:40px;border:0;outline-width:0;font-size:14px;}
.search-area .search input{width:70%;height:40px;padding-right:40px;border:1px solid #ddd;box-sizing:border-box;background:#fff;outline-width:0;font-size:14px;border-radius:0;}
.search-area .search button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url('/images/sub/btn_submit.png') no-repeat center; background-size:20px 20px;cursor:pointer;}
/*페이저*/
.pager-area{margin-top:30px;text-align:center;}
.pager{display:inline-block;height:27px;}
.pager > li{display:inline-block;width:27px;height:27px;text-align:center;margin-right:10px;}
.pager > li:last-child{margin-right:0;}
.pager > li a.active{position:relative;display:inline-block;color:#fff;background:#4583d0;border-radius:50%;width:27px;height:27px;}
.pager > a{display:inline-block;width:10px;height:10px;margin:0 30px;border:3px solid #aaa;transform:rotate(-45deg);}
.pager > a.prev{border-width:3px 0 0 3px;}
.pager > a.next{border-width:0 3px 3px 0;}
/*앨범게시판*/
.container.gallery{padding:40px 0 100px 0;background:#f9f9f9;}
.gallery-list{width:100%;}
.gallery-list li{width:270px; margin-right:40px;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;margin-bottom:50px;}
.gallery-list li:nth-child(4n){margin-right:0;}
.gallery-list li:nth-child(n+5){margin-bottom:0;}
.gallery-list li .img-zone{position:relative;display:inline-block;width:100%;height:170px;overflow:hidden;}
.gallery-list li .img-zone img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.gallery-list li .text-zone{display:inline-block;width:100%;padding:10px 10px 15px;box-sizing:border-box;text-align:center;background:#fff;}
.gallery-list li .text-zone span.title{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.gallery-list li .text-zone span.date{display:block;margin-top:10px;font-size:14px;color:#999}
/*리스트게시판*/
.list-area{width:100%;}
.list-area table{border-collapse:collapse; width:100%;table-layout:fixed;max-width: none;width: auto;min-width: 100%;}
.list-area table .notice_col1{width:10%;}
.list-area table .notice_col2{width:60%;}
.list-area table .notice_col3{width:15%;}
.list-area table .notice_col4{width:15%;}
.list-area th{height:50px;background:#189355;font-weight:400;color:#fff;}
.list-area td{height:40px;text-align:center;border-bottom:1px solid #dedcdf;}
.list-area td img{vertical-align:middle;}
.list-area td.title{text-align:left;padding-left:15px;box-sizing:border-box;}
.list-area td.title a{display:inline-block; width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-area td span.title-notice{vertical-align:baseline;color:#189355;font-weight:700}

/*뷰*/
.container.view{padding:2em 0;}
.viewpage-area{border-top:2px solid #189355;width:100%;}
.viewpage-area table{border-collapse:collapse;background:#fff; width:100%;table-layout:fixed;max-width: none;width: auto;min-width: 100%;}
.viewpage-area table .view_col1{width:20%;}
.viewpage-area table .view_col2{width:80%;}
.viewpage-area table th,
.viewpage-area table td{padding:1em 0;border-bottom:1px solid #ddd;position:relative}
.viewpage-area table td a.download-file:after{content:',';display:inline-block;margin-right:5px;}
.viewpage-area table td a.download-file:last-child:after{display:none}
.viewpage-area table td .reg_date{color:#999;display:inline-block;position:absolute;right:1em;top:50%;transform:translateY(-50%);}
.btn-area{margin-top:20px;text-align:right;}
.btn-area .list{display:inline-block; width:100px; height:40px;border:2px solid #189355;font-size:1.2rem;text-align: center;line-height:36px;box-sizing:border-box;background:#fff;transition:all 0.3s;}
.btn-area .list:hover{background:#189355;color:#fff;}
.btn-area .list.gray{border:2px solid #9fa7b0}
.btn-area .list.gray:hover{background:#9fa7b0}
.editor{min-height:20em;padding:0 1em;line-height:1.5}
/*.editor img{max-width:100%;display:block;width:100%}*/
.editor img{max-width:100%;}
.editor div{max-width:100%}
.editor{word-break: break-all;}
.input-common{height:40px;line-height:40px;width:100%;}
.type-notice{width:100%;}
.type-notice table{table-layout: fixed;max-width: none;width: auto;min-width: 100%;width:100%;}
.type-notice table th,
.type-notice table td{padding:1em;border-bottom:1px solid #ddd;}
.type-notice table th{border-right:1px solid #ddd}
.type-notice table tr:nth-child(1) th,
.type-notice table tr:nth-child(1) td{border-top:1px solid #ddd}
.type-notice table td input,
.type-notice table td textarea{font-size:1rem;border:1px solid #eee;min-height:40px;max-width:100%;width:100%;}
.type-notice table td textarea{height:500px;line-height:1.5;white-space:pre-line;}
.notice_btnarea{margin-top:20px;text-align:right;}
.notice_btn{display:inline-block; width:100px; height:40px;border:2px solid #189355;font-size:1.2rem;text-align: center;line-height:36px;box-sizing:border-box;background:#fff;transition:all 0.3s;}
.notice_btn:hover{background:#189355;color:#fff;}
.notice_btn.gray{border:2px solid #9fa7b0}
.notice_btn.gray:hover{background:#9fa7b0}
input[type=file]{width:100%;}

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

    .list-area table .notice_col1{width:15%;}
    .list-area table .notice_col2{width:50%;}
    .list-area table .notice_col3{width:35%;}
    .list-area table .notice_col4{display:none}
    .list-area table th:nth-child(3),
    .list-area table td:nth-child(3){display:none;}


    .list-area table th:nth-child(1),
    .list-area table td:nth-child(1){width:15%;}
    .list-area table th:nth-child(2),
    .list-area table td:nth-child(2){width:60%}
    .list-area table th:nth-child(4),
    .list-area table td:nth-child(4){width:25%}
}




.container.notice{padding-top:4em;padding-bottom:10em;}
.notice_gallery{width:100%;}
.notice_gallery.type1 li{width:31.5%;max-width:290px;margin-right:2.75%;border:1px solid #d7d7d7;box-sizing:border-box;margin-bottom:2em;}
.notice_gallery.type1 li:nth-child(3n){margin-right:0;}
.notice_gallery.type1 li .thumb{width:100%;height:200px;text-align:center;border-bottom:1px solid #d7d7d7;position:relative;overflow:hidden;}
.notice_gallery.type1 li .thumb img{width:100%;max-height:100%;}
.notice_gallery.type1 li .text{padding:1em;box-sizing:border-box}
.notice_gallery.type1 li .text .title{font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice_gallery.type1 li .text .desc{font-size:0.9rem;margin:0.5em 0;word-break:break-all;min-height:2.5em;}
.notice_gallery.type1 li .info span{}
/* 영상관련일때 .notice_gallery 에 movie 클래스 추가 */
.notice_gallery.movie li:hover .thumb:after{content:'';display:block;background:#000;opacity:0.3;position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.notice_gallery.movie li:hover .thumb:before{content:'';display:block;background:url(/images/sub/play-button.png) no-repeat center;background-size:auto 60%;opacity:0.7;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;}
@media screen and (max-width:768px) {
    .notice_gallery.type1 li{width:49%;max-width:none;margin-right:2%!important;border:1px solid #d7d7d7;box-sizing:border-box;margin-bottom:2em;}
    .notice_gallery.type1 li:nth-child(2n){margin-right:0!important}
}
@media screen and (max-width:480px) {
    .notice_gallery.type1 li{width:100%;max-width:none;margin-right:0%!important;border:1px solid #d7d7d7;box-sizing:border-box;margin-bottom:2em;}
    .list-area td{font-size:1rem;}
}


#confirm_layer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;}
#confirm_layer .confirm_layer_bg{width:100%;height:100%;background:rgba(0,0,0,0.5);}
.notice_delete{width:100%;max-width:400px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:2px solid #189355;padding:3em 2em;box-sizing:border-box;background:#fff}
.notice_delete p{font-size:1.2rem;margin-bottom:1em;text-align:center;}
.notice_delete .buttonbox{margin-top:1em;}
.notice_delete a{display:block;line-height:3em;background:#189355;text-align:center;color:#fff;width:50%;}
.notice_delete a.cancle{background:#9fa7b0}


.filebox{position:relative;margin-bottom:.5em;}
.filebox .blind{position:absolute;left:0;top:0;width:1px;height:1px;opacity:1;overflow:hidden;padding:0;border:0;}
.filebox label{height:40px;background:#eee;line-height:40px;width:100px;text-align:center;box-sizing:border-box;}
.filebox span{width:calc(100% - 100px);height:40px;border:1px solid #eee;box-sizing:border-box;line-height:40px;padding:0 1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


video{max-width:100%;}