@charset "UTF-8";

@import url("font.css");
/*=================================================================================
* Board thumb type 공통
=================================================================================*/

/* 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;}

/* 게시판 */
.adm-chk{background-color:#f9f9f9; border-bottom:1px solid #ccc; position:relative; padding:10px 10px;}
.adm-chk input{margin:-3px 0 0 0;}
.adm-chk label{font-size:17px;}
.article-chk{top:7px;left:7px;z-index:5;}

.b-paging-wrap{padding:50px 0 0 0;}
.b-paging-wrap ul{text-align:center;}
.b-paging-wrap ul li{display:inline-block;margin:0 7px 0 -4px;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;}
.b-paging-wrap ul li:last-of-type{margin:0;}
.b-paging-wrap ul li a{display:inline-block;padding:0 12px;font-weight:500;font-size:16px;color:#7b7b7b;line-height:33px;vertical-align:middle;}
.b-paging-wrap ul li.pager a{padding:0;width:33px;height:33px;}
.b-paging-wrap ul li.first a{margin:0;background:url(/_res/kosha/img/common/btn-first-arrow.gif) no-repeat 50% 50%;}
.b-paging-wrap ul li.prev{margin:0 20px 0 -4px;}
.b-paging-wrap ul li.prev a{background:url(/_res/kosha/img/common/btn-prev-arrow.gif) no-repeat 50% 50%;}
.b-paging-wrap ul li.next{margin:0 7px 0 16px;}
.b-paging-wrap ul li.next a{background:url(/_res/kosha/img/common/btn-next-arrow.gif) no-repeat 50% 50%;}
.b-paging-wrap ul li.last a{background:url(/_res/kosha/img/common/btn-last-arrow.gif) no-repeat 50% 50%;}
.b-paging-wrap ul li.active a{background-color:#999;color:#fff;}

/* 자료마당 > 안전보건자료실 */
.b-thumb-top-box{padding:0 0 20px 0;}
.b-thumb-top-box:after{content:"";display:block;clear:both;}

.b-n-thumb-wrap .b-thumb-table .b-check{display:inline-block;}
.b-n-thumb-wrap .b-thumb-table .b-check input{display:none;}

.b-n-thumb-wrap .b-thumb-table{width:100%;border-top:3px solid #2b2b2b;table-layout:fixed;}
.b-n-thumb-wrap .b-thumb-table colgroup .b-col01{width:85%;}
.b-n-thumb-wrap .b-thumb-table colgroup .b-col02{width:15%;}
.b-n-thumb-wrap .b-thumb-table 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;}
.b-n-thumb-wrap .b-thumb-table thead tr th:first-of-type{border-left:none;text-align:left;}
.b-n-thumb-wrap .b-thumb-table thead tr th .b-check{padding:0 15px 0 0;vertical-align:middle;}
.b-n-thumb-wrap .b-thumb-table thead tr th .b-check label{display:inline-block;line-height:17px;vertical-align:middle;}
.b-n-thumb-wrap .b-thumb-table 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;}
.b-n-thumb-wrap .b-thumb-table thead tr th .b-check input:checked+label:before{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.b-n-thumb-wrap .b-thumb-table tbody tr td{position:relative;padding:20px 10px;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;vertical-align:middle;}
.b-n-thumb-wrap .b-thumb-table tbody tr td:first-of-type{border-left:none;}
.b-n-thumb-wrap .b-thumb-table tbody tr td:nth-of-type(2){text-align:center;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-check{vertical-align:top;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-check input:checked+label{background:#ffb400 url(/_res/kosha/img/board/bg-check.png) no-repeat 50% 50%;}
.b-n-thumb-wrap .b-thumb-table 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;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-img-box{display:inline-block;border:1px solid #ccc;vertical-align:top;width:90px; height:90px;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box{display:inline-block;padding:0 0 0 15px;max-width:calc(100% - 145px);}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box dt{padding:0 0 10px 0;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box dt a{font-weight:400;font-size:17px;line-height:22px;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box .b-thumb-content{padding:0 0 20px 0;width:100%;}
.b-n-thumb-wrap .b-thumb-table 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;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-filedown{display:inline-block;width:19px;height:19px;background:url(/_res/kosha/img/board/ico-download.gif) 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;margin-right:10px;}
.b-thumb-content-info ul li:first-of-type{padding:0 24px 0 0;}
.b-thumb-content-info ul li:last-of-type{padding:0;}
.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;}
/*181101 끝*/

/* 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;}


/* Board-thumb-type23 */

div.videoThumbWrap{border-top:2px solid #2b2b2b;border-bottom:2px solid #2b2b2b;overflow:hidden;min-height:265px; position:relative }
div.videoThumbWrap ul{overflow: hidden;margin-bottom: -1px;}
div.videoThumbWrap > ul > li{position:relative; float:left;width:33.3%;box-sizing:border-box;padding:25px 20px 25px 25px;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;min-height: 300px;}
/* 위 min-hieght:300 -> 홍보자료 | 신문광고 에서 높이가 안맞아서 수정함 */
div.videoThumbWrap > ul > li:nth-child(3n){border-right:0;}
div.videoThumbWrap ul li img{max-width:100%;}
div.videoThumbWrap div.videoThumbCont{position:relative;margin-top:15px;}
div.videoThumbWrap div.videoThumbCont p {overflow: hidden; text-overflow: ellipsis; height: 23px; white-space: nowrap;width: 80%;}
div.videoThumbWrap div.videoThumbCont .videoThumbTit{font-weight:500;font-size: 15px;}
div.videoThumbWrap div.videoThumbCont .videoThumbDesc{font-size:13px;margin:10px 0 0 0;}

/*사업소개 직업건강 근골격계질환예방 동영상자료*/
div.videoThumbWrap div.videoThumbCont a p:first-child{display:block !important;}
div.videoThumbWrap div.videoThumbCont a p:nth-child(2){display:block !important;}
div.videoThumbWrap div.videoThumbCont a p:nth-child(3){display:block !important;}
div.videoThumbWrap div.videoThumbCont a p:nth-child(4){display:block !important;}
div.videoThumbWrap div.videoThumbCont a p{display:none !important;}
div.videoThumbWrap div.videoThumbCont a p span strong{display:none !important;}


.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;}
.videoThumbTit, .videoThumbDesc{width:78%;display:block;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.viedoDownBtn{border:1px solid #cccccc;box-sizing:border-box;width:45px;height:45px;position:absolute;top:3px;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;}
.viedoHomeBtn{background:url("/_res/kosha/img/board/home_icon.png") no-repeat center top 7px;}
.viedoHomeBtn:hover{background:#0887c2 url("/_res/kosha/img/board/home_icon_on.png") no-repeat center top 7px;border:1px solid #0887c2;color:#fff;}
.galleryViews{background:none; /*padding: 7px 0 0 0;*/ padding-top:2px;}
.galleryViews span{font-size:15px;display:block;}
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;text-align:left; min-width: 590px; float: right;}
.downlist ul {background: #f9f9f9;position: absolute;right: 0;padding: 25px 30px;margin-top: 10px;border: 1px solid #333333; z-index:99999;line-height: 30px; overflow: auto;}
.downlist ul li{width: 100%; overflow: hidden; text-overflow: ellipsis;text-align:left;}
.downlist ul li:last-child{text-align:right;}
.downlist ul li a{font-size:15px;line-height:25px; white-space: normal; word-break: break-all;}
.downlist img{padding-right:10px;}
.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;}

/*1810226 추가*/
div.galleryList .videoThumbTit, div.galleryList .videoThumbDesc{width:100%;}
div.board-write table td input, div.board-write table td textarea{box-sizing:border-box;}
div.board_type_09 div.videoThumbWrap > ul > li{text-align:center;}
div.board_type_09 .videoDownBtn{position:relative;top:auto;right:auto;    display: inline-block;width:45%;margin:10px 3px;text-align: left;padding: 10px;background-position: right 10px center;height: 100%;}
div.board_type_43 div.videoThumbWrap > ul > li{text-align:center;}
div.board_type_43 .videoDownBtn{position:relative;top:auto;right:auto;    display: inline-block;width:45%;margin:10px 3px;text-align: left;padding: 10px;background-position: right 10px center;height: 100%;}
.expandBtn{background:url("/_res/kosha/img/board/plusIcon.png") no-repeat;}

/*181030 추가*/
div.Board-thumb-type14 ul.writerList li:first-child, div.Board-thumb-type28 ul.writerList li:first-child{background:none;padding-left:0;border:0;}
div.migrant_media{margin:0 0 40px 0;text-align:center;}
/*.Board-view table{table-layout:fixed;}*//*게시판view에 표가 들어있으면 view가 깨짐*/

/* comment 181029 */
div.viewCommentWrap{border:1px solid #e3e2e2;padding:20px 35px; }
p.commentCountTxt{text-align:right;font-size:17px;color:#555555;}
div.viewCommnetListWrap > ul > li > *{display:inline-block;vertical-align:top;}
div.viewCommnetListWrap > ul > li > img{width:61px;height:61px;}
div.viewCommnetListWrap > ul > li{margin:30px 0 0 0;border-bottom:1px solid #cccccc;padding:15px;padding-top:0;overflow:hidden;}
div.commListContent{padding:0 0 0 2%;color:#555;overflow:hidden;width:88%;position:relative;float: right;}
.commWriterName{font-size:17px;}
.commWriterName span{padding:0 0 0 20px;}
.commDesc{padding:20px 0 0 0;}
ul.commEditList{position: absolute;right: 0;top: 0;}
ul.commEditList li {float:left;border-left:1px solid #555555;padding:0 10px;}
ul.commEditList li:first-child{border-left:0;}
ul.commEditList li:last-child{padding-right:0;}
div.viewCommentWriteWrap{margin:20px 0 0 0;overflow:hidden;width:100%;}
div.commWriteWrap{float:right;width:90%;    text-align: right;}
.commTxtarea{border:1px solid #cccccc;height:61px;box-sizing:border-box;    width: 80%;}
.commRegBtn{background:#464646;text-align:center;color:#fff;font-size:17px;line-height:61px;border:0;width:102px;margin:0 0 0 2%;}
.comment .reply pre {font-family:'Noto Sans KR',sans-serif;}
.write-table tbody .write-textarea{box-sizing:border-box;    border: 1px solid #c9c9c9;}

div.Board-thumb-type08 .videoThumbTit, div.Board-thumb-type08  .videoThumbDesc, div.Board-thumb-type28 .videoThumbTit, div.Board-thumb-type28 .videoThumbDesc, div.Board-thumb-type41 .videoThumbTit, div.Board-thumb-type41 .videoThumbDesc{width:100%;}

/* list img height */
div.videoThumbWrap ul li img{width:100%;height:137px;}

/* board_type17 */

.Board-thumb-type17.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box .b-thumb-content{white-space: normal;font-size: 15px;line-height: 20px;}
.Board-thumb-type17.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-content-box dt {font-weight: 400;font-size: 17px;line-height: 22px;}
.b-n-thumb-wrap .b-thumb-table tbody tr td .b-thumb-img-box img{width:100%; height: inherit;}


/* 근로환경조사 181122 */
h3.title_type_h3{font-size:20px;font-weight:500;color:#00587e;margin-bottom: 20px;}
div.sta_innerWrap{border:1px solid #e5e5e5;margin-top:20px;box-sizing:border-box;padding:40px 30px;}
ul.sta_list > li{border-top:1px solid #cacaca;padding:25px 0;overflow:hidden;}
ul.sta_list > li:first-child{border-top:0;padding-top:0;}
ul.sta_list > li:last-child{padding-bottom:0;}
ul.sta_list > li > div{float:left;width:50%;}
p.sta_num{border:2px solid #ebebeb;box-sizing:border-box;width:45px;height:45px;position:relative;color:#555555;font-size:17px;    padding: 9px 10px;display:inline-block;vertical-align:top;}
p.sta_num span{width:2px;height:15px;background:#0887c2;position:absolute;left:-2px;top:12px;}
div.sta_titleWrap h4{font-size:20px;font-weight:500;color:#333;margin-top:10px;display: inline-block;padding: 0 0 0 10px;}
div.sta_titleWrap h4 span{color:#00587e;margin:0 0 0 5px;display:inline-block;}
div.sta_selectWrap{padding:0 0 0 60px;}
div.sta_selectWrap ul{margin-top:30px;}
div.sta_selectWrap ul li{display:inline-block;vertical-align:top;margin:0 0 0 20px;position:relative;}
div.sta_selectWrap ul li:first-child {margin:0;}
div.sta_selectWrap ul li input{width:17px;height:17px;position:absolute;left:0;top:0;}
div.sta_selectWrap ul li label{font-size:15px;color:#333;letter-spacing:-1px;display:block;}
div.sta_selectWrap ul.industry_list li{width:49%;margin-left:0;margin-bottom:15px;}
div.sta_selectWrap ul.area_list li{width:32%;margin-left:0;margin-bottom:15px;margin-right: 15px;}
table.board_viewCenter td{text-align:center;}
div.sta_btnWrap ul li{width:auto;}
div.sta_btnWrap ul li a, div.sta_btnWrap ul li button{padding:0 15px;}
div.result_selectWrap{margin:10px 0 0 0;}
.result_selBtn{display:inline-block;border:1px solid #01577e;border-radius:5px;background:#ebf6f9;text-align:center;color:#333333;padding:11px 0;width:46%;  margin: 0 0 0 10px;box-sizing: border-box;}
.result_selBtnWrap{margin:20px 0 0 0;}

.sta_selectWrap input[type="radio"] + label{display:inline-block; position:relative; white-space:nowrap;}
.sta_selectWrap input[type="radio"] + label:before{content:''; display:inline-block; width:17px; height:17px; border:1px solid #7b7b7b; border-radius:17px; text-align:center; vertical-align:middle; margin-right:5px;}
.sta_selectWrap input[type="radio"]:checked + label:before{background:url('/_res/kosha/img/common/radiobox-checked.png') no-repeat 50% 50%;}
.sta_selectWrap input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

/* 그래프 181122 */
div.btnListWrap{overflow:hidden;text-align:right;margin:30px 0;}
div.btnListWrap ul li{display:inline-block;vertical-align:middle;margin:0 0 0 2px;}
div.btnListWrap ul li a, div.btnListWrap ul li button{display:block;box-sizing:border-box;font-size:15px;color:#333;height:39px;font-weight: 400;}
div.selectWrap{margin:20px 0;text-align:right;}
.selectBox{height:39px;padding:0 10px;min-width:110px;}
div.graphWrap{margin:40px 0;}
.list-type01 + p.p17{padding: 0 0 0 15px;}



@media screen and (max-width:420px){
  div.btnListWrap ul li a, div.btnListWrap ul li button{font-size:13px;}
  .downBtn, .linkBtn{padding:12px 20px;}
}


@media screen and (max-width:800px){
  ul.sta_list > li > div{float: none;width: 100%;}
  ul.sta_list > li > div:last-child{margin: 0 ;}
}
@media screen and (max-width:450px){
  div.sta_selectWrap{padding:0;}
  div.sta_selectWrap ul li{margin:0 10px 0 ;}
  div.sta_selectWrap ul li label{font-size:13px;padding:0 0 0 20px;}
  div.sta_selectWrap ul li input{width:15px;height:15px;}
	ul.sta_list > li:first-child > .sta_list_content:last-child .sta_selectWrap ul li{margin:0; margin-bottom:15px;}
}
@media screen and (max-width:375px){
  div.sta_selectWrap ul.industry_list li{width:100%;}
 
  
}


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

	.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%; padding: 15px 10px 15px 15px;}
	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%;}
	.viedoHomeBtn{width:40px;height:40px;}

}

@media screen and (max-width:780px){
	div.viewCommentWrap{padding:20px 15px;}
}

@media screen and (max-width:768px){
	.write-table .attach span{display:block;padding-left:0;padding-top:10px;}
	div.commListContent{width:85%;}
	div.commWriteWrap{width:88%;}
	.commTxtarea{width:75%;}
	.commRegBtn{width:20%;}
}

@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%;}

	/* 자료마당 > 안전보건자료실 */
	.b-total-info p{font-size:13px;line-height:18px;}

	.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-thumb-content-info ul li:first-of-type{}

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

	/* Board-thumb-type13 */
	.b-total-info p{font-size:13px;line-height:18px;}

	.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;}
	
	/* Board-thumb-type13 */
	.Board-thumb-type13 tbody tr td:first-of-type .b-thumb-img-box img{width:unset;}
	
	img, .thumb img{max-width:100%; width:auto;}
	.foot_shortcut img{max-width:inherit;}
	/*181026 추가*/
	div.board_type_09 div.videoThumbWrap > ul > li{padding:10px;}

	/*181029 추가*/
	div.commWriteWrap{width:85%;}
	div.commListContent{width:80%;}
	.write-table input.file-prev-view{width:calc(100% - 110px);}
	
	.downlist{min-width: 260px;}
	.downlist ul{padding:15px;}
	.downlist ul li a{font-size:14px;}

}
@media screen and (max-width:598px){
	/*.Board_wrap div.videoThumbWrap > ul > li{min-height:354px;}*/
}
@media screen and (max-width:560px){
	ul.writerList {max-width:153px;}
	
	/* 안전문화홍보 - 산업안전보건 강조주간 - 행사사진 */
	div.videoThumbWrap.eventphoto ul.writerList{max-width:none;}
}
@media screen and (max-width:520px){
	div.board_type_09 div.videoThumbWrap > ul > li{padding:10px;}

	div.viewCommnetListWrap > ul > li > img, div.viewCommentWriteWrap img{display:none;}
	div.commListContent, div.commWriteWrap{width:100%;float:none;padding:0;text-align:left;}
	div.viewCommnetListWrap > ul > li{padding:0 0 15px 0;}
	div.videoThumbWrap > ul > li{width:50%; min-height:281px;}
	div.videoThumbWrap ul li img{width:100%;}
	/* 20181101 추가 */
	div.videoThumbWrap ul li img{width:100%;}
	/*.Board_wrap div.videoThumbWrap > ul > li{min-height:398px;}*/
}

@media screen and (max-width:480px) {
	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) {
	/* 근로환경조사 주요결과 */
	 .result_selBtn{width:100%;margin:10px 0 0 0;}
	
	/* 전체자료 */
	.Board-thumb-type13 tbody tr td .b-thumb-content-box{max-width:100%; width:95%; padding:10px 0 0 15px;}
	
	/* 자료마당 > 안전보건자료실 */
	.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-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;}
	ul.writerList {max-width:200px;}
	/* Board-thumb-type23 */
	/*
	div.videoThumbWrap ul li{width:100%;border-right:0;}
	div.videoThumbWrap ul li:ntd-child(3n){border-right:0;}
	*/

	/*181025 수정*/

	.thumb.full button{transform:scale(0.7); right:-5px; bottom:-5px;}

	/* 181030 추가*/
	

}