@charset "UTF-8";

/************공익관련 게시판(디자인게시판)*******************************/
.design_board_head { text-align:left;  font-size:100%; padding:10px 0 0px 0; margin:30px 0 0px 0; }
.design_board_head p{ color:#4ba7ad; font-size:20px; margin:0 0 5px 0; padding:0 0 10px 0; line-height:1.3em; letter-spacing:-1.8px;}
.design_board_head ul {list-style: none; line-height:1.5em; padding:0 20px;}
.design_board_head ul li span{font-weight:bold; color:#5db4bb;}
.design_board_head ul li::before {content: "\2022"; color:#5db4bb; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; }
.twoserve{ background:url(../images/board/twoserve.jpg)no-repeat 95% 5px; background-size:25%;}
.bikerepair{ background:url(../images/board/bikerepair.jpg)no-repeat 95% 7px; background-size:22%; padding:35px 0;}
/********************게시판********************************/
.board_search_wrap { margin:0; padding:0; }
.board_info { font-size:18px; font-weight:bold; color:#000; padding:20px 10px 10px 10px; float:left  }
.board_info span{  padding-right:20px; display:inline-block;  }
.board_info:after { clear:both; display:block; content:""; }
.board_search { float:right; padding:0; margin:0;}
.board_search fieldset{  padding-right:0; margin:0;}
.board_search_wrap:after { clear:both; display:block; content:""; }

.overelipsis { width:250px; text-overflow: ellipsis;}

/*부조리신고 익명부조리신고 때문에 디자인 부분 필요*/
.content_design_head { text-align:center;  font-size:100%; padding:50px 0 0 0;}
.content_design_head p{ color:#355a95; font-size:2rem; margin-bottom:30px; line-height:1.3em; letter-spacing:-1.8px;}
.report_agree { margin:0; padding:0; }
.report_agree h2 { background:none; color: #355a95; letter-spacing:-0.2rem; font-weight:normal}
.rectbox_gray { padding:20px!important; border:1px solid #ccc; border-radius:20px; }
.report_write caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
.report_write table{ border-collapse: collapse; width:100%; border-bottom:1px solid #dedede; }
.report_write table th{ padding:7px; margin:0; text-align:justify;  }
.report_write table td{ padding:7px; margin:0; }
.report_write .note-editable {background:#fff;}
.report_write .el-form-item label { text-align:justify; height:40px;}
.report_write .el-form-item label:after { display:inline-block; content:""; width:100%; }
.em_attention { padding:30px 30px 0 30px; line-height:1.5; vertical-align:middle; }
.em_attention span{ background:url(../images/intro/icon_em.png) no-repeat 50% 50% #fdf1c2; display:inline-block; width:80px; height:80px; margin-top:-15px; margin-right:30px;  border-radius:40px; float:left;}
.em_attention:after { clear:both; display:block; content:""; }
.report_write_ending { padding:30px; margin:30px 0; line-height:1.5; text-align:center; font-size:20px; font-weight:bold; background:#f9f9fa; border-radius:15px;  }
.report_write_ending span{ background:url(../images/intro/icon_receive.png) no-repeat 50% 50% #fdf1c2; display:inline-block; width:120px; height:120px; border-radius:60px;  }
	
/*게시판 신규게시물*/
i.new { background:#ff6c25; padding:3px 8px; margin-right:5px; border-radius:20px; display:inline-block; text-align:center; vertical-align:middle; }
i.new:before { content: " N  ";  color:#fff; font-size:12px; }
table.board,  table.board tr, table.board td, table.board th
table.imageboard,  table.imageboard tr, table.imageboard td, table.imageboard th {word-break: break-all;}

table th { line-height:1.2em;}
table td.article { line-height:2em;}
table th.ac,
table td.ac{ text-align:center;}
table th.al,
table td.al{ text-align:left;}

table.board.list caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
table.board.list {background-color: #FFFFFF;  border-collapse: collapse; border-bottom:2px solid #455085; width:100%;}
table.board.list thead th { background-color:#394053;  color:#fff;  padding:10px; text-align:center; }
table.board.list td {background-color: #FFFFFF; border-bottom:1px solid #b0afaf;  padding:10px;  }
table.board.list td a { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; display:inline-block; width:90%; color:#4b4c52; text-decoration:none;}
table.board.list tr.open, table.board.list tr.open td {background-color:#f8f8f8;}
table.board.list td.no,table.board.list td.file,table.board.list td.read,table.board.list td.author,table.board.list td.date {font-size:13px;}

table.board.list-half {margin-top:30px;}
table.board.list-half caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
table.board.list-half {background-color: #FFFFFF;  border-collapse: collapse; border-bottom:2px solid #455085; width:100%;}
table.board.list-half thead th { background-color:#394053;  color:#fff;  padding:10px; text-align:center; }
table.board.list-half td {background-color: #FFFFFF; border-bottom:1px solid #b0afaf;  padding:10px;  }
table.board.list-half td a { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; display:inline-block; width:90%;}
table.board.list-half tr.open, table.board.list tr.open td {background-color:#f8f8f8;}
table.board.list-half td.no,table.board.list td.file,table.board.list td.read,table.board.list td.author,table.board.list td.date {font-size:13px;}
	
table.board.view caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
table.board.view {background-color: #FFFFFF;  border-collapse: collapse; border-bottom:1px solid #394053; border-top:2px solid #394053; width:100%; }
table.board.view thead th {  border-bottom:1px solid #CCC; color:#000;  font-size:25px; padding:20px 10px; text-align:center; background:#fff;  }
table.board.view .title td {background-color: #f9f9f9; border-bottom:1px solid #CCC; font-size:15px; padding:10px;   }
table.board.view .title td div { display:inline-block; }
table.board.view .title td div+div:before { padding:0 8px; content: "|\00a0"; color:#ccc;}
table.board.view .title td div span{ padding-left:5px; display:inline-block; min-width:40px; text-align:left; font-weight:bold; }
table.board.view .title td div span.xs_blind{font-weight:normal; }
table.board.view .addfile td {background-color: #f9f9f9; border-bottom:1px solid #CCC;  padding:10px; word-break:break-all;font-size:15px; }
table.board.view .addfile td a{ background:url(../images/board/icon_addfile.png)no-repeat left top; font-size:14px; padding-left:25px; padding-right:10px; 
line-height:1.5; overflow:hidden; width:100%;  white-space:nowrap; line-height:20px; text-overflow: ellipsis; }
table.board.view .addfile td a:hover,
table.board.view .addfile td a:active{ text-decoration:underline;}
table.board.view td>span{ color:#000; font-weight:bold ; padding-left:10px;}
table.board.view td.article { padding:30px 10px; color:#000;}
table.board.view .article > div { }
table.board.view .article img { display: block; margin: 0 auto 7px; width:100%; }

table.board.write caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
table.board.write {background-color: #FFFFFF;  border-collapse: collapse; border-bottom:2px solid #394053; border-top:2px solid #394053; width:100%; }
table.board.write th {  border-bottom:1px solid #CCC; color:#000;  font-size:20px; padding:10px; text-align:center}
table.board.write td {background-color: #FFFFFF; border-bottom:1px solid #CCC; font-size:17px; padding:10px;  }
table.board.write td p{ font-size:15px;}
table.board.write td span{ /*font-weight:bold ; padding:0px; margin:-5px 0 0 0;다음 에디터에 영향 줌*/ }
table.board.write td.article { padding:30px 10px; color:#000;  }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position:relative;}

div.imgboard.list {border-top:3px solid #394053; border-bottom:1px solid #394053; margin-bottom:30px; }
div.imgboard.list dl { padding:0; margin:0; position:relative; }
div.imgboard.list dt{font-size:20px; color:#000; font-weight:bold; padding:10px; text-align:left; height:50px; position:absolute; top:180px; width:100%; }
div.imgboard.list dd {border-bottom:1px solid #b0afaf; padding:20px 0; margin:0; }
div.imgboard.list dl:hover {background:#f9f9f9;}
div.imgboard.list p.btn{float:right; display:inline-block;margin:0;}
div.imgboard.list dl:last-child dd{border-bottom:none; }
div.imgboard.list dd .article { padding:0 10px 10px 10px;  }
div.imgboard.list dd .thumnail_list{  margin:0px 0 60px 0; padding:5px 0; width:100%;  height:140px;}
div.imgboard.list dd .thumnail_list li{ float:left; padding:0; margin:0 1% 0 0; list-style:none; width:24%; height:140px; text-align:center; overflow:hidden; }
div.imgboard.list dd .thumnail_list li img{ width:100%;}
div.imgboard.list dd .thumnail_list:after { clear:both; content:""; display:block;}

.companypaper { padding:10px 0; margin:0 0 20px 0; border-bottom:1px solid gray; display:table;  table-layout:fixed;  width:100%; }
.companypaper li{ padding:10px; margin:0px; list-style:none; width:25%; text-align:center; float:left; vertical-align:middle;}
.companypaper li:nth-child(4n+1){clear:both;}
.companypaper li .postImg{ padding:0px; margin:0; text-align:center; background-color:#f8f8f8;}
.postTitle { text-align:center; padding:10px 0;}
.companypaper:after{ clear:both; display:block; content:""; }


.comment_bracket { background:url(../images/board/recomment.png)no-repeat right -9px;}
.comment_wrap { /*border-top:1px solid #7e7c7c;  border-bottom:1px solid #7e7c7c;*/  padding:0px; margin:20px 0 50px 0;}
.comment_write { background:#f4f4f4;  padding:20px; margin:0;}
.comment_write .sns_login { padding:0; display:table; margin-bottom:10px; }
.comment_write .sns_login li { display:table-cell; padding:0 5px 0 0;  margin:0;}
.comment_write .sns_athor { padding:0; display:table; width:auto; border-collapse: separate; margin-bottom:10px; }
.comment_write .sns_athor li { display:table-cell; padding:0 5px 0 0;  margin:0;}
.comment_write .comment { padding:0; margin:0;  display:block; clear:both;}
.comment_write .comment.writebox { padding:0; margin:0; border:1px solid #898989;}
.comment_write .comment textarea { border:none; border-radius:0;}
.comment_write .comment .btnfile { padding:0 0 0 10px; margin:0; border-top:1px solid #bebebe; background:#fff; display:table; width:100%}
.comment_write .comment .btnfile p { display:table-cell;}
.comment_write .comment .btnfile p:first-child { width:780px;}
.comment_write .comment .btnfile p:last-child { text-align:right; width:100px;}
.comment_write .comment .btnfile p.file { border-left:1px solid #bebebe; padding:0 15px; text-align:center;  width:50px;}
.comment_write .comment button.deepgray { border-radius:0; width:100px; background:#363636;}

.comment_list_head { font-size: 18px; padding:5px 10px; margin:30px 0 20px 0; border-bottom:1px solid #7e7c7c;}
.comment_list_head p{ color:#000; float:left; }
.comment_list_head p span{ font-weight:bold;  color:#d34400;}
.comment_list_head .turn { float:right;}
.comment_list_head .turn li{ float:left; padding-left:15px; font-size:15px;}
.comment_list_head .turn:after{ clear:both; display:block; content:""; }
.comment_list_head:after{ clear:both; display:block; content:""; }
.comment_list_body{ padding:0 0 5px 0; margin:0; position:relative; border-bottom:1px solid #b0afaf; }
.comment_list_body .sns_athor {  padding:10px 0; display:table; width:auto; border-collapse: separate}
.comment_list_body .sns_athor li{ display:table-cell; padding:0 5px 0 0;  }
.comment_list_body .sns_athor .athor{  padding-top:5px; color:#000; font-weight:bold; }
.comment_list_body .sns_athor .date{  padding-left:5px; }
.comment_list_body .sns_athor .manager{  padding:5px 13px; color:#fff; font-weight:bold; background:#394053; border-radius:12px;}
.comment_list_body .sns_athor::after{ clear:both; display:block; content:""; }
.comment_list_body .goodbad{  position:absolute; right:0; top:10px;}
.comment_list_body .goodbad li{ float:left; padding-left:15px;}
.comment_list_body .comment { padding:0; margin:0; display:block; clear:both;}
.comment_list_body .btn_wrap {margin:5px 0;}
.comment_list_body >.comment_write { padding:10px 20px; margin:0; position:relative; border-bottom:2px solid #fff; }
.comment_list_body >.comment_write .sns_login { display:table; width:auto;}
.comment_list_body >.comment_write .sns_athor { display:table; width:auto; background:url(../images/board/recomment.png)no-repeat 5px 0px; padding:0 0 0 30px; }
.comment_list_body >.comment_write ul+div { margin-bottom:20px; padding-bottom:5px;}
.comment_list_body >.comment_write .goodbad{  position:absolute; right:10px; top:10px;}
.comment_list_body >.comment_write .goodbad li{ float:left; padding-left:15px;}

.board.list{  padding:0; margin-top:30px; background-color: #fff; border-bottom:1px solid #CCC;}
.board.list li{ border-top:1px solid #CCC;  padding:10px 20px 10px 0; margin:0; list-style:none; }
.board.list li a{ width:70%; overflow:hidden; text-overflow:ellipsis; display:inline-block; white-space:nowrap; overflow:hidden; }
.board.list li span{ width:30%;}
.list .pre{ padding:10px 20px 10px 30px; margin:0 0px 0 20px; background:url(../images/board/arrow_pre.png)no-repeat left 12px; color:#555555; font-weight:bold; }
.list .pre+a:before {content: "|\00a0"; color:#ccc; padding-right:7px}
.list .next{ padding:10px 20px 10px 30px; margin:0 0px 0 20px; background:url(../images/board/arrow_next.png)no-repeat left 15px; color:#555555; font-weight:bold;}
.list .next+a:before {content: "|\00a0"; color:#ccc; padding-right:7px}

.board_search_wrap select,input { border:1px solid #000; border-radius:0px; padding:6px; font-size:17px; color:#000!important; height:38px;}
.CLP_board_wrap { padding: 0; margin:40px 0 0 40px; width: 935px; float: right; letter-spacing:0em!important;}
/*.CLP_board_wrap>nav { width:930px; position:relative;}을 아래와 같이 수정*/
.CLP_board_wrap nav { width:930px; position:relative; z-index:10;}
.CLP_board_wrap:after{ clear:both; display:block; content:""; }
.CLP_board_wrap .board_btnwrap {border:none; padding-bottom:20px; text-align:right;}
.CLP_board_wrap .pagination {display: inline-block;  padding-left: 0; margin: 20px 0;  border-radius: 4px;}
.CLP_board_wrap .pagination>li { display: inline;}
.CLP_board_wrap .pagination>li>a, .pagination>li>span { position: relative; float: left;  padding: 7px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #2f325a; text-decoration: none;  background-color: #fff;   border: 1px solid #ddd;}
.CLP_board_wrap .pagination>li:first-child> a, .pagination>li:first-child>span {  margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;}
.CLP_board_wrap .pagination>li:last-child> a, .pagination>li:last-child>span {  margin-left: -1px;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.CLP_board_wrap .pagination a,
.CLP_board_wrap .pagination a:hover,
.CLP_board_wrap .pagination a.hover { background:#fff; border:1px solid #b6b6b6; display:inline-block;  height:40px; /* 100숫자이상 깨짐 고정값인 이유 체크 width:50pximportant;*/ width:auto; font-size:17px; color:#394053; vertical-align:middle; }
.CLP_board_wrap .pagination li.active a { background:#f7f7f8; font-weight:bold; }
.CLP_board_wrap .pagination .pre,
.CLP_board_wrap .pagination .next { padding:0;}
.CLP_board_wrap .pagination .pre span { background:url(../images/board/btn_arrow.png) no-repeat 14px -22px; height:40px; width:50px!important; display:inline-block; }
.CLP_board_wrap .pagination .next span { background:url(../images/board/btn_arrow.png) no-repeat 15px 12px; height:40px; width:50px!important; display:inline-block; }

.racy_music { padding:50px 10px; margin-bottom:20px; text-align:center; background-color:#edf0de;   }
/*안전경영탭버튼*/
.sf01{padding:0; margin:0 auto; width:62px; height:62px; border-radius:40px; background:url(../images/intro/icon01.png) no-repeat center 50% #fef6d8;  }
.sf02{padding:0; margin:0 auto; width:62px; height:62px; border-radius:40px; background:url(../images/intro/icon02.png) no-repeat center 50% #fef6d8;  }
.sf03{padding:0; margin:0 auto; width:62px; height:62px; border-radius:40px; background:url(../images/intro/icon03.png) no-repeat center 50% #fef6d8;  }
.sf04{padding:0; margin:0 auto; width:62px; height:62px; border-radius:40px; background:url(../images/intro/icon04.png) no-repeat center 50% #fef6d8;  }

/*게시판때문에 수정
strong, b {	font-weight: normal;}*/
h1, h2, h3, h4, h5, h6 {/*font-weight: normal;*/ margin: 0;}
.report_write { padding:10px 20px!important; margin:20px 0 0 0; background:#f9f9fa; border-radius:10px;  }
.report_write #cmsBoardPost.board.write .el-form-item {  border-bottom:none; padding:5px 0; margin:0;}
.report_write #cmsBoardPost.board.write { background-color:transparent;  border-top:none; padding:0; width:100%; }
/* 썸머노트 에디터*/
#cmsBoardPost.board.write { background-color:#FFFFFF;  border-top:2px solid #394053; padding:0; width:100%; }
#cmsBoardPost.board.write label.el-form-item__label { color:#000;  font-size:16px; font-weight:bold; }
#cmsBoardPost.board.write .note-editor { margin:10px 0;}
#cmsBoardPost.board.write .el-form-item {  border-bottom:1px solid #CCC; padding:10px; margin:0; }
#cmsBoardPost.board.write .el-input { font-size: 16px; }
#cmsBoardPost.board.write .el-form-item__content { line-height: 40px;  position: relative;   font-size: 16px; }
#cmsBoardPost.board.write .board_btnwrap {border-top:2px solid #394053; border-bottom:none;  }
#cmsBoardPost.board.write .note-btn-group button[type=button] {font-size:16px; }
#cmsBoardPost.board.write .note-dropdown-menu { box-sizing: initial;  border-radius:5px; }
#cmsBoardPost.board.write .note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu { min-width: 240px;padding: 5px; text-align:center;}
/* 썸머노트  모달*/
.note-modal-content { border-radius:20px; text-align:left; }
#CLP_contents_body .CLP_board_wrap .note-modal-content {border-radius:20px; border: none;box-sizing: initial;	}
#CLP_contents_body .CLP_board_wrap .note-modal-header {padding:20px; border: none;  border-bottom:1px solid #e1e1e1;}
#CLP_contents_body .CLP_board_wrap .note-modal-body {position: relative; padding: 20px 30px; font-size:17px;}
#CLP_contents_body .CLP_board_wrap .note-modal-body kbd {border-radius: 5px;background-color: #394053;}
#CLP_contents_body .CLP_board_wrap .note-modal-body .checkbox input[type=checkbox]{ margin-right:10px!important;}
#CLP_contents_body .CLP_board_wrap .note-modal-footer {padding: 20px; text-align: center; box-sizing: initial; }
#CLP_contents_body .CLP_board_wrap .note-btn-primary { color:#FFF!important; background:#394053;  border-radius:5px; font-size:16px; padding:10px!important; height:auto; border:none;}
#CLP_contents_body .CLP_board_wrap .note-modal-title { text-align:left;  padding-top:10px; font-size:23px; font-weight:normal; color:#2f325a; }
#CLP_contents_body .CLP_board_wrap .note-modal-header .close { float: right;  font-size: 21px;  font-weight: 700;  line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}

/* 썸머노트 테이블 bootstrap css 적용 */
#cmsPostEditor td { border: 1px solid #dfdfdf; }
#cmsPostEditor table, #cmsBoardPost tr, #cmsBoardPost td{ border-collapse: collapse; }
#cmsPostEditor .table {width: 100%;max-width: 100%;margin-bottom: 20px;}
#cmsPostEditor .table > thead > tr > th, 
#cmsPostEditor .table > tbody > tr > th,
#cmsPostEditor .table > tfoot > tr > th,
#cmsPostEditor .table > thead > tr > td,
#cmsPostEditor .table > tbody > tr > td,
#cmsPostEditor .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
#cmsPostEditor .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
#cmsPostEditor .table > caption + thead > tr:first-child > th,
#cmsPostEditor .table > colgroup + thead > tr:first-child > th,
#cmsPostEditor .table > thead:first-child > tr:first-child > th,
#cmsPostEditor .table > caption + thead > tr:first-child > td,
#cmsPostEditor .table > colgroup + thead > tr:first-child > td,
#cmsPostEditor .table > thead:first-child > tr:first-child > td { border-top: 0; }
#cmsPostEditor .table > tbody + tbody { border-top: 2px solid #ddd; }
#cmsPostEditor .table .table { background-color: #fff; }
#cmsPostEditor .table-condensed > thead > tr > th,
#cmsPostEditor .table-condensed > tbody > tr > th,
#cmsPostEditor .table-condensed > tfoot > tr > th,
#cmsPostEditor .table-condensed > thead > tr > td,
#cmsPostEditor .table-condensed > tbody > tr > td,
#cmsPostEditor .table-condensed > tfoot > tr > td { padding: 5px; }
#cmsPostEditor .table-bordered { border: 1px solid #ddd; }
#cmsPostEditor .table-bordered > thead > tr > th,
#cmsPostEditor .table-bordered > tbody > tr > th,
#cmsPostEditor .table-bordered > tfoot > tr > th,
#cmsPostEditor .table-bordered > thead > tr > td,
#cmsPostEditor .table-bordered > tbody > tr > td,
#cmsPostEditor .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
#cmsPostEditor .table-bordered > thead > tr > th,
#cmsPostEditor .table-bordered > thead > tr > td { border-bottom-width: 2px; }
#cmsPostEditor .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
#cmsPostEditor .table-hover > tbody > tr:hover { background-color: #f5f5f5; }
#cmsPostEditor table col[class*="col-"] { position: static; display: table-column; float: none; }
#cmsPostEditor table td[class*="col-"],
#cmsPostEditor table th[class*="col-"] { position: static; display: table-cell; float: none; }
#cmsPostEditor .table > thead > tr > td.active,
#cmsPostEditor .table > tbody > tr > td.active,
#cmsPostEditor .table > tfoot > tr > td.active,
#cmsPostEditor .table > thead > tr > th.active,
#cmsPostEditor .table > tbody > tr > th.active,
#cmsPostEditor .table > tfoot > tr > th.active,
#cmsPostEditor .table > thead > tr.active > td,
#cmsPostEditor .table > tbody > tr.active > td,
#cmsPostEditor .table > tfoot > tr.active > td,
#cmsPostEditor .table > thead > tr.active > th,
#cmsPostEditor .table > tbody > tr.active > th,
#cmsPostEditor .table > tfoot > tr.active > th { background-color: #f5f5f5; }
#cmsPostEditor .table-hover > tbody > tr > td.active:hover,
#cmsPostEditor .table-hover > tbody > tr > th.active:hover,
#cmsPostEditor .table-hover > tbody > tr.active:hover > td,
#cmsPostEditor .table-hover > tbody > tr:hover > .active,
#cmsPostEditor .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
#cmsPostEditor .table > thead > tr > td.success,
#cmsPostEditor .table > tbody > tr > td.success,
#cmsPostEditor .table > tfoot > tr > td.success,
#cmsPostEditor .table > thead > tr > th.success,
#cmsPostEditor .table > tbody > tr > th.success,
#cmsPostEditor .table > tfoot > tr > th.success,
#cmsPostEditor .table > thead > tr.success > td,
#cmsPostEditor .table > tbody > tr.success > td,
#cmsPostEditor .table > tfoot > tr.success > td,
#cmsPostEditor .table > thead > tr.success > th,
#cmsPostEditor .table > tbody > tr.success > th,
#cmsPostEditor .table > tfoot > tr.success > th { background-color: #dff0d8; }
#cmsPostEditor .table-hover > tbody > tr > td.success:hover,
#cmsPostEditor .table-hover > tbody > tr > th.success:hover,
#cmsPostEditor .table-hover > tbody > tr.success:hover > td,
#cmsPostEditor .table-hover > tbody > tr:hover > .success,
#cmsPostEditor .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }
#cmsPostEditor .table > thead > tr > td.info,
#cmsPostEditor .table > tbody > tr > td.info,
#cmsPostEditor .table > tfoot > tr > td.info,
#cmsPostEditor .table > thead > tr > th.info,
#cmsPostEditor .table > tbody > tr > th.info,
#cmsPostEditor .table > tfoot > tr > th.info,
#cmsPostEditor .table > thead > tr.info > td,
#cmsPostEditor .table > tbody > tr.info > td,
#cmsPostEditor .table > tfoot > tr.info > td,
#cmsPostEditor .table > thead > tr.info > th,
#cmsPostEditor .table > tbody > tr.info > th,
#cmsPostEditor .table > tfoot > tr.info > th { background-color: #d9edf7; }
#cmsPostEditor .table-hover > tbody > tr > td.info:hover,
#cmsPostEditor .table-hover > tbody > tr > th.info:hover,
#cmsPostEditor .table-hover > tbody > tr.info:hover > td,
#cmsPostEditor .table-hover > tbody > tr:hover > .info,
#cmsPostEditor .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }
#cmsPostEditor .table > thead > tr > td.warning,
#cmsPostEditor .table > tbody > tr > td.warning,
#cmsPostEditor .table > tfoot > tr > td.warning,
#cmsPostEditor .table > thead > tr > th.warning,
#cmsPostEditor .table > tbody > tr > th.warning,
#cmsPostEditor .table > tfoot > tr > th.warning,
#cmsPostEditor .table > thead > tr.warning > td,
#cmsPostEditor .table > tbody > tr.warning > td,
#cmsPostEditor .table > tfoot > tr.warning > td,
#cmsPostEditor .table > thead > tr.warning > th,
#cmsPostEditor .table > tbody > tr.warning > th,
#cmsPostEditor .table > tfoot > tr.warning > th { background-color: #fcf8e3; }
#cmsPostEditor .table-hover > tbody > tr > td.warning:hover,
#cmsPostEditor .table-hover > tbody > tr > th.warning:hover,
#cmsPostEditor .table-hover > tbody > tr.warning:hover > td,
#cmsPostEditor .table-hover > tbody > tr:hover > .warning,
#cmsPostEditor .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }
#cmsPostEditor .table > thead > tr > td.danger,
#cmsPostEditor .table > tbody > tr > td.danger,
#cmsPostEditor .table > tfoot > tr > td.danger,
#cmsPostEditor .table > thead > tr > th.danger,
#cmsPostEditor .table > tbody > tr > th.danger,
#cmsPostEditor .table > tfoot > tr > th.danger,
#cmsPostEditor .table > thead > tr.danger > td,
#cmsPostEditor .table > tbody > tr.danger > td,
#cmsPostEditor .table > tfoot > tr.danger > td,
#cmsPostEditor .table > thead > tr.danger > th,
#cmsPostEditor .table > tbody > tr.danger > th,
#cmsPostEditor .table > tfoot > tr.danger > th { background-color: #f2dede; }
#cmsPostEditor .table-hover > tbody > tr > td.danger:hover,
#cmsPostEditor .table-hover > tbody > tr > th.danger:hover,
#cmsPostEditor .table-hover > tbody > tr.danger:hover > td,
#cmsPostEditor .table-hover > tbody > tr:hover > .danger,
#cmsPostEditor .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }
#cmsPostEditor .table-responsive { min-height: .01%; overflow-x: auto; }
	
/* 타블렛 가로부터  */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.CLP_board_wrap { padding: 0; margin:20px 0 0 0px; width:100%; }
	.CLP_board_wrap nav { width:100%; }
}
@media (max-width: 1023px) {
	.CLP_board_wrap { width:100%; clear:both;}
	.CLP_board_wrap nav { width:100%; position:relative;}	
	table.board.list thead th { padding:10px 5px; }
	table.board.view td.article {overflow-y:scroll;}
}
@media all and (max-width:430px)/*아이폰 고사양에 따라 421에서 430으로 수정*/ {
	.overelipsis { width:50%; text-overflow: ellipsis;}
	.board_btnwrap button.lg, .board_btnwrap a.lg, .board_btnwrap .el-button { padding:7px 15px; }
	/*부조리신고 익명부조리신고 때문에 디자인 부분 필요*/
	.content_design_head { text-align:center; font-size:100%; padding:20px 0 0 0;}
	.content_design_head p{ color:#355a95; font-size:2rem; margin-bottom:30px; line-height:1.3em; letter-spacing:-1.8px;}
	.report_agree { margin:0; padding:0;}
	.report_agree h2 { background:none; color: #355a95; letter-spacing:-1.8px; font-weight:normal;}
	.rectbox_gray { padding:10px!important; border:1px solid #ccc; border-radius:10px; }
	.CLP_board_wrap { padding: 0; margin:20px 0 0 20px;}
	.report_write { padding:10px!important; margin:20px 0 0 0; background:#f9f9fa; border-radius:20px;  }
	.companypaper li{ width:50%; }
	/********************게시판********************************/
	.board_search_wrap { margin:0; padding:0; width:100%;}
	.board_info { font-size:16px; font-weight:bold; color:#000; padding:0 0 10px 0; display:block; width:100%;}
	.board_info span{  padding-right:10px; display:inline-block;  }
	.board_info:after { clear:both; display:block; content:""; }
	.board_search { float:right; padding:0; margin:0;}
	.board_search fieldset{  padding-right:0; margin:0;}
	.board_search_wrap:after { clear:both; display:block; content:""; }	
    table.board.list {font-size:14px; width:100%; table-layout:fixed;}
	table.board.list thead{ display:none }
	table.board.list thead th{ display:none}
	table.board.list tr{padding:10px; display:block; border-bottom:1px solid #b0afaf}
	table.board.list tbody{ display:table-caption; border-top:2px solid #455085}
	table.board.list td {padding:0 10px 0 0; margin:5px 0px 0 0; display:inline-block; width:100%; border-bottom:none; text-align:left!important}
	table.board.list td pre.normal{white-space:normal; padding:0; margin:0;}
	table.board.list td pre{ margin-top:0; margin-bottom:0;}
	table.board.list td div.title{float:left; font-weight:bold; padding-right:12px; color:#39426b; display:inline-block;}
	table.board.list td.title { margin:0; padding:0; border-bottom:none; }
	table.board.list td.title a{font-weight:bold; color:#252525; font-size:15px; letter-spacing:-1.5px;overflow:hidden; line-height:20px; text-overflow: ellipsis; display:inline-block; width:92%; white-space: normal}
	table.board.list td.no {display:none}
	table.board.list td.read { width:20%; float:right;text-align:right!important}
	table.board.list td.author { float:left; width:40%;  text-align:left!important}
	table.board.list td.date {float:left; width:30%; text-align:right!important }
	table.board.list tr:after {clear:both; display:block; content:""; }
	
	.board_search{float:none;}
	.board_search_wrap select,input {padding:0px; font-size:14px; letter-spacing:-1px; height:26px;}
	.board_search_wrap input.xs_input[type=text] {width:100px;}
	.board_search_wrap input[type=text] {width:125px;}	
	table.board.view thead th {font-size:18px; padding:10px 0; text-align:left; letter-spacing:-1px; }
	table.board.view .title td {background-color: #f9f9f9; border-bottom:1px solid #CCC; font-size:14px; padding:5px 0;   }
	table.board.view .title td div { display:inline-block; }
	table.board.view .title td div+div:before { padding:0 2px;}
	table.board.view .title td div span{ padding-left:0px; }
	table.board.view .addfile td { padding:5px 0; font-size:13px; }
	table.board.view .addfile td a{ font-size:13px; padding-left:25px; padding-right:10px; margin-left:10px;}
	table.board.view .addfile td a:hover,
	table.board.view .addfile td a:active{ text-decoration:underline;}
	
	.board.list{  padding:0; margin-top:30px; background-color: #fff; border-bottom:1px solid #CCC;}
	.board.list li{ border-top:1px solid #CCC;  padding:10px 0px; margin:0; list-style:none;}
	.board.list li a{ width:70%; overflow:hidden; text-overflow:ellipsis; display:inline-block; white-space:nowrap; overflow:hidden; }
	.board.list li span{ width:20%; font-size:14px;}
	.list .pre{ padding:10px 10px 10px 30px; margin:0px; background:url(../images/board/arrow_pre.png)no-repeat left 12px; color:#555555; font-weight:bold; }
	.list .pre+a:before {content: "|\00a0"; color:#ccc; padding-right:7px}
	.list .next{ padding:10px 10px 10px 30px; margin:0px; background:url(../images/board/arrow_next.png)no-repeat left 15px; color:#555555; font-weight:bold;}
	.list .next+a:before {content: "|\00a0"; color:#ccc; padding-right:7px}
	table.board.write caption {visibility:hidden; height:0; margin:0; padding:0; font-size:0; left:-1000000px; line-height:0;}
	table.board.write {background-color: #FFFFFF;  border-collapse: collapse; border-bottom:2px solid #394053; border-top:2px solid #394053; width:100%; }
	table.board.write th {  border-bottom:1px solid #CCC; color:#000;  font-size:20px; padding:10px; text-align:center}
	table.board.write td {background-color: #FFFFFF; border-bottom:1px solid #CCC; font-size:17px; padding:10px;  }
	table.board.write td p{ font-size:15px;}
	table.board.write td span{ /*font-weight:bold ; padding:0px; margin:-5px 0 0 0;다음 에디터에 영향 줌*/ }
	table.board.write td.article { padding:30px 10px; color:#000; }

    .CLP_board_wrap .pagination { margin:10px 0;}
	.CLP_board_wrap .pagination>li {display:inline;}
	.CLP_board_wrap .pagination>li>a, .pagination>li>span {padding:4px 0px;}
	.CLP_board_wrap .pagination a,
	.CLP_board_wrap .pagination a:hover,
	.CLP_board_wrap .pagination a.hover { height:30px; width:29px!important; font-size:14px; letter-spacing:-1px;}
	.CLP_board_wrap .pagination .pre span { background:url(../images/board/btn_arrow.png) no-repeat 8px -11px; background-size:40%; height:30px; width:29px!important; display:inline-block; }
	.CLP_board_wrap .pagination .next span { background:url(../images/board/btn_arrow.png) no-repeat 8px 9px; background-size:40%; height:30px; width:29px!important; display:inline-block; }    
    /* 썸머노트 에디터*/	
	#cmsBoardPost.board.write .el-form-item { padding:5px 0; margin:0; letter-spacing:-1.5px; }
	#cmsBoardPost.board.write .el-input { font-size:14px; }
	#cmsBoardPost.board.write .el-form-item__content {font-size: 14px; }
}
@media all and (max-width:320px) {
	.board_search button{padding-left:3px; padding-right:3px; font-size:13px; }
	.CLP_board_wrap .pagination a,
	.CLP_board_wrap .pagination a:hover,
	.CLP_board_wrap .pagination a.hover { height:27px; width:27px!important; font-size:13px;}
	.CLP_board_wrap .pagination .pre span,.CLP_board_wrap .pagination .next span { height:27px; width:27px!important; }
}