/* 공통 */
.color_black{color:#000 !important;}
.h_auto{height:auto !important;}

/* 폼양식 */
input[type="text"]{-webkit-border-radius:0;-webkit-appearance:none;}
input[type="password"]{-webkit-border-radius:0;-webkit-appearance:none;}
/*input[type="checkbox"]{-webkit-border-radius:0;-webkit-appearance:none;}*/
select{-webkit-border-radius:0 !important;-webkit-appearance:none !important;}
select::-ms-expand {display:none !important;}
label{font-size:1.4rem;color:#999;}

/*
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{position:relative;display:flex;height:20px;line-height:20px;padding:0 0 0 25px;font-size:1.4rem;color:#999;cursor:pointer;vertical-align:middle;}
input[type="checkbox"]:checked + label {color:#000;}
input[type="checkbox"] + label:before,
input[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;vertical-align:middle;}
input[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input[type="checkbox"]:checked + label:before{background-image:url('/img/board/icon_checked.png');background-repeat:no-repeat;background-position:0 0;border:1px solid #333;}

input[type="radio"]{display:none;}
input[type="radio"] + label{position:relative;display:flex;height:20px;line-height:20px;padding:0 0 0 25px;font-size:1.3rem;color:#999;cursor:pointer;vertical-align:middle;}
input[type="radio"]:checked + label {color:#000;}
input[type="radio"] + label:before,
input[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;vertical-align:middle;}
input[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input[type="radio"]:checked + label:before{background-image:url('/img/board/icon_checked.png');background-repeat:no-repeat;background-position:0 0;border:1px solid #333;}
*/



input.checkbox_img[type="checkbox"]{display:none;}
input.checkbox_img[type="checkbox"] + label{position:relative;display:flex;height:20px;line-height:20px;padding:0 0 0 25px;font-size:1.4rem;color:#999;cursor:pointer;vertical-align:middle;}
input.checkbox_img[type="checkbox"]:checked + label {color:#000;}
input.checkbox_img[type="checkbox"] + label:before,
input.checkbox_img[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;vertical-align:middle;}
input.checkbox_img[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.checkbox_img[type="checkbox"]:checked + label:before{background-image:url('/img/board/icon_checked.png');background-repeat:no-repeat;background-position:0 0;border:1px solid #333;}



.wrap_checkbox{display:flex;align-items: center;}

@media(max-width:767px) {
    .wrap_checkbox {display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;}
    .wrap_checkbox input[type="checkbox"], .wrap_checkbox label {margin: 4px 0;}
}

/* 게시판  리스트넘 및 검색 */
.wrap_total_search{display:flex;justify-content: space-between;align-items: center;}

/* 리스트넘  */
.board_total_info{font-size:1.3rem;color:rgba(0,0,0, 0.7);}
.board_total_info b{font-size:1.3rem;color:rgba(0,0,0, 1);}
.board_total_info span{font-size:1.3rem;color:rgba(0,0,0, 0.7);padding-left:10px;}

/* 검색 */
.box_search{display:flex;align-items: center;}
.select{height:34px;line-height:31px;font-size:1.4rem;border:1px solid #777;border-radius:2px;background:url('/img/board/icon_select_arr.png') no-repeat right 10px center;padding:0 30px 0 10px;}
.input{height:34px;line-height:31px;font-size:1.4rem;border:1px solid #777;border-radius:2px;padding:0 10px;}
.input_send{display:flex;justify-content:center;align-items:center;width:80px;height:34px;font-size:1.4rem;color:#fff;border:0;border-radius:2px;background:#888;padding-bottom:2px;transition: all .3s;}
.input_send:hover{background:#444;}

@media(max-width:767px){
    form{width:100%;}
    .box_search{width:100% !important;}
    .select{width:30%;}
    .input{width:calc(50% - 10px);}
    .input_send{width:20%;}
}



/* 범용 리스트 게시판 */
.purblic_list{width:100%;table-layout: fixed;margin-top:20px;}
.purblic_list caption{position:fixed;left:-9999px;top:-9999px;}
.purblic_list thead tr{background:#f7f7f7;}
.purblic_list thead tr th{height:46px;font-size:1.5rem;color:#333;font-weight:400;text-align:center;border-top:2px solid #666;border-bottom:1px solid #eee;}
.purblic_list tbody tr{border-bottom:1px solid #eee;}
.purblic_list tbody tr td{font-size:1.5rem;color:#777;text-align:center;padding:15px 5px 13px;}
.purblic_list tbody tr td a{display:block;font-size:1.5rem;color:#555;line-height: 1.5;}
.purblic_list tbody tr td b{font-size:1.5rem;color:#000;font-weight: 500;}
.purblic_list tbody tr td .key{display:inline-block;vertical-align: middle;width:17px;height:20px;background: url('/img/board/icon_key.png') no-repeat center;margin-right:10px;}
.purblic_list tbody tr td .re{display:inline-block;vertical-align: middle;width:17px;height:20px;background: url('/img/board/icon_re.png') no-repeat center;margin-right:10px;}




@media(max-width:767px){
    .purblic_list{table-layout: inherit;}
    .purblic_list colgroup, .purblic_list thead{display:none;}
    .purblic_list tbody tr{display:flex;flex-direction: row;flex-wrap:wrap;align-items:center;width:100%;}
    .purblic_list tbody tr:first-child{border-top:2px solid #666;}
    .purblic_list tbody tr td{display:flex;padding:8px 0;}
    .purblic_list tbody tr td.no{justify-content:center;width:50px;}
    .purblic_list tbody tr td.subject{width:calc(100% - 50px);}
    .purblic_list tbody tr td.write{padding-left:50px;}
    .purblic_list tbody tr td.date{padding-left:50px;padding-top:4px;font-size:1.3rem;opacity: 0.7;}
    .purblic_list tbody tr td.hit{padding-left:10px;padding-top:4px;font-size:1.3rem;opacity: 0.7;}

    /*.noti1 {}*/

}

/* 범용 리스트 게시판 */
.purblic_list_1{width:100%;table-layout: fixed;margin-top:20px;}
.purblic_list_1 caption{position:fixed;left:-9999px;top:-9999px;}
.purblic_list_1 thead tr{background:#f7f7f7;}
.purblic_list_1 thead tr th{height:46px;font-size:1.5rem;color:#333;font-weight:400;text-align:center;border-top:2px solid #666;border-bottom:1px solid #eee;}
.purblic_list_1 tbody tr{border-bottom:1px solid #eee;}
.purblic_list_1 tbody tr td{font-size:1.5rem;color:#777;text-align:center;padding:15px 5px 13px;}
.purblic_list_1 tbody tr td a{display:block;font-size:1.5rem;color:#555;line-height: 1.5;}
.purblic_list_1 tbody tr td b{font-size:1.5rem;color:#000;font-weight: 500;}
.purblic_list_1 tbody tr td .key{display:inline-block;vertical-align: middle;width:17px;height:20px;background: url('/img/board/icon_key.png') no-repeat center;margin-right:10px;}
.purblic_list_1 tbody tr td .re{display:inline-block;vertical-align: middle;width:17px;height:20px;background: url('/img/board/icon_re.png') no-repeat center;margin-right:10px;}



/* 조합형 리스트 게시판 */
.merge_list{border-top:1px solid #aaa;}
.merge_list li{border-bottom:1px solid #eee;}
.merge_list li a{display:flex;align-items: flex-start;}
.merge_list li a .sum_img{display:flex;align-items:center;width:240px;padding:15px 0;}
.merge_list li a .box_text{display:flex;flex-direction: column;justify-content: flex-start;width:calc(100% - 240px);padding:20px 0;}
.merge_list li a em{font-size:1.5rem;color:#000;font-weight: 500;}
.merge_list li a .text{line-height:1.4;font-size:1.4rem;color:rgba(0,0,0, 0.6);padding:15px 0;}
.merge_list li a b{font-size:1.3rem;color:#000;padding-right:5px;}
.merge_list li a i{font-size:1.3rem;color:rgba(0,0,0, 0.6);}

@media(max-width:767px){
    .merge_list li a{display:flex;flex-direction:column;align-items: flex-start;}
    .merge_list li a .sum_img{display:flex;justify-content:center;align-items:center;width:100%;padding:15px 0;}
    .merge_list li a .box_text{display:flex;flex-direction: column;justify-content: flex-start;width:100%;padding:20px 0;}
}


/* 페이지넘 */
.page_num{display:flex;justify-content: center;align-items:center;}
.page_num a{display:flex;justify-content: center;align-items:center;width:26px;height:30px;font-size:1.3rem;color:#767676;border:1px solid #aaa;padding-bottom:2px;margin:20px 2px;}
.page_num a.on{color:#a26b00;border:1px solid #ffa800;}
.page_num a.first{background:url('/img/board/icon_first.png') no-repeat center;text-indent: -9999px;border:1px solid #eee;}
.page_num a.prev{background:url('/img/board/icon_prev.png') no-repeat center;text-indent: -9999px;border:1px solid #eee;margin-right:10px;}
.page_num a.next{background:url('/img/board/icon_next.png') no-repeat center;text-indent: -9999px;border:1px solid #eee;margin-left:10px;}
.page_num a.end{background:url('/img/board/icon_end.png') no-repeat center;text-indent: -9999px;border:1px solid #eee;}



/* 버튼모음 */
.box_btn{display: flex;justify-content: flex-end;align-items:center;margin:0 -2px;}

.btn_write{display: flex;justify-content:center;align-items:center;height:50px;font-size:1.5rem;color:#fff !important;background:#296EA4;border-radius:2px;margin:0 2px;transition: all .3s;}
.btn_write:hover{background: #28679A;}
.btn_list{display: flex;justify-content:center;align-items:center;height:50px;font-size:1.5rem;color:#fff !important;background:#6B6B6B;border-radius:2px;margin:0 2px;transition: all .3s;}
.btn_list:hover{background: #555555;}
.btn_modify{display: flex;justify-content:center;align-items:center;height:50px;font-size:1.5rem;color:#fff !important;background:#296EA4;border-radius:2px;margin:0 2px;transition: all .3s;}
.btn_modify:hover{background: #28679A;}
.btn_delete{display: flex;justify-content:center;align-items:center;height:50px;font-size:1.5rem;color:#fff !important;background:#296EA4;border-radius:2px;margin:0 2px;transition: all .3s;}
.btn_delete:hover{background: #28679A;}

.btn_down_s{display: flex;justify-content:center;align-items:center;height:32px;font-size:1.3rem;color:#fff !important;background:#3897e1;border-radius:2px;transition: all .3s;}
.btn_down_s:hover{background: #358dd3;}


@media(max-width:767px){
    .box_btn{justify-content: center;}
}


/* 아코디언 */
.acodian{border-top:1px solid #aaa;}
.acodian > li{border-bottom:1px solid #eee;}
.acodian > li > a{display:flex;justify-content:space-between;align-items: center;padding:7px 0;}
.acodian > li > a span{display:flex;align-items: center;font-size:1.7rem;color:#333;font-weight:500;}
.acodian > li > a span:before{content:'';display:flex;width:49px;height:49px;background:url('/img/board/icon_q_off.png') no-repeat center;margin:0 10px 0 10px;transition:all .3s;}
.acodian > li > a i{display:flex;justify-content:center;align-items: center;width:32px;height:27px;border:1px solid #ccc;border-radius:2px;background:url('/img/board/icon_arr_down.png') no-repeat center;margin-right:10px;}

.acodian > li > a.on span{color:#296EA4;}
.acodian > li > a.on span:before{background:url('/img/board/icon_q_on.png') no-repeat center;}
.acodian > li > a.on i{background:url('/img/board/icon_arr_up.png') no-repeat center;}


.acodian > li > div{display:none;background:#f7f7f7;padding:20px;}
.sample_p{display:flex;justify-content:center;align-items: center;min-height: 300px;font-size:1.4rem;color:#666;}

/* 아코디언 시설현황 */
.acodian.fac > li > a{padding:15px 0;}
.acodian.fac > li > a span:before{display:none;}
.acodian.fac > li > div{background:#fff;padding:0 0 20px 0;}

@media(max-width:767px){
    .acodian > li > a{padding:12px 0;}
    .acodian > li > a span:before{display:none;}
}


/* 범용 보기 */
.purblic_view{margin-bottom:30px;}
.title_view{display:flex;width:100%;font-size:1.7rem;color:#000;font-weight:500;background:#f7f7f7;border-bottom:2px solid #999;padding:20px 15px;}
.view_info{font-size:1.4rem;border-bottom:1px solid #e7e7e7;padding:15px 15px;}
.view_info b{font-size:1.4rem;color:#333;font-weight: 500;padding-right:10px;}

.view_detail{font-size:1.5rem;color:#666;line-height:1.5;padding:40px 20px;}

.ul_view_01{overflow:hidden;border-bottom:1px solid #ccc;}
.ul_view_01 li{display:flex;border-top:1px solid #e7e7e7;}
.ul_view_01 em{display:flex;justify-content:center;align-items:center;width:120px;background:#f7f7f7;font-size:1.4rem;}
.ul_view_01 span{display:flex;width:calc(100% - 120px);font-size:1.4rem;padding:15px 10px;}
.ul_view_01 span .file_link{color:#333;font-size:1.4rem;text-decoration: underline;}



/* 범용 글쓰기 */
.purblic_write{table-layout:fixed;width:100%;margin-bottom:30px;}
.purblic_write caption{position:fixed;left:-9999px;top:-9999px;}
.purblic_write tbody tr:nth-child(1) th, .purblic_write tbody tr:nth-child(1) td{border-top:2px solid #444;}
.purblic_write tbody th, .purblic_write tbody td{border-bottom:1px solid #ccc;}
.purblic_write tbody th{position:relative;font-size:1.4rem;background:#f7f7f7;}
.purblic_write tbody td{height:47px;border-bottom:1px solid #ccc;padding:5px 10px;}
.purblic_write tbody th label{font-size:1.5rem;font-weight:400;padding:14px 0 10px 15px;}
.purblic_write tbody th span{display:block;font-size:1.5rem;font-weight:400;padding:14px 0 10px 15px;}
.purblic_write tbody th abbr{position:absolute;right:3px;top:3px;color:#ff0000;font-size:1.6rem;}

.input_1{height:36px;line-height:34px;font-size:1.5rem;border:1px solid #ddd;padding:0 10px;}
.select_1{height:36px;line-height:34px;font-size:1.5rem;border:1px solid #ddd;background:url('/img/board/icon_select_arr.png') no-repeat right 10px center;padding:0 30px 0 10px;}
.input_2[type="file"]{line-height:29px;font-size:1.5rem;font-size:1.5rem;padding:5px 0;}




.ul_write_01{overflow:hidden;}
.ul_write_01 li{display:flex;border-bottom:1px solid #ccc;}
.ul_write_01 em{display:flex;justify-content:center;align-items:center;width:120px;background:#f7f7f7;font-size:1.4rem;}
.ul_write_01 span{display:flex;width:calc(100% - 120px);font-size:1.4rem;padding:15px 10px;}
.ul_write_01 span .file_link{color:#333;font-size:1.4rem;text-decoration: underline;}



/* admin 로그인 */
.wrap_admin{width:100%;height:100vh;display:flex;flex-direction:column;justify-content: center;align-items: center;}
.wrap_admin h1{display:flex;align-items:center;}
.wrap_admin h1 span{font-size:3.7rem;color:#666;}
.wrap_admin h1 img{margin-right:10px;}

.wrap_form{max-widtH:520px;width:calc(100% - 20px);border:1px solid #d5d9dd;margin:0 10px;padding:40px;}
.wrap_form h2{font-size:2.4rem;color:#666;font-weight:400;text-align:center;}


.ne:after{content:'*';position:absolute;right:5px;top:5px;font-size:3rem;color:#ff0000;}
.input_login{width:100%;height:64px;line-height:62px;font-size:1.6rem;border:1px solid #d0d3db;border-radius:4px !important;padding:0 10px;}

.btn_login{display:flex;justify-content: center;align-items: center;width:100%;height:64px;font-size:1.6rem;color:#fff;font-weight:bold;background:#3a8afd;border-radius:4px;}
.btn_login:hover{color:#fff;background: #2d6dfd;}
.btn_find{display:flex;justify-content: center;align-items: center;width:74px;height:40px;font-size:1.4rem;color:#3a8afd;border:1px solid #d5d9dd;border-radius:3px;}
.btn_find:hover{color:#fff;background:#ccc;}


@media(max-width:767px){
    .wrap_admin h1{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .wrap_admin h1 span{font-size:2rem;color:#666;margin-top:10px;}
    .wrap_admin h1 img{margin-right:0;}

    .wrap_form{max-widtH:520px;width:calc(100% - 20px);border:1px solid #d5d9dd;margin:0 10px;padding:30px;}
    .wrap_form h2{font-size:1.6rem;color:#666;font-weight:400;text-align:center;}

    .input_login{width:100%;height:50px;line-height:48px;font-size:1.4rem;border:1px solid #d0d3db;border-radius:4px !important;padding:0 10px;}
    .btn_login{display:flex;justify-content: center;align-items: center;width:100%;height:50px;font-size:1.5rem;color:#fff;font-weight:bold;background:#3a8afd;border-radius:4px;}
    .btn_login:hover{color:#fff;background: #2d6dfd;}
}


/* 동영상 */
.box_album{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom: 30px;}

.album_list{display:flex;flex-wrap:wrap;margin:0 -15px;}
.album_list li{width:calc(33.333333333333% - 30px);margin:0 15px;}
.album_list li a{position:relative;display:flex;flex-direction: column;overflow:hidden;}
.album_list li a > img{width:100%;}
.album_list li a > em{font-size:1.6rem;color:#000;font-weight:500;line-height:1.3;padding:10px;}

.album_list li a span{position:absolute;left:0;top: -100%;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0;padding:0 20px;transition: all 0.3s ease-out 0.1s;}
.album_list li a:hover span {opacity: 1;top: 0;transition-delay: 0s;}
.album_list li a span em{font-size:2rem;line-height:1.2;color:#fff;}
.album_list li a span b{font-size:1.4rem;color:#fff;font-weight:300;opacity:0.8;margin-top:40px;}
.album_list li a span i{font-size:1.4rem;color:#fff;font-weight:300;opacity:0.8;margin-top:10px;}

@media(max-width:767px){
    .album_list{display:flex;flex-wrap:wrap;margin:0 -10px;}
    .album_list li{width:calc(50% - 20px);margin:0 10px 10px;}
}