/* search + button */
.search_bbs{margin-top:20px;}
.search_bbs:after{content:''; display:block; clear:both;}
.search_bbs .search{padding:0 0 30px; display: flex; justify-content: center;}
.search_bbs .search input[type="text"]{width:300px; height:45px;}
.search_bbs .search select{height:45px;}
.search_bbs .search .button{min-width:70px;} 
.search_bbs .btn{float:right;}

.search_bbs .btn.reserve input[data-form-type="datepicker"]{width:125px; padding-right:25px; height:45px; line-height:43px;}
.search_bbs .btn.reserve input[data-form-type="datepicker"] + .ui-datepicker-trigger{margin-left:-25px;}
.search_bbs .btn.reserve span{margin-left:5px;}
.search_bbs .btn.reserve .ui-datepicker-trigger + .button{margin-left:5px;}
.btn_write{text-align: right; right: 0; padding:0 0 20px 0;}
.paging {margin: 30px 0;padding: 50px 0; text-align:center;}
/* .pagination {
    display:flex;
	justify-content: center;
} */
.pagination{margin: 0 auto; height: 40px; line-height: 40px; display:flex; justify-content: center;}
.page-link{
    display:block;
    text-align: center;
    color: #34457a;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    min-width:40px;
    font-size: 15px;
}
.page-item:not(:first-child) .page-link {margin-left: -1px;}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #41464e;
    border-color: #25282d;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-link.btn_prev,.page-link.btn_next,
.page-link.btn_first,.page-link.btn_end{
    font-size:0;

}
.page-link.btn_first{background:url(../images/common/icon_thin_first.svg) no-repeat 50% 50%; background-size: 15px 15px; border-radius:  5px 0 0 5px; }
.page-link.btn_prev{background:url(../images/common/icon_thin_left.svg) no-repeat 50% 50%; background-size: 15px 15px;}
.page-link.btn_next{background:url(../images/common/icon_thin_right.svg) no-repeat 50% 50%; background-size: 15px 15px; }
.page-link.btn_end{background:url(../images/common/icon_thin_end.svg) no-repeat 50% 50%; background-size: 15px 15px; border-radius:  0 5px 5px 0}


