@charset "utf-8";

/*공통*/
#contents legend {position:absolute; top:0; left:-99999rem; font-size:0;}

/*게시판검색*/
/*
.search_box > div {background:#fff; padding:15rem 20rem; overflow:hidden;}*/
.search_box { position:relative; border:1px solid #ccc; background:#eee; padding:5rem;}
.search_box > div {padding:15rem; overflow:hidden; background:#fff;}
.search_box input.input200 { float:left; width:150rem; padding:1.5rem 5rem; margin-right:5rem;}
.search_box select { float:left; font-size:14rem; padding:0 2rem; height:22rem; margin-right:5rem;}
.search_box .board_page {padding:0; position:absolute; right:20rem; top:20rem;}
.btnboxR .right {text-align:right;}

@media all and (max-width:768px){
  .search_box input.input200 { width:100rem; }
}

/*페이징*/
#paging_area  {text-align:center;}
#paging_area .paging {display:inline-block;}
#paging_area .paging strong {font-size:13rem; box-sizing:border-box; width:30rem; line-height:33rem; height:33rem;}
#paging_area .paging > a {font-size:13rem; display:inline-block; box-sizing:border-box; width:30rem; line-height:33rem; height:33rem;}
#paging_area .paging span a {padding:0 5rem;}
.paging a.pre_end:hover, .paging a.pre:hover, .paging a.next:hover, .paging a.next_end:hover {border:0;}

/*일반 - 목록*/
.table_wrap { overflow:hidden; margin:30rem 0; }
.table_wrap .table_st02 {border-top:2rem solid #333; width:100%; table-layout:fixed;}
.table_wrap .table_st02 thead th {border-bottom:1px solid #bbb; padding:13rem 0; font-size:16rem; font-weight:400; }
.table_wrap .table_st02 .num {width:8%;}
.table_wrap .table_st02 .writer {width:15%;}
.table_wrap .table_st02 .date {width:14%;}
.table_wrap .table_st02 .file {width:8%;}
.table_wrap .table_st02 .hit {width:8%; }
.table_wrap .table_st02 .subject a { display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; max-width:95%; color:#222;}
/* .table_wrap .table_st02 .subject a:hover { color:#0e4194; text-decoration:underline; } */
.table_wrap .table_st02 tbody .subject {text-align:left;}
.table_wrap .table_st02 tbody td,
.table_wrap .table_st02 tbody th { text-align:center; padding:10rem; border-bottom:1px dashed #ccc; color:#555; font-size:14rem; }
.table_wrap .table_st02 tbody tr:hover {background:#f8f8f8;}
.table_wrap .table_st02 .aL {text-align:left;}
.board_list_v01 table {font-size:18rem; }
.board_list_v01 table th {font-weight:600; }
@media all and (max-width:768px){
	.table_wrap {overflow-x:auto;}
	.bod_no, .file_fileCnt, .bod_readCnt, .buy_linkurl {display:none; }
	.con_rgstDateTime, .con_name { width:20% !important;}
	.search_box > div {padding:50rem 15rem 15rem 15rem;}
}

/* 보기 */
.board_view .view_tle {display:block !important; margin:0 !important; border-top:2rem solid #333 !important; font-size:18rem !important; font-weight:600 !important; padding:12rem 20rem !important; background:#f1f1f1; border-bottom:1px solid #ccc;}
.board_view dl {overflow:hidden;}
/*
.board_view dl dt { float:left; width:20%; padding:10rem 20rem; box-sizing:border-box; font-weight:400; font-size:14rem; min-height:43rem; border-bottom:1px solid #ccc;}
.board_view dl dd { float:left; width:30%; padding:10rem 20rem; box-sizing:border-box; font-size:13rem; min-height:43rem; border-bottom:1px solid #ccc;}
*/
.board_view dl.view_file { border-bottom:1px solid #ccc;}
.board_view dl.view_file dt { border-bottom:0; font-size:18rem; }
.board_view dl.view_file dd {width:80%; border-bottom:0;}
.board_view .view_body {padding:30rem; width:100%; word-break: break-all;}

/*.board_view dl.view_next { border-top:2rem solid #ddd; margin-top:20rem; clear:both;}
.board_view dl.view_next dt {width:15% !important;}
.board_view dl.view_next dd {width:85%;}
.board_view dl.view_next dt:nth-child(1), .board_view dl.view_next dd:nth-child(2) { border-bottom:1px dashed #ccc;}*/
.board_view dl.view_next dt.img_up { background:url("/design/common/img/board/up_bg.gif") no-repeat scroll right 17rem; }
.board_view dl.view_next dt.img_down { background:url("/design/common/img/board/down_bg.gif") no-repeat scroll right 17rem; }

.view_prev dt,.view_prev dd, dl.view_next dt, .view_next dd {font-size:17rem; }

@media all and (max-width:768px){
  .board_view dl dt { width:20%;}
  .board_view dl dd { width:80%;}
}

/*보기-버튼*/
.view_btn_wrap {overflow:hidden; margin-top:30rem;}
.view_btn_wrap .floatleft {float:left;}
.view_btn_wrap .view_btn_r {float:right;}

/*삭제*/
.del_wrap { border:1px dashed #ccc; padding:20rem; text-align:center; }
.del_wrap .del_top {font-size:20rem; font-weight:500;}
.del_wrap .del_area p {color:#666; margin-top:20rem;}
.del_wrap .del_area .bold {font-weight:300; margin-right:10rem;}
.board_btn_center {text-align:center; margin-top:20rem;}
.btn_pack button { background:#fff; border:1px solid #ccc; background:#eee; padding:3rem 5rem; cursor:pointer;}
.btn_pack:first-child button {background:#333; border:1px solid #111; color:#fff;}

/*글쓰기*/
.write_wrap {border-top:2rem solid #333; margin-top:10rem; padding-top:10rem;}
.write_wrap .select05 {width:170rem !important;}
.write_wrap dl {overflow:visible;}
.write_wrap dl:after {content:''; display:block; clear:both;}
/*.write_wrap .write_form1, .write_wrap .write_form3, .write_wrap .write_form4 {overflow:hidden;}*/
.write_wrap .write_form1:after, .write_wrap .write_form3:after, .write_wrap .write_form4:after {content:''; display:block; clear:both;}
.write_wrap .write_form1 dt, .write_wrap .write_form3 dt, .write_wrap .write_form4 dt { float:left; width:30%; padding:10rem; box-sizing:border-box; font-weight:400;}
.write_wrap .write_form1 dd, .write_wrap .write_form3 dd, .write_wrap .write_form4 dd { position:relative; float:left; width:70%; padding:10rem; box-sizing:border-box; font-size:14rem; }
.write_wrap .write_form1 dd > *, .write_wrap .write_form3 dd > *, .write_wrap .write_form4 dd > * {vertical-align:middle;}
.write_wrap .write_form1 dd input {width:100%; height:30rem; padding:10rem; box-sizing:border-box;}
.write_wrap .write_form3 dd input.write_text5  {width:100%; }
.write_wrap .write_form3 dd textarea {margin-bottom:15rem; }
.write_wrap .write_form2 {position:relative;}
.write_wrap .write_form2 dt { font-weight:400; padding:10rem;}
.write_wrap .write_form2 dd { padding:0 10rem 10rem 10rem;}
.write_wrap .write_form2 dd .orange {position:absolute; top:10rem; right:10rem; font-size:14rem;}
@media all and (max-width:768px){
  .write_wrap .write_form2 dd .orange {position:relative; top:0; left:0;}
}
.write_wrap .write_form2 dd textarea {width:100%; padding:10rem; box-sizing:border-box;}
.btnboxC {text-align:center; border-top:1px solid #ddd; padding-top:20rem;}
.btnboxC a {vertical-align:top; display:inline-block;}

/*가상키보드숨김*/
.vk_text {display:none;}

/*게시판 스타일 수정*/
.board_search * {float:left;}
.bbsSearch_top_warp .inputTxt {padding:0 !important;}
.bbsSearch_top_warp select, .bbsSearch_top_warp input { border:0; margin:0 0 0 10rem !important; padding:0 !important; }
#srchKeyword { border:1px solid #ccc !important; border-right:0 !important; }
.bbsSearch_top_warp .btn_sch { border:1px solid #ccc !important; border-left:0 !important; left:auto; margin:0 !important; }

.write_wrap {padding-top:0;}
.write_form6 dd {background:#fff !important;}
.write_form3 {padding-bottom:0;}
.txtC {text-align:center;}
#frm input {/*border:none !important;*/ margin:0 !important; padding:0 !important;}
.insel label {position:absolute; top:-9999rem;}

/*게시판 버튼*/
.btn_white, .btn_blue {font-size:18rem;}
.writeBtn > * {vertical-align:middle;}