/*게시판 리스트*/
.board_filter{display: flex; justify-content: space-between; align-items: flex-end;   margin-bottom: 15px;}
.board_filter .count{color: #444; font-size: 1rem;}
.board_filter .count span {color: #111; font-weight: 700; font-size: 1.1rem; }
.board_search{display: flex; }
.board_search .select{height: 55px; width: 170px;}
.select{position: relative;}
.select select{height: 100%;width: 100%;font-size: 1rem;background: #fff;padding: 10px 50px 10px 20px;border: 1px solid #bbb;cursor: pointer;transition: all 0.3s; color:#555; -webkit-text-fill-color: #555;}
.select select:focus{border: 1px solid #333;}
.select:before{content: '';width: 1px;height: 20px;background: #bbb;right: 50px;position: absolute;top: 50%;transform: translateY(-50%);}
.select:after{content: ''; width: 20px; height: 20px; position: absolute; right: 16px;  top: 50%; transform: translateY(-50%);background: url("../images/layout/board/ico_select.png") center no-repeat;}
.select+.select {margin-left: 5px;}
.board_search .input_addition {position: relative;height: 55px; width: 300px; margin-left: 5px;}
.board_search .input_addition input{background: #fff; border: 1px solid #bbb; height: 100%; width:100%; font-weight: 300; font-size: 1rem;  padding: 10px 60px 10px 20px; transition: all 0.3s;}
.board_search .input_addition input:focus {border: 1px solid #333; border-radius: 0;}
.board_search .input_addition .btn_search {position: absolute; right: 0; top: 0; width: 50px; height: 100%; background: url("../images/layout/board/ico_input_search.png") center no-repeat;}
.board_search .input_addition .btn_search:before {content: ''; width: 1px; height: 20px; background: #bbb; right: 50px;position: absolute;top: 50%;transform: translateY(-50%);}
.board {width: 100%; border-top: 2px solid #333;table-layout: fixed; text-align: center;}
.board th{padding: 15px 10px; font-weight: 500; border-bottom: 1px solid #dedede;}
.board th.tit{width: 50%;}
.board td{padding: 25px 10px; border-bottom: 1px solid #dedede; color: #555;}
.board .td_tit {text-align: left !important; color: #333; font-size: 1.1rem; position: relative;}
.board .td_tit a{ overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; width:100%; height:100%; display: inline-block;}.board .td_tit a span{display: block;color: #757575; font-size: .9rem;} .board .td_tit img{vertical-align: text-top; transform: translateY(-5px); display:none;}.board .td_tit .img_new{display:block; position: absolute; right: 0; top: 50%; transform: translateY(-82%);}.board .td_tit .img_reply{display:block;position: absolute; top: 50%; transform: translateY(-90%);}.board .td_tit .img_reply~a{padding-left:45px;}
.board .td_tit:hover a{text-decoration: underline;}
.board .td_num .mark{display: inline-block;  background: #f29300; color: #fff; padding: 2px 8px; font-size: .9rem; font-weight: 400;}
.has_file {display: inline-block;width: 20px;height: 20px; vertical-align: middle; background: url('../images/layout/board/has_file.png') center center no-repeat;}
.board td.no_data{background: url("../images/layout/board/no_data.png") center 30px no-repeat; padding: 150px 0 30px;}.board_gallery ul li.no_data{background: url("../images/layout/board/no_data.png") center 30px no-repeat; padding: 150px 0 30px; text-align: center; width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.board_btn {text-align: right;}
.board_btn a{display:inline-block; background: #3D3A39; color: #fff !important; padding: 10px 20px; text-decoration: none;}

/*게시판 상세*/
.board_view{border-top: 2px solid #333;}
.board_view .tit{ padding: 25px 15px; border-bottom: 1px solid #dedede;}
.board_view .tit em{font-style: normal; color: #A09690; font-size: 1rem;}
.board_view .tit p{font-size: 1.5rem; font-weight:500; padding:0 0 15px; color: #333;}
.board_view .tit .info span{font-size: .95rem; position: relative; display: inline-block;  color: #777; font-weight: 300;}
.board_view .tit .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#ADADAD;margin: 0 15px; vertical-align: middle;}
.board_view .view_files {background:#fcfcfc; padding: 30px 60px;   }
.board_view .view_files a:hover {text-decoration: underline;}
.board_view .view_files li {padding: 3px 0 3px 25px; font-size: .9rem; position: relative;}
.board_view .view_files li:before{ content: ''; position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background: url("../images/layout/board/ico_board_file_sm.png") center no-repeat;}
.board_view .view_files li {color: #555;}
.board_view .view_cont {padding: 60px; line-height: 1.7;}
.board_view .view_cont img {max-width: 100%; height: auto!important;}
.board_view .view_more ul{overflow: hidden; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position: relative;}
.board_view .view_more ul:after{content: ''; position: absolute; left: 50%; width:1px; height: 100%; background: #dedede; }
.board_view .view_more li{float: left; width: 50%;position: relative; }
.board_view .view_more li a{display: block; text-decoration: none;}
.board_view .view_more li a span {font-size: 1.1rem; font-weight: 500;}
.board_view .view_more li a p{ padding-top: 10px; color: #4B4B4B; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view .view_more li:hover a p{text-decoration: underline;}
.board_view .view_more li.prev{padding: 25px 10px 25px 120px;}
.board_view .view_more li.next{padding: 25px 120px 25px 10px; text-align: right;}
.board_view .view_more li .icon{position: absolute; top: 0; display: inline-block; width:100px; height: 100%;}
.board_view .view_more li.prev .icon{left: 0;   background: #F9F9F9 url("../images/layout/board/ico_board_prev.png") center center no-repeat;}
.board_view .view_more li.next .icon{right: 0;  background: #F9F9F9 url("../images/layout/board/ico_board_next.png") center center no-repeat;}
.view_btn{text-align: right; margin-top: 30px;}
.view_btn .btn{padding: 10px 20px; border: 1px solid #555; display: inline-block; text-decoration: none;}
.view_btn .btn.fix{background: #2A5C94; color: #fff;border: 1px solid #2A5C94;}
.view_btn .btn.del{background: #AF4636;color: #fff;border: 1px solid #AF4636;}

/*글쓰기*/
.page_noti{background: #f7f8f9; padding: 30px; margin-bottom: 20px; }
.page_noti strong{ font-size: 1.3rem; margin-bottom: 10px; display: block;}
.page_noti p{font-size: 1rem; line-height: 1.5rem; color: #444;}
.board_write{border-top: 2px solid #333;}
.board_write li {display: flex; align-items: center; border-bottom: 1px solid #e8e8e8;}
.board_write .w_category .select {width: 250px; height: 50px;}
.board_write .w_category .select select{border: 1px solid #cdcdcd;}
.board_write .w_tit input{width: 100%;}
.board_write .tit {width: 160px;  font-size: 1rem; font-weight: 500; padding: 0 0 0 20px; border-bottom: 0; text-align: left;}
.board_write .txt {width: calc(100% - 160px); padding: 20px; border-left: 1px solid #e8e8e8;}
.board_write .txt.radio {display: flex; border-left: none !important; padding: 0px !important;}
.board_write .txt.radio .checkbox:not(:last-child) {margin-right: 20px;}
.input_group input{border: 1px solid #cdcdcd; height: 50px; padding: 5px 20px; line-height: 50px; font-size: 1rem; width: 100%;}
.input_group input:focus {border: 1px solid #333;}
.input_group textarea{border: 1px solid #cdcdcd; resize: none; min-height: 50px; padding: 0px 20px; line-height: 50px; font-size: 1rem; width: 100%;}
.input_group textarea:focus {border: 1px solid #333;}
.input_desc{color: #777; font-weight: 300; font-size: .95rem; }
.input_desc span{color: #E94E1B;}
.up_file_list li{border: 0; display: block; position: relative;}
.up_file_list .del{position: absolute; right: 0; top:0; display: inline-block; font-size: 0; width: 15px; height: 15px; background: url("../images/layout/board/ico_delete.png") no-repeat;}
.up_file_list{ padding-top: 10px;}
.btn_file {background: #2A5C94; color: #fff; font-size: 1rem; padding: 10px 20px; display: inline-block; margin-top: 10px;}
.board_write_btn {text-align: center; margin-top: 30px;}
.board_write_btn .btn{padding: 10px 20px; border: 1px solid #555; display: inline-block;}
.board_write_btn .btn.check{background: #fff; color: #333;border: 1px solid #555;}
.board_write_btn .btn.del{background: #AF4636;color: #fff;border: 1px solid #AF4636;}
.board_write_btn .btn.fix{background: #2A5C94; color: #fff;border: 1px solid #2A5C94;}
.board_write li.parsley-required {border-bottom: 0; color:#E94E1B; margin-top: 3px; font-size: .95rem; font-weight: 500;}
.g-recaptcha > div{margin:  0 auto; padding-top: 10px;}

/*체크박스*/
.checkbox {display: inline-block;position: relative;font-size: 16px;line-height: 30px;}
.checkbox_input {position: absolute;top: 4px;left: 0;width: 20px;height: 20px;opacity: 0;z-index: 0;}
.checkbox_label {display: block;padding: 0 0 0 30px;cursor: pointer;}
.checkbox_label:before {content: '';position: absolute;top: 4px;left: 0;width: 20px;height: 20px;background-color: transparent;border: 1px solid #a6a6a6;z-index: 1;-webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property: background-color, border-color;transition-property: background-color, border-color;}
.checkbox_label:after {content: '';position: absolute;top: 8px;left: 7px;width: 5px;height: 9px;border-bottom: 2px solid transparent;border-right: 2px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: 2;-webkit-transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);}
.checkbox_input:checked + .checkbox_label:before {background-color: #F29300;border-color: #F29300;}
.checkbox_input:checked + .checkbox_label:after {border-color: #fff;}

/*갤러리형*/
.board_gallery ul {display: flex; flex-wrap: wrap; margin: 0 -10px 0 -10px;}
.board_gallery ul li {width: 25%; padding: 0 10px; margin-bottom: 20px;}
.board_gallery ul li a{display: inline-block; width: 100%; height: 100%; border: 1px solid #eee;transition: all 0.3s;}
/*.board_gallery ul li:hover a{    box-shadow: 0 0 25px rgba(0,0,0,.1);z-index: 2;}*/
.board_gallery .thumb{overflow: hidden; height: 200px; align-items: center; vertical-align: middle; position: relative;}
.board_gallery .thumb img{position: absolute;top: 50%;left: 50%;width: 100% !important;height: 100% !important;transition: all .3s;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); object-fit: cover;}
.board_gallery  li:hover .thumb img{transform: translate(-50%,-50%) scale(1.1);}
.board_gallery .top {padding: 15px;}
.board_gallery .top p.tit{width: 100%; font-size: 1.18rem; color: #333; font-weight:600; padding: 0 0 5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_gallery .top .info span{font-size: .9rem; position: relative; display: inline-block;  color: #777;}
.board_gallery .top .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#ADADAD;margin: 0 15px; vertical-align: middle;}


/*페이지네이션*/
.pagenation {padding: 30px 0;text-align: center;line-height: normal; margin-top: 30px;}
.pagenation a{display: inline-block; font-weight: 400; position: relative;margin: 0 3px;padding: 2px 8px;font-size: .9rem;color: #333;line-height: normal;text-decoration: none;vertical-align: middle;}
.pagenation a.active {color: #E94E1B; font-weight: 600;}
.pagenation .direction {font-weight: normal;color: #767676;white-space: nowrap;width:21px; height: 21px; }
.pagenation .prev_all{ background: url("../images/layout/board/ico_page_prev_all.png") center no-repeat;}
.pagenation .prev{ background: url("../images/layout/board/ico_page_prev.png") center no-repeat;}
.pagenation .next_all{ background: url("../images/layout/board/ico_page_next_all.png") center no-repeat;}
.pagenation .next{ background: url("../images/layout/board/ico_page_next.png") center no-repeat;}
.pagenation .direction span {font-weight: bold;font-size: 16px;}
.pagenation .direction:hover, .pagenation .direction:active, .pagenation .direction:focus {background-color: #fff ;color: #333;}

/*비밀글*/
.secret_box{ text-align: center; padding: 50px 0;}
.secret_box h4{font-size: 1.5rem; margin-bottom: 20px;}
.secret_box > div{display: flex; align-items: center; justify-content: center;}
.secret_box p{font-weight:400;   padding-bottom: 30px;}
.secret_box input[type="password"]{border:1px solid #ddd; padding: 15px; height: 55px; background:#fafafa; width:20%; text-align: center;}
.secret_box .btn{display: inline-block; height: 55px; background: #2A5C94; color: #fff; padding: 14px 30px; margin-left: 10px; }

/* 일정 */
#scheduleFrm {display: flex; align-items: center;}
#scheduleFrm .select {width: auto; height: 55px; margin-left: auto;}
#scheduleFrm .select select {padding: 10px 65px 10px 20px;}
#scheduleFrm .btn_gray {width: 80px; height: 55px; display: flex; align-items: center; justify-content: center; background: #333; color: #fff!important; margin-left: 10px;}
.schedule_box {margin-top: 40px;}
.schedule_box .schedule_tit {font-size: 2.4rem; color: #ea5514; font-weight: 900; line-height: 1.5;}
.schedule_box .schedule_tit small {font-size: 1.2rem; color: #bbb; font-weight: 700;}
.schedule_box .tbl td {text-align: left!important;}
.schedule_box .tbl td p {font-size: 1rem;}
.search_none {padding: 60px 0; text-align: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-top: 40px;}

@media all and (max-width:1200px) {
    /*갤러리형*/
    .board_gallery ul li{width: 33.33%;} .board .td_tit a {display: inline-block;}
}
@media all and (max-width:992px){
    /*갤러리형*/
    .board_gallery ul li{width: 50%;}
}

@media all and (max-width:768px) {
    /*게시판 리스트*/
    .board_filter {flex-wrap: wrap;}
    .board_search .select{height: 45px;}
    .board_search .input_addition{height: 45px;}
    .board thead{ position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;}
    .board tbody tr{position: relative;overflow: hidden;display: block; padding: 20px 0; width: calc(100vw - 30px);border-bottom: 1px solid #dedede;float: left;}
    .board td{border-bottom: 0; padding: 0 7px; position: relative; font-size: .95rem;}
    .board td:before{content: '';display: inline-block;width: 1px;height: 10px;background: #ddd;margin-right: 15px;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
    .board td.td_num:before,.board td.td_tit:before,.board td.td_write:before, td.td_file:before, td.no_data:before{display: none;}
    td.td_file .has_file:before{content: ''; display: inline-block; width: 1px; height: 11px; background: #ddd; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
    .board .td_num{float: left; width: 50px; font-size: .9rem;}
    .board .td_num .mark {padding: 1px 5px;}
    .board .td_tit{ width: calc(100% - 50px);float: left; }
    .board .td_tit a {max-width: 100%; display: inline-block;}
    .board .td_write {padding-left: 55px; line-height: 1.25rem;} .board .td_write + td {line-height: 1.25rem;}
    .board .td_file {padding: 2px 6px 2px 7px;}
    .board td.no_data{min-width: 100vw;}
    .board_btn{text-align: center;} .board_gallery .thumb {height:240px;}
    
    /*게시판상세*/
    .board_view .tit{padding: 25px 10px;}
    .board_view .tit em {font-size: .9rem;}
    .board_view .tit p {font-size: 1.25rem;}
    .board_view .tit .info span {font-size: .85rem;}
    .board_view .tit .info span + span:before {margin: 0 8px;}
    .board_view .view_files{padding: 20px 10px;}
    .board_view .view_files li{font-size: .95rem;}
    .board_view .view_cont{padding: 50px 0; overflow-x: scroll;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    .board_view .view_cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    .board_view .view_more li .icon{width: 50px;}
    .board_view .view_answer_tit {padding: 30px 20px;}
    .board_view .view_answer .txt{padding: 30px 20px }
    .board_view .view_more li.prev{padding: 20px 10px 20px 60px;}
    .board_view .view_more li.next{padding: 20px 60px 20px 10px; }
    .board_view .view_more li a span{font-size: .9rem;}
    .board_view .view_more li a p{font-size: .85rem;}
    .board_view .view_more li.prev .icon,.board_view .view_more li.next .icon{background-size: 10px auto;}
    .btn_area a{padding: 10px 30px; font-size: .95rem; }
    .view_btn {text-align: center;}
    
    /*페이지네이션*/
    .pagenation {padding: 20px 0;}
    .pagenation a{margin: 0; padding: 2px 4px;}
    
    /*게시판쓰기*/
    .page_noti{padding: 15px;}
    .page_noti strong{font-size: 1.1rem;}
    .board_write li{flex-wrap: wrap; padding: 15px 0;}
    .board_write .tit{width: 100%; font-size: 1rem; padding: 0; border-bottom: 0; text-align: left;}
    .board_write .txt{border-left: 0; padding: 10px 0 0; width: 100%;}
    .board_write .w_category .select {height: 40px; width: 100%;}
    .input_group input{height: 40px;}
    
    /* 일정 */
    #scheduleFrm .select {width: calc(100% - 70px);}
    .s_and {display: block;}
}


@media all and (max-width:566px) {
    /*게시판*/
    .board_filter .count{margin-bottom: 5px;}
    .board_search{flex-wrap: wrap; width: 100%;}
    .board_search .select {width: 100%; margin-bottom: 5px;}
    .board_search .input_addition{width: 100%; margin-left: 0;}
    .select+.select {margin-left: 0px;}
    /*갤러리형*/
    .board_gallery ul li{width: 100%;}
}