@charset "utf-8";



/*게시판에 사용되는 공통 레이어창*/
.bbs_layer_popup01{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0;}
.bbs_layer_popup02{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; left:0; top:0;}

.bbs_layer_guide{top:50%;left:50%; transform: translate(-50%, -50%); position: absolute; width: 400px; border: 1px solid #5b92f7;  background: #fff; border-radius: 15px; text-align: center; padding-bottom:25px; overflow: hidden;box-shadow: 1px 10px 10px rgba(0,0,0,0.2);}
.bbs_layer_guide .lp_close{background:url("../images/board/close01.png") center center no-repeat;background-size: 16px; cursor: pointer; position:absolute; top:6px; right:10px;  text-indent: -5000px; width: 20px; height: 20px; }
.bbs_layer_guide h6{ color: #fff; background:#4e86ed; line-height: 24px;  padding: 5px 0; margin:-1px 0 0 0 ;}
.bbs_layer_guide p{padding: 20px; word-break: keep-all;}
.bbs_layer_guide span{ color:red;}
.bbs_layer_guide .lp_btn{ font-size: 15px; height: 30px; line-height: 30px; border-radius: 4px; min-width: 60px; display: inline-block; padding: 0 10px;}

@media all and (max-width:480px) {
.bbs_layer_guide{ width: 90%;}
}

/* 창크기 */
.w_100p{ width: 100% !important;}
.w_100{ width: 100px;}
.w_200{ width: 200px;}
.w_300{ width: 300px;}
.w_400{ width: 400px;}
.w_500{ width: 500px;}
.w_600{ width: 600px;}
.w_700{ width: 700px;}
.w_800{ width: 800px;}
.w_900{ width: 900px;}
.w_1000{ width: 1000px;}
.w_400, .w_500, .w_600, .w_700, .w_800, .w_900, .w_1000{ max-width: 90%;}


/*게시판 내용 목록 없음*/
.bbs_nodata{ font-size:15px; padding:30px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;margin-bottom: 40px;}

@media all and (max-width :767px){
 .bbs_nodata{margin-bottom: 20px; }
}

/*리스트 체크*/
.bbs_check{ position: absolute; left: 0; top:0px; padding: 0; background: none; z-index: 99; border: none !important;}

@media all and (max-width :767px) {
.bbs_list01 .t_check{ left: inherit; right: 0; top:0px; }
}

/*게시판 검색 폼*/
.bbs_left{line-height: 40px; }
.bbs_right{text-align: right;}
.bbs_right select{border-radius: 5px;height:40px;width:100px;  margin-right:5px;}
.bbs_right input{border:1px solid #ddd;border-radius: 5px;height:40px; width:200px;padding:0 20px;}
.bbs_right button{height:40px; width:60px; background:#000; border-radius: 5px;color:#fff; margin-left:5px;vertical-align: top;}


/*bbs_all_top*/
.bbs_all_top *{ box-sizing:border-box; }
.bbs_all_top{font-size:14px; margin-bottom:20px;display: flex;justify-content: space-between;}


@media all and (max-width :767px) {
.bbs_left{order: 2; } 
.bbs_right{width:100%;margin-bottom: 10px;}
.bbs_right select{font-size:14px;line-height: 40px;}
.bbs_right input{width:calc(100% - 180px);font-size:14px; padding-left:10px;line-height:40px;vertical-align: top;}
.bbs_right button{width:60px;font-size:14px;}

.bbs_all_top{margin-bottom:0;flex-direction: column;}
}



.bbs_info{margin-bottom:30px; border:1px dashed #ddd; background:#f2f6fe; padding:20px;}
.bbs_info li{ background:url(../images/board/icon10.gif) left 7px no-repeat; padding-left:15px; word-break:keep-all; font-size:14px; line-height:1.8em;}
.bbs_info li span{ display:inline-block;}

@media all and (max-width :767px) {
.bbs_info{ text-align:left; margin-bottom:20px;}
.bbs_info li{ background:url(../images/board/icon10.gif) left 7px no-repeat; font-size:13px;}

}


/*bbs_list01************************************************************************************/
.bbs_list01 {margin-bottom:40px;border-bottom:1px solid #3848ad;border-top:2px solid #3848ad;}
.bbs_list01 *{box-sizing: border-box;}
.bbs_list01 a:hover{ text-decoration:underline;}
.bbs_list01 table{width:100%; text-align: center;}
.bbs_list01 table tr{position: relative;}
.bbs_list01 table tr:hover{background: #f8f8f8;}
.bbs_list01 th {padding:10px 1% ;border-bottom:1px solid #3848ad;word-break:keep-all;font-size: 14px;  font-weight: 300;}
.bbs_list01 table td {padding:30px 1%; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 16px;border-bottom:1px solid #eee}
.bbs_list01 .tit{text-align:left; font-size: 20px;}

@media all and (max-width :767px) {
.m_hide{ display:none !important;}
/*bbs_list01*/
.bbs_list01 {margin-bottom:20px;} 
.bbs_list01 table{ text-align: left; }
.bbs_list01 table thead{display:none;}
.bbs_list01 table colgroup{display:none;}
.bbs_list01 table tr{display:block; border-bottom:1px solid #eee;}
.bbs_list01 table td{display:inline-block;border-bottom:none;padding:10px 2%; font-size: 14px; text-align:left;width:auto;}
.bbs_list01 .tit{display:block; border-bottom:none;padding:10px 2% 0;font-size:18px;}
 .bbs_list01 .btn_file{position: absolute; bottom: 0; right: 0;}
}


/*bbs_list02************************************************************************************/
.bbs_list02 {margin-bottom:40px;border-bottom:1px solid #3848ad;border-top:2px solid #3848ad;}
.bbs_list02 *{box-sizing: border-box;}
.bbs_list02 a:hover{ text-decoration:underline;}
.bbs_list02 table{width:100%; text-align: center;table-layout: fixed;}
.bbs_list02 table tr{position: relative;}
.bbs_list02 th {padding:10px 1% ;border-bottom:1px solid #3848ad;word-break:keep-all;font-size: 14px;  font-weight: 300;}
.bbs_list02 table td {padding:30px 0.5%; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 16px;border-bottom:1px solid #eee;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bbs_list02 .tit{font-size: 20px;}
.bbs_list02 .adress{text-align: left;}
.bbs_list02 .adress > a img{margin-right: 10px;}
.bbs_list02 .btn_list{padding: 10px 15px; border-radius: 20px; background-color: #000;color: #fff; text-decoration: none!important;font-size: 15px;}

@media all and (max-width :1280px){
 .bbs_list02 table{ text-align: left; }
 .bbs_list02 table thead{display:none;}
 .t_hide{display: none!important;} 
 .bbs_list02 table colgroup{display:none;}
 .bbs_list02 table tr{display:block; border-bottom:1px solid #eee;}
.bbs_list02 table td{display:inline-block;border-bottom:none;padding:10px 1% 10px 2%; font-size: 16px; text-align:left;width:auto;}
.bbs_list02 .tit{display:block; border-bottom:none;padding:10px 2% 0;font-size:20px;}
 .po_left{position: absolute;bottom: 0;right: 0;}
 .bbs_list02 .btn_list{padding: 5px 15px; border-radius: 40px;font-size: 13px;position: absolute;bottom: 13px;right: 2%;}
}

@media all and (max-width :767px) {
.bbs_list02 {margin-bottom:20px;} 
.bbs_list02 table td{font-size: 14px;}
.bbs_list02 .tit{font-size:18px;}
 .m_hide{display: none!important;} 
}

/*리스트 레이어창01************************************************************************************/

#layer_bg{position: fixed;z-index: 99999;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;top: 0; left: 0;}
#layer_bg.on{ display:block!important;}

#bbs_list01_popup{ position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:900px; background:#fff; border:5px solid #4e86ed;box-shadow:0 0 10px rgba(0,0,0,0.0); display:block;box-sizing:border-box;border-radius: 20px;z-index: 999999;}

.bcpopup_list01_guide02{overflow:auto;  padding:5% 5% 0; background:#fff;}
.bcpopup_list01_guide02 .list_info{font-size: 0;}
.bcpopup_list01_guide02 .list_info li{display:inline-flex; align-items: center;margin-bottom: 20px;width: 50%;}

.list_info  li b{width: 110px;background-color: #ffe011; border-radius: 30px;margin-right: 15px;font-size: 15px;color: #122075;height: 40px;display: flex; align-items: center;justify-content: center;}
.list_info li em{font-size: 18px; color: #000;width: calc(100% - 125px);}

.popup_list01 {border-bottom:1px solid #3848ad;border-top:2px solid #3848ad;}
.popup_list01 i {display: block;border-bottom:1px solid #3848ad;font-size: 14px;padding: 10px 1%;text-align: center;}
.popup_list01 span{display: block;font-size: 16px; padding: 20px 2%; line-height: 1.6em;}



@media all and (max-width :1280px){
 #bbs_list01_popup{width:90%; }
} 

@media all and (max-width :850px){
 .bcpopup_list01_guide02 .list_info li{width: 100%;}
} 

@media all and (max-width :767px) {
 .bcpopup_list01_guide02 .list_info li{margin-bottom: 10px;}
 .popup_list01 span{overflow-x: hidden;height: 180px;font-size: 14px;}
 .list_info  li b{width: 80px;margin-right: 10px;font-size: 13px;height: 30px;} 
 .list_info li em{font-size: 16px;width: calc(100% - 90px);} 
}


/*리스트 레이어창02************************************************************************************/
#bbs_list02_popup{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:80%; background:#fff; border:5px solid #4e86ed; z-index:999999; box-shadow:0 0 10px rgba(0,0,0,0.2); display:block;box-sizing:border-box;border-radius: 20px;}

.bcpopup_list02_guide02 {display: flex;overflow:auto;  padding:5% 5% 0; background:#fff;}
.bcpopup_list02_guide02 .list_info{font-size: 0;margin-left: 50px;}
.bcpopup_list02_guide02 .list_info li{display:flex; align-items: center;margin-bottom: 20px;}

.list_img {display: flex;flex-direction: column; width:60%;}
.popimg_box01{position: relative;margin-bottom: 20px;}
.popimg_box01 .popimg_box01_01{width: 100%;height: 450px; overflow: hidden;}
.popimg_box01 .popimg_box01_01 img{width: 100%;height: 100%;object-fit: cover;}
.popimg_box01 a{position: absolute;top: 50%;transform: translateY(-50%);opacity: 20%;z-index: 99;}
.popimg_box01 a.prev{left: 20px;}
.popimg_box01 a.next{right: 20px;}

.popimg_box02 {position: relative;}
.popimg_box02_01{font-size: 0;height: 145px; overflow: hidden;}
.popimg_box02 .popimg_box02_01 li {display: inline-block;width: calc(33.3% - 10px);margin:0 5px 100px; overflow: hidden;}
.popimg_box02 .popimg_box02_01 li > a{display: block;}
.popimg_box02 .popimg_box02_01 li img {width:100%;height: 144px;object-fit: cover;}
.popimg_box02 > a{position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;box-shadow:0 5px 5px rgba(0,0,0,0.1); border-radius: 50%;}
.popimg_box02 a img{overflow: hidden;}
.popimg_box02 a.prev{left: -15px;}
.popimg_box02 a.next{right: -15px;}

@media all and (max-width :1280px){
#bbs_list02_popup{width:90%;}
.popimg_box01 .popimg_box01_01{height: 300px;}
.bcpopup_list02_guide02 .list_info{margin-left: 30px;}
} 

@media all and (max-width :1024px){
 .popimg_box02{display: none;}
 .popimg_box01 a img{height: 40px;}
} 

@media all and (max-width :850px){
 .list_img {width:100%;} 
 .bcpopup_list02_guide02 {flex-direction: column;}
 .bcpopup_list02_guide02 .list_info{margin-left: 0;} 
} 

@media all and (max-width :767px) {
.bcpopup_list02_guide02 .list_info li{margin-bottom: 10px;} 
}

@media all and (max-width :500px){
 .popimg_box01 .popimg_box01_01{height: 200px;}
}




/* bbs_view01 ************************************************************************************/

.bbs_view01 {border-bottom:1px solid #3848ad; clear:both; margin-bottom:40px;}
.bbs_view01 *{ box-sizing:border-box;}

/* bbs_view01 // 타이틀 */
.bbs_view01 .bv_title{font-size:24px; padding:20px 2%; text-align: left; line-height:32px;border-top:2px solid #3848ad; border-bottom:1px solid #eee; letter-spacing:-1px; color:#000; background-color: #f8f8f8}
.bbs_view01 .bv_info { padding:12px 2%; border-bottom:1px solid #eee; font-size:0;}
.bbs_view01 .bv_info > span { font-size:15px; line-height:20px; display:inline-block; width:auto; margin-right:50px; vertical-align:top;color: #666;}
.bbs_view01 .bv_info strong {color:#000; margin-right:15px; font-size:15px;}

/* bbs_view01 // 컨텐츠 */
.bv_content {padding:20px; clear:both; line-height:1.6em; font-size:16px; width:100%; color:#000;}
.bv_content div{}
.bv_content img{max-width:100%; margin-bottom:20px;}

/*
.bv_content_img p, .bv_content figure figcaption{ text-align:center;}
.bv_content figure{ text-align: center;}
*/

.bv_content .bv_content_text *{ word-break:keep-all; box-sizing:border-box;}

/* bbs_view01 // 첨부파일 */
.bbs_view01 .bv_file01 {padding:20px;border-top:1px solid #eee;}
.bbs_view01 .bv_file01 li{ display:inline-block;}
.bbs_view01 .bv_file01 span{ display:inline-block; padding:0 10px 0 30px; background:url('../images/board/file01.png') left 0 no-repeat;}
.bbs_view01 .bv_file01 span a{ padding:4px 0; display:inline-block;}


@media all and (max-width :1024px) {
.bbs_view01 .bv_title{font-size:20px; padding:15px 2%;line-height:28px;}
}

@media all and (max-width :767px) {
.bv_content {line-height:1.6em; font-size:14px;}
.bbs_view01 .bv_title{font-size:18px; padding:10px 2%;} 
.bbs_view01 .bv_info > span { font-size:13px; line-height:15px; margin-right:30px;}
.bbs_view01 .bv_info strong {margin-right:10px; font-size:13px;} 
 .bbs_view01 .bv_file01 span{font-size: 13px; background-size: 20px;}

}



/* bbs_view02 ************************************************************************************/
.bbs_view02 {border-bottom:1px solid #ddd;margin-bottom: 50px;}
.bbs_view02 *{box-sizing:border-box;}

.bbs_view02 .bv_title{padding:20px 2%; border-bottom:1px solid #ddd; border-top:1px solid #555; background:#f8f8f8; position: relative;}
.bbs_view02 .bv_title b{font-size:20px;letter-spacing:-1px; color:#000;display: block;margin-bottom: 5px;}



.bv02_content {padding:50px 2%;font-size:16px;color: #666;}
.bv02_content h6 {font-size: 20px; color: #a55d00;margin-bottom: 30px;font-weight: 600;}
.bv02_content > img {width: 100%; max-width: 100%;object-fit: cover;object-position: center;border-radius: 20px;}
.bv02_content .image img {width: 100%; max-width: 100%;object-fit: cover;object-position: center;border-radius: 20px;}

.bv02_content *{word-break:keep-all; box-sizing:border-box;}
.bv02_content h5{font-size: 25px;color: #333;font-weight: 700;margin-bottom: 30px;background: url(../images/content/bar01.png) left 0 no-repeat;padding-left: 15px;line-height: 25px;margin: 60px 0 30px;}

.bv02_content .bv_content_list table{width:100%; border-top:1px solid #eee;}
.bv02_content .bv_content_list tr{border-bottom: 1px solid #e7e7e7;}
.bv02_content .bv_content_list th{padding: 15px 1%;font-size: 14px;color: #000;background: #f8f8f8;}
.bv02_content .bv_content_list td {padding: 15px 1%;color: #333;}
.bv02_content .bv_content_list td i{display: block;}

.bv02_content .bv_content_box {border: 1px solid #ddd; border-radius: 15px; max-width: 1200px;padding: 40px;display: flex;justify-content: space-between;}
.bv02_content .bv_content_box {margin-bottom: 40px;}
.bv02_content .bv_content_box .box_left {margin-right: 20px;}
.bv02_content .bv_content_box .box_left li:not(:last-of-type){margin-bottom: 10px;}
.bv02_content .bv_content_box .box_left b{background: url(../images/content/dot01.png) left 10px no-repeat;padding-left: 15px;margin-right: 10px;color: #000;display: inline-block; width: 80px;}
.bv02_content .bv_content_box .box_left p{display: block;margin-left: 15px;}
.bv02_content .bv_content_box .box_right img{border-radius: 20px;width: 500px; }

.bbs_view02 .bv_file01 {padding:20px 2%;border-top:1px solid #dddddd; background:#f8f8f8;font-size: 14px;}
.bbs_view02 .bv_file01 li span{background: url("../images/board/clip.png") left no-repeat;padding-left: 20px;}
.bbs_view02 .bv_file01 li a{display: inline-block;color: #666;  margin-left: 10px;vertical-align: top;width: calc(100% - 85px);}


@media all and (max-width :1024px){
.bv02_content .bv_content_box {flex-direction: column;}
.bv02_content .bv_content_box .box_right img{margin-top: 30px; width: 100%;} 
}

@media all and (max-width :767px){
 .bv02_content {padding:20px 2%;font-size:14px;}
 .bv02_content h6 {font-size: 16px;margin-bottom: 10px;}
 .bv02_content h5{font-size: 18px;line-height: 18px;margin: 40px 0 15px;}
.bv02_content > img {border-radius: 15px;}
 .bv02_content .bv_content_list th,.bv02_content .bv_content_lis td{display: block; width: 100%;text-align: left;}
 .bv02_content .bv_content_list th{padding: 10px 3%;}
 .bv02_content .bv_content_list td{padding: 15px 3%;border-bottom: 1px solid #e7e7e7; margin-bottom: 20px;}
 .bv02_content .bv_content_box {margin-bottom: 30px;padding: 30px;}
 .bv02_content .bv_content_box .box_left b{background: url(../images/content/dot01.png) left 8px no-repeat;padding-left: 10px;}
 .bv02_content .bv_content_box .box_right img{border-radius: 15px; }
 
 }

@media all and (max-width :580px){
 .bv02_content .bv_content_box {padding: 20px;}

}




/* bbs_write01 */
.txt_guide{ font-size:13px; margin-bottom:10px;}

.bbs_write01{margin-bottom:40px;font-size:16px;border-bottom:1px solid #3848ad;}
.bbs_write01 *{ box-sizing:border-box;font-weight: 300;}
/*.bbs_write01 input[type=text], .join_write01 input[type=password], .join_write01 input[type=tel], .join_write01 input[type=email] {padding:0 2%;border-radius: 5px;line-height:40px;}*/
.bbs_write01 select{line-height:40px;border:1px solid #ddd; height:40px; padding-right: 50px;border-radius: 5px;}
.bbs_write01 table{width:100%;border-top:2px solid #3848ad;}
.bbs_write01 th {border-bottom:1px solid #eee; background:#f8f8f8; font-size:15px; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.bbs_write01 td {border-bottom:1px solid #eee; padding:15px 2%;text-align:left;}
.bbs_write01 table td .bbs_txt01{font-size:12px;color: #666;margin-bottom: 10px;}
.bbs_write01 table td input[type=file]{width:100%; line-height:30px; height:30px; padding:0 2%; border:none; padding-left: 0;font-size: 15px;}



@media all and (max-width :767px) {

/*bbs_write01*/
.bbs_write01{margin-bottom:20px;}
.bbs_write01 select{width: 100% !important; background: url("../images/board/select_arrow.png") 96% center no-repeat;}
.bbs_write01 table td{display:block;text-align:left; padding:7px 2%;}
.bbs_write01 table th{display:block; font-size:13px;border-bottom:none; text-align:left; padding:7px 2%; width:100%;}
}




/*bbs_photo01*/
.bbs_photo01 {margin-bottom:10px;line-height: 1.6em;}
.bbs_photo01 *{ box-sizing:border-box;}
.bbs_photo01 ul {display: flex; flex-wrap: wrap;}

.bbs_photo01 .photo_box{width:31.33%; vertical-align: top; margin: 0 3% 50px 0;}
.bbs_photo01 .photo_box:nth-of-type(3n+3){margin-right: 0%;}
.bbs_photo01 .photo_box a{position:relative; display:block; overflow:hidden;border-radius: 20px;border: 1px solid #eee;}
.bbs_photo01 .photo_box a img {display:block; width:100%; height:auto; transition: all 0.4s;}
.bbs_photo01 .photo_box a:hover img{transform:scale(1.1, 1.1);}
.bbs_photo01 .photo_box a > span{ display:block; overflow:hidden; background:#fff;}
.bbs_photo01 .photo_box a > span:nth-of-type(1){ height:300px;}
.bbs_photo01 .photo_box a > span:nth-of-type(1) > img{min-height: 100%;}
.bbs_photo01 .photo_box a .txt_box{ position: relative; margin:20px; display:block; min-height:80px; }
.bbs_photo01 .photo_box a .txt_box > strong{display: block; max-height: 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:30px;  font-size:24px;margin-bottom: 30px;}
.bbs_photo01 .photo_box a:hover .txt_box > strong{ text-decoration: underline;}
.bbs_photo01 .photo_box a .txt_box > em{font-size: 15px; color: #666;position: absolute; right: 0;}

@media all and (max-width :1280px) {
.bbs_photo01 .photo_box a > span:nth-of-type(1){ height:250px;}
}

@media all and (max-width :1024px) {
.bbs_photo01 .photo_box{width:49%; margin: 0 2% 30px 0;}
.bbs_photo01 .photo_box:nth-of-type(3n+3){margin-right: 2%;} 
.bbs_photo01 .photo_box:nth-of-type(2n+2){margin-right: 0%;}
.bbs_photo01 .photo_box a .txt_box{min-height:70px; } 
.bbs_photo01 .photo_box a .txt_box > strong{line-height:22px;  font-size:20px;} 
}


@media all and (max-width :500px) {
.bbs_photo01 .photo_box{width:100%; margin: 0 0 30px 0;}
}









/*news게시판*/
.bbs_news {margin-bottom: 50px;}
.bbs_news .news_box{margin-bottom: 40px;position: relative;font-size:0;}
.bbs_news .news_box a img{object-fit: cover; object-position: center;width: 444px;}
.bbs_news .news_box a:hover img{transform:scale(1.2, 1.2); transition: all 0.4s;}
.bbs_news .news_box > a:nth-of-type(1) {overflow:hidden;border: 3px solid #fff;box-shadow: 5px 5px 5px rgb(0,0,0,3%);display: inline-block;}
.bbs_news .news_box .txt_box{margin-left: 60px;width: calc(100% - 510px);display: inline-block;vertical-align: top;}
.bbs_news .news_box a strong{display: block; padding-bottom: 30px;margin-bottom: 30px; font-size: 27px; color: #111;font-weight: 700; border-bottom: 1px solid #ddd;}
.bbs_news .news_box li {margin-bottom: 10px;font-size:0;}
.bbs_news .news_box li > i{background: url("../images/board/news_arrow.png") left center no-repeat; padding-left: 25px;width: 80px;display: inline-block;font-size: 16px;vertical-align: top;}
.bbs_news .news_box li > span{display: inline-block;width: calc(100% - 105px);font-size: 16px;vertical-align: top;}
.news_box .home_link{ position: absolute;top: 20px;left: 20px; z-index: 10;background: url("../images/board/btn_homepage.png") center no-repeat;width: 60px; height: 60px;text-indent: -5000px;}


@media all and (max-width :1280px){
 .bbs_news .news_box a img{width: 324px;}
 .bbs_news .news_box .txt_box{margin-left: 40px;width: calc(100% - 370px);}
 .bbs_news .news_box a strong{padding-bottom: 20px;margin-bottom: 20px;}
.bbs_news .news_box li {margin-bottom: 0px;}
}


@media all and (max-width :790px){
 .bbs_news .news_box a img{width: 100%;}
 .bbs_news .news_box > a:nth-of-type(1){display: block;}
 .bbs_news .news_box .txt_box{margin: 20px 20px 40px; width: calc(100% - 40px);display:block;}
 .bbs_news .news_box a strong{padding-bottom: 10px;margin-bottom: 10px; font-size: 22px;}
 .bbs_news .news_box li > i,.bbs_news .news_box li > span{font-size: 14px;}
}











/*고객의 소리*/
.bbs_qna01{}
.bbs_qna01 *{ box-sizing:border-box;}

.qna_txt{ text-align:center; margin-bottom:50px;}

.qna_process{ font-size:0;text-align:center; margin-bottom:50px; background:#f9f9f9; padding:50px 0; border:2px dotted #ddd; border-radius:20px;}
.qna_process li{ display:inline-block; width:20%; font-size:15px; vertical-align:top;text-align:center;}
.qna_process li > p{position:relative; border-radius:0px 40px; vertical-align:top; width:180px; height:140px; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.0);}
.qna_process li > p > span{ position:absolute; top:-20px; left:-20px; border-radius:50%; display: inline-block; width:50px; line-height:50px; background:#000; color:#fff;}
.qna_process li > p > strong{position:absolute; display:block; width:100%; line-height:20px; left:50%; top:50%; transform:translate(-50%, -50%);}
.qna_process li em{position:absolute; font-style:normal;line-height:15px; display:block; width:100%; font-size:13px; margin-top:15px; bottom:10px; left:50%; transform:translateX(-50%); opacity:.7;}
.qna_process li .bg01{color:#000; border:10px solid #a7bbee;}
.qna_process li .bg02{color:#000; border:10px solid #8ea7ea;}
.qna_process li .bg03{color:#000; border:10px solid #6e8de6;}
.qna_process li .bg04{color:#000; border:10px solid #506fed;}
.qna_process li .bg05{color:#000; border:10px solid #264ad9;}

.qna_agree{ border:1px dashed #ccc; padding:20px; margin-bottom:10px;}

@media all and (max-width :1023px) {
.qna_process li{width:33.33%; margin-bottom:20px;}

}


@media all and (max-width :767px) {
.bbs_qna01 input[type=checkbox]{ width:auto; height:auto;}

.qna_process{margin-bottom:30px; background:none; border:none; padding:00px 0;}
.qna_process li{width:50%;}
.qna_process li > p{width:150px;}
}




/*bbs_faq // 자주하는질문*/
.bbs_faq01{margin-bottom:50px;}
.bbs_faq01 *{ box-sizing:border-box; line-height:1.6em;}
.bbs_faq01 .faq_list{ font-size:0;}
.bbs_faq01 .faq_list .faq_box{position:relative; margin-bottom:10px; border:1px solid #ccc; border-radius:10px; padding:20px; overflow:hidden;}
.bbs_faq01 .faq_list .faq_box > a{ display:block; background:url(/images/board/faq_q.png) left 5px no-repeat; padding:5px 0 5px 40px;font-size:16px;}
.bbs_faq01 .faq_list .faq_box .s_view{display:none;background:url(/images/board/faq_a.png) left 5px no-repeat; padding:5px 0 5px 40px;transition: max-height 0.2s ease-out;font-size:16px;}
.bbs_faq01 .faq_list .faq_box .s_view > .bv_content_text{}
.bbs_faq01 .faq_list .faq_box .s_view > .bv_content_text table td, .bbs_faq01 .faq_list .faq_box .s_view > .bv_content_text table th{border:1px solid #ccc !important;}
.bbs_faq01 .faq_list .faq_box .s_view > .bv_content_text img{ width:auto; max-width:100%;}
.bbs_faq01 .faq_list .faq_box .s_view > .btn_guide{ text-align:right;}
.bbs_faq01 .faq_list .faq_box .s_view > .btn_guide button{ display:inline-block; margin:0 2px;}
.bbs_faq01 .faq_list .faq_box .s_view > .btn_guide .btn_style{height:40px; line-height:40px;padding:0px 20px;}

@media all and (max-width :767px) {
.bbs_faq01 .faq_list .faq_box{padding:10px;}
.bbs_faq01 .faq_list .faq_box > a{font-size:15px;}
.bbs_faq01 .faq_list .faq_box .s_view{font-size:15px;}
}




/* 달력게시판 */

.bbs_calendar01{ position:relative;}
.bbs_calendar01 *{ box-sizing: border-box;}

.bbs_calendar_title01 {position:relative; margin-bottom:20px; vertical-align:bottom;}
.bbs_calendar_title01 .bbs_month01{ text-align:center;}
.bbs_calendar_title01 .bbs_month01 strong{ font-size:45px; color:#000; margin:0 20px;}
.bbs_calendar_title01 .bbs_month01 a{display: inline-block;vertical-align: top;}

.bbs_calendar_title01 .bbs_month02{display:inline-block; position:absolute; right:0; bottom:0px;}
.bbs_calendar_title01 .bbs_month02 select{ border-radius: 5px;line-height:40px; height:40px; margin-right:5px;}
.bbs_calendar_title01 .bbs_month02 button{background:#000; border-radius: 5px;display:inline-block;width:60px; height:40px;line-height:40px;color:#fff;vertical-align:top; }

.bbs_calendar01 > div:nth-of-type(2) {border-top: 2px solid #3848ad;}

.bbs_calendar_guide { display:table; font-size:0; width:100%; vertical-align:top;}
.bbs_calendar_guide ul{ display: table-cell; width:14.2857%; vertical-align:top;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.bbs_calendar_guide ul li{ display:block; width:100%;}

.bbs_calendar_guide > ul:first-child > li.bbs_day{color:#db303d;}
.bbs_calendar_guide > ul:first-child > li.bbs_date > span{ color:#db303d;}
.bbs_calendar_guide > ul:nth-of-type(7) {border-right: none;}
.bbs_calendar_guide > ul:nth-of-type(7) > li.bbs_day{ color:#0054d3;}
.bbs_calendar_guide > ul:nth-of-type(7) > li.bbs_date > span{color:#0054d3;}

.bbs_calendar_guide .bbs_day{padding:5px 0;line-height:20px;word-break:break-all; width:100%;  font-size:13px;  text-align:center;border-bottom: 1px solid #ddd; }
.bbs_calendar_guide .bbs_date {padding:10px 5%;width:100%; min-height:100px; word-break:break-all; position:relative; vertical-align:top; font-size:13px; line-height:20px; display:block}
.bbs_calendar_guide li > span{ margin-bottom:10px; display: inline-block; width:25px; text-align:center; position:relative;}
.bbs_calendar_guide .bbs_date .today:after{ display:block; content:''; position:absolute; width:25px; height:25px; top:-4px; left:0px;  background:#FFDD00; border-radius:50%; z-index:-1;}

.bbs_calendar_guide li a{display:block;line-height:16px;font-size: 15px;}
.bbs_calendar_guide li div{ margin-bottom:5px;}
.bbs_calendar_guide li a:hover{ color:#304aff;}
.bbs_calendar_guide li a:focus{ color:#304aff;}
.bbs_calendar_guide .list_icon{background:url("../images/board/calendar_point.png") left 4px no-repeat; padding-left:10px;}
.bbs_calendar_guide:last-child{border-bottom: 1px solid #3848ad;}

.bbs_day_hid .bbs_day{ display:none;}


@media all and (max-width :1024px) {
 .bbs_calendar_title01 .bbs_month02{display:block; text-align: center;  position: relative; top:0;margin-top: 20px;}

}

@media all and (max-width :767px) {
.bbs_calendar_title01 {margin-bottom:20px;}
.bbs_calendar_title01 .bbs_month01 strong{font-size:32px;margin: 0 10px;}
.bbs_calendar_title01 .bbs_month01 img{width:36px;}
.bbs_calendar_title01 .bbs_month02{margin-top: 10px;}

.bbs_calendar_guide { border-left:0;}
.bbs_calendar_guide ul{ display:table; width:100%;}
.bbs_calendar_guide > ul:nth-of-type(7) {border-right: 1px solid #ddd;} 
.bbs_calendar_guide ul li{ display:table-cell; vertical-align:middle;}
.bbs_calendar_guide .hide_day{display:none;}

.bbs_calendar_guide .bbs_day{ padding:10px 0; width:15%;border-bottom: none; border-right: 1px solid #ddd;} 
.bbs_calendar_guide .bbs_date {padding:10px; width:100%; min-height:inherit; display: inline-block;}
 
.bbs_calendar_guide .bbs_date > span{vertical-align:top; line-height:20px; margin-bottom:0;}
.bbs_calendar_guide li div{ padding:0; margin:0; width:88%; text-align:left; display:inline-block;  float:right;}

.bbs_day_hid  .bbs_day{display:table-cell;}
}




/* 달력게시판 레이어창*/
#bbs_calendar_popup{ position:absolute; top:150px; left: 200px;width:400px; background:#fff; border:5px solid #4e86ed; z-index:2; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;box-sizing:border-box;border-radius: 20px;}
#bbs_calendar_popup.on{ display:block;}

.bcpopup_guide01{ padding-bottom:5%;}
.bcpopup_guide01 strong{text-align:center; display:block; font-size:24px; letter-spacing:-1px; color:#fff; padding:20px 5%; background:#4e86ed;border-radius: 11px 11px 0 0;margin: -1px;}
.bcpopup_guide02{overflow:auto;  padding:5%; background:#fff;}
.bcpopup_guide02 h5{ font-size:20px; color:#3848ad; margin-bottom:20px; border-bottom:2px solid #3848ad; padding-bottom:10px;letter-spacing:-1px; line-height:25px;} 
.bcpopup_guide02 div{overflow-x: hidden;height:180px; font-size:16px; line-height:25px;}

.ub_close{ position:absolute; top:10px; right:10px;background:url("../images/board/close01.png") center center no-repeat; width:40px; height:40px; line-height:40px; overflow: hidden;
    text-indent: -5000px;cursor:pointer;}


@media all and (max-width :767px) {
#bbs_calendar_popup{ position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%; }
.bcpopup_guide01 strong{ font-size:20px;}
.btn_close{ width:35px; height:35px; line-height:35px; }
}



/* 관련기관*/
.bbs_banner{ font-size:0;}
.bbs_banner > div{ display:inline-block; width:20%; border:1px solid #ccc; border-radius:10px; text-align:center; padding-top:5px;}
.bbs_banner > div span{ display: block; font-size:15px; width:90%; margin:0 auto; border-top:1px dashed #ddd; padding:10px 0%;}
.bbs_banner > div img{ max-width:100%; width:auto;}
.bbs_banner > div:hover,
.bbs_banner > div:focus{ border:1px solid #ff5400;}

@media all and (max-width :1023px) {
.bbs_banner > div{width:33.33%;}

}

@media all and (max-width :767px) {
.bbs_banner > div{width:50%;}

}




/* 게시판 페이지링 ************************************************************************************/
.bbs_page{text-align:center;margin-bottom:30px;}
.bbs_page *{ box-sizing:border-box;}
.bbs_page ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.bbs_page ul li{height:45px;line-height:45px; border:1px solid #ccc; background:#fff; font-size:15px; margin:0 3px; border-radius: 2px}
.bbs_page a{display:block;width:40px;}
.bbs_page a:hover, .bbs_page a:focus{background:#ccc;}
.bbs_page a img{margin-top:-4px;}
.bbs_page .active{font-weight:700; color:#fff; background:#000; width:40px; border:none;}


@media all and (max-width :767px) {
.bbs_page ul li{line-height:40px; height:40px; font-size:14px; margin:1px;}
.bbs_page a{width:30px;line-height:40px;}
.bbs_page .active{width:30px;}
}



/*버튼 스타일************************************************************************************/
.bbs_btn_guide{ margin-bottom:30px; vertical-align:top;}
.cbtn_style{font-size:13px; padding:0px 7px; border-radius:3px; border:1px solid; letter-spacing:-0.05em;}/*컨텐츠내 버튼*/
.sbtn_style{font-size:13px; padding:2px 7px; border:1px solid; letter-spacing:-0.05em;border-radius: 3px;}/*작은버튼*/
.btn_style{font-size:15px; padding:0px 30px; letter-spacing:-0.05em; display:inline-block; height:55px; line-height:55px; vertical-align:top;margin: 0 3px;border-radius: 5px;font-weight: 300;}/*기본버튼*/


.btn_red {color: #fff;background:#ea2c00;}
.btn_blue {color: #fff;background:#005ede;}
.btn_purple {color: #fff;background:#4e00de;}
.btn_navy {color: #fff;background:#1e2459;}
.btn_orange{color: #fff;background:#ff6000;}
.btn_green {color: #fff;background:#539801;}
.btn_black {color: #fff;background:#000;}
.btn_gray {color: #fff;background:#555;}

.btn_white {color:#000;background:#f5f5f5; border:1px solid #ccc !important;box-sizing: border-box;}
.btn_white:hover, .btn_white:focus{ border:1px solid #000 !important;}

@media all and (max-width :767px) {

.cbtn_style{font-size:12px;}
.sbtn_style{font-size:12px;}
.btn_style{font-size:14px; padding:0px 15px; height:40px; line-height:40px;}/*기본버튼*/

}


/* bbs_w setting */
.bbs_w10{ width:10%; border:1px solid #e5e5e5;}
.bbs_w15{ width:15%; border:1px solid #e5e5e5;}
.bbs_w20{ width:20%; border:1px solid #e5e5e5;}
.bbs_w25{ width:25%; border:1px solid #e5e5e5;}
.bbs_w30{ width:30%; border:1px solid #e5e5e5;}
.bbs_w35{ width:35%; border:1px solid #e5e5e5;}
.bbs_w40{ width:40%; border:1px solid #e5e5e5;}
.bbs_w45{ width:45%; border:1px solid #e5e5e5;}
.bbs_w50{ width:50%; border:1px solid #e5e5e5;}
.bbs_w55{ width:55%; border:1px solid #e5e5e5;}
.bbs_w60{ width:60%; border:1px solid #e5e5e5;}
.bbs_w65{ width:65%; border:1px solid #e5e5e5;}
.bbs_w70{ width:70%; border:1px solid #e5e5e5;}
.bbs_w75{ width:75%; border:1px solid #e5e5e5;}
.bbs_w80{ width:80%; border:1px solid #e5e5e5;}
.bbs_w85{ width:85%; border:1px solid #e5e5e5;}
.bbs_w90{ width:90%; border:1px solid #e5e5e5;}
.bbs_w95{ width:95%; border:1px solid #e5e5e5;}
.bbs_w100{ width:100%; border:1px solid #e5e5e5;}