@charset "utf-8";


/* -------------------  table  ------------------- */
table{table-layout: fixed;}
/* tbl_01 기본테이블 */
.tbl_01{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse;border-top:1px solid #4d5360;  border-right:1px solid #d9d9d9; background:#fff;font-size: 14px;}
.tbl_01>*>tr>th,
.tbl_01>*>tr>td {padding:6px 10px 6px; border:1px solid #d9d9d9; border-width:0 0 1px 1px; vertical-align:middle}
.tbl_01>*>tr>th{background:#f5f7fd; font-weight:bold;}
.tbl_01>thead>tr>th{background: #f5f7fd;font-weight:600;text-align:center;}
.tbl_01>tbody>tr>th{background:#f6f6f6; font-weight:400;text-align:center;}
.tbl_01 * > table {margin:0 !important;}
.tbl_01 tbody.tbac >*>tr>td {text-align:center;}
.tbl_01 input.form[type="text"]{padding-left: 10px}

/* tbl_02 좌우선이없는 테이블 */
.tbl_02{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse; border-top:1px solid #4d5360;  border-bottom:1px solid #d9d9d9; border-right:1px solid #fff; background:#fff;}
.tbl_02>*>tr{border-right:2px solid #fff;}
.tbl_02>*>tr,
.tbl_02>thead+tbody>tr:first-child{border-right:2px solid #fff;}
.tbl_02>*>tr:first-child{border-right:1px hidden #fff;}
.tbl_02>tbody>tr:first-child>th, .tbl_02>tbody>tr:first-child>td { border-top-width: 0;}
.tbl_02>*>tr>th,
.tbl_02>*>tr>td {padding:6px 10px 4px; border-color:#d9d9d9; border-style:solid; border-width:1px 1px 0 0; vertical-align:middle}
.tbl_02>*>tr>th{background:#f6f6f6; font-weight:500;}
.tbl_02>thead>tr>th{border-width:0 1px 1px 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:bold; text-align:center;}
.tbl_02>tfoot>tr>th{border-width:1px 1px 0 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:bold;}
.tbl_02>tbody>tr:first-child>th,
.tbl_02>tbody>tr:first-child>td{border-top-width:0;}
.tbl_02 * > table {margin:0 !important;}

/* tbl_03 좌우선이없고 여백많이 */
.tbl_03{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse; border-top:1px solid #4d5360;  border-bottom:1px solid #d9d9d9; border-right:1px solid #fff; background:#fff;}
.tbl_03>*>tr{border-right:2px solid #fff;}
.tbl_03>*>tr,
.tbl_03>thead+tbody>tr:first-child{border-right:2px solid #fff;}
.tbl_03>*>tr:first-child{border-right:1px hidden #fff;}
.tbl_03>tbody>tr:first-child>th, .tbl_03>tbody>tr:first-child>td { border-top-width: 0;}
.tbl_03>*>tr>th,
.tbl_03>*>tr>td {padding: 14px;border-color:#d9d9d9;border-style:solid;border-width:1px 1px 0 0;vertical-align:middle;}
.tbl_03>*>tr>th{background: #fafafa;font-weight:400;padding: 14px 0; /*관리자 추가*/text-align: center;}
.tbl_03>thead>tr>th{border-width:0 1px 1px 0;border-color:#d9d9d9;background: #fafafa;font-weight:400;text-align:center;}
.tbl_03>tfoot>tr>th{border-width:1px 1px 0 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:400;}
.tbl_03>tbody>tr:first-child>th,
.tbl_03>tbody>tr:first-child>td{border-top-width:0;}
.tbl_03 * > table {margin:0 !important;}
.tbl_hover > * > tr:hover {background:#f5f5f5}
.tbl_03 > tfoot > * {background: #f9fbff !important;font-weight:400;}
.tbl_03.slim >*>tr>td {padding: 6px 5px !important;}
.tbl_03.thin >*>tr>th {padding:10px 5px !important;line-height: 20px;}
.tbl_03.thin >*>tr>td {padding:8px 5px !important;line-height: 20px;}
.tbl_03.moreThin >*>tr>th {padding: 7px 5px !important;line-height: 20px;}
.tbl_03.moreThin >*>tr>td {padding: 5px 5px !important;line-height: 20px;}
.tbl_03 .line > td, .tbl_03 .line > th {border-top:1px solid #a1a1a1;}

.tbl_03.state th.txtL {padding: 14px 24px;}
.tbl_03.state th.txtL01 {padding-left: 40px;font-weight: 600;}
.tbl_03.state th.txtL02 {padding-left: 70px;}
.tbl_03.state th.txtL03 {padding-left: 110px;font-size: 0.95rem !important;color: #727272;}
.tbl_03.state tbody th, .tbl_03.state tbody td {padding-top:5px; padding-bottom:5px;}
.tbl_03.state tbody td {text-align:right; }
.termTspan{margin: 0 5px;vertical-align: middle;}
/*
.tbl_03{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse; border-top:1px solid #4d5360;  border-bottom:1px solid #d9d9d9; border-right:1px solid #fff; background:#fff;}
.tbl_03>*>tr{border-right:2px solid #fff;}
.tbl_03>*>tr,
.tbl_03>thead+tbody>tr:first-child{border-right:2px solid #fff;}
.tbl_03>*>tr:first-child{border-right:1px hidden #fff;}
.tbl_03>tbody>tr:first-child>th, .tbl_03>tbody>tr:first-child>td { border-top-width: 0;}
.tbl_03>*>tr>th,
.tbl_03>*>tr>td {padding: 14px;border-color:#d9d9d9;border-style:solid;border-width:1px 1px 0 0;vertical-align:middle;}
.tbl_03>*>tr>th{background: #fafafa;font-weight:400;}
.tbl_03>thead>tr>th{border-width:0 1px 1px 0;border-color:#d9d9d9;background: #fafafa;font-weight:600;text-align:center;}
.tbl_03>tfoot>tr>th{border-width:1px 1px 0 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:600;}
.tbl_03>tbody>tr:first-child>th,
.tbl_03>tbody>tr:first-child>td{border-top-width:0;}
.tbl_03 * > table {margin:0 !important;}
.tbl_hover > * > tr:hover {background:#f5f5f5}
.tbl_03 * input {vertical-align:middle;}
.tbl_03 > tfoot > * {background: #f9fbff !important;font-weight:400;}
.tbl_03.slim >*>tr>td {padding:14px 5px !important;}
.tbl_03 .line > td, .tbl_03 .line > th {border-top:1px solid #a1a1a1;}

.tbl_hover > * > tr:hover {background:#f5f5f5}
*/

/* Thead 없는 테이블 */
.thead > * > tr:first-child > th,
.thead > * > tr:first-child > td {border-top: 2px solid #003a73 !important; }

.thC>tbody>tr>th{text-align: center !important;}

/* tbl_04 내부 테이블 */
/*기존에 있던 tbl_03을 tbl_04로 클래스이름 수정하였음*/
.tbl_04{width:100%;margin:5px 0 10px;border:0; border-collapse:collapse; border-top:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; background:#fff;}
.tbl_04>*>tr>th,
.tbl_04>*>tr>td {padding: 2px 1px;border:1px solid #d9d9d9;border-width:0 0 1px 1px;vertical-align:middle;line-height: 1.5em;}
.tbl_04>*>tr>th{background:#f6f6f6;}
.tbl_04>thead>tr>th{background:#f6f6f6; text-align:center;}
.tbl_04>tbody>tr>th{background:#f6f6f6;}

/* comb 헤더통합 수정 테이블 _191008이지영 */
/*.comb.bbsList tbody tr:nth-of-type(odd) th {background-color: #fafafa; border-top-width: 1px;} */
/*.Desc {background-color: #f5f7fd;}*/
/* comb 헤더통합 수정 테이블 _191008이지영 */

.comb.bbsList tbody tr:nth-of-type(odd) th {background-color: #fafafa; border-top-width: 1px;} 
.comb tr.active {background:#f9fbff !important; font-weight: 400;}
.more_Info_content {display: none;}
.more_Info_content.on {display: table-row;}
.desc > .tbl_04 th {background: #f9fbff !important; }
.desc > .tbl_04 > tbody th {padding: 5px 15px;}
.desc > .tbl_04 > tbody td {padding: 5px 30px; text-align: left;}
.txt_elipsis td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*말줄임*/
.tbl_03 .desc > table {margin:10px auto !important;} /*내부테이블*/



/* view_list 상세보기 하단 (윗글,아랫글) */
.view_list {clear:both; width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fafafa;}
.view_list li:last-child{border-bottom:0;}
.view_list li{position:relative;padding:12px 13px;font-size:1em;border-bottom:1px solid #ccc;}
.view_list li .list_comm{display:block;position:absolute;left:0;top:12px;width:120px; padding-left:30px; color:#4d4d4d; line-height: 28px; font-weight:600;}
.view_list li .list_comm:before {float:left; display:block; content:''; width:28px; height:28px; background: url(../img/common/btn_pagination.png) no-repeat; }
.view_list li .pre:before {background-position:-112px 0;}
.view_list li .nxt:before {background-position:-140px 0;}
.view_list li a{overflow:hidden;display:block;margin-left:9.28em;font-size:14px;color:#4d4d4d;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}



/* bbsList */
.bbsList {clear:both; width:100%; border-top:2px solid #333; table-layout:fixed;}
.bbsList caption {display:none;}
.bbsList tbody tr:nth-of-type(odd),
.bbsList tbody tr:nth-of-type(odd) th {background:#fff;}
.bbsList tbody tr:nth-of-type(even),
.bbsList tbody tr:nth-of-type(even) th {background:#fff;}
.bbsList th,
.bbsList td {padding: 10px 8px;text-align:center;box-sizing:border-box;}
.bbsList th {font-weight: 400;letter-spacing:-0.08em;border-bottom:1px solid #ccc;color:#000;background:#fafafa;}
.bbsList td {border-bottom:1px solid #ccc;}
.bbsList td a:hover {font-weight:400;}
.bbsList td a.past {color:#bbb;}
.bbsList td a.past:hover,
.bbsList td a.past:focus {color:#333;}
.bbsList img{vertical-align:middle;}

.bbsList .b_number {width:7%; }
.bbsList .b_name {width:10%;}
.bbsList .b_date {width:10%; font-size:0.9rem;}
.bbsList .b_count {width:7%;}
.bbsList .b_file {width:7%;}

.bbsList .b_subject {width:auto; white-space:nowrap;}
.bbsList td.b_subject {text-align:left;}
.bbsList .b_subject a {display:inline-block; padding-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:95%;}
.bbsList .b_subject a:hover {color:#000;}
.bbsList .b_subject .ico_new {vertical-align:4px;}
.bbsList td.b_file i {color:#929292;}
.bbsList td > span.st{    background: #f6f6f6;    padding: 2px 6px;    border-radius: 3px;    border: 1px solid #d5d5d5;    color: #525252;}
.bbsList td > span.fn{background: #f7fdff;    padding: 2px 6px;    border-radius: 3px;    border: 1px solid #d5e0e5;    color: #1b96f7;}
.bbsList td a.btn, .bbsList.comb th a.btn {letter-spacing:-0.5px;height: 27px;line-height: 25px;padding: 0 12px;font-size: 13px;} /*.bbsList.comb th a.btn 추가 이지영191017*/
/* 게시글 공지 */ 
.bbsList .import_bul { color:#ea5a7f; padding:0 5px; font-size:13px; font-weight:600; border: 1px solid #ea5a7f;margin-top: 5px;} /* background:#ff5722; */
.bbsList .normal_bul { color:#666; padding:0 5px; font-size:13px; font-weight:600; border: 1px solid #666;margin-top: 5px;} 

/* 게시글 New */
.bbsList  .new {  position: relative;   padding: 0 25px 0 0;}
.bbsList .new > span { 	   position: absolute;   bottom: 0;   right: 0;   border-radius: 50%;   content: '';   display: block;   width: 21px;   height: 21px;   background: #ff5722;   color: #fff;  font-size: 12px;   text-align: center;   line-height: 21px;   font-weight: 600;   font-size: 10px;   text-indent:-9999px;   font-size:0;   background:url('../img/common/icon_common.gif') -25px 0 no-repeat;}




/* basic_table 상단 검색영역 */
.bod_head {overflow: hidden;} /*이지영 추가 190925*/
.bod_head > .page_num {float:left; line-height: 35px;}
.bod_head > .bod_search {float:right; margin:0; text-align:right;}
.bod_head > .bod_search * > input ,
.bod_head > .bod_search * > select {display:inline-block; box-sizing:border-box; max-width:100%;height:33px; padding:0;line-height:normal;  vertical-align:bottom; text-decoration:none !important;}
.bod_head > .bod_search * > button{padding: 0 .75rem;/*이지영추가191017*/ height: 33px;}



/* 페이징 */
.pagination{clear:both; width:100%; margin:15px 0 0; text-align:center;}
.pagination * > a {vertical-align: middle;display: inline-block;width: 26px;height: 26px;border: 1px solid #e6e6e6;text-align:center;line-height: 24px;}
.pagination * > a:focus, a:hover, a:active { cursor:pointer; }
.pagination > .control > a {font-size: 0;text-indent: -9999px;margin: 1px -2px;border: 0;}
.pagination > .pages > a {margin: 0 1px;vertical-align: bottom;border-radius: 5px;}
.pagination .on {border-color:#333;background:#444;color:#fff;}
.control > a {background: url(../img/common/btn_pagination.png) no-repeat;}
.first { background-position:0 0 !important;  }
.prev  {background-position:-28px 0 !important;}
.next{ background-position:-56px 0 !important; }
.last {background-position:-84px 0 !important;}






/* basic_table 상세보기 */
.basic_view {clear:both; width:100%; border-top:2px solid #333;}
.basic_view .list_tit {text-align:center; background:#fafafa; margin:0 !important; padding:12px 0 0; text-align:center;}
.basic_view .list_tit > span {overflow: hidden; max-width: 95%; font-size:22px; font-weight:400; display:inline-block;}
.basic_view .view_info {border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; text-align: right; background: #fafafa;}
.basic_view .view_info > span {margin:0 20px 0 0;}
.basic_view .view_info > span b {padding:0 5px 0 0;}
.basic_view .cont_area {min-height:300px; box-sizing:border-box; padding:20px; border-bottom: 1px dashed #ccc;}

.list_file { overflow:hidden; border-bottom: 1px solid #333;/*  background:url('../img/common/bg_list_file.gif') left top repeat-y;   */}
.list_file dl {margin:0 !important; overflow:hidden;  padding:10px 20px;}
.list_file dt {float:left; width:70px; }
.list_file dd {float:left; margin:0 0 0 15px;}
.list_file dd > ul {margin:0 !important;}
.list_file dd > ul li img { vertical-align: middle; padding:0 0 0 5px;}
.list_file dd > ul li a:hover { text-decoration:underline; }
.file_dle {margin:0 0 0 5px;}
.file_txt {color: #4b4b4b;margin: 5px 0 5px 10px;display: inline-block;}
.file_txt  i {}


/* 질문/답변 view */
.board_qu {}
.board_qu > .list_tit::before {content: "Q";background-color: #029eb6;color: white;font-weight: bold;vertical-align: top;padding: 5px;border-radius: 50%;width: 20px;height: 20px;display: inline-block;line-height: 20px;margin: 4px 4px 0 0;}
.board_as {margin:50px 0;}
.board_as > .list_tit::before {content: "A"; background-color: #3f49ba; color: white; font-weight: bold; vertical-align: top; padding: 5px; border-radius: 50%; width: 20px; height: 20px; display: inline-block; line-height: 20px; margin: 2px 4px 0 0;}


/* bod_gallery */
.bod_gallery {width:100%; overflow:hidden;}
.bod_gallery ul {margin-top:20px;}
.bod_gallery li {width: 32.8%;border: 1px solid #ccc;box-sizing: border-box;float: left; margin-right: 0.8%;margin-bottom: 30px; overflow: hidden; position: relative;}
.bod_gallery li:nth-of-type(3n){margin-right:0;}
.bod_gallery li>a>span{width: 100%;height: 180px;overflow: hidden;}
.bod_gallery .gallImg{display: block;height: 100%; background-repeat: no-repeat;background-position: 50% 50%; background-size: cover;transition-duration: 0.4s;}
.gall_titleBox{width: 100%;height: 68px;border-top: 1px solid #ccc;box-sizing: border-box;background:#fff;padding: 13px 15px;}
.bod_gallery a:hover .gallImg{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15); -o-transform:scale(1.15);transform:scale(1.15);}

.bod_gallery li.no_data {float:left; width:100%; height:280px; margin-left:2.5%; text-align:center;}
.bod_gallery li.no_data span { padding-top:100px; }
.bod_gallery li:nth-of-type(4n-3) {margin-left:0;}
.bod_gallery li a {display:block;}
.bod_gallery span {display:block;}
.bod_gallery .thumb {font-size:0;line-height:0;background: #f6f6f6;width:100%;height:140px;border: 1px solid #e2e2e2;box-sizing: border-box;}
.bod_gallery .thumb > img {width:100%; height:140px; border:0; }
.gall_titleBox{width: 100%;height: 68px;border-top: 1px solid #ccc;box-sizing: border-box;background:#fff;padding: 13px 15px;}
.bod_gallery .subject {font-weight:600; font-size:14px; line-height:21px !important;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.bod_gallery .date {margin-top:4px; color:#666;}


.bod_gallery .art_fin{margin-top:3px;}
.bod_gallery .art_fin span{display:inline}
.bod_gallery .art_fin span.art_fin_type{color:#005aab;font-weight:500;padding: 0 6px 0 0;}
.bod_gallery .art_fin span.art_fin_date{color:#666;padding-left: 9px;border-left: 1px solid #cccccc;}
.tbl_dis_sch tbody tr td{text-align:center}



.basic_write{border-top:2px solid #333333; border-bottom:1px solid #333333;}
.basic_write > .option {padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.basic_write > .btn_wrap {text-align:center;}
.basic_write > dl {margin:0 !important;clear: both;border-bottom: 1px solid #ccc;/* min-height: 50px; */overflow: hidden;}
.basic_write > dl:after {display:block; content:''; width:100%; height:34px;}
.basic_write > dl:last-child {border:none;}
.basic_write > dl > * {float: left; display: inline-block;vertical-align: top;}
.basic_write > dl > dt {color: #333;font-weight: 600;width:18%;background:#fafafa;max-height: 50px;line-height: 50px;box-sizing: border-box;padding: 0 0 0 23px;}
.basic_write > dl > dd {width: 82%;height:40px;min-height: 50px;box-sizing: border-box;padding: 9px 0 0 20px;}
.basic_write > dl > dt.required {/*color:#da0000; background:#fff4f4;*/ padding: 0 0 0 15px;}
.basic_write > dl > dt.required:before {content:'*'; margin:0 5px 0 0; color:#da0000; font-weight:bold;}
.basic_write > .editor {border-bottom: 1px solid #ddd;border-top:none;height:300px;background:#fff;}
.basic_write > dl > dd > input,
.basic_write > dl > dd > select {display:inline-block;box-sizing:border-box;width: 95%;height: 30px;padding:0;line-height:normal;vertical-align: middle;text-decoration:none !important;}




/* 캘린더 */

.full_cal_wrap{width:100%}
.half_cal_wrap{width:50%}
.tbl_cal tr td{height:100px; vertical-align:top}
.half_cal_wrap .tbl_cal tr td{height:60px}
.tbl_cal tr td.empty{background:#fafafa}

.cal_tit{background:none !important; font-size:28px; font-weight:bold; text-align:center; padding:0 !important}

.tbl_02.tbl_cal>thead>tr>th{height:30px; width:10%}

.sat{color:#1473b5}
.sun{color:#c30c0c}
.today{background:#268de4;color:#fff}


.cal_txt{display:block; text-align:center; margin:0.3em 0; padding:0.15em 0; background:#eee; color:#333; border-radius:9px}


/* 아이콘 추가한 다음에 view source에 추가하기 */

.cal_tit_wrap{width:300px}
.cal_tit_wrap:after{display:block;content:"";clear:both;}
.cal_tit_wrap li{float:left;}
.cal_prev a, .cal_next a{ display:block; height:50px; border:1px solid #ddd; border-radius:50px}

.full_cal_wrap .cal_tit{width:89%}
.full_cal_wrap .cal_prev, .full_cal_wrap .cal_next{width:5%;}

.half_cal_wrap .cal_tit{width:79%}
.half_cal_wrap .cal_txt{font-size:12px}
.half_cal_wrap .cal_prev, .half_cal_wrap .cal_next{width:10%;}

.cal_tit_wrap{width:100%; text-align:center}

/* 자주하는 질문 */
/*.faq {border-bottom: 1px solid #ccc; }*/ /*이지영 임시제거 190925*/
.faq {border-top: 2px solid #333333; border-bottom: 2px solid #333333; } /*이지영 수정 190925*/
.faq-item {position: relative;border-top: 1px solid #e5e5e5; }
.faq-item:after {content: '＋';position: absolute;top: 12px;right: 15px;font-size: 20px;}
.faq-item:first-child {border-top: 0; }
.faq-item .faq-q a {display:block;padding: 15px 0;}
.faq-item.on .faq-q a {font-weight: 400;color: #3F51B5;}


.faq-item.on:after {content: '－'; }
.faq-item ul {margin-top: 1em; }

.faq-q {position: relative;padding: 0 50px 0 35px;}
.faq-q:before {content: 'Q';position: absolute;top: 18px;left: 3px;font-size: 16px;width: 27px;height: 27px;text-align: center;line-height: 27px;}
.faq-q p {position: relative; margin: 0; }

.faq-a {position: relative;padding: 20px 20px 30px 40px;border-top: 1px solid #b8b8b8;background-color: #f6f6f6;}
.faq-a:before {content: 'A';position: absolute;top: 22px;left: 3px;color: #000000;font-size: 18px;line-height: 1;width: 27px;height: 27px;text-align: center;line-height: 27px;}
.faq-a p {position: relative; color: #555; margin:0; }

.faq .more {color: #727272;margin-top: 25px;font-size: 0.9rem;text-align: right;}
.faq .more a {display: inline-block;color: #3f48ba;font-weight: bold;text-decoration: underline;font-weight: 400;}


@media (min-width: 751px) {
	.faq {border-top: 0; border-bottom-color: #ccc; font-size: 1.05em; }
    .faq {border-top: 2px solid #333333;} /*이지영 수정 190925*/
	.faq-q {padding-left: 80px; }
	.faq-q:before {top: 19px;left: 34px;}
	.on .faq-q:before {font-weight: bold;background: #3F51B5;color: #fff;border-radius: 50%;}
	.faq-a { padding: 30px 80px; }
	.faq-a:before {top: 32px;left: 34px;}
	.faq-a .more {margin-top: 20px; }
}


/* cardList - 카드형 게시판 */
.cardList {
    margin: 30px 0;
}
.cardList:after {content:''; clear:both; width:100%; display:block; }
.cardList .box {
	padding: 35px 40px 25px 40px;
	border: 1px solid #d6d9db;
	float: left;
	margin-right: 13px;
	margin-bottom: 33px;
	position:relative;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 100%;
	box-sizing: border-box;
}
.cardList .box .num {float: left;min-width: 30px;padding-top: 0;margin: 0;font-size: 0.875rem;height: 37px;line-height: 37px;color: #5f5f5f;}
.cardList .box .num:after {content: ''; display: block; clear: both;}
.cardList .box .title {margin: 0 0 5px 35px;overflow: hidden;line-height: 1.5;background: content-box;height: 37px;}
.cardList .box .title a {font-size: 1.375rem;font-weight:bold; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;width: auto;display: inline-block;vertical-align: top;}
.cardList .box .title a:hover,
.cardList .box .title a:active,
.cardList .box .title a:focus {text-decoration:underline;}
.cardList .box .info {line-height: 1.6;margin: 0 0 0 35px;}
.cardList .box .info li {display: inline-block;margin-right: 20px;margin: 0 20px 3px 0;}
.cardList .box .info li span {width:auto;font-weight: 600;margin: 0 7px 0 0;font-size: 0.9rem;color: #5f5f5f;}
.cardList .box .info li .btn {padding: 2px 2px 2px 7px;font-size: 0.9rem;}
.cardList .box label.ongoing {font-size: 0.9rem;padding: 2px 10px 2px 0;border-radius: 3px;margin: 0;vertical-align: top;display: inline-block;line-height: 30px;font-weight: 600;color: #1486c9;background: none;}
.cardList .box label.ongoing em {display: inline-block;margin: 0 auto;color: #fff;font-size: 0.9rem;border-radius: 50%;vertical-align: top;font-weight: normal;background: #007cc4;width: 30px;height: 30px;line-height: 30px;font-family: 'Noto sans';text-align: center !important;position: relative;z-index: 9;margin: 0 5px 0 0;}
.cardList .box .cancel {float:right; padding:4px 12px;}

.cardList .box label {background: #e2e2e2;color: #fff;font-size: 0.9rem;padding: 2px 10px;border-radius: 3px;margin: 5px 5px 5px 0;vertical-align: top;display: inline-block;font-weight: normal;}

.cardList .box:hover, .cardList .box:active, .cardList .box:focus {
	border: 1px solid #c0c0c0;
	box-shadow: 0 0 6px #dfdfdf;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	z-index: 1;
	}




@media all and (max-width:1000px) {
    .bbsList thead{display: none;}
    .bbsList colgroup{display: none;}
    .bbsList tr{display: block;width: 100%;overflow: hidden;border-bottom: 1px solid #ccc; padding: 10px 15px; box-sizing: border-box;}
    .bbsList td{width: auto !important;float: left;border: none;padding: 0
    ;}
    .bbsList td.b_subject{float: none;display: block;}
    .bbsList .b_subject a{max-width: 90%;box-sizing: border-box;}
    .bbsList .b_number{font-size: 1.5em;font-weight: bold;margin-right: 15px;}
    .bbsList .b_name,.bbsList .b_date,.bbsList .b_count,.bbsList .b_file{font-size: 0.9em;}
    .bbsList .b_date:before,.bbsList .b_count:before,.bbsList .b_file:before{content: "";display: inline-block;height: 8px; margin: 0 5px;padding-left: 0;border-left: 1px solid #ddd;vertical-align: middle;}
    .bbsList .new {padding: 0 20px 0 0;}
    .bbsList .new > span{width: 18px;height: 18px;line-height: 18px;background: url(../img/common/icon_common.gif) -26px -1px no-repeat;}
}
@media all and (max-width:750px) {
	.page_num {width:100%;float: inherit !important;margin:0;text-align: right;}
	.bod_search > fieldset {margin-top:5px;}
	.bod_head > .bod_search * > input {max-width:50%;} 
	.pagination > .pages > a:nth-child(6) {display:none;}
	.pagination > .pages > a:nth-child(7) {display:none;}
	.pagination > .pages > a:nth-child(8) {display:none;}
	.pagination > .pages > a:nth-child(9) {display:none;}
	.pagination > .pages > a:nth-child(10) {display:none;}
	.basic_view .b_type {width:100%;display: block;float: right;}

    .basic_write > dl > dt {width:100%;background: #fff;height: 37px;line-height: 37px;}
	.basic_write > dl > dd > input {width:100%;text-align: center; }
	.basic_write > dl > dd {width:100%;padding: 2px 20px 0 20px;}
	.list_file dt {width:100%;background: #fff;height: 37px;line-height: 37px;}
	.list_file dd {margin: 5px 0 0 0;}
    .basic_view .list_tit{padding-bottom: 0;}
    .basic_view .list_tit > span{font-size: 20px;line-height: 28px;}
    
    .bod_gallery li{margin-bottom: 15px;}
    .bod_gallery li>a>span{height: 150px;}
    
	.cardList .box {padding: 25px 10px;width: 100%;margin: -1px 0 0;border-left: none;border-right: none;}
	.cardList .box:last-child {margin-bottom: 10px;}
	.cardList .box .num {min-width:100%;}
	.cardList .box .title {margin: 30px 0 15px;padding-bottom: 5px;height: auto;clear: both;}
	.cardList .box .title a {white-space: inherit; display: inline; max-width: 100%;}
	.cardList .box .info {margin: 0;}
	.cardList .box .info li {display: block; margin-right: 0;} 
	.cardList .box .share {right: 20px;}
	.cardList .box .cancel { float:left; margin-top:25px;}

}
@media all and (max-width:640px) {
    .bod_gallery li{width: 49.5%;margin-right: 1%;margin-bottom: 10px;}
    .bod_gallery li:nth-of-type(3n){margin-right: 1%;}
    .bod_gallery li:nth-of-type(2n){margin-right: 0;}
    .bod_gallery .subject{font-size: 13px;}
    .gall_titleBox{font-size: 12px;}
    .bbsList .b_count,.bbsList .b_file{display: none;}
}
@media all and (max-width:460px) {
    .bbsList tr{padding: 10px;}
    .bbsList .b_number{margin-right: 10px;}
    .bbsList .new > span{display: none;}
}