table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; }
#bbs_wrap { clear: both; position: relative; margin: 0 auto; text-align: left; padding: 0; clear: both; }
img { border: 0; }


/*리스트 검색창영역*/
.searchbox { float: right; }
.searchbox .ipt_listsch { width: 170px; height: 30px; border: 0; color: #fff; font-size: 14px; background: transparent; }
.searchbox .select_area { height: 30px; font-size: 12px; }

#head_gr_id { width: 180px; height: 30px; padding-left: 10px; line-height: 30px; border: 1px solid #d1d1d1; color: #858585; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/skin/board/basic/img/select_arrow.gif') no-repeat 100% 50%; /* 화살표 아이콘 추가 */ }
#head_gr_id option { border: 1px solid #d1d1d1; }

select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
.search_box { border: 0; line-height: 30px; color: #a7a7a7; font-size: 13px; height: 30px; width: 230px; background: none; }

/*리스트 버튼 영역*/
.btn_box { width: 100%; }
.btn_box .btn_box_left { float: left; }
.btn_box .btn_box_right { float: right; }

.cboth { clear: both; overflow: hidden; border-top: 1px solid #000000; margin-top: 10px; }
.hb5px { height: 5px; }
.view_page { clear: both; position: relative; margin: 0 auto; text-align: left; border-top: 1px solid #ccc; }

.gallnotice { width: 100%; background-color: #f0f0f0; clear: both; }
.gallnotice div { padding: 5px; }

a.list_write_btn { text-decoration: none; border: 1px solid #4f4f4f; color: #4f4f4f;  font-size: 14px; text-align: center; display:block; width:100px; height:45px; float:left; margin-right:5px; line-height:45px; }
a.list_write_btn2 { text-decoration: none; border: 1px solid #4f4f4f; color: #ffffff;  background:#4f4f4f; font-size: 14px; text-align: center; display:block; width:100px; height:45px; float:left; margin-right:5px; line-height:45px; }
td.write_ok_td { position: relative; }
div.write_ok { width: 100px; height: 45px; text-decoration: none; border: 1px solid #959595; color: #ffffff; background:#4f4f4f; font-size: 14px; text-align: center; font-family: 'NotoKrR'; line-height: 45px; }
td.write_ok_td .write_ok input { width: 80px; height: 34px; position: absolute; left: 0; top: 0; }
a.view_write_btn { text-decoration: none; border: 1px solid #4f4f4f; color: #4f4f4f;  font-size: 14px; text-align: center; display:block; width:100px; height:45px; float:left; margin-right:5px; line-height:45px; }


.subject_area { text-align: center; margin-top: 15px; overflow: hidden; }

span.sub_title { color: #444444; font-size: 18px; }
span.sub_txt { color: #ababab; font-size: 14px; }

/* 상단 */
.tbl_top { float: left; margin-top: 0px; width: 100%; }
.tbl_top .left { float: left; padding: 8px 0; line-height: normal; text-align: left; }
.tbl_top .right { float: right; padding: 8px 0; line-height: normal; text-align: right; }

/* 테이블 */
table.table_td {}
td.imgright { padding-bottom: 0px; }

.tbl_type { clear: both; border-collapse: collapse; border-spacing: 0; width: 100%; }
.tbl_type, .tbl_type th, .tbl_type td { border: 0; }
.tbl_type a { color: #444; text-decoration: none; }
.tbl_type { width: 100%; color: #444; font-size: 12px; table-layout: fixed; }
.tbl_type caption, .tbl_type .frm label { display: none; }
.tbl_type th { padding: 8px 0 8px; border-bottom: 1px solid #c6c6c6; color: #666666; font-weight: bold; line-height: 18px; vertical-align: top; }
.tbl_type td { padding: 10px; border-bottom: solid 1px #d2d2d2; text-align: center; }
.tbl_type .frm { padding: 0; text-align: center; }
.tbl_type .frm input { margin: 0; }
.tbl_type .num, .tbl_type .date, .tbl_type .hit { padding: 0; font-family: Arial,Tahoma; color: #999; font-size: 11px; line-height: normal; }
.tbl_type .name { font-size: 11px; font-weight: bold; padding: 3px; }
.tbl_type .cate { font-size: 11px; color: #999; text-align: left; padding: 5px; }
.tbl_type .title { text-align: left; padding: 15px; }
.tbl_type .title a:hover { text-decoration: underline; }

.tbl_type .title .pic, .tbl_type .title .new { margin: 2px; vertical-align: middle; }
.tbl_type td .bu_reply { margin: -10px 2px -10px 0; color: #c9c9c9; font-size: 12px; }

/* 페이징 적용파일이 common.lib.php 에 있음*/
#pagingNew { clear: both; font: 12px AppleGothic,Verdana; margin: 40px 0px 10px 0px; text-align: center; margin-top: 20px; width: 100%; height: 33px; overflow: hidden; }
#pagingNew a { border: 1px solid #ececec; line-height: 33px; text-decoration: none; margin-left: 4px; }
.numBox { border: 0; color: #636363; }

#pagingNew .sel { border: 1px solid #454545; color: #454545; padding: 6px 11px 6px 11px; margin-left: 4px; line-height: 33px; }
#pagingNew .numBox { color: #5a5a5a; padding: 7px 12px 7px 12px; }
#pagingNew .numPrev { color: #5a5a5a; margin-right: 4px; overflow: hidden; padding: 2px 5px 1px 15px; }
#pagingNew .numNext { color: #5a5a5a; margin-left: 4px; padding: 2px 2px 1px 0px; }
#pagingNew em { padding: 0 11px 0 5px; }

.none_padding1, .none_padding2 { transform: rotate(180deg); }

/* 글보기 관련 */
.tbl_view { clear: both; width: 100%; margin: 30px 0 0px 0; text-align: left; border-collapse: collapse; border-spacing: 0; }

.view_type { clear: both; position: relative; margin: 0; width: 100%; padding: 10px 0; text-align: left; height: 50px; background: #fcfcfc; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #000000; font-size: 15px; }
.view_type .view_type01 { color: #444444; float: left; line-height: 50px; margin-left: 25px; }
.view_type .view_type02 { color: #858585; float: right; line-height: 50px; font-size: 12px; }
.view_type .view_type03 { color: #858585; float: right; line-height: 50px; font-size: 12px; margin-right: 25px; }

.view_line { float: right; line-height: 50px; color: #858585; font-size: 9px; margin: 0 10px; }

.view_util { width: 100%; height: 40px; background-color: #f2f2f2; }
.view_util .id { float: left; width: 100%; margin-right: -250px; font-size: 11px; color: #999; text-align: left; padding: 10px 10px 0px 10px; }
.view_util .date { float: right; width: 250px; font-family: Verdana,Tahoma; font-size: 10px; color: #999; text-align: right; padding: 10px 10px 0px 10px; }
.sns_board { float: right; text-align: right; padding: 10px 10px 0px 10px; }
.sns_board ul { list-style: none; padding: 0px; margin: 0px; }
.sns_board ul li { list-style: none; padding: 0px; margin: 0px; float: left; }
.sns_board ul li a { display: block; width: 18px; height: 18px; margin-left: 5px; }
.sns_board ul li a span { display: none; }
.twitterb a:link { background: URL(img/sns_twitter.gif) no-repeat; }
.twitterb a:visited { background: URL(img/sns_twitter.gif) no-repeat; }
.twitterb a:hover { background: URL(img/sns_twitteron.gif) no-repeat; }
.facebookb a:link { background: URL(img/sns_facebook.gif) no-repeat; }
.facebookb a:visited { background: URL(img/sns_facebook.gif) no-repeat; }
.facebookb a:hover { background: URL(img/sns_facebookon.gif) no-repeat; }
.me2dayb a:link { background: URL(img/sns_me2day.gif) no-repeat; }
.me2dayb a:visited { background: URL(img/sns_me2day.gif) no-repeat; }
.me2dayb a:hover { background: URL(img/sns_me2dayon.gif) no-repeat; }
.yozmb a:link { background: URL(img/sns_yozm.gif) no-repeat; }
.yozmb a:visited { background: URL(img/sns_yozm.gif) no-repeat; }
.yozmb a:hover { background: URL(img/sns_yozmon.gif) no-repeat; }

.view_add { clear: both; margin: 0; width: 100%; border-bottom: 1px solid #e9e9e9; }

.view_add { clear: both; margin: 0; width: 100%; border-bottom: 1px solid #b2b2b2; overflow: hidden; }

.view_add ul { margin: 0px; list-style: none; padding: 0px; margin: 0px; overflow: hidden; }
.view_add li { list-style: none; float: left; text-align: left; padding: 15px 10px 15px 20px; font-size: 13px; color: #858585; line-height: 20px; }
.view_add li img { margin-left: 10px; }

.view_bottom_btn1 { float: left; padding: 15px 0; line-height: normal; text-align: left; }
.view_bottom_btn2 { float: right; padding: 25px 0; line-height: normal; text-align: right; }
.viewimg { margin: 0px; padding:0; width: 100%; }
.viewcont { padding:0; }
.viewcont p { color: #474747; font-size: 14px; line-height: 22px; }
a.btn_good { float: right; display: inline-block; padding: 8px 15px 5px 15px; text-align: center; color: #565656; border: 1px solid #e3e3e3; background-color: #f9f9f9; margin-right: 10px; }
a.btn_good:hover { padding: 8px 15px 5px 15px; border: 1px solid #ddd; background-color: #f2f2f2; text-decoration: none; }
a.btn_nogood { float: right; display: inline-block; padding: 8px 15px 5px 15px; text-align: center; color: #565656; border: 1px solid #e3e3e3; background-color: #f9f9f9; }
a.btn_nogood:hover { padding: 8px 15px 5px 15px; border: 1px solid #ddd; background-color: #f2f2f2; text-decoration: none; }

li.file_subject { border-right: 1px solid #b2b2b2; font-size: 15px; padding-right: 20px; }

/* 댓글 */

.comen_box { line-height: 20px; padding: 0 25px 25px 27px; word-break: break-all; overflow: hidden; clear: both; color: #858585; font-size: 13px; }

input.ed { width: 130px; height: 30px; line-height: 30px; border: 1px solid #d1d1d1; color: #858585; line-height: 30px; font-size: 13px; padding: 0 5px; }
#wr_secret { border: 1px solid #d1d1d1; color: #858585; font-size: 11px; vertical-align: bottom; }
span.secret_text { color: #858585; font-size: 12px; vertical-align: bottom; line-height: 12px; margin-left: 5px; }

textarea.tx { border: 1px solid #d1d1d1; }

td.view_ok_td { position: relative; }
div.view_ok { width: 120px; height: 70px; background: #888888; color: #ffffff; text-align: center; line-height: 70px; font-size: 15px; }
td.view_ok_td .view_ok input { width: 120px; height: 70px; position: absolute; left: 0; top: 0; }

#cmt_box { font-size: 12px; font-weight: normal; line-height: 14px; }
#cmt_box p, #cmt_box h1, #cmt_box h2, #cmt_box h3, #cmt_box h4, #cmt_box h5, #cmt_box h6, #cmt_box ul, #cmt_box ol, #cmt_box li, #cmt_box dl, #cmt_box dt, #cmt_box dd, #cmt_box table, #cmt_box th, #cmt_box td, #cmt_box form, #cmt_box fieldset, #cmt_box legend, #cmt_box input, #cmt_box textarea, #cmt_box button, #cmt_box select { margin: 0; padding: 0; }
#cmt_box img, #cmt_box fieldset { border: none; }
#cmt_box hr, #cmt_box button img { display: none; }
#cmt_box li { list-style: none; }
#cmt_box em { font-style: normal; }
#cmt_box a { color: #333; text-decoration: none; }
#cmt_box a:hover, #cmt_box a:active, #cmt_box a:focus { text-decoration: underline; }
#cmt_box textarea { overflow: auto; resize: none; }
#cmt_box legend, #cmt_box .cb_blind { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }
#cmt_box label { cursor: pointer; }
#cmt_box { clear: both; position: relative; margin: 0; border: 0; width: 100%; text-align: center; }
#cmt_box .cmt_area { width: 100%; }
#cmt_box .cmt_area ul { clear: both; margin: 0; }
#cmt_box .cmt_area ll { clear: both; margin: 0; }
#cmt_box .cmt_area .cmt_info { float: left; width: 49%; text-align: left; vertical-align: middle; padding: 14px 0 0 0; }
#cmt_box .cmt_area .cmt_util { float: left; width: 49%; text-align: right; vertical-align: middle; padding: 14px 0 0 0; }
#cmt_box .cmt_area .cmt_util a { color: #999; font-size: 11px; text-decoration: none; }
#cmt_box .cmt_area .cmt_util a:hover, #cmt_box .cmt_area .cmt_util a:active, #cmt_box .cmt_area .cmt_util a:focus { color: #333; text-decoration: underline; }
#cmt_box .cmt_area .cmt_cnt { width: 100%; text-align: left; padding: 10px 0 14px 0; word-break: break-all; overflow: hidden; color: #666; border-bottom: 1px solid #e9e9e9; }
.cmt_frm { margin: 0; padding: 0px; text-align: center; background-color: #fafafa; border: 1px solid #ddd; }
.cmt_frm_info { margin: 1; padding: 0px; text-align: center; background-color: #fafafa; border: 1px solid #fff; }
.cmt_frm_info li { height: 24px; padding-top: 3px; text-align: left; vertical-align: bottom; }
.cmt_ipt .ed { height: 18px; padding-top: 3px; border-left: 1px solid #EDEDED; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #ccc; border-right: 1px solid #EDEDED; font-size: 12px; background-color: #fff; }
.cmt_ipt .tx { width: 100%; padding-top: 3px; border-left: 1px solid #EDEDED; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #ddd; border-right: 1px solid #EDEDED; font-size: 12px; background-color: #fff; }

span.member { color: #545453; font-size: 13px; margin-right: 15px; }
span.guest { color: #545453; font-size: 13px; margin-right: 15px; }

span.comment { color: #ff6000; }

/* 글쓰기관련 */
.bbswritetitle { text-align: center; font-size: 18px; margin: 0px; padding: 10px; color: #333333; }
.write_board { width: 100%; border-top: solid 1px #cccccc; border-collapse: collapse; border-spacing: 0; }
.write_board td { border-bottom: 1px solid #ebebeb; }
.write_head { padding: 16px 5px 16px 25px; text-align: left; width: 90px; background: #fcfcfc; color: #858585; font-size: 15px; }

.write_board td input { height: 30px; color: #000000; background-color: #fff; }
.write_board td input.w_title { height: 12px; color: #000000; background-color: #fff; }
.write_board td textarea { color: #000000; background-color: #f0f0f0; }
.field { border: 1px solid #ccc; }
.btn_write { height: 33px; width: 80px; background-color: #333333; color: #f1f1f1; border: 1px solid #000000; cursor: pointer; }

span.norobot { font-size: 13px; color: #932122; }
span.norobot2 { color: #932122; font-size: 13px; }

span.file_span { line-height: 40px; color: #8b8b8b; font-size: 13px; }
#variableFiles td { border-bottom: none; }


/* 이전글 다음글 */
ul.bo_v_nb { margin-top: 0; }
ul.bo_v_nb li { text-align: left; }

li.view_next { border-top: 1px solid #000000; line-height: 50px; padding:0; width: 100%; }
li.view_next a { font-size: 16px; color: #626262; margin: 0 0; }
span.next_subject { font-size: 16px; color: #626262;  padding:0; }
span.next_date { float: right; font-size: 16px; color: #626262; }
p.next_content { font-size: 14px; color: #626262;  padding:0; margin-top:20px; }

li.view_prev { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; line-height: 50px; padding:0; width: 100%; margin-top:40px;}
li.view_prev a { font-size: 16px; color: #b6b6b6; margin: 0 0; }
span.prev_subject { font-size: 16px; color: #b6b6b6; background: #fcfcfc; padding:0; }
span.prev_date { float: right; font-size: 16px; color: #b6b6b6; }
p.prev_content { font-size: 14px; color: #626262;  padding:0; margin-top:20px;}

/* 버튼 */
a.sbtn { display: inline-block; padding: 4px 8px 1px 8px; font-size: 11px; text-align: center; border: 1px solid #e3e3e3; background-color: #efefef; }
a.sbtn .rss { font-weight: bold; color: #ff6600; }
a.sbtn:hover { background-color: #f2f2f2; text-decoration: none; }
a.cbtn { font-family: dotum; display: inline-block; padding: 3px 6px 0px 6px; font-size: 11px; text-align: center; border: 1px solid #e3e3e3; background-color: #efefef; }
a.cbtn:hover { background-color: #f2f2f2; text-decoration: none; }
a.btn { display: inline-block; padding: 4px 15px 5px 15px; text-align: center; border: 1px solid #e3e3e3; background-color: #f9f9f9; }
a.btn:hover { background-color: #f2f2f2; text-decoration: none; }
a.btn3 { display: inline-block; padding: 4px 15px 5px 15px; text-align: center; color: #565656; border: 1px solid #e3e3e3; background-color: #efefef; }
a.btn3:hover { color: #FFF; border: 1px solid #000; background-color: #333; text-decoration: none; }
a.btn_red { display: inline-block; padding: 4px 15px 5px 15px; text-align: center; color: #565656; border: 1px solid #e3e3e3; background-color: #f9f9f9; }
a.btn_red:hover { color: #FFF; border: 1px solid #aa0001; background-color: #e91112; text-decoration: none; font-weight: bold; }
a.btn_bull { display: inline-block; padding: 0px 2px 1px 2px; text-align: center; color: #565656; border: 1px solid #e3e3e3; background-color: #f9f9f9; font-size: 10px; }
a.btn_bull:hover { color: #e91112; text-decoration: none; }
.ipt_btn { display: inline-block; padding: 7px 15px 4px 15px; text-align: center; border: 1px solid #000; background-color: #333; color: #FFF; }
.cmt_btn { display: inline-block; width: 90px; height: 99px; text-align: center; border: 1px solid #000; background-color: #333; color: #FFF; }
input .ipt { height: 21px; padding-top: 3px; border-left: 1px solid #EDEDED; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #F7F7F7; border-right: 1px solid #EDEDED; font-size: 11px; background-color: #000; }
textarea .tx { padding-top: 3px; border-left: 1px solid #EDEDED; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #F7F7F7; border-right: 1px solid #EDEDED; }
/* 카테고리링크 */
a.cate { font-size: 11px; color: #999; text-decoration: none; }
a.cate:hover { color: #444; text-decoration: none; }
/* font */
.eng10 { font-family: Verdana,Arial,Tahoma; font-size: 10px; }
.eng11 { font-family: Tahoma,Verdana; font-size: 11px; }
.kor11 { font-size: 11px; }
.kor17 { font-size: 17px; }
.fnt1 { color: #000; }
.fnt2 { color: #444; }
.fnt3 { color: #777; }
.fnt4 { color: #999; }
.fnt5 { color: #c9c9c9; }
.fnt01 { color: #e91112; }