@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

:root{    --sub-black: #888888;}

/* html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));} */
html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; }

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #666; text-decoration: none }

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:15px; color: #666; line-height: 150%; font-family:'Noto Sans KR', sans-serif;}


/*********** 공통 css *************/
select {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:7px 5px; font-family:'Noto Sans KR', sans-serif; height:36px;}
.input {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:3px 5px; font-family:'Noto Sans KR', sans-serif; height:36px; box-sizing:Border-box;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.textarea {width:100%; font-family:inherit; color:#666; line-height:150%; letter-spacing:-0.5px; padding:6px; border:#d4d4d4 1px solid; background-color:#fff; box-sizing:border-box;}

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:190px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:44px; line-height:44px; width:80px; border:1px solid #ccc; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.3s}
.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:44px; line-height:44px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
.btn_b:hover  {background:#333; border:1px solid #333; color:#fff; transition:all 0.3s}
.btn_b_s {display:inline-block; text-align:center; cursor:pointer; height:44px; color:#fff; width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s;}
.btn_b_s:hover  {background:#222; border:1px solid #222; transition:all 0.3s;}

input.btn_w {text-align:center; height:44px; line-height:44px; width:80px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
input.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.3s}
input.btn_b {text-align:center; height:44px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
input.btn_b:hover {background:#333; border:1px solid #333; transition:all 0.3s}

/* 카테고리 */
.cate_tab {overflow:hidden; clear:both; margin-bottom:30px}
.cate_tab li {float:left;}
.cate_tab a {display:block; width:110px; height:48px; margin-right:2px; border:1px solid #ddd; background:#fff; text-align:center; line-height:48px; color:#666;}
.cate_tab a:hover {text-decoration:none; color:#064e91;}
.cate_tab a span {display:block; font-weight:600; line-height:48px; border:1px solid #064e91; background:#fff; width:110px; position:relative; left:-1px; top:-1px; color:#064e91;}


/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #eee;}
.bbs_con th {color:#333; font-weight:500; text-align:center; padding:14px 0; border-bottom:1px solid #bbb; border-top:1px solid #333;}
.bbs_con td {padding:14px 0; text-align:center; border-bottom:1px solid #eee; color:#0e0e0e; font-size:16px;}
.bbs_con td img{margin-left:5px}
.bbs_con td.left {text-align:left; padding-left:10px; color:#aaa; font-size:16px;}
.bbs_con td.left a{color:#aaa; font-size:16px; }

.bbs_con td .mo_line{display:none;}

.work_accept{width:90px; height:36px; line-height:36px; color:#fff; background-color:#8c8c8c; display:inline-block; text-align:center; border-radius:18px; margin:0 25px; font-size:16px;}
.work_ing{width:90px; height:36px; line-height:36px; color:#fff; background-color:#4aabbc; display:inline-block; text-align:center; border-radius:18px; margin:0 25px; font-size:16px;}
.work_end{width:90px; height:36px; line-height:36px; color:#fff; background-color:#c4d600; display:inline-block; text-align:center; border-radius:18px; margin:0 25px; font-size:16px;}

.prd_tit ul{position:relative; overflow:hidden}
.prd_tit li{float:left;}
.prd_tit li.tit{padding:0 0 0 13px}
.prd_tit li.tit span a{display:inline-block; color:#888; font-size:12px; padding:2px 0 0 0;}

.bbs_con .bbs-num { width: 6%; }
.bbs_con .bbs-cate { width: 10%; }
.bbs_con .bbs-state { width: 8%; }
.bbs_con .bbs-subject { width: 24%; }
.bbs_con .bbs-company { width: 16%; }
.bbs_con .bbs-start { width: 8%; }
.bbs_con .bbs-deadline { width: 8%; }
.bbs_con .bbs-end { width: 8%; }
.bbs_con .bbs-total { width: 8%; }
.bbs_con .bbs-difficulty { width: 8%; }

table.basic_list.admin-mode .bbs-num { width: 4%; }
table.basic_list.admin-mode .bbs-cate { width: 8%; }
table.basic_list.admin-mode .bbs-state { width: 6%; }
table.basic_list.admin-mode .bbs-subject { width: 20%; }
table.basic_list.admin-mode .bbs-company { width: 10%; }
table.basic_list.admin-mode .bbs-start { width: 6%; }
table.basic_list.admin-mode .bbs-deadline { width: 6%; }
table.basic_list.admin-mode .bbs-end { width: 6%; }
table.basic_list.admin-mode .bbs-total { width: 6%; }
table.basic_list.admin-mode .bbs-difficulty { width: 6%; }

.bbs-cate span { display: block; width: 80px; padding:6px 10px; margin: 2px auto; font-size: 14px; background: #f5f5f5; color:#555; font-weight: 500; text-align: center; }
.bbs-cate span.회의록 { background: #f5f5f5; }
.bbs-cate span.기획 { background: #fff2cc; }
.bbs-cate span.디자인 { background: #ead1dc; }
.bbs-cate span.퍼블리싱 { background: #d9ead3; }
.bbs-cate span.개발 { background: #d9d2e9; }
.bbs-cate span.운영 { background: #c9daf8; }

.bbs_view .bbs-cate span { float:left; margin-right:10px; }
.bbs_con.basic_list td.left a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* page_num */
.page_num{padding:20px 0;}

/* 페이지 넘버 */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

/* 검색바 */
.bbs_search {text-align:center; padding:0 0 30px;}
.bbs_search dt {display:inline-block;}
.bbs_search dt select{width:120px; height:50px; line-height:50px; box-sizing:Border-box; border:1px solid #eee; color:#000;}
.bbs_search dd {display:inline-block; vertical-align:top;}
.bbs_search dd.searchBox{width:350px; }
	.search_input {font-size:14px; color: #666; border: #eee 1px solid; background-color: #ffffff; padding:3px 5px; font-family:'Noto Sans KR', sans-serif; width:100%; box-sizing:border-box; height:50px;}
	.bbs_search dd .btn_b_s{line-height:50px; color:#ccc; background:#686868; font-size:18px; width:120px; height:50px; border-color:#686868;}

/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:20px;}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;}
.bbs_btn input{margin:0 1px;}

.sBtn{height:36px; vertical-align:top; background:#555555; border:none; padding:0 8px; color:#fff; font-size:12px; cursor: pointer;}

.bbs_btn2{position:relative; text-align:Center; width:100%; padding-top:20px;}
.bbs_btn2 .btn_send{ padding:20px 40px; display:inline-block; border-radius:30px; background:url('/resources/img/btn_arrow_w.png') no-repeat right 40px center, #88b927; border:none;font-size:16px; color:#fff;  width:177px; text-align:left; font-weight:400; }
.bbs_btn2 .btn_cancel2{ padding:20px 40px; display:inline-block; border-radius:30px; background:url('/resources/img/btn_arrow_w.png') no-repeat right 40px center, #686868; border:none;font-size:16px; color:#fff;  width:177px; text-align:left; font-weight:400; }


/*********** View *************/
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px;}
.bbs_view th {color:#333; text-align:left; padding:13px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_view th.subject {font-size:16px; padding:13px 15px; border-top:1px solid #222; border-right:none;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:13px 15px; text-align: left;}
.bbs_view td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.bbs_view td.view_detail p {float:left; width:50%;}
.bbs_view td.view_content{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}

.bbs_view .work_accept{margin:0 10px 0 0;}
.bbs_view .work_ing{margin:0 10px 0 0;}
.bbs_view .work_end{margin:0 10px 0 0;}

/*********** Input *************/
.remark{color:#aaa; font-size:14px; padding-top:3px;}
.frm-desc-wrap { display: flex; gap:24px; min-height: 34px; align-items: center; }

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:18px 20px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px;}
.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}


.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.bbs_input th {color:#333; text-align:left; padding:8px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; vertical-align:middle; }
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:8px 10px; text-align: left; vertical-align:middle; }
	.bbs_input td span, .bbs_input td img{vertical-align:middle; max-width: fit-content; }
	.bbs_input td input{vertical-align:middle; }
.bbs_input td.line {border-right:1px solid #d4d4d4; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

	.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
	.subject_table td {border:none; padding:0;}
	.subject_table .cat {width:18%;}

/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:20px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:16px; font-weight:400; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}


/*********** Passwd *************/
.passwd { max-width:500px; margin:0 auto; border:1px solid var(--color-black); padding:50px 50px;}
.passwd  .msg { padding-bottom:30px; }
.passwd  .msg p:nth-child(1) { margin-bottom: 8px; font-size: 24px; font-weight: 500; }
.passwd  .input_passwd input[type="password"] { height:44px; width:100%; margin-bottom: 15px; border:none; background: #f7f7f7; }
.passwd  .input_passwd .btn-wrap { display: flex; justify-content: space-between; }
.passwd  .input_passwd .btn-wrap input { width:calc((100% - 10px)/2); }

/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check img { width: fit-content;}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.filebox label {display: inline-block;	padding:8px 12px 9px 12px; color: #999;	font-size: inherit;	line-height: normal; font-size:13px;
	vertical-align: middle; background-color: #fff; cursor: pointer;	border: 1px solid #ccc; transition:all 0.3s;}
.filebox label:hover{border:1px solid #333; color:#333; transition:all 0.3s;}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:3px 5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	/*height: auto;*/
	height: 100%;
}



/*******************************************************************************
	@media 641~768px
*******************************************************************************/
@media all and (max-width:768px){

/* 검색바 */
.bbs_search dt select{width:120px; height:42px; line-height:42px;}
.bbs_search dd.searchBox{width:35%; }
	.search_input {font-size:14px;  height:42px;}
	.bbs_search dd .btn_b_s{line-height:42px; font-size:14px; width:100px; height:42px;}



}

/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:768px) {

td,table {font-size:13px;}

/*********** 공통 css *************/
select {font-size:13px; padding:6px 5px;}
.input {font-size:13px; padding:7px 5px;}
.search_input {font-size:13px; padding:7px 5px;}

/* 버튼디자인 */
.btn_w {height:32px; line-height:32px; width:75px;}
.btn_b:link, .btn_b:visited {height:32px; line-height:32px; width:75px;}
.btn_b_s {height:32px;}

input.btn_w {height:32px; line-height:28px; width:75px;}
input.btn_b {height:32px; width:75px;}

/* 카테고리 */
.cate_tab {margin-bottom:20px}
.cate_tab a {width:105px; height:40px; line-height:40px; font-size:13px;}
.cate_tab a span {line-height:40px; width:105px;}

/*********** List *************/
.bbs_con {}
.bbs_con td {padding:8px 0;}
.bbs_con .pc_line{display:none}
.bbs_con td .mo_line{display:block; overflow:hidden; clear:both; padding-left:0; margin-top:-1px;}
	.mo_line li{float:left; font-size:12px; padding:0 8px; position:relative;}
	.mo_line li:before{content:""; width:1px; height:10px; display:block; position:absolute; background:#333; top:5px; left:0; }
	.mo_line li:first-child{padding-left:0px;}
	.mo_line li:first-child:before{display:none;}

.bbs_con {}
.bbs_con td {padding:8px 0; font-size:13px;}
.bbs_con td.left {font-size:13px;}
.bbs_con td.left a{color:#aaa; font-size:13px; }

.work_accept{width:82px; height:32px; line-height:32px;  margin:0 15px; font-size:13px;}
.work_ing{width:82px; height:32px; line-height:32px; color:#fff; background-color:#4aabbc; display:inline-block; text-align:center; border-radius:18px; margin:0 15px; font-size:13px;}
.work_end{width:82px; height:32px; line-height:32px; color:#fff; background-color:#c4d600; display:inline-block; text-align:center; border-radius:18px; margin:0 15px; font-size:13px;}




.mo_line .list_cate{color:#858585; font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
.mo_line .subject, .mo_line .subject a{font-size:14px; font-weight:100; font-family:'NotoKR-Medium', sans-serif; color:#333; letter-spacing:-0.55pt;}
.mo_line .writer {overflow:hidden; clear:both; }
	.mo_line .writer li{float:left; font-size:12px; color:#a0a0a0; padding:0 6px; background:url('image/bbs_list_line.gif') no-repeat left center;}
	.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .img{vertical-align:middle; margin:0 0 3px}
.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('image/comment_bg.gif') no-repeat center;  font-size:PT Sans; font-size:10px; color:#858585; font-weight:400; }
.mo_line .recom{background:url('image/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px; font-size:PT Sans; font-size:10px; color:#858585;}


/* page_num */
.page_num{padding:20px 0 0 0;}

/* 검색바 */
.bbs_search {padding-top:20px}
.bbs_search dt {width:80px;}
.bbs_search dt select{width:80px;}
.bbs_search dd.sinput {width:calc(100% - 160px); max-width:250px}
.bbs_search dd .search_input{width:100%; box-sizing:border-box }


/*********** View *************/
.bbs_view{}
.bbs_view th {padding:7px 10px;}
.bbs_view th.subject {font-size:15px; padding:7px 10px;}
.bbs_view td.cont{padding:7px 10px;}
.bbs_view td.view_detail {padding:7px 10px;}
.bbs_view td.view_detail span{margin-right:9px}
.bbs_view td.view_content{padding:10px;}


.bbs_view .work_accept{margin:0 10px 0 0;}
.bbs_view .work_ing{margin:0 10px 0 0;}
.bbs_view .work_end{margin:0 10px 0 0;}


/*********** Passwd *************/
.passwd {width:80%; padding:20px 10px; box-sizing:border-box}
.passwd ul {width:98%; overflow:hidden; text-align:center;}
.passwd li {float:none; display:inline-block;}
.passwd .pw_img {margin-right:0;}
.passwd .line {display:none}
.passwd .info {padding-left:0;}

.passwd  .msg {padding:5px 0; letter-spacing:-0.5pt;}
.passwd  .input_passwd {margin-right:0}
.passwd  .input_passwd .input_s{width:100%; box-sizing:border-box; margin-bottom:5px;}


/*********** Comment *************/
.comments {padding:10px;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:block; font-size:12px;}
.comments dl dd{display:inline-block; margin-right:0;}

.comments li{width:calc(100% - 73px);}
.comments li.btn{float:right; width:70px;}
.comments textarea {height:50px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:12px;}
.comm_btn_confirm {width:70px; height:50px;}

.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:10px;}
.comments_body p.file{color:#888; font-size:12px;}
.comments_body p.cont{padding:2px 0 3px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:5px}
.comments_body p.info span{margin-right:0;}
.comments_body p.info span:before{display:inline-block; content:""; width:0; height:13px; margin:0 0 0 0; overflow:hidden;}

.filebox label {padding:7px 9px 8px 9px; font-size:12px;}


/*********** Input *************/

.bbs_btn2{position:relative; text-align:Center; width:100%; padding-top:20px;}
.bbs_btn2 .btn_send{ padding:15px 25px; background:url('/resources/img/btn_arrow_w.png') no-repeat right 25px center, #88b927; font-size:13px; width:40%; }
.bbs_btn2 .btn_cancel2{ padding:15px 25px; background:url('/resources/img/btn_arrow_w.png') no-repeat right 25px center, #686868; font-size:13px; width:40%; }




/* 저작권공지 */
.input_notice{padding:15px;}
.input_notice h4{font-size:14px;}
.input_notice p.txt{line-height:18px; font-size:12px;}
.input_notice p.point{line-height:18px; font-size:12px;}

.input_msg {padding:12px 0 10px 0; text-align:center; font-size:12px; letter-spacing:-0.4pt;}

.bbs_input td span.cat {display:block; width:50%; margin-bottom:2px;}
.bbs_input td span.subject{width:100%;}

/* 동의폼 */
.pri_box {padding:12px 10px; margin:10px 0px 0 0px;}  
.pri_box p.pri_tit {padding-bottom:5px;} 
.pri_box .textarea {height:90px;}
.pri_message {text-align:center; padding-top:5px; font-size:12px; font-family:inherit;}
.pri_message span{display:block;}
.pri_message input[type=radio] {width:13px; height:13px; margin:0 5px 0 0;}

}


/* -------------------<2024-03-14 넥스트셰이퍼 추가>---------------------------------------------------------------------- */

.search-box { display: flex; flex-direction: row; justify-content: flex-end; }
.search-box .bbs_search { width: 100%; max-width: 640px; }
.search-box .bbs_search > form::after { content: ''; display: block; clear: both; height: 0; }
.search-box .bbs_search dt { width: calc(20% - 5px); float: left; margin-right: 5px; }
.search-box .bbs_search select { width: 100%; font: 400 15px / 32px 'SUIT'; height: auto; padding: 7px 25px 7px 10px; }
.search-box .bbs_search dd { width: 20%; float: left; }
.search-box .bbs_search dd.searchBox { width: calc(60% - 5px); margin-right: 5px; }
.search-box .bbs_search .search_input { height: auto; font: 300 15px/32px 'SUIT'; padding: 7px 12px; }
.search-box .bbs_search dd .btn_b_s { width: 100%; font: 400 16px / 100% 'SUIT'; height: auto; line-height: 48px; color: #fff; background-color: var(--sub-black); border: 0; }

/* 기본모드 */
table.basic_list thead th { font: 500 16px/100% 'SUIT'; padding: 20px 0; }
table.basic_list thead th.bbs-num { width: 6%; }
table.basic_list thead th.bbs-tit{ width: 59%; }
table.basic_list thead th.bbs-company { width: 22%; }
table.basic_list thead th.bbs-date { width: 13%; }

/* admin모드 */
table.basic_list.admin-mode thead th.bbs-chk-box { width: 4%; }
table.basic_list.admin-mode thead th.bbs-tit{ width: 49%; }
table.basic_list.admin-mode thead th.bbs-date { width: 10%; }
table.basic_list.admin-mode thead th.bbs-read { width: 5%; }
table.basic_list.admin-mode thead th.bbs-current { width: 12%; }

.bbs_con.basic_list.admin-mode td { font: 300 15px/100% 'SUIT'; }
.bbs_con.basic_list td.left { padding: 16px 0; }
.bbs_con.basic_list td { font: 300 16px / 100% 'SUIT'; padding: 16px 0; }
.bbs_con.basic_list td:nth-child(3),
.bbs_con.basic_list td:nth-child(4) { font: 300 15px/100% 'SUIT'; } 
.bbs_con.basic_list td .work_end,
.bbs_con.basic_list td .work_ing,
.bbs_con.basic_list td .work_accept { display: block; width: 100%; height: auto; border-radius: 0; padding: 10px 0; font: 400 15px / 100% 'SUIT'; margin: 0; }
.bbs_con.basic_list td img { display: inline-block; width: 18px; height: 18px; padding: 9px 0; box-sizing: content-box; }
.bbs_con.basic_list td.left a { font: 300 16px/100% 'SUIT'; }
.bbs_con.basic_list td.left .tit-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }

table.basic_list.admin-mode .curt-select { height: auto; padding: 3px 10px 3px 5px; font: 300 14px/32px 'SUIT'; }
table.basic_list.admin-mode .sBtn { height: auto; padding: 4px 15px; font: 300 13px/32px 'SUIT'; }

.page_num { margin-top: 20px; }
.page_num .pagination { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.page_num .pagination li a { padding: 7px 12px; color: var(--color-black); font: 400 16px/100% 'SUIT'; }

.bbs_btn.bbs-btn-new input { height: auto; margin: 0; margin-right: 5px; font: 300 14px / 100% 'SUIT'; padding: 12px; }
.bbs_btn.bbs-btn-new a { height: auto; margin: 0; margin-left: 5px; font: 300 14px / 100% 'SUIT'; padding: 12px; }
.bbs_btn.bbs-btn-new input.btn_b { margin-right: 0; margin-left: 5px; }

.bbs_view.bbs-new-view th { font-weight: 400; background-color: #fcfcfc; }
.bbs_view.bbs-new-view td { font: 300 16px / 125% 'SUIT'; }
.bbs_view.bbs-new-view th.subject { font: 500 17px/125% 'SUIT'; }
.bbs_view.bbs-new-view .work_end,
.bbs_view.bbs-new-view .work_ing,
.bbs_view.bbs-new-view .work_accept { width: 20%; max-width: 80px; height: auto; border-radius: 0; padding: 10px 0; font: 400 15px / 100% 'SUIT'; }
.bbs_view.bbs-new-view td.view_content { padding: 25px 15px; }
.bbs_view.bbs-new-view td.up-file a { padding-left: 24px; position: relative; }
.bbs_view.bbs-new-view td.up-file a::after { content: ''; width: 18px; height: 18px; background: url('/resources/img/common/board_ico_file.png') no-repeat center/cover; position: absolute; top: 2px; left: 0; }

.bbs_view.bbs-new-view .prev-cont a,
.bbs_view.bbs-new-view .next-cont a { display: inline-block; padding-left: 24px; position: relative; }
.bbs_view.bbs-new-view .prev-cont a::after { content: ''; width: 16px; height: 16px; background: url('/resources/img/common/board_ico_arr.png') no-repeat center/cover; position: absolute; top: 2px; left: 0; }
.bbs_view.bbs-new-view .next-cont a::after { content: ''; width: 16px; height: 16px; background: url('/resources/img/common/board_ico_arr.png') no-repeat center/cover; position: absolute; top: 2px; left: 0; transform: rotate(180deg); }

.bbs_input.bbs-input-new th { font: 500 16px/100% 'SUIT'; }
.bbs_input.bbs-input-new td { font: 300 15px/100% 'SUIT'; }
.bbs_input.bbs-input-new td input { font: 300 15px/100% 'SUIT'; }
.bbs_input.bbs-input-new .cheditor-tb-fullscreen { display: none; }
.bbs_input.bbs-input-new .scrt-check { padding: 7px 0 12px; }
.bbs_input.bbs-input-new .scrt-check input[type="checkbox"] { width: 16px; height: 16px; border-radius: 0; appearance: none; border: 1px solid #ddd; background: #fff; }
.bbs_input.bbs-input-new .scrt-check input[type="checkbox"]:checked { background: var(--key-color) url('/resources/img/common/check_on.png') no-repeat center / cover; border: 1px solid var(--key-color); }
.bbs_input.bbs-input-new .scrt-check label { font: 400 15px/100% 'SUIT'; }

.bbs_input.bbs-input-new .select-file { display: inline-block; padding: 12px 20px; font: 500 15px / 100% 'SUIT'; color: #fff; vertical-align: middle; background-color: var(--sub-black); cursor: pointer; }
.bbs_input.bbs-input-new .input_file { width: 0;height: 0; padding: 0; overflow: hidden; border: 0; position: absolute; }
.bbs_input.bbs-input-new .file-name-txt { display: inline-block; font: 300 15px/100% 'SUIT'; margin-left: 10px; }
.bbs_input.bbs-input-new .del-upfile { display: inline-block; font: 400 14px/16px 'SUIT'; margin-left: 20px; }
.bbs_input.bbs-input-new .del-upfile input { display: inline-block; width: 16px; height: 16px; appearance: none; border: 1px solid var(--sub-black); margin-top: -1px; }

.bbs_con.basic_list td .mo-blk{ display: inline-block; width: 80%; margin: 0 auto; }
.bbs_con.basic_list td .mo-blk .mo-num { display: none; }

@media all and (max-width:1280px){
	table.basic_list thead th { font: 500 15px/100% 'SUIT'; padding: 20px 0; }
	
	table.basic_list tbody td { font: 300 14px/100% 'SUIT'; }
	.bbs_con.basic_list td.left a { font: 300 14px/100% 'SUIT'; }
}
@media all and (max-width:768px){
	table.basic_list thead th.bbs-num,
	table.basic_list.admin-mode thead th.bbs-num,
	table.basic_list.admin-mode thead th.bbs-chk-box { width: 0; text-indent: -9999px; }
	
	.bbs_con.basic_list td:first-child,
	table.basic_list.admin-mode td:nth-child(2) { font: 300 13px/100% 'SUIT'; text-indent: -9999px;  }

	.bbs_con.basic_list td.left .tit-wrap { display: block; position: relative; }

	.bbs_con.basic_list td.left { padding: 10px 0; }
	.bbs_con.basic_list.admin-mode td { border-bottom: 1px solid #ccc; }
	.bbs_con.basic_list td img { width: 16px; height: 16px; margin: 0; margin: 0; padding: 0; position: absolute; top: 9px; left: 120px; }
	.bbs_con.basic_list td .mo_line { margin-top: 7px; padding-left: 10px; padding-bottom: 5px; }
	.mo_line li:before { background: #aaa; top: 3px; }
	.bbs_con.basic_list td.left a { display: inline-block; margin-top: 10px; font: 300 14px / 120% 'SUIT'; padding-left: 10px; }
	.bbs_con.basic_list td.left a:nth-of-type(2) { padding-left: 0; position: absolute; top: 9px; left: 140px; margin-top: 0; }
	.bbs_con.basic_list td.left a > img { position: static; }

	.bbs_view.bbs-new-view th.subject { font: 500 16px / 125% 'SUIT'; }
	.bbs_view.bbs-new-view td { font: 300 14px / 125% 'SUIT'; }
	.bbs_view.bbs-new-view .work_end, 
	.bbs_view.bbs-new-view .work_ing, 
	.bbs_view.bbs-new-view .work_accept { max-width: 60px; }
}

@media all and (max-width:640px){
	.bbs_input.bbs-input-new colgroup { display: block; }
	.bbs_input.bbs-input-new col { width: auto; }
	.bbs_input.bbs-input-new th { display: block; border-right: 0; border-bottom: 0; padding: 15px 10px 0; }
	.bbs_input.bbs-input-new td { display: block; padding: 7px 10px 15px; border-right: 0; }
	.bbs_input.bbs-input-new td input { border: 0; background-color: #f7f7f7; }

	.bbs_input.bbs-input-new .select-file { padding: 10px 15px; font-size: 13px; }
	.bbs_input.bbs-input-new .file-name-txt { font-size: 14px; }

  .frm-desc-wrap { flex-wrap:wrap; }
}