.btn_wrap {text-align: center; padding-top: 40px;}

/* 파일 업로드 */
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
/* .filebox label {display: inline-block; padding: 10px; color: #767676; vertical-align: middle; background: #f8f9fa; border: 1px solid #ededed;} */
.filebox .file_txt {display: inline-block; padding: 10px; vertical-align: middle; background: #f8f9fa; border: 1px solid #ededed; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* 게시판 탭 메뉴 */
.tab {text-align: center; margin: 0 auto; font-size: 0; margin-bottom: 40px;}
.tab .tab_item {display: inline-block; position: relative;}
.tab .tab_item:after {content: ''; position: absolute; top: 50%; margin-top: -8px; display: block; width: 1px; height: 12px; background: #ededed;}
.tab .tab_item:first-child:after {content: none;}
.tab .tab_item > span {display: block; position: relative; padding: 20px 40px; font-size: 16px; color: #767676;}
.tab .tab_item > span:before {left: 0; bottom: 0; width: 100%; height: 1px; background: #ededed;}
.tab .tab_item > span:before, .tab .tab_item > span:after {content: ''; display: block; position: absolute;}
.tab .tab_item.active > span {color: #25245e; font-weight: 600;}
.tab .tab_item.active > span:before {height: 2px; background: #25245e;}

/*bbsview table*/
.bbsTitle{padding:15px 10px; line-height:1.35; border-top:2px solid #333; font-size:20px; font-weight:400; color:#222;}
.bbsTitle span{display:inline-block; position:relative; padding:3px 8px; margin:0 5px 3px 0; background-color:#333; font-size:13px; color:#fff; vertical-align:middle;}
.bbsTblView{width:100%; border-top:1px solid #333;}
.bbsTblView th,
.bbsTblView td{padding:16px 20px; border-bottom:1px solid #ddd; word-break:break-all; vertical-align:middle;}
.bbsTblView th{background:#f5f5f5; font-weight:600;}
.bbsTblView td.cont{padding:30px 20px;}
.bbsTblView.page{margin-top:40px;}
.bbsTitle + .bbsTblView{border-top-color:#eee;}
.bbsTblView textarea{width:100%; height:134px;}
.bbsTblView .button{height:34px; font-size:0.9rem;}
.bbsTblView .button span{line-height:32px;}
.bbsTblView .info{font-size: 13px; color:#666;}

/* radio */
.designRadio{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designRadio input[type="radio"]{position:absolute; opacity:0; visibility:hidden;}
.designRadio input[type="radio"] + label{display:inline-block; position:relative; padding-left:20px; padding-bottom:2px; margin:0 10px 0 0; color:#999; cursor:pointer;}
.designRadio input[type="radio"] + label:before{content:""; display:block; position:absolute; top:4px; left:0px; width:16px; height:16px; background:url(/admin/common/images/board/icon_radio_pack.svg) no-repeat 0 -16px; background-size:16px 48px;}
.designRadio input[type="radio"]:checked + label{color: #333; font-weight: 600;}
.designRadio input[type="radio"]:checked + label:before{background-position:0px 0px;}
.designRadio input[type="radio"]:disabled + label:before{background-position:0px -32px;}
.designRadio label + .marking{display:inline-block; margin-left:-8px; vertical-align:initial;}
.designRadio.agree{display:block; text-align:center;}

/* 게시판 검색 */
.search_wrap{background: #fff; border: 1px solid #ededed; padding: 24px; margin-bottom: 40px; text-align: center;}
.search_wrap .search{display:flex; justify-content: center; align-items: center;}
.search_wrap .search .search_opt{display:flex;}
.search_wrap .search .search_opt > select{margin:3px; height:50px; min-width:160px}
.search_input{display:flex;}
.search_input input[type="text"]{min-width:400px;}
.search_input input[type="text"], .search_input .button{margin:3px; height:50px; line-height:50px;}
.search_input > p{display:flex; align-items: center;}
.search_input .button{font-size:0;}
.search_input .button > span{font-size:15px;}

/* 비밀글 */
.txt_wrap {border: 1px dashed #ededed; text-align: center; padding: 20px; margin-bottom: 40px; color: #767676;}

/* 게시판 리스트 */
.bbsList {position: relative; width: 100%; border-top: 2px solid #25245e;}
.bbsList td, .bbsList th {vertical-align: middle;}
.bbsList th {position: relative; padding: 16px 20px; word-break: keep-all; font-weight: 600; color: #191919; border-bottom: 1px solid #ededed; text-align: center;}
.bbsList td {padding: 14px 20px; border-bottom: 1px solid #ededed; text-align: center; word-break: keep-all; color: #767676;}
.bbsList td.subject {text-align: left; color: #333;}
.bbsList td.subject a:hover {color: #25245e; text-decoration: underline;}
.bbsList .desc_list li {margin-bottom: 4px;}
.bbsList .desc_list li:last-child {margin-bottom: 0;}
.bbsList .reply {background: #f8f9fa;}
.tbl_wrap {text-align: right; margin: 10px 0;}
.excel_btn {background: #fff; padding: 10px; display: inline-block; max-width: 180px; border: 1px solid #ededed; transition: border .4s;}
.excel_btn > span {background: url(../images/common/icon_excel.svg) no-repeat left 50%; background-size: 16px auto; padding-left: 24px;}
.excel_btn:hover {border-color: #25245e;}

/* 게시판 상세보기 */
.bbsView_header {border-top: 2px solid #25245e;}
.bbsView_title {border-bottom: 1px solid #ededed; padding: 20px 0;}
.bbsView_title .cate {margin-right: 20px;}
.bbsView_center {text-align: center;}
/* .bbsView_title span {display: inline-block; width: 80px;} */
.bbsView_title > h3 {display: inline-block; font-size: 20px; font-weight: 600; vertical-align: middle;}
.bbsView_info {padding: 20px 0; border-bottom: 1px solid #ededed;}
.bbsView_info dl dt {font-weight: 600; display: inline-block; width: 80px;}
.bbsView_info dl dd {display: inline-block; margin-right: 40px; color: #767676;}
.bbsView_body {border-bottom: 1px solid #ededed; padding: 20px 0 40px;}
.bbsView_body_info {background: #f8f9fa; padding: 20px; font-size: 0;}
/*.bbsView_body_info dl {text-align: center;}*/
.bbsView_body_info dl dt {width: 80px; display: inline-block; font-size: 15px; text-align: left; font-weight: 800; color: #25245e;}
.bbsView_body_info dl dd {display: inline-block; font-size: 15px; position: relative; margin-right: 80px; color: #767676;}
/* .bbsView_body_info dl dd:after {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #999;} */
.bbsView_content {padding: 40px 20px 0;}
/* .bbsView_content .btn_wrap {text-align: center; margin-top: 80px;} */
.bbsView_ect {margin-top: 40px;}
.file_wrap {border-left: 4px solid #25245e; padding: 10px 20px;}
/*다운로드 기능 취소(22.12.01)
.file_wrap a {position: relative; display: block; padding-left: 30px;}
.file_wrap a:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; background: url(../images/common/icon_download.svg) no-repeat left 50%; background-size: 16px auto;}*/

/* 교육신청 신청목록 */
.apply_view {margin-bottom: 40px;}

/* 게시판 상세보기 테이블 */
.bbsTbView {width: 100%; border-top: 2px solid #25245e;}
.bbsTbView th {background: #f8f9fa; border-bottom: 1px solid #ededed; padding: 20px 16px; text-align: center; vertical-align: middle; width: 20%;}
.bbsTbView td {border-bottom: 1px solid #ededed; padding: 20px 16px; width: auto; color: #767676;} 
.bbsTbView textarea {border: 1px solid #ededed; height: 240px; padding: 20px;}
.bbsTbView .txt {color: #999; font-size: 14px; display: block;}

/* pagination */
.pagination {text-align: center; font-size: 0; margin-top: 80px;}
.page_control_next, .page_control_prev {display: inline-block; vertical-align: top;}
.pagination .page_number.first {background: url(../images/contents/icon_bbs_first.svg) no-repeat 50% 50%; background-size: 36px auto; opacity: .6;}
.pagination .page_number.prev {background: url(../images/contents/icon_bbs_prev.svg) no-repeat 50% 50%; background-size: 36px auto; opacity: .6;}
.pagination .page_number.next {background: url(../images/contents/icon_bbs_next.svg) no-repeat 50% 50%; background-size: 36px auto; opacity: .6;}
.pagination .page_number.last {background: url(../images/contents/icon_bbs_last.svg) no-repeat 50% 50%; background-size: 36px auto; opacity: .6;}
.pagination .page_number {position: relative; display: inline-block; width: 40px; height: 40px; line-height: 38px; padding: 0; margin: 4px; background: no-repeat 50% 50%; font-size: 14px; color: #333; text-align: center; border: 1px solid #ededed;}
.pagination .page_number.active {background: #25245e; border: 1px solid #25245e; color: #fff;}

/* 상태 */
.state {display: inline-block; font-weight: 800;}
.state.state1 {color: #f68925;} /* 모집중 */
.state.state2 {color: #999999;} /* 종료 */

/* 문의사항 상태 */
.cate {display: inline-block; padding: 6px; min-width: 70px; background: #25245e; color: #fff; text-align: center; font-size: 14px;}
.cate.cate1 {background: rgba(37,36,94, .2);}

.icon {display: inline-block; position: relative; width: 16px; height: 16px; margin-right: 10px; background: no-repeat 50% 50%; vertical-align: middle; opacity: .6;}
.icon.icon_lock {background-image: url(../images/contents/icon_lock.svg); background-size: 14px auto;}
.icon.icon_reply {background-image: url(../images/contents/icon_reply.svg); background-size: 14px auto;}

/* 그래프 */
.graph_box {border: 1px solid #ededed; padding: 20px; margin-bottom: 20px;}
.graph_box .txt_tit {display: inline-block; font-size: 18px; font-weight: 800; padding-bottom: 20px;}
.graph_box .total {border: 1px solid #ededed; background: #f8f9fa; padding: 6px 10px; color: #767676; margin-left: 10px;}
.graph_box .total > b {color: #25245e;}

.graph_cont {margin: 20px 0;}
.graph {margin: 0 40px; border-left: 2px solid #25245e; font-size: 14px;}
.graph li {position: relative; padding: 14px 0; white-space: nowrap; vertical-align: top;}
.graph li .graph_tit {position: absolute; left: -20px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #767676; font-weight: 800;}
.graph .graph_bar {position: relative; display: inline-block; width: 50%; height: 28px; border-left: 1px solid #1780c3; background: #1780c3; vertical-align: middle;}
.graph .graph_data {vertical-align: middle; color: #999999; margin: 0 10px;}
.graph .graph_data > b {color: #25245e;}

/* 레이어 팝업 */
.layer_wrap {position: fixed; top: 0; left: 0; z-index: 1000; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;}
.popup_box {position: fixed; top: 50%; left: 50%; z-index: 500; width: 90%; max-width: 1400px; max-height: 90%; background: #fff; transform: translate(-50%, -50%); overflow-y: auto;}
.popup_box .popup_close {position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; background: #fff url(../images/common/icon_close.svg) no-repeat 50% 50%; background-size: 16px auto; border: 1px solid #ededed}
.popup_header {background: #f8f9fa; border-bottom: 1px solid #ededed;}
.popup_header h3 {font-size: 18px; font-weight: 600; padding: 16px 20px; color: #333;}
.popup_body {padding: 40px 20px;}
.popup_body .cont_title {padding-bottom: 20px;}
.popup_body .survey_box {margin-bottom: 40px;}
.popup_body .survey_box .survey_box_scroll {height: 280px; overflow-y: scroll; border: 1px solid #ededed; margin-bottom: 10px; padding: 20px;}
.popup_body .survey_box > p {color: #767676; padding: 16px 0; border: 1px dashed #ededed; margin: 10px 0; text-align: center;}
.popup_body .txt_tit {display: block; font-size: 18px; font-weight: 800; padding-bottom: 20px;}

/* 설문조사 */
.survey_wrap {margin-top: 40px;}
.survey_list .list_item {display: block;}
.survey_list .list_item .item_header {background: #f8f9fa; padding: 16px 20px; font-weight: 600; color: #333;}
.component_list {font-size: 0; padding: 10px;}
.component_list textarea {width: 100%; padding: 16px 20px;}
.component_item {display: inline-block; width: 20%; font-size: 15px;}
.component {display: inline-block;}
.component input[type="radio"] {display: none;}
.component label {display: inline-block; position: relative;}
.component label > span {vertical-align: middle; margin-left: 4px; color: #767676;}
.component label:before {content: ''; position: relative; display: inline-block; width: 15px; height: 15px; border: 2px solid #CED4DA; border-radius: 50%; vertical-align: middle;}
.component label:before {transition: all .2s linear;}
.component input:checked + label:before {border-color: #25245e; background: transparent;}
.component input:checked + label:after {content: ''; height: 7px; width: 7px; position: absolute; display: block; background-color: #25245e; border: transparent; top: 8px; left: 6px; border-radius: 50%;}
.component input:checked + label > span {color: #25245e;}

/* **************************************** *
 * 1200px : tablet
 * **************************************** */

@media (max-width: 1200px) {
    /* 게시판 검색 */
    .search_input input[type="text"]{min-width:320px;}

}
/* **************************************** *
 * 1024px : mobile
 * **************************************** */
 @media (max-width: 1024px) {
	.bbsList, 
    .bbsList tbody, 
    .bbsList tr, 
    .bbsList td {display: block;}

    .bbsList td {text-align: left;}

    .bbsList thead,
    .bbsList .num {display: none;}

    .bbsTbView,
    .bbsTbView tbody,
    .bbsTbView tr,
    .bbsTbView th,
    .bbsTbView td {display: block; width: 100%;}
    .bbsTbView th {padding: 10px 8px; text-align: left;}
    .bbsTbView td {padding: 10px 8px;}

    .pagination .page_number {width: 30px; height: 30px; line-height: 28px;}
    
    /* 게시판 검색 */
    .search_wrap .search{flex-direction: column; align-items: flex-start;}
    .search_wrap .search .search_opt{width:100%;}
    .search_wrap .search .search_opt select{width:calc(100% - 6px);}
    .search_input{flex-wrap:wrap; width:100%;}
    .search_input input[type="text"]{min-width:unset; width:calc(100% - 6px);}
    .search_input > p{width:100%;}
    .search_input .button{width:100%;}

 }

 /* **************************************** *
 * 767px : mobile
 * **************************************** */
 @media (max-width: 767px) {
	.tab .tab_item > span {font-size: 15px;}

    /*.search_wrap {padding: 10px;}*/

    .bbsView_title > h3 {font-size: 16px;}
	.bbsView_body_info dl {text-align: left;}
    .bbsView_body_info dl dd {vertical-align: top; font-size: 14px;}
    .bbsView_body_info dl dd {width: calc(100% - 80px); margin-right: 0; font-size: 14px;}

    .btn_wrap .btn_left, .btn_wrap .btn_right {float: none; display: inline-block;}

    .component_item {width: 50%;}

    .inputTel,
    .inputMail {display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
    .inputTel input {width: 30%;}
    .inputMail input {width: 50%;}
 }

 /* **************************************** *
 * 640px : mobile
 * **************************************** */
 @media (max-width: 640px) {
    .search_wrap{padding:15px;}
    .search_wrap .search .search_opt{flex-direction: column;}
    .search_wrap .search .search_opt select,
    .search_input .button,
    .search_input input[type="text"]
    {height:45px; line-height:40px;}
}