/* bbsView */
.bbsTitle{padding:15px !important; margin:0px !important; border-top:2px solid #505c78; border-bottom:1px dotted #8c92a3; font-size:18px !important; color:#222 !important;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:5px; color:#148f77;}
.bbsTitle .reply{display:inline-block; position:relative; padding:2px 7px; margin-right:5px; margin-bottom:3px; background:#41464e; border-radius:3px; font-size:13px; color:#fff; vertical-align:middle;}
.bbsView{border-top:1px solid #505c78; border-collapse:inherit; table-layout:fixed;}
.bbsTitle ~ .bbsView{border-top-width:0px;}
.bbsView th,
.bbsView td{padding:15px 10px; border-bottom:1px solid #eaecf1;}
.bbsView th{background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px;}
.bbsView td{color:#666; word-break:break-all;}
/* .bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{padding-left:25px; border-top:1px solid #eaecf1;}
*/
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:25px;}
.bbsView td.conts{padding:30px 20px; border:0px;}
.bbsView td pre{font-family: 'Montserrat' ,'NanumSquareNeo-Medium', 'Gothic A1', 'NotoSansKR', sans-serif;} /* font 스타일 추가했습니다.  */
.bbsView div.conts{min-height:350px;}
.bbsView .conts .img{padding-bottom:30px; text-align:center;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView td.days input{width:110px; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5px;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{padding:15px 15px 15px 25px;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid #eaecf1; border-bottom:1px dotted #eaecf1;}
.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}
.bbsView .spam > span{display:inline-block; height:33px; line-height:33px; box-sizing:border-box; padding:0 10px; margin-right:10px; background:#222; color:#fff; letter-spacing:3px; font-size:0.9px;}
.bbsView .spam > *{vertical-align:middle;}
*[class^="bbs"] ~ .btn_area{padding-top:50px;}
.btn_area.right{justify-content: right;}

/* 공지사항 */

.noticeList ul li{border-bottom: 1px solid #dddddd;  position: relative; display:flex; justify-content: center; align-items: center; padding: 25px;}
.noticeList ul li:last-child{border-bottom:none;}
.noticeList ul li .date_wrap{ width: 60px; color: #636363; display:flex; margin: 0 35px 0 0 ; flex-direction: column;}
.noticeList ul li .date_wrap .date{font-size: 48px; width: 60px; height: 44px }
.noticeList ul li .date_wrap .month{clear:both; line-height:16px; width: 60px; }
.noticeList ul li .title{width: calc(100% - 120px); float:left; overflow: hidden; }
.noticeList ul li .title a{font-size:18px; font-weight: bold; line-height:30px;} 
.noticeList ul li .title a span{display:block; font-weight: 300; width: 90%;text-overflow: ellipsis;overflow: hidden; }
.noticeList ul li .title a span.more{position: absolute; right: 24px; border: 1px solid #ccc; border-radius: 5px; width: 48px; height: 48px; display: inline-block; color: #ccc; line-height: 48px; text-align: center; top: 50%; margin-top: -24px;} 

/* 문의사항 */
.qnaList ul li{border-bottom: 1px solid #dddddd;  position: relative; width: 100%; min-height: 60px;}
.qnaList ul li div{float:left; text-align:center;height:60px; line-height:60px;}
.qnaList ul li>div.head{border-bottom: 1px solid #333; font-weight:400;}
.qnaList ul li:last-child{border-bottom: none;}
.qnaList ul li .no{ width:7%; }
.qnaList ul li .box-contents{ width: 83%; }
.qnaList ul li .category{ width: 10%; }

.qnaList ul li .title{ width:60%; text-align:left; padding-left: 30px; }
.qnaList ul li .date{ width: 15%; }
.qnaList ul li .name{ width: 15%; }
.qnaList ul li .state{ width: 10%;font-weight: bold }

.qnaList .lock{padding: 0px 0 0 10px;}
.btn_right{float: right;}
.bbsWrite { border-top: 2px solid #333; width: 100%; }
.bbsWrite th, .bbsWrite td{padding: 20px 0;}
.bbsPrivacy {width: 30%; border-top: 2px solid #333; float:left;}
.bbsPrivacy h4{color: #111; font-size: 16px; padding: 20px 0; font-weight: 400;}
.bbsPrivacy span{font-size: 13px;}
.bbsPrivacy textarea{width: 100%; height: 420px; font-size: 14px; margin-top: 10px;}
.bbsWrite tr th, .bbsWrite  tr td{border-bottom: 1px solid #dddddd; padding: 10px 0; vertical-align: middle; }
.bbsWrite tr th{padding-left: 20px;}
.bbsWrite  tr td{padding-right:20px;}
.bbsWrite input{width: 100%;}
.bbsWrite textarea{width: 100%; height: 150px; font-size: 14px;}

.filebox{position:relative;}
.filebox label{position: relative;width: 100px; height: 45px; line-height:45px; vertical-align:middle;  cursor:pointer; border:1px solid #4a4a4a ; text-align:center; float:right; border-radius: 5px;; font-size: 14px; z-index:2; background:#fff;}
.filebox input[type="file"]{position: absolute; visibility: hidden; width:0px; height: 0px;}
.filebox .form-upload{position: absolute; width: 100%;z-index:1; }
a.delete{cursor:pointer; border:1px solid #cdcdcd ; color: #999; height:30px; line-height: 30px; width: 30px; border-radius: 3px; display:inline-block; text-align:center; margin-left:5px; background: #dfdfdf;}
.file-list{line-height:45px; }
.file-list p{float:left; margin-right: 10px;}

/*faq */
.boardWrap{width: 100%;border-top: 2px solid #333;border-bottom: 1px solid #ebebeb;}
.boardWrap ul{ line-height:0; letter-spacing:0; }
.boardWrap span, .boardWrap p{display:inline-block; vertical-align:middle; line-height:30px;}
.boardWrap li span{width:11%; }
.boardWrap li a p{width:76%;}
.board_title span, .board_title p{ font-size:21px; text-align:center;}
.board_list .board_num, .board_list .date{color:#bbbbbb; font-size:18px;}
.board_list p{font-size:18px; text-align: left; padding:0 30px; box-sizing:border-box; font-weight: 300;;}
.board_list li{border-top: 1px solid #ebebeb; position: relative;}
.board_list li a{width:100%;   padding: 30px 0; display:inline-block; position:relative;}

#faq .board_list span{color:#ee3837; font-size:21px;text-align:center;}
#faq .open_btn:after{content: ""; display:inline-block;color: #333; position: absolute;background: url('../images/common/icon_thin_down.svg') no-repeat center;
	 width: 24px; height: 24px;  transform: translateY(-50%);  transition: all 0.3s; top: 50%; right: 30px; }
#faq .open_btn.up_btn:after{transform: rotate(180deg) translateY(50%); transition:  all 0.5s;}
#faq .faq_answer{visibility:hidden; opacity:0; height:0; max-height:0; overflow: hidden; padding:0 40px; background:#fbfbfb; border-top: 1px solid #ebebeb;
    -webkit-transition:  0.2s ease-in-out;
    -moz-transition:  0.2s ease-in-out;
    -o-transition:  0.2s ease-in-out;
    transition:  0.2s ease-in-out;}
#faq .faq_answer p{display: block;padding:30px 30px 30px 135px; font-weight: 300;}
#faq .faq_answer.on{visibility:visible; opacity:1; height:auto; max-height:800px;}
/* file */
.list_file{display:inline-block;padding: 0 30px 5px 0;}
.list_file li{margin-top:4px;}
.list_file li:first-child{margin-top:0px;}
.list_file li > a{display:block; position:relative; padding-left:25px; line-height: 21px; } 
.list_file li > a:before{content:''; display:block; position:absolute; left:0px; top:1px; width:16px; height:16px; background:url(../images/board/icon_file.png) no-repeat 0 0;}
.list_file li > a:hover,
.list_file li > a:focus{color:#2783c7;}
.list_file li > a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 24px;
    height:24px;
    background: url(../images/common/icon_file.svg) no-repeat 0 0;
    background-size: 24px 24px
}

/* **************************************** *
* 1024px
* **************************************** */
@media screen and  (max-width: 1024px){
#faq .faq_answer p{padding:30px 30px 30px 90px;}
}
/* **************************************** *
* 1024px
* **************************************** */

@media screen and  (max-width: 860px){
    .noticeList ul li{padding: 15px 0 ;}
    .noticeList ul li .date_wrap{margin-right: 10px}
    .noticeList ul li .date_wrap .date{font-size: 30px; height: 40px}
    .noticeList ul li .date_wrap .month{font-size: 12px;}
    .noticeList ul li .title{ width: calc(100% - 80px); position: relative; padding-top: 0; height: auto;}
    .noticeList ul li .title a span.more{display:none;} 
	.noticeList ul li .title a span{display:inline-block; width:100%;}
    .bbsView col[data-view="th"]{width:60px !important;}
	.bbsView col[data-view="td"]{width:auto !important;}
	.bbsView th[data-view="count"] + td{width:70px !important;}
	.bbsView col[data-write="th"]{width:120px !important;}
	.bbsView col[data-write="td"]{width:auto !important;}
    .bbsView th[data-view="file"],
    .bbsView th[data-view="date"],
    .bbsView th[data-view="count"]{padding-left:10px; padding-right: 10px; font-size: 14px; }	
    .bbsView.page th,
    .bbsView.page td{padding:15px 10px; font-size:14px; }
    .bbsView th[data-view="file"] + td {padding-left: 10px;}	
    .list_file li > a{font-size:14px} 
    #faq .faq_answer p{padding:20px 0;}
    .board_list li a {padding: 20px 0; }
    .board_list p {padding: 0 30px 0 0; }
    #faq .open_btn:after{right: 20px; }
}
/* **************************************** *
*480px
* **************************************** */
@media screen and  (max-width: 480px){
	.noticeList ul li .title a span{font-size:14px; line-height: 21px; width:100%;}
    .page-link.btn_prev,.page-link.btn_next,
    .page-link.btn_first,.page-link.btn_end{  width:auto }
    .search_bbs .search input[type="text"] {width:calc(100% - 160px)}
    .qnaList ul li:first-child{display:none;}
    .qnaList ul li{ min-height:80px;}
    .qnaList ul li>div{height:80px; line-height:80px;}
    .qnaList ul li>div.box-contents{padding-top: 15px;}
    .qnaList ul li>div.box-contents>div{height:25px; line-height:25px;}
    .qnaList ul li .no{ width:15%; }
    .qnaList ul li .box-contents{ width: 70%; }
    .qnaList ul li .state{width: 15%;}
    .qnaList ul li .category{ width:40%;}
    .qnaList ul li .title{ width:60%; padding-left: 0px;  }
    .qnaList ul li .title a{line-height: 25px; height: 25px; display:inline-block;}
    .qnaList .lock{padding: 0px 0 0 5px;line-height: 25px; height: 25px;}
    .qnaList ul li .date{clear:both; width: 40%;}
    .qnaList ul li .name{ text-align:left; width: auto;}
    .qnaList ul li .category:before{
        content:'[';
        position: relative;
        width:10px;
        display:inline-block;
        line-height:25px;
    }
    .qnaList ul li .category:after{
        content:']';
        position: relative;
        width:10px;
        display:inline-block;
    }
    .search_bbs .btn_right{clear: both; float: none; text-align: center;}
    .search_bbs .btn_right a.button{margin-top: 20px;}
    .bbsWrite, .bbsPrivacy { float:none; width: 100%; margin-bottom: 20px;}
    .bbsPrivacy textarea{height: 150px; font-size: 14px;}
   
}