@charset "UTF-8"; 

body.ko.board.cke_show_borders p img {max-width:100%;}
.Board-view table .view-body td table td{padding:0;}

/*=================================================================================
* Board
=================================================================================*/
/* 게시판 scroll */
.table-scroll-box{position:relative;}
.table-scroll-box.no-brd{border-top:0;}
.table-scroll-box + .table-scroll-box{margin-top:20px;}

.view-next-list .b-n01{width:20%; min-width:100px;}
.view-next-list tbody th {min-width:100px;}
.view-next-list .b-n02{width:auto;}

/* board top box(검색영역) */
.b-top-box{padding:0 0 20px 0;}
.b-top-box:after{content:"";display:block;clear:both;}
.b-total-info{display:inline-block; /*padding:10px 0 10px 0;vertical-align:middle;*/ height:42px; line-height:42px;}
.b-total-info p{display:inline-block;font-size:15px;line-height:25px;}
.b-total-info p:nth-of-type(1) span{padding:0 10px 0 0;}
.b-total-info p:nth-of-type(1) span:last-of-type{padding:0;}
.b-calendar {display:inline-block; padding: 0 0 10px 0; margin-right: 10px;}
.b-calendar input {width:130px;padding:11px 10px 12px; border:1px solid #ccc; box-sizing:border-box;}
.b-searchbox{display:inline-block;float:right;vertical-align:middle;}
.b-selectbox{display:inline-block;position:relative;margin:0 10px 0 0; /*background:url(/_res/kosha/img/board/bg-select-open.gif) no-repeat right 10px center; */font-size:16px;line-height:20px;box-sizing:border-box;vertical-align:middle;}
.b-selectbox > a{display:block;padding:9px 10px;min-width:160px;font-size:15px;color:#989898;box-sizing:border-box;}
.b-selectbox > ul{display:none;position:absolute;top:38px;right:-1px;left:-1px;border:1px solid #ccc;z-index:20;}
.b-selectbox > ul li{background-color:#fff;border-bottom:1px solid #ccc;}
.b-selectbox > ul li:last-of-type{border:none;}
.b-selectbox > ul li a{display:block;padding:11px 10px 10px;font-size:15px;color:#989898;box-sizing:border-box;}
.b-selectbox .b-select{min-width:150px; font-size:14px; height:40px; box-sizing:border-box; background-color:#fff; border:1px solid #ccc;}
.b-selectbox .b-select-s{min-width:130px; font-size:15px; color:#989898; height:40px; border:1px solid #ccc; box-sizing:border-box;}
.b-selectbox.close{background:url(/_res/kosha/img/board/bg-select-close.gif) no-repeat right 10px center;}
.b-selectbox.close ul{display:block;}
.b-search-date{display:inline-block;margin:0 10px 0 0;padding:11px 10px 12px;width:150px;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle;}
.b-search-input{display:inline-block;margin:0 10px 0 0;padding:11px 10px 12px;max-width:300px;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle;}
.b-search-input::placeholder{color:#989898;}
.b-search-input-l{display:inline-block;margin:0 10px 0 0;padding:12px 10px 12px;width:500px;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle;}
.b-search-input-l::placeholder{color:#989898;}
.b-searchbox button{display:inline-block;padding:11px 20px;min-width:100px;border:none;background-color:#0887c2;font-size:15px;cursor:pointer;color:#fff;text-align:center;box-sizing:border-box;vertical-align:middle;}
.b-search-input .calendar_search{width:230px;}
.board_txt {float:left; color:#333; line-height:40px; padding-left:11px;}
.Board_search {width:100%; height:60px;}
.Board_search .board_search_type01 {float:right;}
.btn_board_search{width:100px; height:40px; margin-left:10px;background-color:#0887c2; color:#fff; font-size:15px; border:none; cursor:pointer;}
.board-search01{display:inline-block;padding:11px 20px;min-width:100px;border:none;background-color:#0887c2;font-size:15px;color:#fff;text-align:center;box-sizing:border-box;vertical-align:middle;}
.board-search02{display:inline-block;padding:8px 20px;min-width:100px;border:none;background-color:#0887c2;font-size:15px;color:#fff;text-align:center;box-sizing:border-box;vertical-align:middle;}

/* 페이지 영역 */
.Board_pager { padding:50px 0 30px 0;}
.Board_pager .Pageing {text-align:center; color:#7b7b7b;}
.Board_pager .Pageing li {display:inline-block; margin:0 7px 10px -4px; box-sizing:border-box; vertical-align:top; cursor:pointer;}
.Board_pager .Pageing li a{display:block;}
.Board_pager .page_list {width:33px; height:35px; border:1px solid #ccc; line-height:34px;}
.Board_pager .first{background-color:#999; border:1px solid #999; color:#fff;}
.Board_pager .first a{color:#fff;}
.Board_pager .prev-pager {margin:0 20px 0 -4px;}

.Board_pager .Pageing .total-pager {display:inline-block; margin:0 7px 10px -4px; box-sizing:border-box; vertical-align:top; cursor:pointer;}
.Board_pager .Pageing .total-pager a{display:block;}

/* 20201021 추가 페이지 영역 */
.Board_pager02 {padding:50px 0 30px 0; text-align:center; color:#7b7b7b;}
.Board_pager02 strong {display:inline-block; margin:0 7px 10px -4px; box-sizing:border-box; vertical-align:top; cursor:pointer; text-align:center; color:#fff; font-weight:inherit; width:33px; height:36px; border:1px solid #999; background-color:#999; line-height:34px;}
.Board_pager02 a {display:inline-block; margin:0 7px 10px -4px; box-sizing:border-box; vertical-align:top; cursor:pointer; text-align:center; color:#333; width:33px; height:36px; border:1px solid #ccc; line-height:34px;}

/* button */
.b-btn-wrap button,.b-btn-wrap a{display:inline-block;background-color:#fff;font-family:inherit;font-weight:700;font-size:15px;text-align:center;box-sizing:border-box;vertical-align:top;}
.b-btn-wrap button{padding:13px 0;border:none;line-height:1;}
.b-btn-wrap a{padding:13px 0;border:1px solid rgba(0,0,0,0.1);}
.b-btn-wrap .b-bgc-red{background-color:#922222;color:#fff;}
.b-btn-wrap{padding:35px 0 0 0;}
.b-btn-wrap:after{content:'';display:block;clear:both;}
.b-btn-wrap ul{float:right;}
.b-btn-wrap ul li{float:left;padding:0 10px 0 0;}
.b-btn-wrap ul li:last-of-type{padding:0;}
.b-searchbox button.cal-list-b{height: 40px; line-height: 20px;}


/*=================================================================================
* Board List Type 공통
=================================================================================*/
.Board_list table {width:100%; font-weight:300; border-collapse:collapse; border-spacing: 0px; text-align:center; border-top:2px solid #2b2b2b;}
.Board_list table tr {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.Board_list table th {border:1px solid #d8d8d8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:45px; background-color:#f9f9f9; color:#333; font-size:17px; font-weight: 400;}
.Board_list table th:first-child{border-left:0px;}
.Board_list table th:last-child{border-right:0px;}
.Board_list table td {border:1px solid #d8d8d8; max-width: 373px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding: 13px 4px;}
.Board_list table td a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal;}
.Board_list table td div {}
.Board_list table td div a {float:left;line-height: 22px;}
.Board_list table td div span {float:left;}
.Board_list table td div img {padding-left: 3px;}
.Board_list table td:first-child{border-left:0px;}
.Board_list table td:last-child{border-right:0px;}
.Board_list table .b-check input{display:none;}
.Board_list table thead tr th .b-check{vertical-align:middle;}
.Board_list table thead tr th .b-check label{display:inline-block;line-height:17px;vertical-align:middle;}
.Board_list table thead tr th .b-check label:before{content:"";display:inline-block;width:15px;height:15px;border:1px solid #7b7b7b;background:#fff;vertical-align:middle;}
.Board_list table thead tr th .b-check input:checked+label:before{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.Board_list table tbody tr td .b-check{vertical-align:top;}
.Board_list table tbody tr td .b-check input:checked+label{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.Board_list table tbody tr td .b-check label{display:inline-block;width:15px;height:15px;border:1px solid #7b7b7b;background:#fff;text-indent:-999999px;}

/* new_b css */
.new_b .Board_list table td {padding: 10px 20px;}
.Board_list.new_t table th {padding: 0 10px;}
.Board_list.new_t table td {padding: 10px 10px;}
.Board_list .agreeText {margin:20px 0; display:none; white-space: normal;}
.Board_list .agreeText h6 {font-size: 1.1em; font-weight: bold; margin-top: 20px; }
.Board_list .agreeText p + p, .Board_list .agreeText p + h6, .agreeText .new_mt20 {margin-top:20px;}
.agreeText .emph {color: #512d01; background: #fcfaf0; border: 1px solid #d1cec6; padding: 10px 20px;}
.agreeText .listType_Dec {margin: 10px 0 20px 20px;}
.listType_Dec > li {list-style-type: decimal;}

/* 발표대회 접수 */
.Board_list table td.board-list-title div.resi-div > a{display:flex;}
.Board_list table td.board-list-title div.resi-div > a > span{width: 100%; overflow: hidden; text-overflow: ellipsis;}
.Board-view-type01 tbody tr th{word-break:keep-all;}
.Board_list table td.board-list-date{white-space:normal;}

td.board-list-check {min-width:30px;}
td.board-list-uid {min-width:40px;}
td.board-list-title {min-width:178px; max-width:268px!important;}
.table-scroll-box table tbody tr td.board-list-title > div{width:inherit; display:flex; align-items:center;}
td.board-list-title a {display:inline-block;}
td.board-list-title img[alt="새글"]{min-width:-moz-max-content;}
td.wh-sp-nomal {white-space:normal!important;}

.Board_list table td div a.no-confirm{padding-top:0; margin-left:7px; color: #fdad2f; border-bottom:1px solid; text-overflow:clip; overflow:visible;}
.resi-div{display:flex; align-items: center;}

/* 홍보자료 | 음원 | 안전동요 */
.Board_list table .board_giving{max-width:155px;}
.Board_list table .board_year{max-width:100px;}

/* 리스트(Board-list-type02) */ 
.Board-list-type02 {width:100%; font-weight:400; border-collapse:collapse; border-spacing: 0px; text-align:center; border-top:2px solid #2b2b2b;}
.Board-list-type02 tr {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.Board-list-type02 th {border:1px solid #d8d8d8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:45px; background-color:#f9f9f9;}
.Board-list-type02 th:first-child{border-left:0px;}
.Board-list-type02 th:last-child{border-right:0px;}
.Board-list-type02 td {border:1px solid #d8d8d8; text-overflow:ellipsis; white-space:pre-line; overflow:hidden; padding: 10px 0;}
.Board-list-type02 td:first-child{border-left:0px;}
.Board-list-type02 td:last-child{border-right:0px;}

/* 리스트(Board-list-type04) */ 
.Board-List-Type04 td {max-width:100px;white-space:normal!important;}
.Board-List-Type04 .board-list-title a {white-space:normal; font-weight: 300; max-width:calc(100%);}

/* 리스트(Board-list-type08) */ 
.Board-list-type08 td {white-space:normal!important;}

/* 리스트(Board-list-type25) */
.Board-list-type25 tbody td {white-space: normal; line-height:20px;}


/* 리스트(Board-list-type29) */
.Board-list-type29 tbody td {white-space: normal; line-height:20px;}
img.list_attach_img {width: 20px;}

/* 리스트(Board-list-type31) */
.Board-list-type31 th {padding:10px;}
.Board-list-type31 tbody td {white-space: initial; line-height:20px;}
.Board-list-type31 tbody td a{white-space: initial; line-height:20px;}
.Board-list-type31 td.board-list-title a {width:100%;}

/* 일정등록 */
.calendar-haeder {width:100%; font-size:28px; font-weight:500;text-align:center;margin:0 auto;padding: 0 0 25px 0;max-width: 430px;}
.fc-left {float:left;padding-right:10px;padding-top: 5px;}
.fc-center {display:inline-block;}
.fc-right {float:right;padding-left:10px;padding-top: 5px;}
.calendar-table {width:100%;box-sizing: border-box;table-layout: fixed;border-collapse:collapse; border-spacing: 0px; text-align:center; border-top:2px solid #2b2b2b;}
.calendar-table  tr {box-sizing: border-box;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.calendar-table th {border:1px solid #d8d8d8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:45px; background-color:#f9f9f9;}
.calendar-table th:first-child{border-left:0px;}
.calendar-table th:last-child{border-right:0px;}
.calendar-table .tr01 > td:first-child{border-left:0px;color:#d85014;}
.calendar-table .tr01 > td:last-child{border-right:0px;color:#005eb5;}
.calendar-table .tr01 > td {border:1px solid #c9c9c9;}
.cell-s-date {text-align:right;padding:10px;}
.calendar-table td input {border:none; background: none;width: 100%; max-width: 100px;text-align: center;}

.today {border: none;background: #ebebeb;}
.cell-s {width:100%; padding: 10px; }
.cell-s td {border:none; padding: 10px 0; font-size: 15px;}
.cell-s td.cell-s-date {padding:10px;}
.cell-s-count {font-size:17px; font-weight:500;}
.calendar-select{border: 2px solid #0887c2!important; box-sizing: border-box;}
.th-red {color:#d85014;}
.th-blue {color:#005eb5;}

/* 하단 리스트 박스 */
.calendar-list-wrap {width:100%; height:100%; border:1px solid #ccc; margin:30px 0; display:table; position:relative;}
.calendar-date {display: table-cell; vertical-align: middle; padding: 15px; box-sizing:border-box; width:25%; height:100%; font-size:22px; font-weight:500; background-color:#555; color:#fff; text-align:center;}
.calendar-list {display: table-cell; height:auto; background-color:#f9f9f9;}
.calendar-list dl {width:40%; border-left: 3px solid #015d7e; margin:20px; padding-left: 10px; display:inline-block; vertical-align:top; box-sizing:border-box;}
.calendar-list dl dt {font-size:15px;font-weight: 300; padding-bottom:10px; word-break:break-all;}
.calendar-list dl dd {font-size:15px; font-weight:200;}
.calendar-list dl dd span {position:relative; padding-right:10px;}
.calendar-list dl dd span:after {content: ""; position: absolute; top: 5px; right: 0; width: 1px; height: 13px; margin: 0px 4px; border-right: 1px solid #555;}
.sche_table {border-top:2px solid #333;}


/*=================================================================================
* Board view type 공통
=================================================================================*/
.Board-view .view-body-wrap {padding:0px 28px;position: relative;}

.Board-view {width:100%;}
.Board-view table {display: table; border-top:2px solid #2b2b2b; border-bottom: 1px solid #ccc; width:100%;}
.Board-view table tbody tr.view-header {width:100%; background-color:#f9f9f9; }
.Board-view table tbody .view-header th {word-break: break-all; border-right:0; padding:15px 0 15px 20px; font-size:20px; font-weight:500; text-align:left;overflow: hidden;}
.Board-view table tbody .view-header td {border-left:0; padding:18px 20px 18px 0; text-align:right; font-size:17px; font-weight:200;}
.Board-view table tr {height:45px; }
.Board-view table th {background:#f9f9f9; border:1px solid #d8d8d8;}
.Board-view table td {padding: 10px 10px; border:1px solid #d8d8d8; word-break:break-all;}/*word-break:알림소식-홍보자료-방송캠페인 뷰 - 방송매체 줄이 안바껴서 추가 / 다른페이지가 깨질시 추후 수정*/
.Board-view table th:first-child{border-left:0px;}
.Board-view table th:last-child{border-right:0px;}
.Board-view table td:first-child{border-left:0px;}
.Board-view table td:last-child{border-right:0px;}
.Board-view table .view-body-top {font-size:15px; padding:10px 0;}
.Board-view table .view-body-top td {border:none !important;padding:20px 20px;}
.Board-view table .view-body-top td:last-child {text-align:right;}
.Board-view table .view-page td{border:none !important;}
.cusor {cursor: pointer;}
.Board-view table .view-down a{font-size:15px;line-height:32px;}
.Board-view table .view-downbox {display:none; position:relative;}
.Board-view table .view-downbox ul {z-index:15;background: #f9f9f9;position: absolute;right: 0;padding: 25px 30px;margin-top: 10px;border: 1px solid #333333;max-width:510px;}
.Board-view table .view-downbox ul li{text-align:left;}
.Board-view table .view-downbox ul li:last-child{text-align:right;}
.Board-view table .view-downbox ul li a{font-size:15px;line-height:25px;text-overflow:ellipsis;overflow:hidden;display:block;}
.Board-view table .view-body-top .view-down img {padding-right:10px;}
.Board-view table .view-body-top .view-down span {color:#0a6db3; padding-left:5px;}
.Board-view table .view-body {font-size:17px; font-weight:300; color:#333; word-break: break-all;}
.Board-view table .view-body img {width:100%;}
.Board-view table .view-body .img-in-view {text-align:center;}
.Board-view table .view-body td {padding:27px 20px 42px 20px;  line-height: 24px; font-weight:400; border:1;}
.Board-view table .view-body td pre {font-family: 'Noto Sans KR',sans-serif; font-size: 17px; font-weight: 300; color: #333; white-space:pre-wrap;}
.view-foot-wrap .view-next-list {width:100%;}
.view-foot-wrap .view-next-list td {max-width:700px;}
.view-foot-wrap .view-next-list td a {line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:normal;display: block; word-break:break-all;}
.view-foot-wrap .view-next-list tbody th span {padding:0 10px;}
.view-foot-wrap .view-next-list tbody tr {border-bottom:1px solid #d8d8d8; padding:10px 20px; height:50px;}
.view-foot-wrap .view-next-list tbody tr:last-child {border-bottom:1px solid #d8d8d8;}

.Board-view table td.prePrice{word-break:break-all;}
.youtube {width:100%;min-height: 500px;}

/* 게시판 view04 */
.view-copyright tbody td img {width:100%;}
.board-view-type04 tbody th {font-size:17px; font-weight:400; height:45px; text-align:center; word-break:keep-all; padding:5px 0;}
.board-view-type04 tbody td {border-left:1px solid #d8d8d8; text-align:center;}
.board-view-type04 tbody tr th:last-child {border-right:0;}

/*=================================================================================
* Board write type 공통
=================================================================================*/
.write-table{width:100%; border-top:2px solid #2b2b2b; }
.write-table tbody tr {/*border-bottom:1px solid #d8d8d8;*/ height:43px;}/* 계약현황: height추가*/
.write-table tbody th {padding:0 10px; font-size:17px; font-weight:400; background-color:#f9f9f9; border:1px solid #d8d8d8; word-break:keep-all;border-left: 0;} 
.write-table tbody td {padding:10px 15px; border:1px solid #d8d8d8;}
.write-table tbody tr td:last-of-type {border-right: none; border-left: none;}
.write-table tbody td input {border:1px solid #c9c9c9; height:35px;}
.write-table tbody .write-tit {width:96%;}
.write-table tbody .write-name {width:250px;}
.write-table tbody .write-attach {padding:10px 0;}
.write-table tbody .write-uplode li {padding:10px 0;}
.write-table tbody .write-textarea {width:100%; height:200px;}
.write-table .write-attach .attachnum {width:90px; height:35px; text-align:center; font-size:15px;}
.write-table .write-attach span{font-weight:500; padding-left:50px;}
.personal_info{padding:30px 20px 0 20px;}
.personal_info p {font-size:17px; font-weight:500; padding-bottom:10px;}
.personal_info .agree {padding:15px 15px;}

/* Board-thumb-type13 */
.Board-thumb-type13 colgroup .b-col01{width:auto;}
.Board-thumb-type13 colgroup .b-col02{width:15%;}


.Board-thumb-type13 .b-check{display:inline-block;}
.Board-thumb-type13 .b-check input{display:none;}

.Board-thumb-type13{width:100%;border-top:3px solid #2b2b2b;table-layout:fixed;}
.Board-thumb-type13 thead tr th{padding:14px 10px 13px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f9f9f9;font-weight:400;vertical-align:middle;}
.Board-thumb-type13 thead tr th:first-of-type{border-left:none;text-align:left;}
.Board-thumb-type13 thead tr th .b-check{padding:0 15px 0 0;vertical-align:middle;}
.Board-thumb-type13 thead tr th .b-check label{display:inline-block;line-height:17px;vertical-align:middle;}
.Board-thumb-type13 thead tr th .b-check label:before{content:"";display:inline-block;margin:0 15px 0 0;width:15px;height:15px;border:1px solid #7b7b7b;background:#fff;vertical-align:middle;}
.Board-thumb-type13 thead tr th .b-check input:checked+label:before{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.Board-thumb-type13 tbody tr td{position:relative;padding:20px 10px;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;vertical-align:middle;}
.Board-thumb-type13 tbody tr td:first-of-type{border-left:none;}
.Board-thumb-type13 tbody tr td:nth-of-type(2){text-align:center;}
.Board-thumb-type13 tbody tr td .b-check{vertical-align:top;}
.Board-thumb-type13 tbody tr td .b-check input:checked+label{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.Board-thumb-type13 tbody tr td .b-check label{display:inline-block;margin:0 15px 0 0;width:15px;height:15px;border:1px solid #7b7b7b;background:#fff;text-indent:-999999px;}
.Board-thumb-type13 tbody tr td .b-thumb-img-box{display:inline-block;border:1px solid #ccc;vertical-align:top;}
.Board-thumb-type13 tbody tr td .b-thumb-content-box{display:inline-block;padding:0 0 0 15px;max-width:calc(100% - 145px);}
.Board-thumb-type13 tbody tr td .b-thumb-content-box dt{padding:0 0 10px 0;}
.Board-thumb-type13 tbody tr td .b-thumb-content-box dt a{font-weight:400;font-size:17px;line-height:22px;}
.Board-thumb-type13 tbody tr td .b-thumb-content-box .b-thumb-content{padding:0 0 20px 0;width:100%;}
.Board-thumb-type13 tbody tr td .b-thumb-content-box .b-thumb-content a{display:block;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*.Board-thumb-type13 tbody tr td .b-filedown{display:inline-block;width:19px;height:19px;background:url(/_res/kosha/img/board/ico_file.png) no-repeat 0 0;text-indent:-999999px;}*/

.b-thumb-content-info ul:after{content:"";display:block;clear:both;}
.b-thumb-content-info ul li{float:left;position:relative;padding:0 14px 0 11px;}
.b-thumb-content-info ul li:after{content:"";position:absolute;top:4px;right:0;width:1px;height:13px;background-color:#777;}
.b-thumb-content-info ul li:first-of-type{padding:0 14px 0 0;}
.b-thumb-content-info ul li:last-of-type{padding:0 0 0 11px;}
.b-thumb-content-info ul li:last-of-type:after{display:none;}
.b-thumb-content-info ul li span{font-size:13px;color:#777;line-height:18px;}

.b-n-thumb-wrap .b-btn-wrap ul li{border:1px solid #333;}
.b-n-thumb-wrap .b-btn-wrap ul li a.b-btn-multi{padding:10px 70px 11px 20px;background:url(/_res/kosha/img/board/btn-multidown.gif) no-repeat right 20px center;}

/* Board-thumb-type23 */
div.videoThumbWrap{border-top:2px solid #2b2b2b;border-bottom:2px solid #2b2b2b;overflow:hidden;}
div.videoThumbWrap ul{overflow: hidden;margin-bottom: -1px;}
div.videoThumbWrap > ul > li{float:left;width:33.3%;box-sizing:border-box;padding:25px;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;min-height: 269px;}
div.videoThumbWrap > ul > li:nth-child(3n){border-right:0;}
div.videoThumbWrap ul li img{max-width:100%; min-height: 100px;}
div.videoThumbWrap div.videoThumbCont{position:relative;margin-top:10px;}
div.videoThumbWrap div.videoThumbCont .videoThumbTit{font-weight:500;font-size: 15px;}
div.videoThumbWrap div.videoThumbCont .videoThumbDesc{font-size:13px;margin:10px 0 0 0;}
.videoThumbTit, .videoThumbDesc{width:80%;display:block;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 20181101 수정 */
.videoDownBtn{border:1px solid #cccccc;box-sizing:border-box;width:45px;height:45px;position:absolute;top:0;right:0;background:url("/_res/kosha/img/board/videoDown_icon.png") no-repeat center top 7px;font-size:12px;text-align:center;    padding: 25px 0 0 0;}
.videoHomeBtn{background:url("/_res/kosha/img/board/home_icon.png") no-repeat center top 7px;}
.videoHomeBtn:hover{background:#0887c2 url("/_res/kosha/img/board/home_icon_on.png") no-repeat center top 7px;border:1px solid #0887c2;color:#fff;}
/* 20181101 수정 */
.galleryViews{background:none;padding: 10px 0 0 0;}
.galleryViews span{font-size:15px;}
ul.writerList{overflow:hidden;margin:10px 0 0 0;}
ul.writerList li{float:left;}
ul.writerList li:first-child{background:url("/_res/kosha/img/board/writerIcon.png") no-repeat left center;padding:0 10px 0 20px;border-right:1px solid #a4a4a4;    margin-right: 10px;}

/*
.downlist {position:relative;}
.downlist ul {background: #f9f9f9;position: absolute;right: 0;padding: 25px 30px;margin-top: 10px;border: 1px solid #333333;width: 240px; z-index:99999;}
.downlist ul li{width: 100%;}
.downlist ul li a{font-size:15px;line-height:25px;}
.downlist{text-align:left;}
.downlist img{padding-right:10px;}
.downlist ul {line-height: 30px; height: 120px; overflow: auto; width:103%;}
.downlist li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.downlist ::-webkit-scrollbar{width:6px;}
.downlist ::-webkit-scrollbar-thumb{background-color:rgba(8,135,194,0.7); border-radius:6px;}
.downlist ::-webkit-scrollbar-button:start:decrement{width:6px; height:6px; background-color:rgba(8,135,194,0.7);  border-radius:6px;}
.downlist ::-webkit-scrollbar-button:end:increment{width:6px; height:6px; background-color:rgba(8,135,194,0.7);  border-radius:6px;}
body{scrollbar-arrow-color:rgba(8,135,194,0.7); scrollbar-face-color:rgba(8,135,194,0.7); scrollbar-3d-light-color:rgba(8,135,194,0.7);
scrollbar-track-color:#fff;  scrollbar-dark-shadow-color:#fff; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff;}
*/
/* 게시판 wirte04 */
.board-write-type04 .write-table tbody th:nth-child(3n) {border-left:1px solid #d8d8d8;}
.write-table tbody td input.write-tit-l {width:98%;}
.write-table tbody td input.write-tit-s {min-width:250px;}

/*산업안전보건공단 | 열린경영 | 토의게시판*/
.Board-view table.discussion-table .view-body-top td:last-child {text-align:left; border:1px solid #d8d8d8 !important; border-right:0 !important;}
.view-foot-wrap .disview-next-list tbody tr {border-top:1px solid #d8d8d8;}


/*****************************/
/* button, input, select	 */
/*****************************/
.txt-btn { padding:5px 10px; margin-left:10px; background-color:#464646; color:#fff; text-align:center; display: inline-block;}
.attach-data li {padding-bottom:10px;}

/*write 첨부, 태그 */
.write-table input[type="text"]:not(.ui-autocomplete-input){height:34px; border: 1px solid #c9c9c9;padding: 0 0 0 10px;}
.write-table input[type="password"]:not(.ui-autocomplete-input){height:34px;}
.write-table td input[type="checkbox"]+label,
.write-table td select+label{font-size:15px; word-break:break-all;}
.w-mail-s{width:120px !important; border: 1px solid #ccc;}
.w-mail-m{width:150px; border: 1px solid #ccc; height:35px;}
.w-text-m {width:160px; border: 1px solid #ccc; height:35px;}
.w-text-s {width:100px; border: 1px solid #ccc; height:35px;}
.w-text-xs {width:70px; border: 1px solid #ccc; height:35px;}
.write-table .attach span{font-weight:500; padding-left:50px;}
.write-table .btn_attach_select{height:35px}
.write-table .email-domain{height:36px; border: 1px solid #c9c9c9;}
.write-table .attach-select{width:90px; height:35px;padding:0 10px; border: 1px solid #c9c9c9;}
.w-select{width:150px; height:36px; padding:0 0 0 10px; border: 1px solid #c9c9c9;}
.w-select-s {width:100px; height:36px; padding:0 0 0 10px; border: 1px solid #c9c9c9; }
.w-select-l{width:220px; height:36px; padding:0 0 1px 10px; border: 1px solid #c9c9c9;}
.w-select-xl{width:300px; height:36px; padding:0 0 1px 10px; border: 1px solid #c9c9c9;}
.write-table .file-alt{width:95%; padding:0 0 0 10px;}
input[type="text"].w-number-s {width:30px; height:30px; padding:0 10px; border: 1px solid #c9c9c9; text-align:center;}
input[type="text"].w-number-m {width:60px; height:30px; padding:0 10px; border: 1px solid #c9c9c9; text-align:center;}
.new_b input[type="text"].w-number-m {height:33px; width:auto;}
.attach p {padding:10px 0 0 0;}
.write-table .attach .file-box{font-size:17px; padding-bottom:10px;}
.file-list li {padding-bottom:10px;}
.file-list li:last-child {padding-bottom:0;}

/* 첨부 파일 미리 보기 */
.write-table input.file-prev-view { width: 257px; }
/* 첨부 파일선택 버튼 */
.write-table button.btn_attach_select {
	cursor: pointer;
	background-color: #656d78;
	display: inline-block;
	height: 37px;
	line-height: 37px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	padding: 0 15px;
	border: none;
}
/* 첨부 파일 감추기 */
.write-table input[type=file] { 
	width: 70px;
	height: 39px;
	margin-left: 2px;
	position: absolute;
	opacity: 0.0;
	filter: Alpha(opacity=0);
}

.board .deleted, .board .deleted * { text-decoration: line-through !important; color: #999999 !important;}


.tagit-autocomplete.ui-menu .ui-menu-item { line-height: 24px; }
ul.tagit li.tagit-choice { line-height: 40px !important;}
ul.tagit-autocomplete.ui-widget-content { padding:5px; }
ul.tagit li.tagit-new{padding:0.25em !important;font-size:12px !important;line-height:1 !important}

.q-icon{ background: url("/_custom/kosha/resource/img/icon_q.gif") no-repeat 5px 10px }
.a-icon{ background: url("/_custom/kosha/resource/img/icon_a.gif") no-repeat 5px 10px }

/* 필요 보안문자 10/23*/
.captcha.captchaRefresh {background: url("/_custom/kosha/resource/img/captcha_refresh.png") no-repeat ;width: 16px; height: 16px; display: inline-block;}
.captcha.captchaSound {background: url("/_custom/kosha/resource/img/captcha_volume.png") no-repeat ;width: 16px; height: 16px; display: inline-block}
.board input.calendar {background : url("/_custom/kosha/resource/img/btn_calender.png") no-repeat scroll 95% 50%; width: 110px; cursor: pointer; height:38px; border:1px solid #ccc; text-align:center; vertical-align:bottom;}
.new_b .board input.calendar {height:33px;}
.b-searchbox form fieldset input.calendar:last-of-type{margin-right:5px;}
/*정렬할 번호 label*/
label.orderNoUserInfo{padding-left:10px; color:red;}
/* 필요 보안문자 10/23*/

@media screen and (max-width:1024px) {
	.board-write-type04 .write-table tbody td input.write-tit-s {min-width:90%; width: 90%;}
	.search_detail .research-table tbody tr:first-child td:last-child{padding:10px 0 10px 10px;}
}
@media screen and (max-width:800px) { 



	.search_detail .research-table tbody tr{display: flex; flex-flow: column nowrap;}
	.search_detail .research-table tbody tr th{padding:10px; width: calc(100% - 20px); border-right: none; border-bottom: 1px solid #d8d8d8; border-left: none; border-right:none;}
	.search_detail .research-table tbody tr:last-child th:last-of-type{border-top: 1px solid #d8d8d8;}
	.search_detail .research-table tbody tr td{text-align:center; padding:10px;}
	.search_detail .research-table tbody tr:first-child td:first-of-type{padding:10px 5px 0 5px;}
	.search_detail .research-table tbody tr:first-child td:last-of-type{padding:5px 0;}
	.research-table	colgroup{display:none;}

	.Board-view table td.prePrice{font-size:14px; padding:0;}

	.b-total-info{height:35px; line-height:35px;}

	/*layout */
	.sub-content{padding:0 0 70px 0;}

	/* common */
	.b-pc-hide{display:block !important;}
	.b-mobile-hide{display:none !important;}

	/* botton */
	.b-btn-wrap{padding:20px 0 0 0;}

	/* 게시판 */
	.b-paging-wrap{padding:40px 0 0 0;}

	/*공통게시판 스크롤*/
	.table-scroll-box{overflow:auto;}
	.table-scroll-box table{width:768px;}
	.table-scroll-box div{width:768px; width:100%;}
	.table-scroll-box div.thumb.full{width:100%;}
	.ico-scroll{position:absolute;width:100px;height:100px;background:url(/_res/kosha/img/board/table_touch.png) no-repeat;background-size:100%;left:50%;top:20%;z-index:10;margin-left:-50px;}
	/*긴 게시판 스크롤*/
	.long-table .ico-scroll{top:100px;}

	/* board list 검색 박스*/
	.b-selectbox a{padding:6px 10px;min-width:130px;}
	.b-selectbox > ul{top:32px;}
	.b-selectbox > ul li a{padding:6px 10px;}
	.b-search-input{padding:9px 10px; max-width:250px;}
	.b-search-input .calendar_search{width:180px;}
	.b-search-input-l {padding:10px 10px 10px;}
	.b-searchbox button{padding:7px 10px 8px;min-width:80px;}
	.b-searchbox .b-select{height:35px;min-width: 80px;}
	.b-calendar input {height:35px;min-width: 120px;}
	.board input.calendar{vertical-align: baseline; height:33px; width:100px;}
	.b-searchbox button.cal-list-b{height:35px; line-height:22px;}

	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box dt a{font-size:16px;line-height:21px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box .b-thumb-content a{font-size:15px;line-height:20px;}

	/* Board-thumb-type23 */
	div.videoThumbWrap > ul > li{width:50%; min-height:100%;}
	div.videoThumbWrap > ul > li:nth-child(3n){border-right:1px solid #d8d8d8;}
	div.videoThumbWrap > ul > li:nth-child(2n){border-right:0;}
	.videoThumbTit, .videoThumbDesc{width:70%;}
	.videoHomeBtn{width:40px;height:40px;}

	/*b-search-date 검색(홈>공단소개>파트너십현황)*/
	.b-search-date{height: 35px;}
	
	/*=================================================================================
	* Board write type 공통
	=================================================================================*/
	.write-table tbody th{padding:0 5px; font-size:15px;}
	.write-table tbody td {padding:10px 5px;}
	.write-table tbody .write-tit{max-width:130px;    width: inherit;}
}

@media screen and (max-width:768px) {
	div.videoThumbWrap > ul > li{width:50%;}
	div.videoThumbWrap > ul > li:nth-child(3n){border-right:1px solid #d8d8d8;}
	div.videoThumbWrap > ul > li:nth-child(2n){border-right:0;}
}



@media screen and (max-width:640px) {

	/* layout */
	.sub-content{padding:0 0 40px 0;}

	/* 게시판 */
	.common-board .adm-chk label{font-size:14px;}

	.b-paging-wrap{padding:20px 0 0 0;}
	.b-paging-wrap ul li{margin:0 4px 5px 0;}
	.b-paging-wrap ul li a{font-size:14px;line-height:27px;}
	.b-paging-wrap ul li.pager a{width:27px;height:27px;}
	.b-paging-wrap ul li.prev{margin:0 10px 0 0;}
	.b-paging-wrap ul li.next{margin:0 4px 0 10px;}

	/* button */
	.b-btn-wrap ul{float:none;}
	.b-btn-wrap ul li{float:none;padding:0 0 8px 0;}
	.b-btn-wrap ul li:last-of-type{padding:0;}
	.b-btn-wrap button,.b-btn-wrap a{padding:10px 0;width:100%;}
	.board input.calendar{margin-bottom:10px; width: calc(50% - 10px);}
	.b-searchbox form fieldset input.calendar:last-of-type{margin-right:0;}

	/* 페이징 */
	.Board_pager {padding:20px 0 0 0;}

	/* 게시판 view (Board-view-type01) */
	.Board-view-type01 table .view-body td {padding:20px 0px 42px 0px;}
	.Board-view-type01 table .view-body-top td {padding: 20px 10px;}
	.box-sty01 dd { padding: 10px;}

	/* write 반응형 */
	.write-table colgroup{display:none;}
	.board-write-type04 .write-table tbody th, .board-write-type04 .write-table tbody td{display:block;width:100%;box-sizing:border-box;padding:10px 10px;float:left;clear:both;}
	.write-table tbody tr:first-child th{border-top:none;}
	.board-write-type04 .write-table tbody th{border:none; border-right:0;border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
	.board-write-type04 .write-table tbody td{border:none; padding:15px 0; text-align:center;}
	.board-write-type04 .write-table tbody input[type="text"]:not(.ui-autocomplete-input){width:99%; padding:0;}
	.board-write-type04 .write-table tbody input.file-prev-view {max-width:66%;}
	.board-write-type04 .write-table tbody .write-name{width:100%;}
	.write-table tbody .write-tit{max-width:none;}
	.write-table tbody tr:last-of-type{border-bottom:1px solid #d8d8d8;}
	.w-select-xl {width:99%; height:36px; padding:0 0 1px 10px; border: 1px solid #c9c9c9;}

	/* Board-thumb-type13 */
	.b-total-info p{font-size:13px;line-height:18px;}
	.b-searchbox{float:none;width:100%;}
	.b-selectbox{margin:0 0 10px 10px;float:right;}
	.b-selectbox.b-selectbox-etc{float:none; margin:0;} /* <- 조직도 직원조회 */
	.b-selectbox .b-select {width:auto; height:35px; float:right;}
	.b-selectbox a{padding:4px 10px;min-width:auto;width:100%;font-size:14px;}
	.b-selectbox > ul{top:28px;}
	.b-selectbox > ul li a{padding:4px 10px;font-size:14px;}
	.b-search-input{margin:0 0 10px 0;padding:8px 10px;width:100%;font-size:14px; max-width: none;}
	.b-search-input-l{margin:0 0 10px 0;padding:8px 10px;width:100%;font-size:14px;}
	.b-searchbox button{padding:5px 10px 6px;width:100%;font-size:14px;line-height:19px;}

	.b-n-thumb-wrap > .b-thumb-table colgroup .b-col01{width:75%;}
	.b-n-thumb-wrap > .b-thumb-table colgroup .b-col02{width:25%;}
	.b-n-thumb-wrap > .b-thumb-table thead tr th{padding:10px 5px 11px}
	.b-n-thumb-wrap > .b-thumb-table thead tr th .b-check label{font-size:14px;line-height:14px;}
	.b-n-thumb-wrap > .b-thumb-table thead tr th .b-check label:before{width:12px;height:12px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td{padding:15px 10px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-check label{margin:0 5px 0 0;width:12px;height:12px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-img-box{width:75px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box{padding:0 0 0 5px;max-width:calc(100% - 125px);}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box dt{padding:0 0 5px 0;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box dt a{font-size:14px;line-height:19px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box .b-thumb-content{padding:0 0 10px 0;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box .b-thumb-content a{font-size:13px;line-height:18px;}

	.b-n-thumb-wrap .b-btn-wrap ul li a.b-btn-multi{padding:10px 0;font-size:14px;}

	/* Board-thumb-type23 */
	div.videoThumbWrap > ul > li{width:50%;}
	div.videoThumbWrap > ul > li:nth-child(3n){border-right:1px solid #d8d8d8;}
	div.videoThumbWrap > ul > li:nth-child(2n){border-right:0;}

	/* 회원탈퇴 */
	.withdrawal input, .withdrawal select, .withdrawal textarea{margin-left:10px;}
	.withdrawal .write-table tbody .write-textarea{width:calc(100% - 10px);}

	/*veiw*/
	.Board-view table .view-downbox ul{width:100%;min-width: 220px; padding: 15px;}
	
	/*b-search-date 검색(홈>공단소개>파트너십현황)*/
	.jw-form-valid #searchDate{display: inline-block; width: 100%; margin-bottom: 10px;}
	.b-search-date{width:45%;}
	
}

@media screen and (max-width:590px) {
	/*일정등록*/
	.calendar-haeder h2 {font-size:24px;}
	.fc-left, .fc-right {padding-top:0;}
	.cell-s-count {font-size:13px;}
	.calendar-date {display: table-caption;width:100%;}
	.calendar-list dl {width:90%;}
	
	/* wirte 반응형*/
	.board-write-type04 .write-table tbody td{border:none; padding:10px 0; text-align:center;}
	
	.youtube {width:100%;min-height: 210px;}
}

@media screen and (max-width:520px) {
	div.videoThumbWrap > ul > li{width:100%;border-right:0;}
	div.videoThumbWrap > ul > li:nth-child(3n){border-right:0;}
}

@media screen and (max-width:420px) {

	.search_detail .research-table tbody tr th{width:100%;}

	/* 회원수정 */
	.joininfo-change .write-table tbody input[type="text"].input_05{text-align:center; width:30%;}

	/* Board-thumb-type13 */
	.b-n-thumb-wrap > .b-thumb-table tbody tr td{position:relative;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-check{position:absolute;top:15px;left:10px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-img-box{display:block;margin:0 auto 10px;}
	.b-n-thumb-wrap > .b-thumb-table tbody tr td .b-thumb-content-box{display:block;max-width:100%;}
	.b-thumb-content-info ul li span{font-size:12px;line-height:17px;}

	/* Board-thumb-type23 */
	/*
	div.videoThumbWrap ul li{width:100%;border-right:0;}
	div.videoThumbWrap ul li:ntd-child(3n){border-right:0;}
	*/

	/*181025 수정*/
	div.videoThumbWrap > ul > li{width:100%;border-right:0;}
	div.videoThumbWrap > ul > li:nth-child(3n){border-right:0;}

	/* write 반응형 */
	.write-table tbody th, .write-table tbody td{display:block;width:100%;box-sizing:border-box;padding:10px 0;float:left;clear:both;}
	.write-table tbody th{border-right:0;border-bottom:1px solid #d8d8d8;}
	.write-table tbody td{padding:20px 0;}
	.write-table tbody input[type="text"]:not(.ui-autocomplete-input){width:99%; padding:0;}
	.write-table tbody input.file-prev-view {max-width:calc(100% - 92px);}
	.write-table .w-text-s {width:80px !important;}
	.w-select-s {width:80px !important;}
	.write-table tbody .write-name{width:100%;}

	/* view 반응형 */
	.Board-view table tbody .view-header th, .commWriterName{font-size:15px;padding: 15px 0 15px 10px;}
	.Board-view table tbody .view-header td {font-size:13px; padding: 18px 10px 18px 0;}
	.Board-view table th, .Board-view table td, .Board-view table .view-down a, ul.commEditList li a{font-size:12px;}
	ul.commEditList li{line-height:9px;}
	.Board-view table .view-body td p{font-size:14px;line-height:20px;}  
	.Board-view table .view-body-top td {padding:15px 10px;}
	.commWriterName span{padding:0 0 0 5px;}
	ul.commEditList li{padding:0 5px;}
	.commTxtarea {height:50px;}
	.commRegBtn{line-height:50px;font-size:15px;}
	.Board-view table .view-downbox ul li a{font-size:13px;}

	/* 회원탈퇴 */
	.withdrawal input, .withdrawal select, .withdrawal textarea{margin-left:0;}
	.withdrawal table tbody tr{text-align:center;}
	.withdrawal input[type="password"]{padding:0 10px;}

}