/************ 게시판 전체 영역 ************/

#sub01{overflow: hidden;}

.board_wrap{width:100%;margin:0 auto;max-width:1280px;padding:0;}
.obj_tit{margin-bottom: 20px;padding-left:15px;position: relative;font-size: 24px;font-weight: 500;color: #333;word-break: keep-all;padding-bottom: 20px;border-bottom: 1px solid #999;}
.obj_tit:before {content: '';width: 4px;height: 24px;position: absolute;top:1px;left: 0;background: -moz-linear-gradient(90deg, #0653a5 0%, #009dd2 100%);background: -webkit-gradient(linear, top, bottom, color-stop(0%, ), color-stop(100%, #009dd2));background: -webkit-linear-gradient(90deg, #0653a5 0%, #009dd2 100%);background: -o-linear-gradient(90deg, #0653a5 0%, #009dd2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0653a5', endColorstr='#009dd2',GradientType=1 );}


/* tab */

.sub_tab_wrap {display: flex;justify-content: center;margin-bottom: 70px;}
.sub_tab{width:calc(25% + 1px); margin:-1px 0 0 -1px; border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#666; text-align:center; cursor:pointer; word-break:keep-all; display:flex; align-items:center; justify-content:center;}
.sub_tab a{color:#666;width: 100%;height: 100%;padding: 10px 20px;}
.sub_tab.on{background-color:#009dd2; border-color:#009dd2; color:#fff;}
.sub_tab.on a{color:#fff;}
.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }

@media (max-width:830px) {
    .sub_tab{width: calc(50% + 1px);}
    .sub_tab_wrap{flex-flow: row wrap;}
}


/* 버튼 정의 */

.board_wrap .btn_wrap {margin-top:40px;display: flex;justify-content: center;flex-flow: row wrap;}

.board_wrap .btn{margin:3px; transition: 0.3s all;width: 100%;max-width: 140px;border-radius: 0;height: 50px;border: 1px solid #333;color: #333;background: #fff;display: flex;align-items: center;justify-content: center;}
.board_wrap .btn:hover{background:#009dd2;color:#fff;border:1px solid #009dd2;}
.board_wrap .btn.btn-primary{background:#494949;color:#fff;border:1px solid #494949;}
.board_wrap .btn.btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545;}


/* input box 처리 */


/************ 게시판리스트 ************/

.board_list {width: 100%;margin: 30px auto 0;display: flex;justify-content: center;}
.board_list thead{}
.board_list thead tr th{text-align:center;border-top:2px solid #333;border-bottom:1px solid #d2d7dc;padding:15px 10px;font-size:16px;font-weight:600;background:#f9fafb;}
.board_list thead tr th.w100{width:100px;}
.board_list tbody tr td{padding:26px 0px;border-bottom:1px solid #f3f3f3;font-size:16px;transition: 0.3s all;}
.board_list tbody tr:hover td{background:#f0f6f8;color:#009dd2;}
.board_list tbody tr td a{color:#333; font-weight:500; transition: 0.3s all;}
.board_list tbody tr:hover td a{color:#009dd2;}
.board_list tbody {border-bottom:1px solid #d3d3d3;padding:10px;}

.board_list{overflow:hidden;}
.board_list ul {width:100%;margin: 0 -10px;}
.board_list .gallery_item{width: 33.33333333333333%;padding:10px;float:left;}
.board_list .gallery_item .box{border:1px solid #ddd;transition: all .25s cubic-bezier(0,0,.2,1);}
.board_list .gallery_item .box:hover{border:1px solid #009dd2;box-shadow: 0 10px 20px rgb(0 0 0 / 15%);transform: translateY(-5px);}

.board_list .td_image{width: 100%;height:530px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;}
.board_list .td_image img {display: block;position: relative;margin: 0 auto;background: #FFF;width: 100%;height: auto;transform: scale(1);transition:0.4s;}
.board_list .td_image .item_mark {position: absolute;top: 15px;right: 15px;z-index: 999;font-size: 14px;color: #fff;background:#1c6dcc;padding: 5px 10px;border-radius: 20px;}
.board_list .gallery_item .box:hover .td_image img {transform: scale(1.2);}
.board_list .td_image .img_hover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 5;background-color: rgba(0, 0, 0, 0.4);display: flex;justify-content: center;align-items: center;opacity: 0;transition-duration: 0.4s;}
.board_list .td_image .img_hover i{font-size:30px;color:#fff;}
.board_list .gallery_item:hover .td_image .img_hover{opacity: 1;}

.board_list .td_txt {padding:22px;background: #fff;}
.board_list .gallery_item:hover .td_txt {}
.board_list .td_title{font-size:20px;margin:0 auto 15px;color: #333;font-weight: 600;line-height: 25px;overflow : hidden; text-overflow : ellipsis; height:25px; word-wrap : break-word; /*display : -webkit-box;*/-webkit-line-clamp : 1; -webkit-box-orient: vertical;}
.board_list .td_term span {font-size: 15px;font-weight: 600;color:#90949c;}
.board_list .td_term p{font-size:16px;font-weight: 600;color:#009dd2;margin: 3px auto 10px;}
.board_list .td_con p{font-size: 14px;font-weight: 400;color: #777;height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;white-space: nowrap;}
.board_list .td_time{display: flex;justify-content: space-between;font-size: 12px;color: #777;font-family: 'SCD'; padding-bottom: 10px;}
.board_list .td_time i{margin-right:4px;}
.board_list .td_time b{margin-right:3px;}

@media(max-width:970px) {
    .board_list .gallery_item{width:50%;}
    .board_list .td_title{font-size:18px;}
}
@media(max-width:680px) {
    .board_list .gallery_item{width:100%;padding:10px 0;}
    .board_list ul {margin: 0 auto;}
}


/* 카테고리탭 */

.category_tab_wrap {margin-bottom: 50px;display: flex;justify-content: center;align-items: center;}
.category_tab_wrap:after{content:''; display:block; clear: both;}
.category_tab {font-size: 15px;font-weight: 600;display: flex;align-items: center;justify-content: center;float: left;flex-flow: column;padding:0 10px;cursor:pointer;}
.category_tab span {display: flex;border:3px solid #fff; margin: 0 auto 5px;width: 110px;height: 110px;border-radius: 50px;overflow: hidden;text-align: center;text-indent: 0;font-size: 13px;box-sizing: border-box;}
.category_tab.on span {border:3px solid #0653a5;}

@media (max-width:930px) {
    .sub_tab_wrap{margin-bottom: 50px;}
    .category_tab span{width: 70px;height: 70px;}
}



/* 검색 */

.search_wrap {width: 100%;max-width: 570px;margin:40px auto 0;display: flex;justify-content: center;align-items: center;padding: 10px 10px;border: 1px solid #ddd;}
.search_wrap form {position: relative;width: 100%;display: flex;align-items: center;}
.search_wrap select#s1 {width:20%;margin-right:8px;height:35px; font-size:15px; border: none;}
.search_wrap input#s2 {width:80%;height: 35px; padding:0 8px;border: none;}
.search_wrap input#s2::placeholder{color:#b7b7b7;font-size:15px;}
.sch_btn {position: absolute;top: 0;right: 0;font-size: 25px;color:#009dd2;height:100%;display: flex;align-items: center;justify-content: center;}

/* Pagination */

.board_list_foot{overflow:hidden;}
.board_list_foot .btn_wrap{width:25%;float:left;padding:20px 10px;display: inline-block;}
.board_list_foot .btn_wrap.text-right{padding:20px 0 20px 10px;}
.board_list_foot .paging_wrap{width:50%;float:left;text-align:center;padding:20px 10px;}
.board_list_foot .paging_wrap .pagination{display:inline-block;margin:0;}
.board_list_foot .paging_wrap .pagination li{display:inline-block;}
.board_list_foot .paging_wrap .pagination li a{color:#666;padding: 5px 11px;font-size: 15px;border: none;transition:0.3s all;}
.board_list_foot .paging_wrap .pagination li.active a,
.board_list_foot .paging_wrap .pagination li a:hover{background:#009dd2;color:#fff;border-radius:0;}

.board_list_foot .search_wrap{text-align:Center;clear:both;}

@media(max-width:750px){
    .board_list tr th.th_name{display:none;}
    .board_list tr td.td_name{display:none;}
    .board_list tr th.th_view{display:none;}
    .board_list tr td.td_view{display:none;}
    .board_list_foot .paging_wrap{width:100%;}
    .board_list_foot .btn_wrap {width: 100%;margin-top: 0;padding: 0;padding: 0 !important;}
}
@media(max-width:600px){
    .board_list thead tr th{font-size:15px;}
    .board_list tbody tr td a{font-size:15px;}
}



/************ 읽기 페이지 ************/

.board_read{width:100%; color:#333;padding:120px 0;}
.board_read p{color:#333;}
.board_read .title{width:100%;border-top:2px solid #009dd2;font-size:24px;padding:25px 20px;background: #fcfcfc;flex-flow: column;}
.board_read .title h1{font-size:24px;font-weight:500;color:#333;line-height:1.4em;text-align: center;}
.board_read .item_mark {font-size: 14px;color: #fff;background:#1c6dcc;padding: 5px 10px;display: inline-block;border-radius: 20px; margin-bottom:10px;}

.board_read .bo_img {width: 100%;height: 100%;max-height:520px;min-height:520px;overflow: hidden;display: flex;align-items: center;justify-content: center;}


.board_read .con {width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #ccc;padding: 30px 0;max-width: 1240px;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;}
.board_read .con p{font-size:16px;font-weight:400;}

.board_read .con_pl {position: relative;width: 70%;height:100%;}
.board_read .con_pr {position: relative;width: 30%;height: 100%;padding-left:40px;}

.board_read .con_pl .subject {margin: 40px auto 60px;}
.board_read .con_pl .goal{margin:0 auto 40px;}

.board_read .con_pr .pr_pt{margin-bottom:20px;}
.board_read .con_pr .pr_pt:last-child{margin-bottom:0;}
.board_read .con_pr .pr_pt span{font-size: 15px;font-weight: 600;color: #90949c;margin-bottom:10px;display: inline-block;}
.board_read .con_pr .pr_pt h2{font-size:24px;font-weight: 600;color: #333;border: 1px solid #e6eaed;padding: 20px;}
.board_read .con_pr .pr_pt p{font-size:15px;font-weight:400;color: #666;word-break:keep-all; margin-top:0;border: 1px solid #e6eaed;padding: 20px;}
.board_read .con_pr .pr_pt a{font-size:15px;font-weight:400;color: #666;display:inline-block;word-break: break-all;}
.board_read .con_pr .pr_pt p img{margin-right:5px}
.board_read .con_pr .pr_pt p img:last-child{margin-right:0;}


.board_read .form_privacy_wrap {overflow: hidden;background: #f9f9f9;padding: 20px;border: 1px solid #ddd;border-bottom: 0;margin-top: 40px;}
.board_read .form_privacy_wrap h3{font-size:18px;font-weight:500;color: #333;margin-bottom: 15px;}
.board_read .form_privacy_wrap .agree_tit{background: #fff;padding: 12px;border: 1px solid #e9e9e9;}

.board_read .form_privacy_wrap .agree_box{background: #fff;padding: 12px;border: 1px solid #e9e9e9;margin:10px auto;}
.board_read .form_privacy_wrap .agree_con{height: 120px;overflow-x: hidden;overflow: auto;font-size: 0.9em;}
.board_read .form_privacy_wrap .agree_chk{background: #f9f9f9;padding: 10px 15px;margin-top: 10px;font-size:16px;text-align: left;font-weight:500 !important;}
.board_read .form_privacy_wrap .agree_chk label{font-weight:500;}
.board_read .form_privacy_wrap .agree_chk input[type='radio']{width: 16px;height: 16px;cursor: pointer;vertical-align: middle;margin-bottom: 3px;appearance: none;position: relative;background: #999;border-radius: 50%;margin-right: 4px;margin-top: 1px;outline: none;}
.board_read .form_privacy_wrap .agree_chk input[type='radio']:checked {appearance: none;position: relative;background: #000;border-radius: 50%;margin-right: 4px;margin-top: 1px;}
.board_read .form_privacy_wrap .agree_chk input[type='radio']:checked:after {content: '';width: 8px;height: 8px;background: #fff;position: absolute;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%,-50%);}
.board_read .form_privacy_wrap .wr_content {margin-bottom:5px;}
.board_read .form_privacy_wrap .wr_content textarea#content,.board_read .form_privacy_wrap .wr_content textarea.content {width: 100%;padding:10px;border:1px solid #e9e9e9;}
.board_read .form_privacy_wrap .wr_submit.wr_submit {width: 100%;text-align: center;display:flex;justify-content: center;align-items: center;}
.board_read .form_privacy_wrap .wr_submit .btn{width: 100%;max-width:140px; border-radius: 2px;height:48px;margin: 12px 0 10px;background: #009dd2;border-radius: 2px;color: #fff;font-size: 16px;font-weight: 600;border: none;transition: 0.3s;}
.board_read .form_privacy_wrap .wr_submit .btn:hover{background:#0653a5;}
.board_read .form_privacy_wrap .wr_submit .btn:last-child{background:#666;margin-left:10px;}


.board_read .reply_wrap {padding: 30px 30px 40px 30px;border: 1px solid #ddd;}
.board_read .reply_wrap .total{padding-bottom:15px; border-bottom: 1px solid #ccc; font-size:15px; color:#777;}
.board_read .reply_wrap .total span{color:#333;font-weight:600;}
.board_read .reply_wrap .total i{padding-right:5px;}
.board_read .reply_wrap .comment_view {overflow: hidden;padding: 25px 0;border-bottom: 1px solid #ddd;}
.board_read .reply_wrap .comment_view .info{color:#333;font-size:14px;display: flex;align-items: center;flex-flow: row wrap;width: 100%;font-family: "Noto Sans KR";}
.board_read .reply_wrap .comment_view .info .time{font-size:13px; color:#999;padding-left:8px;}
.board_read .reply_wrap .comment_view .info .modify {padding-left:15px;position:relative;}
.board_read .reply_wrap .comment_view .info .modify a{position:relative;color:#333;}
.board_read .reply_wrap .comment_view .info .modify a:hover{position:relative;color:#009dd2;}
.board_read .reply_wrap .comment_view .info .modify a:after{content: '';display: inline-block;width: 1px;height: 10px;background:#999;margin:0 5px;}
.board_read .reply_wrap .comment_view .info .modify a:last-child:after{display:none;}
.board_read .reply_wrap .reply_content p {font-size: 15px;color: #444;margin-top: 10px;    word-break: normal;}

table.board_read.down_box{width:100%;border-top:1px solid #ddd;margin-top: 20px;}
.board_read tbody tr th{color: #676363; background:#f9f9f9;text-align:center;transition-duration:0.5s;}
.board_read tbody tr td{font-size:15px;}
.board_read tbody tr th,.board_wrap .board_read tbody tr td{border-bottom:1px solid #ddd;padding:10px;}
.board_read tbody tr td input.wfull,.board_wrap .board_read tbody tr td textarea.wfull{width:100% !important;}
.board_read tbody tr td textarea{width:100%;height:200px;}
.board_read .form-control{width:auto;}

.board_read .adm_slide {padding: 30px 30px 40px 30px;border: 1px solid #ddd;margin-top: 30px;}
.board_read .adm_slide .swiper-container {width: 100%;height: 300px;margin: 20px auto;}
.board_read .adm_slide .swiper-wrapper{align-items: center;}
.board_read .adm_slide .swiper-slide-container {text-align: center;cursor:pointer;font-size: 18px;background: #fff;height:100%;max-width: 600px;margin:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.board_read .adm_slide .gallery-top {height: 80%;width: 100%;}
.board_read .adm_slide .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.board_read .adm_slide .gallery-thumbs .swiper-slide {width: 20%;height: 100%;opacity: 0.4;}
.board_read .adm_slide .gallery-thumbs .swiper-slide-active {opacity: 1;}
.bof_image img{width:100%;height:100%;}

.board_read .adm_slide .gallery-thumbs .swiper-wrapper.disabled .swiper-slide {display:none;}
.board_read .adm_slide .gallery-thumbs .swiper-wrapper.disabled .swiper-slide-active {opacity: 1;display:block;}
.swiper-button-prev.disabled{display:none;}
.swiper-button-next.disabled{display:none;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .board_read .adm_slide .gallery-thumbs {display: none;}
}

@media(max-width:970px){
    .board_read .bo_img{min-height:350px;}
    .board_read .con_pl{width:100%;}
    .board_read .con_pr{width:100%;padding-left:0;margin-top: 40px;}
}

@media(max-width:750px){
    .board_read .title h1{font-size:20px;}
    .board_read .bo_img{min-height:auto;}
}

@media(max-width:600px){

    .board_read tbody tr.file th:first-child{display:none;}
    .board_read .con p{font-size:15px;}
    .board_read .info p{font-size:15px;}
}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}


/************ 글쓰기 페이지 ************/

.board_write{width:100%;border-top:2px solid #009dd2;}
.board_write tbody tr th{background:#f9f9f9;text-align:left;}
.board_write tbody tr th,.board_wrap .board_write tbody tr td{border-bottom:1px solid #ddd;padding:10px;}
.board_write tbody tr td input.wfull,.board_wrap .board_write tbody tr td textarea.wfull{width:100% !important;}
.board_write tbody tr td textarea{width:100%;height:200px;}
.board_write .form-control{width:auto;}

@media(max-width:550px){
    .board_write tbody tr th{display:none;}
    .board_write tbody tr td {width: 100%;}
    .board_write tbody tr td input{width: 100%;}
    .board_write input#bod_secret {width: auto;margin-right:5px;}
}


/************ 패스워드 확인 페이지 ************/

.board_wrap .board_pass_check{margin:50px 0px;}
.board_wrap .board_pass_check h1{font-size:24px;text-align:center;margin-bottom:20px;}
.board_wrap .pass_wrap{background:#f3f3f3;border:1px solid #ddd;text-align:center;width:100%;max-width:400px;padding:30px;margin:0px auto;}
.board_wrap .pass_wrap .pass_help{font-size:12px;}