@charset "utf-8";

/* 게시판에 사용되는 공통 레이어창*/
#bbs_layer_popup{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.bbs_layer_popup{ top:50%;left:50%; transform: translate(-50%, -50%); position: absolute; width: 350px;  border: 1px solid #00b16d; box-shadow: 1px 10px 10px #000; background: #fff; border-radius: 10px; text-align: center; padding-bottom: 25px;}

.bbs_layer_popup  h7{ background: #00b16d; color: #fff; padding:5px 0; display: block;border-radius: 9px 9px 0 0; position: relative;}
.bbs_layer_popup  h7 > strong{font-size: 15px;}
.bbs_layer_popup  h7 > a{ display: inline-block; width: 33px; height: 30px; text-indent: -5000px; background: url("../../images/board/top_close01.png") center center no-repeat; cursor: pointer; position: absolute; top:0;left:calc(100% - 33px); background-size: 25px;}
.bbs_layer_popup p{font-size: 15px; padding: 7%; word-break: keep-all;}
.bbs_layer_popup span{ color:red; font-weight: 500;}
#bbs_layer_popup .sbtn_style{ min-width:60px;}




/*게시판 검색 폼*/
.bbs_search{margin-bottom: 30px; }
.bbs_search *{ box-sizing:border-box;}
.bbs_search > form{display: flex; justify-content: center;align-items: center;}
.bbs_search select, .bbs_search input{border: 2px solid var(--key-color); height:60px;padding-left:15px;  }
.bbs_search select{width:200px; padding-left:25px!important;border-radius: 10px 0 0 10px; border-right: none; }
.bbs_search select:nth-of-type(2),
.bbs_search select:nth-of-type(3){border-radius: 0; border-right: none; border-left: none;}
.bbs_search input{width:350px; border-radius:0; border-left:none; border-right: none;}
.bbs_search button{width:70px;height:60px; background:var(--key-color); color:#fff; border-radius: 0 10px 10px 0; font-weight: 600;}

.bbs_search_course input{border-radius: 10px 0 0 10px; border: 2px solid var(--key-color);border-right: none;width:550px; }

@media all and (max-width :1023px) {
.bbs_search input{width:250px;}
.bbs_search_course input{width:450px; }
}

@media all and (max-width :767px) {
.bbs_search{ width:100%;}
.bbs_search select{width:35%; font-size:14px;height:40px;line-height:35px!important;padding-left:15px!important;}
.bbs_search input{width:calc(65% - 60px);font-size:14px; padding-left:10px;height:40px;line-height:40px;}
.bbs_search button{width:60px;font-size:14px;height:40px;}

.bbs_search_course input{width:calc(90% - 60px); }
}


/*bbs_all_top*/
.bbs_all_top{font-size:14px; margin-bottom:15px;display: flex; justify-content: space-between;}
.bbs_all_top *{ box-sizing:border-box;}
.bbs_all_top .bbs_left{background:url("../images/board/icon03.gif") left 9px no-repeat; padding-left:15px;line-height:30px; }
.bbs_all_top .bbs_right{ text-align: right;}

.list_type{ text-align: right;}
.list_type button{font-size: 14px; background: #fff;color: #666; border:1px solid #ccc; border-radius: 5px; height: 30px; padding: 0 10px; margin-left: 5px; padding-left: 30px; background-position: 10px center; background-repeat: no-repeat;}
.list_type button.icon01{ background-image: url("../images/board/icon_card.png");}
.list_type button.icon02{ background-image: url("../images/board/icon_list.png");}
.list_type button.active{border:1px solid #444; background-color: #444; color: #fff; }
.list_type button.icon01.active{ background-image: url("../images/board/icon_card_on.png");}
.list_type button.icon02.active{ background-image: url("../images/board/icon_list_on.png");}

.list_type_guide{position: absolute; right: 4%; z-index: 1;}

@media all and (max-width :1280px) {
	.list_type_guide{right: 0%;}
}

@media all and (max-width :767px) {
/*.bbs_all_top{flex-direction: column;}
.bbs_all_top .bbs_right{text-align: center; margin-bottom: 10px;}*/

.list_type button{font-size: 14px; height: 30px;padding: 0 15px; padding-left: 0px;background-position:center; width: 30px; overflow: hidden; text-indent: -500px;margin-left: 2px;border-radius: 5px;}

}



/* 게시판 상단 주석정보 */
.bbs_info{margin-bottom:30px; border:1px dashed #ddd; background:#f6f6f6; 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_nodata{ font-size:15px; padding:50px; text-align:center; border-bottom:2px solid black; border-top:2px solid black; margin-bottom: 40px;}

.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_list01************************************************************************************/
.bbs_list01 {margin-bottom:40px;border-bottom:2px solid #000;border-top:2px solid #000; }
.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:12px 1% ;border-bottom:1px solid #000; background:#fff; word-break:keep-all;font-size: 15px;}
.bbs_list01 td {padding:30px 1%; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 15px;border-bottom:1px solid #eee;}
.bbs_list01 td > span{vertical-align:middle;}
.bbs_list01 .tit{text-align:left; }
.bbs_list01 .tit img{vertical-align: middle;}
.bbs_list01 .tit a{font-size: 18px;}

.bbs_list01 .tit .photo{ display: inline-block; width: 150px; margin-right: 20px;}
.bbs_list01 .tit .photo img{ width: 100%;}
.bbs_list01 .bbs_count{background:url(../images/board/bbs_count.png) left center no-repeat; display: inline-block; padding-left: 25px;}


/*
.bbs_list01 tbody tr:nth-child(odd) {background:#fff;}
.bbs_list01 tbody tr:nth-child(even) {background: #f7f7f7;}
*/


@media all and (max-width :767px) {
.m_hide{ display:none !important;}
/*bbs_list01*/
.bbs_list01 {margin-bottom:30px;}
.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 #e7e7e7; padding: 10px 0;}
.bbs_list01 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:5px 2%;font-size:14px;}
.bbs_list01 table .tit{display:block; border-bottom:none; margin-left:0; }
.bbs_list01 table .tit a{ font-size:16px; vertical-align:middle;}

.bbs_list01 table .date{position: absolute; top: 8px; right: 0;}
.bbs_list01 table .writer{position: absolute; bottom: 0px; right: 0;}
.bbs_list01 table .notice_bg{background: #f5f4f9;}
}








/*bbs_list03************************************************************************************/
.bbs_list03 {margin-bottom:40px;border-bottom:2px solid #000;border-top:2px solid #000; }
.bbs_list03 *{box-sizing: border-box;}
.bbs_list03 a:hover{ text-decoration:underline;}
.bbs_list03 table{width:100%; text-align: center;}
.bbs_list03 table tr{position: relative;}
/*.bbs_list03 table tr:hover{background: #f8f8f8;}*/
.bbs_list03 th {padding:12px 1% ;border-bottom:1px solid #000; background:#fff; word-break:keep-all;font-size: 15px;}
.bbs_list03 td {padding:30px 1%; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 15px;border-bottom:1px solid #eee;}
.bbs_list03 td > span{vertical-align:middle;}
.bbs_list03 .tit{text-align:left; }
.bbs_list03 .tit img{vertical-align: middle;}
.bbs_list03 .tit a{font-size: 18px;}

.bbs_list03 .tit .photo{ display: inline-block; width: 150px; margin-right: 20px;}
.bbs_list03 .tit .photo img{ width: 100%;}
.bbs_list03 .bbs_count{background:url(../images/board/bbs_count.png) left center no-repeat; display: inline-block; padding-left: 25px;}


.bbs_list03 .qna_list{ display:none;}

.bbs_list03 .quest_view{ background: #f6f6f6;border-radius: 10px; position: relative; border: 2px dotted #ddd; margin-left: 80px;}
.bbs_list03 .quest_view:before{ position: absolute; top:-10px; left:-10px; display: inline-block; width: 30px; height: 30px; background:url(../images/board/faq_q.png) left center no-repeat; z-index: 2; content: '';}
.bbs_list03 .quest_view .bv_info{  display: flex;justify-content:space-between;  border-bottom: 1px solid #fff; padding: 10px 0;}
.bbs_list03 .quest_view .bv_info li{ margin: 0 1%; display: flex;  text-align: center; padding: 5px 20px; }

.bbs_list03 .quest_view .bv_info li strong{ margin-right: 10px; background:url(../images/board/icon06.gif) left 7px no-repeat;padding-left: 10px;}
.bbs_list03 .quest_view .bv_content_text{  text-align: left; padding: 20px 30px; font-size: 18px; font-weight: 500;background-color:  #fff;}
.bbs_list03 .bv_file01{ text-align: left; padding: 10px 10px 0 10px;}
.bbs_list03 .bv_file01 li{ display: inline-block; margin:5px 10px;}
.bbs_list03 .bv_file01 li a{background:url(../images/board/file01.gif) left center no-repeat; padding-left: 20px; }

.bbs_list03 .btn_guide{ text-align: right; margin: 0 10px 10px 0;}


.bbs_list03 .answer_view{ position: relative; padding-top: 30px; border-left: 2px dotted #ddd; border-right: 2px dotted #ddd; border-bottom: 2px dotted #ddd; border-radius:0 0 20px 20px; margin-top: -10px; margin-left: 80px;}
.bbs_list03 .answer_view:before{ position: absolute; top:25px; left:10px; display: inline-block; width: 30px; height: 30px; background:url(../images/board/faq_a.png) left center no-repeat; z-index: 2; content: '';}
.bbs_list03 .answer_view .bv_content_text{ margin: 0 30px 0 50px; text-align:left;}
.bbs_list03 .answer_view .bv_file01{ margin: 10px 10px 10px 30px; background: #f9f9f9; border-radius: 5px;}
.bbs_list03 .answer_view .bv_file01 li{ margin:0 10px 10px 10px;}

@media all and (max-width :1100px) {
.bbs_list03 .quest_view .bv_info{  flex-wrap: wrap; justify-content: flex-start}
.bbs_list03 .quest_view .bv_info li{ width: 30%;padding:0 20px}
}




/*
.bbs_list03 tbody tr:nth-child(odd) {background:#fff;}
.bbs_list03 tbody tr:nth-child(even) {background: #f7f7f7;}
*/


@media all and (max-width :767px) {
/*bbs_list03*/
.bbs_list03 {margin-bottom:30px;}
.bbs_list03 table{ text-align: left; }
.bbs_list03 table thead{ display:none;}
.bbs_list03 table colgroup{ display:none;}
.bbs_list03 table tr{ display:block; border-bottom:1px solid #e7e7e7; padding: 10px 0;}
.bbs_list03 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:5px 2%;font-size:14px;}
.bbs_list03 table .tit{display:block; border-bottom:none; margin-left:0; }
.bbs_list03 table .tit a{ font-size:16px; vertical-align:middle;}

.bbs_list03 table .date{position: absolute; top: 8px; right: 0;}
.bbs_list03 table .writer{position: absolute; bottom: 0px; right: 0;}
.bbs_list03 table .notice_bg{background: #f5f4f9;}

.bbs_list03 .quest_view{ margin-left: 0;}
.bbs_list03 .quest_view .bv_info li{ width: 100%; margin: 0;}

.bbs_list03 .answer_view{ margin-left: 0;}
}







/*



 HYUN 2025.03.25 문의하기를 목록형으로 수정 요청에 의해 목록안에 콘텐츠 표시 스타일
.bbs_list01 .qna_list { display:none;}
.bbs_list01 .qna_list:hover { background:inherit;}
.bbs_list01 .qna_list > td { padding:0; text-align:left; line-height:1.5em; word-break:keep-all; border-bottom:0;}

.bbs_list01 .qna_view { display:inline-table; padding:0; margin:10px; border:1px solid #eee; border-radius:10px;}

.bbs_list01 .quest_view { background:url(../images/board/faq_q.png) left 5px no-repeat; padding:5px 0 5px 40px;}
.bbs_list01 .quest_view .bv_content_text table td,
.bbs_list01 .quest_view .bv_content_text table th { border:1px solid #ccc !important;}
.bbs_list01 .quest_view .bv_content_text img { width:auto; max-width:100%;}
.bbs_list01 .quest_view .btn_guide { text-align:right;}
.bbs_list01 .quest_view .btn_guide button { display:inline-block; margin:0 2px;}
.bbs_list01 .quest_view .btn_guide .btn_style { height:40px; line-height:40px; padding:0px 20px;}
.bbs_list01 .quest_view .bv_info { border-bottom:1px solid #dedede;}
.bbs_list01 .quest_view .bv_info > span { font-size:14px; line-height:25px; display:inline-block; width:auto; margin-right:15px;}
.bbs_list01 .quest_view .bv_info > span:before { content:" / ";}
.bbs_list01 .quest_view .bv_info > span:first-child:before { content:"";}
.bbs_list01 .quest_view .bv_info strong { color:#2764d0; font-weight:500;}
.bbs_list01 .quest_view .bv_info strong:after { content:" : ";}
.bbs_list01 .quest_view .bv_file01 { padding:0 10px; border-top:1px solid #dedede; background:#f6f6f6;}
.bbs_list01 .quest_view .bv_file01 ul { line-height:normal;}
.bbs_list01 .quest_view .bv_file01 li { display:inline-block; padding:5px 10px; border-bottom:0;}
.bbs_list01 .quest_view .bv_file01 span { display:block; padding:0 0 0 25px; background:url(../images/board/file02.gif) left 5px no-repeat; background-size:18px; font-size:14px;}
.bbs_list01 .quest_view .bv_file01 span a { padding:4px 0; display:block;}

.bbs_list01 .answer_view { background:url(../images/board/faq_a.png) 0 10px no-repeat; padding:10px 0 5px 40px; transition:max-height 0.2s ease-out; font-size:16px; margin-top:10px; border-top:1px solid #dedede;}
.bbs_list01 .answer_view .bv_content_text table td,
.bbs_list01 .answer_view .bv_content_text table th { border:1px solid #ccc !important;}
.bbs_list01 .answer_view .bv_content_text img { width:auto; max-width:100%;}
.bbs_list01 .answer_view .btn_guide { text-align:right;}
.bbs_list01 .answer_view .btn_guide button { display:inline-block; margin:0 2px;}
.bbs_list01 .answer_view .btn_guide .btn_style { height:40px; line-height:40px; padding:0px 20px;}

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


*/




/*bbs_list02************************************************************************************/
.bbs_list02 {margin-bottom:40px;border-bottom:2px solid #0048a9;border-top:2px solid #0048a9;word-break:keep-all;}
.bbs_list02 *{box-sizing: border-box;}
.bbs_list02 a:hover{ text-decoration:underline;}
.bbs_list02 table{width:100%; text-align: center;}
.bbs_list02 table tr{position: relative;}
.bbs_list02 table tr:hover{background: #f8f8f8;}
.bbs_list02 th {padding:8px 1%;border-bottom:1px solid #0048a9; background:#f3f8ff; font-size: 12px;}
.bbs_list02 td {padding:30px 1%; text-align:center;line-height:1.5em;word-break:keep-all; border-bottom:1px solid #eee}
.bbs_list02 .tit{text-align:left; font-size: 18px;}
.bbs_list02 td button{font-size:12px; padding:5px 7px; border-radius:3px; border:1px solid; letter-spacing:-0.05em; }
.bbs_list02 td em{display:block;}

.bbs_list02 td em{ display: block;}
/*
.bbs_list02 tbody tr:nth-child(odd) {background:#fff;}
.bbs_list02 tbody tr:nth-child(even) {background: #f7f7f7;}
*/


@media all and (max-width :1280px) {
.bbs_list02 td {font-size: 13px;padding:20px 1%;}
.bbs_list02 .tit{ font-size: 15px;}
.bbs_list02 td em{display:inline-block;}
}

@media all and (max-width :767px) {
.m_hide{ display:none !important;}
/*bbs_list01*/
.bbs_list02 {margin-bottom:20px;}
.bbs_list02 table{ text-align: left; }
.bbs_list02 table thead{ display:none;}
.bbs_list02 table colgroup{ display:none;}
.bbs_list02 table tr{ display:block; border-bottom:1px solid #e7e7e7; padding: 12px 0;}
.bbs_list02 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:5px 2%; font-size: 12px;}
.bbs_list02 table .tit{display:block; border-bottom:none; margin-left:0; padding-bottom: 0; padding-top: 0;}
.bbs_list02 table .tit a{ font-size:14px; vertical-align:middle; display: block; }

.bbs_list02 table .date{position: absolute; top: 8px; right: 0;}
.bbs_list02 table .writer{position: absolute; bottom: 0px; right: 0;}
.bbs_list02 table .notice_bg{background: #f5f4f9;}
}






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

/* bbs_view01 // 타이틀 */
.bbs_view01 .bv_title{font-size:20px; padding:20px 2%; text-align: left; line-height:32px;border-top:2px solid #000; border-bottom:1px solid #000; letter-spacing:-1px; color:#000; font-weight: 600;}
.bbs_view01 .bv_title span{ line-height:22px; vertical-align:middle; margin-top:-3px; }
.bbs_view01 .bv_info { padding:12px 2%; border-bottom:1px solid #dedede; font-size:0;}
.bbs_view01 .bv_info > span { font-size:14px; line-height:25px; display:inline-block; width:auto; margin-right:50px; vertical-align:top;}
.bbs_view01 .bv_info strong { color:#2764d0; font-weight:500; margin-right:15px;}

/* bbs_view01 // 컨텐츠 */
.bv_content {padding:30px; font-size: 1em; clear:both; line-height:1.8em; width:100%;}
.bv_content img{ text-align:center; max-width:80%; margin-bottom:10px;}
.bv_content_img{ text-align:center;}
.bv_content_img p,
.bv_content_img figure figcaption{ text-align:center;}
.bv_content .bv_content_img iframe,
.bv_content .bv_content_img video{ width:80% !important; margin:0 auto;}
.bv_content .bv_content_img iframe{height: 520px; margin-bottom: 20px;}
.bv_content_img figure{ text-align: center;}



.bv_content .bv_content_text *{ word-break:keep-all;}
.bv_content .bv_content_text p{}
.bv_content .bv_content_text div{}
.bv_content .bv_content_text table{ margin:10px 0; font-size:15px;width:100% !important;}
.bv_content .bv_content_text table td{ padding:5px;}
.bv_content .bv_content_text table,
.bv_content .bv_content_text table th,
.bv_content .bv_content_text table td{ border:1px solid #ddd!important;}
.bv_content .bv_content_text table th{background:#f6f6f6;}

/* bbs_view01 // 첨부파일 */
.bbs_view01 .bv_file01 {padding:20px;border-top:1px solid #dedede; background:#f6f6f6;}
.bbs_view01 .bv_file01 li{ display:inline-block;}
.bbs_view01 .bv_file01 span{ display:inline-block; padding:0 10px 0 25px; background:url('../images/board/file02.gif') left 5px no-repeat; background-size: 18px; font-size: 14px;}
.bbs_view01 .bv_file01 span a{ padding:4px 0; display:inline-block;}

@media all and (max-width :1023px) {
.bv_content{padding:30px 0;}
.bv_content .bv_content_img iframe{height: 380px;}
}

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

/* bbs_view01 */
.bbs_view01 .bv_title{font-size:18px; padding:10px 2%;}
.bbs_view01 .bv_info { padding:10px 2%;}
.bbs_view01 .bv_info > span {font-size:13px; margin-right:20px;}
.bbs_view01 .bv_info strong {font-size:13px;margin-right:10px;}

.bv_content .bv_content_img iframe{height:200px;}

.bbs_view01 .bv_file01 {padding:10px 2%;}

.bv_content{padding:20px 0;}
.bv_content img{max-width:100%;}
.bv_content .bv_content_text{ overflow:hidden;}
.bv_content .bv_content_text a{ word-break:break-all !important;}
.bv_content .bv_content_text iframe{ width:100% !important;}
.bv_content .bv_content_text table{font-size:14px;}
.bv_content .bv_content_text table th,
.bv_content .bv_content_text table td{ word-break:break-all !important; width: inherit!important; height: inherit!important;}
}


/* 댓글달기 */
.bv_reply{padding:20px;border-top:1px solid #dedede;}
.bv_reply *{box-sizing: border-box;}
.bv_reply h5{font-size:18px; font-weight: 500; margin-bottom: 10px; color: #111;}
.bv_reply .re_write{position: relative; display: flex;}
.bv_reply .re_write *{display: inline-block;height: 80px; vertical-align: top; padding: 5px 10px;border-radius: 10px;}
.bv_reply .re_write textarea{width: calc(100% - 140px); border:1px solid #dedede; }
.bv_reply .re_write button{width: 130px; margin-left: 10px;background: #111; color: #fff;}

.bv_reply .re_view{ font-size: 15px; margin-top: 10px;}
.bv_reply .re_view ul{border-top:1px dashed #ccc; padding: 10px;}
.bv_reply .re_view ul:first-child{border-top:none;}
.bv_reply .re_view ul li{ line-height: 1.4em; padding: 5px 0;}
.bv_reply .re_view ul li > *{display: inline-block; padding-right: 20px; }
.bv_reply .re_view ul li > span{font-size: 13px; color: #777;}
.bv_reply .re_view ul li > em{padding-right: 0px;}

@media all and (max-width :767px) {
.bv_reply{padding:10px 0;}
.bv_reply .re_write textarea{width: calc(100% - 80px); }
.bv_reply .re_write button{width: 70px; font-size: 14px;}
.bv_reply .re_view{ font-size: 14px;}
.bv_reply .re_view ul li *{padding-right: 10px; }
}


/* bbs_vlist// 이전다음글게시판**************************************************/
.bbs_vlist{border-top:0px solid #dedede; border-bottom:1px solid #000; margin-top:-40px; margin-bottom:40px;}

.bbs_vlist ul li{ padding:20px 10px; border-bottom:1px solid #ccc;color:#000; line-height:1.5em; }
.bbs_vlist ul li *{ vertical-align: middle;display:inline-block; }
.bbs_vlist ul li > span{ background:#152b75; color:#fff; text-align: center; margin-right: 20px; padding:5px 10px; font-size:14px; width:60px; border-radius: 5px; }
.bbs_vlist ul li a{width: calc(100% - 100px); font-size:16px;}
.bbs_vlist a:hover{ text-decoration:underline;}


@media all and (max-width :767px) {
/* bbs_vlist// 이전다음글게시판*/
.bbs_vlist{margin-bottom:20px;}
.bbs_vlist ul li > span{ margin-right: 10px; padding:3px 5px; font-size:12px; width:50px; }
.bbs_vlist ul li a{width: calc(100% - 70px); font-size:15px;}

}





/* 약관 동의서*/
.bbs_agree{margin-bottom:50px;}
.bbs_agree h5{ font-size: 18px; margin-bottom: 10px;}
.bbs_agree_txt{ border:1px dashed #ccc; padding:20px; margin-bottom:10px;}
.bbs_agree p{ text-align: right;}





/* bbs_write01 */
.bbs_write01{clear:both;margin-bottom:40px;border-bottom:2px solid #000;}
.bbs_write01 *{ box-sizing:border-box;}
.bbs_write01 input[type=text],
.bbs_write01 input[type=file]{  padding:0 1%; }
.bbs_write01 select{line-height:35px; padding:0 1%; border:1px solid #ddd; height:35px; vertical-align: middle;margin:1px 0;}
.bbs_write01 .txt_guide{ font-size:15px; margin-bottom:10px;}
.bbs_write01 table{ width:100%;border-top:2px solid #000; }
.bbs_write01 th {border-bottom:1px solid #e7e7e7; background:#f8f8f8; font-size:14px; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.bbs_write01 td {border-bottom:1px solid #e7e7e7; padding:15px 2%;text-align:left;}
.bbs_write01 .bg_color01{ background:#f8f8f8}
.bbs_write01 .bw_text01{ margin:10px 0; border:1px solid #ddd;}
.bbs_write01 .bw_text01 > textarea{ width:100%; height:250px; border:0;}
.bbs_write01 .bw_bg01{background:#f8f8f8;}
.bbs_write01 td > span{ padding-right:20px; display:inline-block;}
.bbs_write01 td > textarea{width:100%; height:200px; border:1px solid #ddd; padding:10px;}
.bbs_write01 td input{ margin:1px 0;}
.bbs_write01 table td .bbs_txt01{ font-size:14px;background:url('../images/board/icon08.gif') left center no-repeat; padding-left: 15px;}
.bbs_write01 table td input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0;border-radius: 0px;font-size:14px;}
.bbs_write01 table td .uploadFile > textarea{ width:100%; padding:0 1%; border:1px solid #ddd;}

.bbs_write01 .fileList { display:inline-block;}
.bbs_write01 .fileList > img { width:auto; height:auto; max-width:320px; max-height:150px;}
.bbs_write01 .uploadList { }
.bbs_write01 .uploadList.attchedList2 { border-top:1px dashed #dddddd; padding-top:5px; margin-top:5px;}
.bbs_write01 .uploadList input[type=file] { width:auto;}
.bbs_write01 .uploadList textarea { width:100%; padding:0 1%; border:1px solid #dddddd;}

.bbs_write01 td .invalid{color:#ff0000;}
.bbs_write01 td .message{color:#0000ff;}

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

/*bbs_write01*/
.bbs_write01 .txt_guide{ font-size:12px;}
.bbs_write01{margin-bottom:20px;}
.bbs_write01 input[type=text], .bbs_write01 input[type=file]{ width:100%;}
.bbs_write01 table{ line-height:1em;}
.bbs_write01 table td{ display:block;border-left:none; text-align:left; padding:10px 2%;}
.bbs_write01 table th{display:block; font-size:14px; background: none; border-left:none; border-bottom:none; text-align:left; padding:10px 2% 0 2%; width:100%;}
.bbs_write01 table td > span{font-size:14px;}
.bbs_write01 .bbs_w30, .bbs_write01 .bbs_w40{width:45% !important;}
.bbs_write01 .bbs_w20{width:40% !important;}
.bbs_write01 table td > .bbs_txt{ display:block; font-size:13px;}

}




/*bbs_photo01********************************************************/

/* 2025.03.21 잘려보이는걸로 재수정 원함
.bbs_photo01.reglist .photo_box a > span:nth-of-type(1) { height:auto;}
.bbs_photo01.reglist .photo_box a > span:nth-of-type(1) > img {}
*/

.bbs_photo01 {line-height: 1.6em;margin-bottom:10px;}
.bbs_photo01 *{ box-sizing:border-box;}
.bbs_photo01 ul {display: flex; flex-wrap: wrap;}
.bbs_photo01 .photo_box{position: relative; width:31.33%; vertical-align: top;  margin-bottom:30px; margin-right: 3%;}
.bbs_photo01 .photo_box:nth-of-type(3n+3){margin-right: 0%;}
.bbs_photo01 .photo_box .sns{position: absolute; z-index: 111; display: inline-block; top: 10px; right: 10px; width: 50px; height: 50px; border-radius:10px; overflow: hidden; background: #fff;}
.bbs_photo01 .photo_box a{position:relative; display:block; overflow:hidden; font-size:16px; border:1px solid #e7e7e7; border-radius: 20px;}
.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.2, 1.2);}
.bbs_photo01 .photo_box a > span{ display:block; overflow:hidden; background:#fff;}
.bbs_photo01 .photo_box a > span:nth-of-type(1){ height:280px;}
.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:50px;}
.bbs_photo01 .photo_box a .txt_box > strong{display: block; font-weight: 400; max-height: 25px; overflow:hidden; font-size: 1em; white-space: nowrap; text-overflow: ellipsis;}
.bbs_photo01 .photo_box a:hover .txt_box > strong{ text-decoration: underline;}
.bbs_photo01 .photo_box a .txt_box > em{ position: absolute; bottom: 00px; display: block; width: 100%;  font-size: 14px; color: #888;}
.bbs_photo01 .photo_box a .txt_box > em > b{float: right;background: url("../images/board/icon_man.png") left center no-repeat; display: inline-block; padding-left: 18px;}
.bbs_photo01 .photo_box a .txt_box > em:after{display: block; content: ''; clear: both;}


.bbs_photo01 .photo_box a:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.bbs_photo01 .photo_box a .overlay{position:absolute; bottom:0; background:rgba(0,0,0,0.0) url(../images/board/icon_docu01.png) center no-repeat; overflow:hidden; width:100%; height:00%; text-align:center; vertical-align:middle;}
.bbs_photo01 .photo_box a:hover .overlay {height:100%; background:rgba(0,0,0,0.5) url(../images/board/icon_docu01.png) center no-repeat; transition:.3s ease; transform:translate(00%, 0%);}

.bbs_photo01 .photo_box .btn_guide { text-align:right;}
.bbs_photo01 .photo_box .btn_guide button { display:inline-block; margin:0 2px; height:auto; line-height:normal;}
.bbs_photo01 .photo_box .btn_guide .btn_style { padding:5px 10px;}

/*bbs_vod*/
.vod_skin .photo_box a .overlay{background:rgba(0,0,0,0.0) url(../images/board/movie_play01.png) center no-repeat;}
.vod_skin .photo_box a:hover .overlay {background:rgba(0,0,0,0.5) url(../images/board/movie_play01.png) center no-repeat;}


@media all and (max-width :1023px) {
.bbs_photo01 .photo_box{width:48%;vertical-align: top; margin-right: 4%; margin-bottom:20px;}
.bbs_photo01 .photo_box:nth-of-type(3n+3){margin-right: 4%;}
.bbs_photo01 .photo_box:nth-of-type(2n+2){margin-right: 0%;}
.bbs_photo01 .photo_box a .txt_box{ font-size:15px;}
.bbs_photo01 .photo_box a > span:nth-of-type(1){ height:250px;}
}


@media all and (max-width :480px) {
.bbs_photo01 {margin-bottom:20px;}
.bbs_photo01 .photo_box{width:100%;margin-right:0%;}
.bbs_photo01 .photo_box:nth-of-type(3n+3){margin-right: 0%;}
.bbs_photo01 .photo_box a > span:nth-of-type(1){ height:auto;max-height: 250px;}
.bbs_photo01 .photo_box a > span:nth-of-type(1) > img {height:auto; }
.bbs_photo01 .photo_box a .txt_box{ margin:15px; min-height:80px;}

}






/*bbs_faq // 자주하는질문*/
.bbs_faq01{margin-bottom:40px;border-top:2px solid #000;}
.bbs_faq01 *{ box-sizing:border-box; line-height:1.6em;}
.bbs_faq01 .faq_box li{ border-bottom:1px solid #ccc; padding:25px 20px; overflow:hidden;}
.bbs_faq01 .faq_box li > a{ display:block; background:url(../images/board/faq_q.png) left 5px no-repeat; padding:5px 0 5px 40px;font-size:18px; position: relative;}
.bbs_faq01 .faq_box li > a > strong{ display:block; width: calc(100% - 30px); font-weight: 400;}
.bbs_faq01 ul li a.faq_fix::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 0; background: url("../images/board/icon_down.png"); width: 30px; height: 20px; display:  inline-block;}
.bbs_faq01 ul li a.faq_fix.active::after{ background:url("../images/board/icon_up.png");}


.bbs_faq01 .faq_box .s_view{ display:none;background:url(../images/board/faq_a.png) 20px 5px no-repeat; padding:5px 0 5px 60px; transition: max-height 0.2s ease-out;font-size:16px; margin-top: 20px;}
.bbs_faq01 .faq_box .s_view > .bv_content_text table td,
.bbs_faq01 .faq_box .s_view > .bv_content_text table th{border:1px solid #ccc !important;}
.bbs_faq01 .faq_box .s_view > .bv_content_text img{ width:auto; max-width:100%;}
.bbs_faq01 .faq_box .s_view > .btn_guide{ text-align:right;}
.bbs_faq01 .faq_box .s_view > .btn_guide button{ display:inline-block; margin:0 2px;}
.bbs_faq01 .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_box li{padding:10px;}
.bbs_faq01 .faq_box li > a{font-size:16px;}
.bbs_faq01 .faq_box .s_view{background:url(../images/board/faq_a.png) left 5px no-repeat; padding:5px 0 5px 40px; font-size:15px; }
}










/* HYUN 2025.03.17 문의하기 스타일 추가 */
.bbs_faq02 { margin-bottom:40px; border-top:2px solid #000;}
.bbs_faq02 * { box-sizing:border-box; line-height:1.6em;}
.bbs_faq02 .faq_box li { border-bottom:1px solid #ccc; padding:25px 20px; overflow:hidden;}
.bbs_faq02 .faq_box li > a { display:block; background:url(../images/board/faq_q.png) left 5px no-repeat; padding:5px 0 5px 40px; font-size:18px; position:relative;}
.bbs_faq02 .faq_box li > a > strong { display:inline-block; font-weight:400;}
.bbs_faq02 .faq_box li > a > img { width:15px;}
.bbs_faq02 ul li a.faq_fix::after { content:""; top:50%; transform:translateY(-50%); position:absolute; right:0; background:url(../images/board/icon_down.png); width:30px; height:20px; display:inline-block;}
.bbs_faq02 ul li a.faq_fix.active::after { background:url(../images/board/icon_up.png);}

.bbs_faq02 .faq_box .s_view { display:none; padding:5px 0 5px 40px; transition:max-height 0.2s ease-out; font-size:16px;}
.bbs_faq02 .faq_box .s_view > .bv_content_text table td,
.bbs_faq02 .faq_box .s_view > .bv_content_text table th { border:1px solid #ccc !important;}
.bbs_faq02 .faq_box .s_view > .bv_content_text img { width:auto; max-width:100%;}
.bbs_faq02 .faq_box .s_view > .btn_guide { text-align:right;}
.bbs_faq02 .faq_box .s_view > .btn_guide button { display:inline-block; margin:0 2px;}
.bbs_faq02 .faq_box .s_view > .btn_guide .btn_style { height:40px; line-height:40px; padding:0px 20px;}

.bbs_faq02 .faq_box .s_view .bv_info { border-bottom:1px solid #dedede;}
.bbs_faq02 .faq_box .s_view .bv_info > span { font-size:14px; line-height:25px; display:inline-block; width:auto; margin-right:15px;}
.bbs_faq02 .faq_box .s_view .bv_info > span:before { content:" / ";}
.bbs_faq02 .faq_box .s_view .bv_info > span:first-child:before { content:"";}
.bbs_faq02 .faq_box .s_view .bv_info strong { color:#2764d0; font-weight:500;}
.bbs_faq02 .faq_box .s_view .bv_info strong:after { content:" : ";}
.bbs_faq02 .faq_box .s_view .bv_file01 { padding:0 10px; border-top:1px solid #dedede; background:#f6f6f6;}
.bbs_faq02 .faq_box .s_view .bv_file01 ul { line-height:normal;}
.bbs_faq02 .faq_box .s_view .bv_file01 li { display:inline-block; padding:5px 10px; border-bottom:0;}
.bbs_faq02 .faq_box .s_view .bv_file01 span { display:block; padding:0 0 0 25px; background:url(../images/board/file02.gif) left 5px no-repeat; background-size:18px; font-size:14px;}
.bbs_faq02 .faq_box .s_view .bv_file01 span a { padding:4px 0; display:block;}

.bbs_faq02 .faq_box .s_view_02 { background:url(../images/board/faq_a.png) 0 10px no-repeat; padding:10px 0 5px 40px; transition:max-height 0.2s ease-out; font-size:16px; margin-top:10px; border-top:1px solid #dedede;}
.bbs_faq02 .faq_box .s_view_02 > .bv_content_text table td,
.bbs_faq02 .faq_box .s_view_02 > .bv_content_text table th { border:1px solid #ccc !important;}
.bbs_faq02 .faq_box .s_view_02 > .bv_content_text img { width:auto; max-width:100%;}
.bbs_faq02 .faq_box .s_view_02 > .btn_guide { text-align:right;}
.bbs_faq02 .faq_box .s_view_02 > .btn_guide button { display:inline-block; margin:0 2px;}
.bbs_faq02 .faq_box .s_view_02 > .btn_guide .btn_style { height:40px; line-height:40px; padding:0px 20px;}

@media all and (max-width :767px) {
.bbs_faq02 .faq_box li { padding:10px;}
.bbs_faq02 .faq_box li > a { font-size:16px;}
.bbs_faq02 .faq_box .s_view { padding:5px 0 5px 40px; font-size:15px;}
.bbs_faq02 .faq_box .s_view_02 { background:url(../images/board/faq_a.png) left 5px no-repeat; padding:5px 0 5px 40px; font-size:15px;}
}









/*popup_qna************************************************************************************/
.popup_overlay {position: fixed; width: 100%; height: 100%; display: none; z-index: 999999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.6); overflow-y: auto;}
.popup_overlay *{box-sizing:border-box;}
.popup_overlay .overlay_guide{position: relative; width: 1000px; margin: 50px auto; background: #fff; padding: 50px; border-radius: 30px;}
.popup_overlay .overlay_content {position: relative;}
.popup_overlay .pop_close {position: absolute;top: 30px;right: 50px;font-size: 50px;cursor: pointer; color: #000; z-index: 11;}
.popup_overlay .pop_close:hover {color: #ffcf4d;}
#content .popup_overlay h4{font-size: 26px!important;}
#content .popup_overlay h4:before{display: none!important;}


.popup_overlay .bbs_btn_guide{margin-bottom: 0!important; text-align: center;}
.popup_overlay .privacy_box{ margin-bottom: 20px; background: #ffffe7; padding: 30px; line-height: 1.6em;}
.popup_overlay .privacy_box p{margin-top: 10px; font-weight: 500;}

/* popup_write */
.popup_overlay .bbs_write01{margin-bottom: 10px;}
.popup_overlay .bbs_write01 .bw_text01 > textarea{height:100px; }


/* scrollbar */
.scrollbar{overflow:overlay;}
.scrollbar::-webkit-scrollbar {width: 2px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.1);border-radius: 100px;}

@media all and (max-width :1023px) {
.popup_overlay .overlay_guide{width: 90%;padding: 30px; }
.popup_overlay .pop_close {top: 14px;right: 30px;font-size: 40px;}

.popup_overlay .privacy_box{ padding: 20px;}


}

@media all and (max-width :767px) {
	.popup_overlay .bbs_write01 .bbs_w40,
	.popup_overlay .bbs_write01 .bbs_w50{width: 100%!important;}
	.popup_overlay .bbs_write01 .bbs_w150px{width: 46.2%;}
}


/*bbs_course_list // 개설과목_목록형********************************************************/
.bbs_course_list{min-height: 400px;}
.bbs_course_list *{box-sizing: border-box;}
.bbs_course_list table{width: 100%;text-align: center;}
.bbs_course_list table tr{position: relative;}
.bbs_course_list thead th {position: relative; padding:12px 0.5% ;background:#656b7d; color: #fff; font-size: 14px;border-left:1px solid #585e70;white-space: nowrap;}
.bbs_course_list thead th:first-of-type{ border-radius: 10px 0 0 0px;border-left:none;}
.bbs_course_list thead th:last-of-type{ border-radius:0 10px 0px 0;}
.bbs_course_list tbody th{border-bottom:1px solid #656b7d; font-size: 18px;white-space: nowrap}
.bbs_course_list tbody td{border-bottom:1px solid #656b7d;}
.bbs_course_list .course_list{display: flex;flex-wrap:wrap;}
.bbs_course_list .course_list li {padding:20px 0.5%;word-break:keep-all; border-bottom:1px solid #eee;border-left:1px solid #eee;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.bbs_course_list .course_list .col_course a{display:block;font-size: 16px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.bbs_course_list .course_list .col_course a:hover,
.bbs_course_list .course_list .col_course a:focus{text-decoration: underline; font-weight: 600;}


/*목록형 필터링 팝업 레이어*/
.bbs_course_list .btn_filtering{ display: inline-block; color:#fff; font-weight: 600; border:none; border-radius: 0; background-color: transparent; background-image: url("../images/board/icon_filter.png"); background-repeat: no-repeat; background-position: right center; padding-right: 20px;}
.bbs_course_list .filter {position: absolute; font-weight: 400; font-size: 1em; text-align: left; padding: 20px; display: none;min-width: 200px;top: 40px; left:50%; transform: translateX(-50%);background-color: #fff;z-index: 2;color: #000; border-radius: 15px; border:1px solid #ddd; box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.bbs_course_list .col_level .filter{left:inherit; right: 5px; transform: translateX(00%);}
.bbs_course_list .filter .filter_content{}
.bbs_course_list .filter .filter_content h5{margin-bottom: 10px;}
.bbs_course_list .filter .filter_content input{background: #dce6f3;border: none; padding: 0 15px;}
.bbs_course_list .filter .filter_content .check_guide{max-height: 192px; overflow-y: auto; margin-bottom: 10px;}
.bbs_course_list .filter .btn_close{position: absolute; top: 0px; right: 0px; font-size: 30px;display: inline-block;padding:0 10px;color: inherit;cursor: pointer;white-space: nowrap;}
.bbs_course_list .filter .bbs_btn_guide{margin-bottom: 0;}


.bbs_course_list tbody td{width: calc(100% - 180px); }
.bbs_course_list .col_category{width: 180px;}
.bbs_course_list th.col_course{width: calc(100% - 930px);}
.bbs_course_list li.col_course{/*text-align:left;*/ width: calc(100% - 750px);}
.bbs_course_list .col_college{width: 150px;}
.bbs_course_list .col_credit{width: 80px;}
.bbs_course_list .col_track{width: 200px;}
.bbs_course_list .col_type{width: 100px;}
.bbs_course_list .col_semester{width: 100px;}
.bbs_course_list .col_level{width: 120px;}

@media all and (max-width :1280px) {
.bbs_course_list tbody td{width: calc(100% - 100px); }
.bbs_course_list .col_category{width: 100px;}
.bbs_course_list th.col_course{width: calc(100% - 800px);}
.bbs_course_list li.col_course{width: calc(100% - 700px);}
.bbs_course_list .col_track{width: 150px;}
}

@media all and (max-width :1023px) {
.bbs_course_list tbody th{font-size: 16px;}
.bbs_course_list tbody td{width: calc(100% - 80px); }
.bbs_course_list .col_category{width: 80px;}

.bbs_course_list .course_list{font-size: 14px;}
.bbs_course_list .course_list .col_course a{font-size: 15px;}

.bbs_course_list th.col_course{width: calc(100% - 590px);}
.bbs_course_list li.col_course{width: calc(100% - 480px);}
.bbs_course_list .col_college{width: 80px;}
.bbs_course_list .col_credit{width: 60px;}
.bbs_course_list .col_track{width: 100px;}
.bbs_course_list .col_type{width: 80px;}
.bbs_course_list .col_semester{width: 80px;}
.bbs_course_list .col_level{width: 80px;}

}


/*bbs_course_card // 개설과목_카드형********************************************************/

.bbs_course_card {line-height: 1.6em;margin-bottom:40px;}
.bbs_course_card *{ box-sizing:border-box;}
.bbs_course_card ul {display: flex; flex-wrap: wrap;}
.bbs_course_card .photo_box{width:32.33%; vertical-align: top; margin:10px 0; margin-right: 1.5%; }
.bbs_course_card .photo_box:nth-of-type(3n+3){margin-right: 0%;}
.bbs_course_card .photo_box a{position:relative; display:flex; flex-wrap: wrap; overflow:hidden; font-size:16px; border:1px solid #e7e7e7; border-radius: 20px;padding: 25px;}
.bbs_course_card .photo_box a > *{display: block;}
.bbs_course_card .photo_box a > strong{width: 100%; font-size: 20px; margin-bottom: 20px; font-weight: 400; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs_course_card .photo_box a > strong > span{display: inline-block; border-radius: 30px; border:1px solid #ffcc4d; background-color: #fffae1; padding: 0px 10px; font-size: 15px; line-height: 24px; vertical-align: middle; margin-right: 10px;}
.bbs_course_card .photo_box a > span{  display: flex; margin-top: 5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs_course_card .photo_box a > span:nth-of-type(odd){width: 55%;}
.bbs_course_card .photo_box a > span:nth-of-type(even){width: 45%;}
.bbs_course_card .photo_box a > span > i{font-size: 13px; background: #f5f5f5; width: 65px;line-height: 24px;margin-right: 10px;height: 24px;border-radius: 4px; text-align: center;}
.bbs_course_card .photo_box a > span > em{}
.bbs_course_card .photo_box a:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.bbs_course_card .photo_box a:hover > strong{font-weight: 600; text-decoration: underline;}



@media all and (max-width :1280px) {
.bbs_course_card .photo_box{width:49%;vertical-align: top; margin:10px 0;margin-right: 2%;}
.bbs_course_card .photo_box:nth-of-type(3n+3){margin-right: 2%;}
.bbs_course_card .photo_box:nth-of-type(2n+2){margin-right: 0%;}
}


@media all and (max-width :767px) {
.bbs_course_card {margin-bottom:30px;}
.bbs_course_card .photo_box{width:100%;margin-right:0%; margin:5px 0;}
.bbs_course_card .photo_box:nth-of-type(3n+3){margin-right: 0%;}
.bbs_course_card .photo_box a{font-size:14px;border-radius: 15px;padding: 20px;}
.bbs_course_card .photo_box a > strong{font-size: 18px; margin-bottom: 10px;}
.bbs_course_card .photo_box a > strong > span{font-size: 14px;}
}


/*bbs_course_view // 개설과목_상세페이지********************************************************/

.bbs_course_view01{ border:1px solid #656b7d; border-radius: 15px; margin-bottom: 50px;overflow: hidden;}
.bbs_course_view01 *{ box-sizing:border-box;}
.bbs_course_view01 table{width: 100%;}
.bbs_course_view01 table tbody th{ width: 15%; border-bottom:1px solid #585e70;background: #656b7d; color: #fff;}
.bbs_course_view01 table tbody td{border-bottom:1px solid #eee;padding: 20px 2%;}
.bbs_course_view01 table .tit{font-size: 18px; font-weight: 600;}


.bbs_course_view02{ border-bottom:1px solid #656b7d; margin-bottom: 50px;}
.bbs_course_view02 *{ box-sizing:border-box;}
.bbs_course_view02 table{width: 100%;}
.bbs_course_view02 table th{border-left:1px solid #585e70; padding: 12px 1%; background: #656b7d; color: #fff;}
.bbs_course_view02 table thead th:first-of-type{ border-radius: 10px 0 0 0px;border-left:none;}
.bbs_course_view02 table thead th:last-of-type{ border-radius:0 10px 0px 0;}
.bbs_course_view02 table td{border-bottom:1px solid #eee;padding: 20px 1%; text-align: center; word-break: keep-all;}
.bbs_course_view02	.course_contents{text-align: left;}


@media all and (max-width :767px) {
.bbs_course_view01 table tbody th{ width: 25%; }
.bbs_course_view01 table .tit{font-size: 16px; }

.bbs_course_view02 table thead{ display:none;}
.bbs_course_view02 table colgroup{ display:none;}
.bbs_course_view02 table tr{ display:block; border-bottom:1px solid #eee; padding: 12px 0;}
.bbs_course_view02 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:5px 2%; }
.bbs_course_view02	.course_contents{width: 100%;}
}


/* 게시판 페이지링 ************************************************************************************/
.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{ border:1px solid #ccc; width:45px; height:45px;line-height:45px; border-radius: 2px; overflow: hidden; font-size:16px; margin:0 3px;}
.bbs_page a{display:block; height: 100%; text-align:center; border-radius: 2px;}
.bbs_page a:hover,
.bbs_page a:focus{background:#ddd;}
.bbs_page a img{margin-top:-4px; vertical-align:middle;}
.bbs_page .active{font-weight:bold; color:#fff; background:#000; border:none;}

 @media all and (max-width :767px) {
.bbs_page ul li{width:35px; height:35px;line-height:35px; font-size:15px; margin:0.5px;}
.bbs_page a img{ margin-top:-1px; height: 13px;}

}


/*버튼 스타일************************************************************************************/
.bbs_btn_guide{ margin-bottom:50px; vertical-align:top;text-align: right;}
.cbtn_style{font-size:13px; padding:0px 7px; border-radius:3px; border:1px solid; letter-spacing:-0.05em;}/*컨텐츠내 버튼*/
.sbtn_style{font-size:14px; padding:5px 12px; border:1px solid #fff; letter-spacing:-0.05em;}/*작은버튼*/
.btn_style{font-size:16px; padding:0px 30px; letter-spacing:-0.05em; display:inline-block; height:55px; line-height:55px; vertical-align:top; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.1)}/*기본버튼*/


.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_line_blue {color: #000; border: 2px solid #2764d0 !important; background: #fff;}

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

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

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

}


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

.bbs_w100px{ width:100px;}
.bbs_w150px{ width:150px;}
.bbs_w200px{ width:200px;}
.bbs_w250px{ width:250px;}
.bbs_w300px{ width:300px;}