/*=================================================================================================
// 게시판 스타일쉬트 2025-01-13 강대인
//=================================================================================================*/
@charset "utf-8";

.hide {display:none;}
.ssRed { color:red !important; }
.ssBlue { color:blue !important; }
.ment_red {color:#666; font-weight: 500; margin-top:5px; padding-left:20px; background:url("./img/ment_red.png") no-repeat 0 2px; background-size: 14px auto; font-size: 16px; color:red; }
.ment_blue {color:#666; font-weight: normal; margin-top:5px; padding-left:20px; background:url("./img/ment_bl.png") no-repeat 0 3px; background-size: 15px auto; font-size: 14px; color:blue; }
.ment_blue2 {color:#666; font-weight: normal; margin-left:10px; padding-left:20px; background:url("./img/ment_bl.png") no-repeat 0 0; background-size: 15px auto; font-size: 14px; color:blue; }
a:link, a:visited, a:active, a:hover { color: #000; text-decoration: none; }
input[type='file'] {height:auto; padding: 0;}

input[type=checkbox], input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.dc_board_wrap { width:1280px; margin:0 auto; padding:50px 0;}
.dc_board_wrap input, .dc_board_wrap select, .dc_board_wrap img { vertical-align:middle;}
.dc_board_wrap input, .dc_board_wrap select{font-size:15px;}

/* 버튼 */
.buttons { display:flex;flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.buttons li {display:flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.buttons li.right { display:flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.buttons li a.dc_bd_button{display: inline-block; width: 80px;height: 35px;margin: 10px 0 10px 5px;padding: 0;border: solid 1px #aaa;text-align: center;font-size: 15px;font-weight: 400; letter-spacing: -0.06em; color: #555;line-height: 35px; background-image: linear-gradient(180deg, #fff, #f1f1f1); border-radius: 2px;}
.buttons li button.dc_bd_button{display: inline-block; width: 80px;height: 35px;margin: 10px 0 10px 5px;padding: 0;border: solid 1px #aaa;text-align: center;font-size: 15px;font-weight: 400; letter-spacing: -0.06em; color: #555;line-height: 35px; background-image: linear-gradient(180deg, #fff, #f1f1f1); border-radius: 2px;}

/*검색*/
.dc_bbs_search{width:100%; margin-bottom:40px;}
.dc_bbs_search #list_search { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin:0;}
.dc_bbs_search #list_search select { text-align:center; padding: 0 0 0 10px;height:30px;margin:0;  background-color:#fff; border:1px solid #ddd; font-size:15px; border-radius: 2px;}
.dc_bbs_search #list_search input.stx { width:200px; height:30px; background-color:#fff; border:1px solid #ddd; font-size:15px;padding:0 10px; margin:0 0 0 5px; border-radius: 2px;}
.dc_bbs_search #list_search button.btn_search {display: inline-block;width: 100px;height: 30px;margin: 0 0 0 5px; padding: 0;background:#fafafa;text-align: center;font-size: 15px;font-weight: 400;color: #000;line-height: 30px;cursor: pointer;  border:1px solid #ddd; border-radius: 2px;}
.dc_bbs_search #list_search .dc_bd_write {display: inline-block;width: 100px;height: 30px;margin: 0 0 0 10px;padding: 0;;background:#fafafa;text-align: center;font-size: 15px;font-weight: 400;color: #000;line-height: 30px; border:1px solid #ddd; border-radius: 2px;}
/*//검색*/

/* 리스트 헤더 */
.dc_bbs_header{display:flex; flex-direction: row; align-items: center; border-bottom:1px solid #ddd; padding:5px;}
.dc_bbs_header p.dc_total{padding:0 0 0 20px; font-size:15px; color:#222; background:url("./img/icon_ment.png") no-repeat 0 center; background-size: 15px auto;}
.dc_bbs_header p.dc_total span{font-weight:500;}

/*리스트*/
.dc_bbs_container{position:relative; width:100%;}

.dc_bbslist_wrap {margin:0 0 30px 0;}

/* 갤러리 게시판 리스트 스타일*/
.brd_gallery_list {border-top:1px solid #e5e5e5;padding-top:50px;}
.brd_gallery_body {display: flex;flex-wrap: wrap; /*margin: 0 -1.5%;*/}
.brd_gallery_body li.col_cnt3 {width:30.3333%;margin: 1.5%; border:1px solid #ddd;border-radius: 5px;overflow: hidden;transition: all 0.5s ease;}
.brd_gallery_body li.col_cnt4 {width:22%;margin: 1.5%; border:1px solid #ddd;border-radius: 5px;overflow: hidden;transition: all 0.5s ease;}
.brd_gallery_body li:hover {border-color:#000;box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.brd_gallery_body li .brd_list_img.col_cnt3 {height:300px;overflow:hidden;}
.brd_gallery_body li .brd_list_img.col_cnt4 {overflow:hidden;}
.brd_gallery_body li .brd_list_img a {display: block;height: 100%;}
.brd_gallery_body li .brd_list_img a img {display: block;width:100%;height: 100%;object-fit: cover;transition: all 0.7s ease}
.brd_gallery_body li:hover .brd_list_img a img {transform: scale(1.1)}
.brd_gallery_cont {padding:30px;}
.brd_gallery_cont .dc_title_wrap {display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center;  margin-bottom: 5px;}
.brd_gallery_cont .dc_title_wrap > a {display: block; font-size:16px;color:#000; }
.brd_gallery_cont > span {font-size:13px;color:#444;margin:0 5px 0 0;word-break: keep-all;}
.brd_gallery_cont > span.brd_writer {display:block;font-size:15px;font-weight: 500; margin:0 0 3px;}

@media screen and (max-width:1024px){
  .brd_gallery_body li.col_cnt3 {width: 30%;}
  .brd_gallery_body li.col_cnt4 {width: 30%;}
  .brd_gallery_body li .brd_list_img.col_cnt3 {height: 240px;}
  .brd_gallery_body li .brd_list_img.col_cnt4 {  }
  .brd_gallery_cont {padding: 25px;}
  .brd_gallery_cont .dc_title_wrap > a {font-size:16px;}
}
@media screen and (max-width:768px){
  .brd_gallery_body {/*margin: 0 -2.5%;*/}
  .brd_gallery_body li.col_cnt3 {width: 45%;margin: 2.5%;}
  .brd_gallery_body li.col_cnt4 {width: 45%;margin: 2.5%;}
  .brd_gallery_body li .brd_list_img.col_cnt3 {height: 200px;}
  .brd_gallery_body li .brd_list_img.col_cnt3 {height: 200px;}
  .brd_gallery_cont {padding: 20px;}
  .brd_gallery_cont .dc_title_wrap > a {font-size: 16px;}
  .brd_gallery_cont > span {font-size: 14px;}
  .brd_gallery_cont > span.brd_writer {font-size: 14px;}
}
@media screen and (max-width:480px){
  .brd_gallery_list {padding-top: 30px;}
  .brd_gallery_body {margin: 0;}
  .brd_gallery_body li.col_cnt3 {width:100%;margin:15px 0;}
  .brd_gallery_body li.col_cnt4 {width:100%;margin:15px 0;}
  .brd_gallery_body li .brd_list_img.col_cnt3 {height: 220px;}
  .brd_gallery_body li .brd_list_img.col_cnt4 {height: 220px;}
  .brd_gallery_cont .dc_title_wrap > a {font-size:16px;}
  .brd_gallery_cont > span {font-size: 14px;}
  .brd_gallery_cont > span.brd_writer {font-size: 14px;}
}
/*//게시판 리스트 화면 스타일*/


/*//리스트*/

/*상세*/
.dc_bbsviewwrap{position:relative; width:100%; background-color:#fff; font-size:14px;}
.dc_bbsviewwrap .dc_viewheader{position:relative; width:100%; padding:20px; overflow:hidden; border-top:solid 2px #333; border-bottom:solid 1px #333; font-size:16px; font-weight:600; color:#333; }
.dc_bbsviewwrap .dc_viewheader .dc_subject{float:left; }
.dc_bbsviewwrap .dc_viewheader .dc_date{float:right; font-weight:300; font-size:14px;}

.dc_bbsviewwrap .dc_viewaddfile{width:100%; padding:10px 10px; border-bottom:solid 1px #333; background-color: #f6f6f6 ;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list{}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl{display:flex; flex-direction: row; flex-wrap: wrap;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dt{width:100%;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd{width:100%;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul{ width:100%; margin-top:5px;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul li { line-height:20px; padding-left:40px; margin-bottom:5px; background: url(./img/icon_download.svg) no-repeat 10px center; background-size: 22px auto; color:#666; font-size:14px;}
.dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul li a{color:#666; }

.dc_bbsviewwrap .dc_viewcon{clear:both;position:relative; width:100%; padding:20px 15px;}
.dc_bbsviewwrap .dc_viewcon p.dc_imgcenter{text-align:left;margin:0 0 20px 0;}
.dc_bbsviewwrap .dc_viewcon p.dc_imgcenter img{max-width:100%;}
.dc_bbsviewwrap .dc_viewcon .dc_cont_wrap{margin:0 0 20px 0;min-height:300px;}
.dc_bbsviewwrap .dc_viewcon .dc_cont_wrap p{font-weight:normal;}
.dc_bbsviewwrap .dc_viewcon .dc_cont_wrap table { width: auto; max-width:100%; border-collapse: unset; border-spacing: unset; word-break: break-all; border: unset;}

.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap {width:100%; margin-bottom:30px;text-align:center;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap .bo_v_act_gng {display: inline-block; position:relative;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap a {margin-right:5px;vertical-align:middle;color:#4a5158;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap i {font-size:1.4em;margin-right:5px;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:10px;}
.dc_bbsviewwrap .dc_viewcon .dc_chu_wrap .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:10px;}

.view_file {width:100%; vertical-align:middle;}
.view_filename { width:100%; padding:6px;}
.view_filename .addfile_list{position:relative; width:100%;}
.view_filename span.add_file{width: 10%;padding: 5px 10px;background-color: #ddd;border-radius: 10px;color: #666;margin: 3px 5px 3px 0px;text-align: center;display: inline-block;}
.view_filename span.add_file_nm{width:80%;}

.view_nextprev {width: 100%; margin: 10px auto;}
.view_nextprev ul{}
.view_nextprev ul li{font-size: 14px;border-bottom: solid 1px #ddd;padding: 10px 15px;}
.view_nextprev ul li dl{display: flex; flex-direction: row; flex-wrap: nowrap;}
.view_nextprev dt, .view_nextprev dd { padding: 10px 5px; }
.view_nextprev ul li dl dt{width:8%;}
.view_nextprev ul li dl dt i {margin-right: 5px;}
.view_nextprev ul li dl dd{width:92%;}
.view_nextprev ul li a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#666;}

/* 댓글리스트 및 입력 */
#view_comment { padding:30px 40px 40px; background: #f8f8f8; }

#comment_list { clear:both; margin-top:20px; }
.comment_reply { background:url(./img/ico_reply.gif) no-repeat; }

.clist { border-top:1px solid #c3c3c3; }
.clist .cl_infor { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding:8px 0 5px 0; border-bottom:1px dotted #eee;  }
.clist .cl_infor .cl_name { font-weight:normal; font-size:14px;}
.clist .cl_infor .cl_date { padding-left:10px; color:#666; font-size:12px; }
.clist .cl_infor .cl_ip { padding-left:10px; color:#666; font-size:12px; }
.clist .cl_infor .cl_control { padding-left:10px; text-align:right; color:#888; font-size:11px; }
.clist .cl_infor .cl_control button { padding:2px 5px; border:1px solid #ddd; border-radius:2px; color:#000; font-size:12px; background-color:white; }
.clist .cl_content { width:100%; line-height:20px; font-size:14px; margin-bottom:5px; padding:7px; word-break:break-all; word-wrap: break-word; }
.clist .cl_block_btn {text-align:right; padding-right:10px;margin-bottom:5px;}
.clist .cl_block_btn a {font-size:12px; color:#666;}

#comment_box {}
#comment_reply { display:none; float:left; border:none; }
.cform {}
.cform .cw_infor { padding-bottom:5px; }
.cform .cw_infor .cw_control {}
.cform .cw_infor .cw_control .pc_cw_etc_wrap{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; clear: both; padding-left: 5px; font-size:14px;}
.cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc {display:inline-block;margin-left:10px;}
.cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc button {padding:2px 5px; border:1px solid #ddd; border-radius:2px; color:#000; font-size:12px;background-color:white;}
.cform .cw_infor .cw_control .cw_noname_wrap {width:100%; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-top:5px;}
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 {width:auto; }
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_name {width:200px; border:solid 1px #ddd; padding:5px 10px;}
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_password {width:200px; border:solid 1px #ddd; padding:5px 10px;}
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width:auto; margin-left:20px;}
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 .cw_wrkey {width:100px;}
.cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 #wr_key {width:150px; border:solid 1px #ddd; padding:5px 10px; margin-left:5px;}

.cform .cmt_box {display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.cform .cmt_box .cw_cont { width:calc(100% - 100px) !important; }
.cform .cmt_box .cw_cont #co_content { width:100% !important; min-height:100px; !important; padding:5px; border:1px solid #ddd; line-height:20px;}
.cform .cmt_box .cw_write { display:inline-block; width:100px; padding-left:5px;}
.cform .cmt_box .cw_write #btn_submit { width:100%; height:58px; background:#222; font-size: 16px; font-weight: 400;color:#ccc; text-align: center; line-height:58px;}


/*//상세*/

/* 쓰기 */
.dc_bbswritewrap{border-top:solid 2px #333; background-color:#fff;}
.dc_bbswritewrap dl{display:flex;flex-direction: row; flex-wrap: wrap; align-items: center; font-size:14px; border-bottom:solid 1px #ddd; padding:5px 0;}
.dc_bbswritewrap dl>dt{ width:100px;  color:#000; line-height:20px; padding:0 10px; text-align:center; font-weight:500;}
.dc_bbswritewrap dl>dd{ width:calc(100% - 100px); color:#000; line-height:20px; padding:0 10px;}
.dc_bbswritewrap dl>dd>label{margin-right:10px; }
.dc_bbswritewrap dl>dd input[type="text"],
.dc_bbswritewrap dl>dd input[type="password"] {border:solid 1px #ddd; padding:5px 10px; color:#000; }
.dc_bbswritewrap dl>dd input.dc_input00{width:30%; padding:5px 10px;}
.dc_bbswritewrap dl>dd input.dc_input01{width:100%; padding:5px 10px;}
.dc_bbswritewrap dl>dd input.dc_input02{width:150px;}
.dc_bbswritewrap dl>dd input.dc_input03{width:120px;}
.dc_bbswritewrap dl>dd textarea {width:100%; padding:5px 10px; color:#000; line-height:20px; }
.dc_bbswritewrap .dc_notice_end_dt_wrap {white-space: nowrap;}
.dc_bbswritewrap .dc_nonEditer{}
.dc_bbswritewrap .dc_nonEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}
.dc_bbswritewrap .dc_nonEditer p.tx_row span{margin:0 5px;}
.dc_bbswritewrap .dc_nonEditer textarea {width:100%; padding:5px 10px; color:#000; line-height:20px;border:solid 1px #ddd;}
.dc_bbswritewrap .dc_useEditer{}
.dc_bbswritewrap .dc_useEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}

/* summernote 에디터영역의 테이블  2025-03-15 추가 */
.note-editor .note-editing-area .note-editable table {
  width: auto;
  max-width:100%;
  border-collapse: unset;
  border-spacing: unset;
  word-break: break-all;
  border: unset;
}

.dc_bbswritewrap .dc_file_wrap {padding:10px 0;}
.dc_bbswritewrap .dc_file_wrap .dc_dn_file {display: inline-block; background: url(./img/icon_download.svg) no-repeat 0px center; background-size: 22px auto; padding-left: 23px;font-size:14px;}
.dc_bbswritewrap #bo_file>div:not(:last-of-type) {margin-bottom:5px;}
.dc_bbswritewrap #bo_file>div input[type="file"] {height: auto; border:solid 1px #ddd; padding:0; color:#000; }
.dc_bbswritewrap #bo_file>div input[type="checkbox"] {margin:0 5px 0 10px;;}

.dc_bbswritewrap .dc_db_optin_wrap {display:flex; flex-direction: row; flex-wrap: wrap; align-items: center;  border-bottom:solid 1px #ddd;}
.dc_bbswritewrap .dc_db_optin_wrap .dc_noMem { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width:70%; padding:5px 10px;  }
.dc_bbswritewrap .dc_db_optin_wrap .dc_noMem #kcaptcha { width:150px; height:50px; }
.dc_bbswritewrap .dc_db_optin_wrap .dc_noMem>div {width:calc(100% - 154px); display:inline-block; padding-left:5px; }
.dc_bbswritewrap .dc_db_optin_wrap .dc_noMem .dc_kcaptcha_exp { margin-left:5px;}
.dc_bbswritewrap .dc_db_optin_wrap .dc_syntax { width:30%;padding:10px 10px;  }
/* //쓰기 */



/* password */
#pwd_wrap { width:600px; margin:0 auto; padding:20px 0; }
#pwd_wrap p { margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted; }
#pwd_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#pwd_cont { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; padding:30px; text-align:center; }
#pwd_cont span { margin-right:35px; }
#pwd_cont input {  padding:5px 10px; }


/* movecopy */
#mc_wrap { width:484px; margin:0 auto; padding:20px 0; }
#mc_wrap p.mc_btn { text-align:center; margin-top:10px; padding:15px 0; border-top:1px dotted #e4e4e4; }
#mc_title { padding:0 0 10px 0; border-bottom:2px solid #ebebeb; }
#mc_header { padding:20px 20px 0 20px; }

#mc_list { padding:10px 20px 20px 20px; }
#mc_list li { padding:5px 0; border-bottom:1px solid #e9e9e9; }
#mc_list li input {  padding:5px 10px; }
#mc_list li.last { border:none; }

.dc_category_wrap{position:relative; width:100%; height:30px; z-index:30; margin:0 0 30px 0;}
.dc_category_wrap ul.categoryTab{ position: absolute;top: 0px;left: 0px;height: 30px;}
.dc_category_wrap ul.categoryTab li{float:left; border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;border-right: solid 1px #ddd;text-align: center;line-height: 30px;font-size: 14px;}
.dc_category_wrap ul.categoryTab li:first-child{border-left: solid 1px #ddd;}
.dc_category_wrap ul.categoryTab li a{display:block;padding: 0 20px;}
.dc_category_wrap ul.categoryTab li a:hover{background-color:#333;color:#fff;font-weight:400;}
.dc_category_wrap ul.categoryTab li.on{background-color:#333;color:#fff;font-weight:400;}
.dc_category_wrap ul.categoryTab li.on a{color:#fff;}



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

  .view_nextprev {width: 100%; margin: 10px auto;}
  .view_nextprev ul{}
  .view_nextprev ul li{font-size: 14px;border-bottom: solid 1px #ddd;padding: 10px 15px;}
  .view_nextprev ul li dl{display: flex; flex-direction: row; flex-wrap: nowrap;;}
  .view_nextprev ul li dl dt{width:15%;}
  .view_nextprev ul li dl dd{width:85%;}
  .view_nextprev ul li a{color:#666;}


  /* 댓글리스트 및 입력 */
  #view_comment { padding: 20px; background: #f8f8f8; }
  .cform { margin-bottom:10px; padding:5px 0; background:#f8f8f8;}
  .cform .cw_infor { padding-bottom:5px; }
  .cform .cw_infor .cw_control { padding:0;}
  .cform .cw_infor .cw_control .pc_cw_etc_wrap{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; clear: both; padding-left: 5px; }
  .cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc {display:inline-block;margin-left:10px;}
  .cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc button {padding:2px 5px; border:1px solid #ddd; border-radius:2px; color:#000; font-size:12px;}
  .cform .cw_infor .cw_control .cw_noname_wrap {width:100%; display:block;  margin-top:5px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 {width:100%;display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap:5px; }
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_name {width:50%; border:solid 1px #ddd; padding:5px 10px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_password {width:50%; border:solid 1px #ddd; padding:5px 10px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width:100%; margin:5px 0 0 0;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 .cw_wrkey {width:100px; }
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 #wr_key {width:Calc(100% - 105px); border:solid 1px #ddd; padding:5px 10px; margin-left:5px;}

  .cform .cmt_box {display:block}
  .cform .cmt_box .cw_cont { width:100% !important; }
  .cform .cmt_box .cw_cont #co_content { width:100% !important; min-height:100px; !important; padding:5px; border:1px solid #ddd; line-height:20px;}
  .cform .cmt_box .cw_write {display:block;width:100%;padding:0;}
  .cform .cmt_box .cw_write #btn_submit { width:100%; height:58px; background:#222; font-size: 16px; font-weight: 400;color:#ccc; text-align: center; line-height:58px; }

  /* 쓰기 */
  .dc_bbswritewrap{border-top:solid 2px #333; background-color:#fff;}
  .dc_bbswritewrap dl{display:flex;flex-direction: row; flex-wrap: wrap; align-items: center; font-size:16px; border-bottom:solid 1px #ddd; padding:5px 0;}
  .dc_bbswritewrap dl>dt{ width:100px;  color:#000; line-height:20px; padding:0 10px; text-align:center; font-weight:500;}
  .dc_bbswritewrap dl>dd{ width:calc(100% - 100px); color:#000; line-height:20px; padding:0 10px;}
  .dc_bbswritewrap dl>dd>label{margin-right:10px; }
  .dc_bbswritewrap dl>dd input[type="text"],
  .dc_bbswritewrap dl>dd input[type="password"] {border:solid 1px #ddd; padding:5px 10px; color:#000; }
  .dc_bbswritewrap dl>dd input.dc_input00{width:30%; padding:5px 10px;}
  .dc_bbswritewrap dl>dd input.dc_input01{width:100%; padding:5px 10px;}
  .dc_bbswritewrap dl>dd textarea {width:100%; padding:5px 10px; color:#000; line-height:20px; }
  .dc_bbswritewrap .dc_nonEditer{}
  .dc_bbswritewrap .dc_nonEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}
  .dc_bbswritewrap .dc_nonEditer p.tx_row span{margin:0 5px;}
  .dc_bbswritewrap .dc_nonEditer textarea {width:100%; padding:5px 10px; color:#000; line-height:20px;border:solid 1px #ddd;}
  .dc_bbswritewrap .dc_useEditer{}
  .dc_bbswritewrap .dc_useEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}

  .dc_bbswritewrap .dc_file_wrap {padding:10px 0;}
  .dc_bbswritewrap #bo_file>div:not(:last-of-type) {margin-bottom:5px;}
  .dc_bbswritewrap #bo_file>div input[type="file"] {width:100%;border:solid 1px #ddd; padding:0; margin-top:5px; margin-bottom:5px; color:#000; }
  .dc_bbswritewrap #bo_file>div input[type="checkbox"] {margin:0 5px 0 0;}

  .dc_bbswritewrap .dc_db_optin_wrap {display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;align-items: center;  border-bottom:solid 1px #ddd;}
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem { padding:5px 10px;  }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem #kcaptcha { width:100px; height:50px; }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem>div {width:calc(100% - 104px); display:inline-block; padding-left:5px; }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem .dc_kcaptcha_exp { margin-left:5px;}
  .dc_bbswritewrap .dc_db_optin_wrap .dc_syntax { padding:10px 10px;  }
  /* //쓰기 */

}

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

  .dc_board_wrap { width:100%; padding:25px 5% 30px; }

}

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

  .dc_board_wrap { width:100%; padding:25px 5% 30px; }

  .buttons li a.dc_bd_button{ width: 70px;}
  .buttons li button.dc_bd_button{width: 70px;}

  .dc_bbs_search #list_search button.btn_search {width: 80px;}
  .dc_bbs_search #list_search .dc_bd_write {width: 80px;}


  /*상세*/
  .view_file {width:100%; vertical-align:middle;}
  .view_filename { width:100%; padding:6px;}
  .view_filename .addfile_list{position:relative; width:100%;}
  .view_filename span.add_file{width: 10%;padding: 5px 10px;background-color: #ddd;border-radius: 10px;color: #666;margin: 3px 5px 3px 0px;text-align: center;display: inline-block;}
  .view_filename span.add_file_nm{width:80%;}

  .dc_bbsviewwrap .dc_viewaddfile{width:100%; padding:10px 10px; border-bottom:solid 1px #333; background-color: #f6f6f6 ;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list{}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl{display:flex; flex-direction: row; flex-wrap: wrap;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dt{width:100%;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd{width:100%;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul{ width:100%; margin-top:5px;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul li { line-height:20px; padding-left:25px; margin-bottom:5px; background: url(./img/icon_download.svg) no-repeat 0px center; background-size: 22px auto; color:#666; font-size:14px;}
  .dc_bbsviewwrap .dc_viewaddfile .addfile_list dl dd ul li a{color:#666; }

  .view_nextprev {width: 100%; margin: 10px auto;}
  .view_nextprev ul{}
  .view_nextprev ul li{font-size: 14px;border-bottom: solid 1px #ddd;padding: 10px 15px;}
  .view_nextprev ul li dl{display: flex; flex-direction: row; flex-wrap: nowrap;;}
  .view_nextprev ul li dl dt{width:25%;}
  .view_nextprev ul li dl dd{width:75%;}
  .view_nextprev ul li a{color:#666;}

  .dc_bbsviewwrap .dc_viewheader .dc_subject{float:unset; font-weight:500; font-size:20px;}
  .dc_bbsviewwrap .dc_viewheader .dc_date{float:unset; font-weight:300; font-size:14px; margin-top:5px;}


  /* 댓글리스트 및 입력 */
  #view_comment { padding: 10px; background: #f8f8f8; }

  .clist { border-top:1px solid #c3c3c3; }
  .clist .cl_infor { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding:8px 0 5px 0; border-bottom:1px dotted #eee;  }
  .clist .cl_infor .cl_name { font-weight:normal; font-size:14px;}
  .clist .cl_infor .cl_date { padding-left:10px; color:#666; font-size:12px; }
  .clist .cl_infor .cl_ip { display:none; padding-left:10px; color:#666; font-size:12px; }
  .clist .cl_infor .cl_control { padding-left:10px; text-align:right; color:#888; font-size:11px; }
  .clist .cl_infor .cl_control button { padding:2px 5px; border:1px solid #ddd; border-radius:2px; color:#000; font-size:12px; background-color:white; }
  .clist .cl_content { width:100%; line-height:20px; font-size:14px; margin-bottom:5px; padding:7px; word-break:break-all; word-wrap: break-word; }
  .clist .cl_block_btn {text-align:right; padding-right:10px;margin-bottom:5px;}
  .clist .cl_block_btn a {font-size:12px; color:#666;}

  .cform {}
  .cform .cw_infor { padding-bottom:5px; }
  .cform .cw_infor .cw_control {padding:0;}
  .cform .cw_infor .cw_control .pc_cw_etc_wrap{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; clear: both; padding-left: 5px; }
  .cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc {display:inline-block;margin-left:10px;}
  .cform .cw_infor .cw_control .pc_cw_etc_wrap .cw_etc button {padding:2px 5px; border:1px solid #ddd; border-radius:2px; color:#000; font-size:12px;}
  .cform .cw_infor .cw_control .cw_noname_wrap {width:100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top:5px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 {width:100%;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_name {width:100%; border:solid 1px #ddd; padding:5px 10px; }
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname1 #co_password {width:100%; border:solid 1px #ddd; padding:5px 10px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 {width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width:auto;margin: 5px 0 0 0;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 .cw_wrkey {width:100px;}
  .cform .cw_infor .cw_control .cw_noname_wrap .pc_cw_noname2 #wr_key {width:Calc(100% - 105px); border:solid 1px #ddd; padding:5px 10px; margin-left:5px;}

  .cform .cmt_box {display:flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
  .cform .cmt_box .cw_cont { width:100%; }
  .cform .cmt_box .cw_cont #co_content { width:100% !important; min-height:100px; !important; padding:5px; border:1px solid #ddd; line-height:20px;}
  .cform .cmt_box .cw_write { display:inline-block; width:100%; }
  .cform .cmt_box .cw_write #btn_submit { width:100%; height:50px; background:#222; font-size: 16px; font-weight: 400;color:#ccc; text-align: center; line-height:50px; }

  /* 쓰기 */
  .dc_bbswritewrap{border-top:solid 2px #333; background-color:#fff;}
  .dc_bbswritewrap dl{display:flex;flex-direction: row; flex-wrap: wrap; align-items: center; font-size:16px; border-bottom:solid 1px #ddd; padding:5px 0;}
  .dc_bbswritewrap dl>dt{ width:80px;  color:#000; line-height:20px; padding:0 10px; text-align:center; font-weight:500;}
  .dc_bbswritewrap dl>dd{ width:calc(100% - 80px); color:#000; line-height:20px; padding:0 10px;}
  .dc_bbswritewrap dl>dd>label{margin-right:10px; }
  .dc_bbswritewrap dl>dd input[type="text"],
  .dc_bbswritewrap dl>dd input[type="password"] {border:solid 1px #ddd; padding:5px 10px; color:#000; }
  .dc_bbswritewrap dl>dd input.dc_input00{width:100%; padding:5px 10px;}
  .dc_bbswritewrap dl>dd input.dc_input01{width:100%; padding:5px 10px;}
  .dc_bbswritewrap dl>dd input.dc_input02{width:100%; padding:5px 10px;}
  .dc_bbswritewrap dl>dd textarea {width:100%; padding:5px 10px; color:#000; line-height:20px; }
  .dc_bbswritewrap .dc_nonEditer{}
  .dc_bbswritewrap .dc_nonEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}
  .dc_bbswritewrap .dc_nonEditer p.tx_row span{margin:0 5px;}
  .dc_bbswritewrap .dc_nonEditer textarea {width:100%; padding:5px 10px; color:#000; line-height:20px;border:solid 1px #ddd;}
  .dc_bbswritewrap .dc_useEditer{}
  .dc_bbswritewrap .dc_useEditer p.tx_row{padding:5px 10px; text-align:center; font-size:14px; color:#000; background-color:#fafafa; font-weight:500;}

  .dc_bbswritewrap .dc_file_wrap {padding:20px 0; display:flex;flex-direction: row; flex-wrap: wrap; align-items: center;justify-content: flex-start;}
  .dc_bbswritewrap .dc_file_wrap dt{ width:100%; color:#000; line-height:20px; padding:0 10px; text-align:left; font-weight:500;}
  .dc_bbswritewrap .dc_file_wrap dd{ width:100%; color:#000; line-height:20px; padding:10px;}
  .dc_bbswritewrap #bo_file>div:not(:last-of-type) {margin-bottom:5px;}
  .dc_bbswritewrap #bo_file>div input[type="file"] {width:100%; border:solid 1px #ddd; padding:0; margin-bottom:5px;color:#000; }

  .dc_bbswritewrap .dc_db_optin_wrap {display:flex-direction: column; flex-wrap: wrap; border-bottom:solid 1px #ddd;}
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem { width:100%; padding:5px 10px; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem #kcaptcha { width:100px; height:50px; }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem>div {width:calc(100% - 100px); padding-left:5px; }
  .dc_bbswritewrap .dc_db_optin_wrap .dc_noMem .dc_kcaptcha_exp { display:inline-block;width:100%; margin-top:5px;}
  .dc_bbswritewrap .dc_db_optin_wrap .dc_syntax { width:100%; padding:5px 10px; margin-top:10px; border-top:solid 1px #ddd;}
  /* //쓰기 */

  /* password */
  #pwd_wrap { width:100%; margin:0 auto; padding:20px 0; }
  #pwd_wrap p { margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted; }
  #pwd_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
  #pwd_cont { display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding:30px; text-align:center; }
  #pwd_cont span { margin-right:5px; }
  #pwd_cont input { padding:5px 10px; }

}

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

}