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; }
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 { height: 30px; padding-left: 10px; line-height: 30px; border: 1px solid #d1d1d1; border-radius: 0; color: #858585; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/skin/board/notice/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; float: left; width: 100%; }


/*리스트 버튼 영역*/
.btn_box { overflow: hidden; width: 100%; padding-top: 13px; }
.btn_box .btn_box_left { float: left; height: 30px; }
.btn_box .btn_box_right { float: right; height: 30px; }

a { color: #333; text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
.cboth { clear: both; position: relative; overflow: hidden; width: 100%; }
.hb5px { height: 5px; }
.view_page { clear: both; position: relative; margin: 0 auto; text-align: left; border-top: 1px solid #454545; }
.view_type { border-bottom: 1px solid #e9e9e9; }

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

td.write_ok_td { position: relative; }
div.write_ok { width: auto; position: relative; padding: 10px 15px 8px 15px; float: right; margin-left: 5px; text-decoration: none; border: 1px solid #959595; color: #ffffff; background: #4f4f4f; text-align: center; font-family: 'NotoKrR'; }
td.write_ok_td .write_ok input { height: 100%; position: absolute; left: 0; top: 0; }
a.write_write_btn { float: right; text-decoration: none; border: 1px solid #4f4f4f; color: #ffffff; background: #4f4f4f; font-size: 12px; text-align: center; padding: 10px 15px 8px 15px; }

a.list_write_btn { text-decoration: none; border: 1px solid #959595; color: #555555; font-size: 12px; text-align: center; padding: 10px 15px 8px 15px; }
a.list_write_btn2 { text-decoration: none; border: 1px solid #4f4f4f; color: #ffffff; background: #4f4f4f;  font-size: 12px; text-align: center; padding: 10px 15px 8px 15px; }
a.view_write_btn { float: right; text-decoration: none; border: 1px solid #4f4f4f; color: #555555;  font-size: 12px; text-align: center; padding: 10px 15px 8px 15px; }


/* 상단 */
.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; }

/* 테이블 */
.tbl_type { clear: both; border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; }
.tbl_type, .tbl_type th, .tbl_type td { border: 0; }
.tbl_type a { color: #858585; 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-top: 1px solid #000000; border-bottom: 1px solid #d7d7d7; color: #444444; 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: #858585; font-size: 11px; line-height: normal; }
.tbl_type .name { font-size: 11px; padding: 3px; color: #858585; letter-spacing: -1px; }
.tbl_type .cate { font-size: 11px; color: #999; text-align: left; padding: 5px; }
.tbl_type .title { text-align: left; padding: 15px 30px; }
.tbl_type .title a:hover { text-decoration: underline; }

.tbl_type .title .pic, .tbl_type .title .new { margin: 2px; vertical-align: middle; }



/* 페이징 적용파일이 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: 3px 5px 3px 5px; margin-left: 4px; line-height: 33px; }
#pagingNew .numBox { color: #5a5a5a; padding: 3px 5px 3px 5px; }
#pagingNew .numPrev { color: #5a5a5a; margin-right: 4px; overflow: hidden; padding: 3px 5px 3px 5px; }
#pagingNew .numNext { color: #5a5a5a; margin-left: 4px; padding: 3px 5px 3px 5px; }
#pagingNew .em { padding: 3px 5px 3px 5px; }
#pagingNew .none_padding { padding: 3px 5px 3px 5px; border: 1px solid #ececec; color: #454545;}
.none_padding1, .none_padding2 {  }
img.arrow_resize {width:20px; height:23px; padding-top:5px;}


/* 글보기 관련 */
#writeContents { color: #9f9f9f; width: 92%; font-size: 13px; }

.tbl_view { clear: both; width: 100%; margin: 10px 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: 58px; background: #fcfcfc; overflow: hidden; }
.view_type .view_type01 { color: #444444; font-weight: bold; float: left; font-size: 12px; margin-left: 10px; }
.view_type .view_type02 { color: #858585; float: right; font-size: 12px; }
.view_type .view_type03 { color: #858585; float: right; font-size: 12px; margin-right: 10px; }
.view_type .view_type04 { color: #858585; float: right; font-size: 12px; letter-spacing: -1px; }

.view_line { float: right; color: #858585; font-size: 9px; margin: 2px 10px 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 ul { margin: 0px; list-style: none; padding: 0px; margin: 0px; }
.view_add li { list-style: none; width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.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: 15px 0; line-height: normal; text-align: right; }
.viewimg { margin: 0px; padding: 20px 0px 0px 0px; text-align: center; width: 100%; }
.viewcont { padding: 0px 20px 20px 20px; }
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; }

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

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

li.file_subject { border-right: 1px solid #b2b2b2; font-size: 12px; width: 30%; }
li.file_name { width: 70%; }


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

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

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

td.view_ok_td { position: relative; padding-right: 10px; vertical-align: top; }
div.view_ok { width: 100px; height: 73px; background: #888888; color: #ffffff; text-align: center; line-height: 77px; font-size: 15px; margin-top: 1px; }
td.view_ok_td .view_ok input { width: 100px; height: 73px; position: absolute; left: 0; top: 0; }
span.guest { color: #545453; font-weight: 900; }
td.commen_td { border-bottom: 1px solid #999999; }

span.norobot2 { font-family: gulim; font-size: 8pt; color: #932122; letter-spacing: -1px; }
span.comment { color: #ff6000; }

/* 댓글 */
#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; }


/* 이전글 다음글 */
ul.bo_v_nb { margin-top: 50px; width: 100%; }
ul.bo_v_nb li { text-align: left; }

li.view_next { border-top: 1px solid #000000; line-height: 50px; width: 100%; font-size: 13px; }
li.view_next a { font-size: 13px; color: #626262; }
span.next_subject { padding: 16px 10px; background: #fcfcfc; font-size: 13px; color: #626262; margin-right: 5px; }
span.next_date { float: right; font-size: 13px; color: #626262; padding-right: 10px; }

li.view_prev { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; line-height: 50px; width: 100%; font-size: 13px; }
li.view_prev a { font-size: 13px; color: #b6b6b6; }
span.prev_subject { padding: 16px 10px; background: #fcfcfc; font-size: 13px; color: #b6b6b6; margin-right: 5px; }
span.prev_date { float: right; font-size: 13px; color: #b6b6b6; padding-right: 10px; }


/* 글쓰기관련 */
.bbswritetitle { font-weight: bold; text-align: center; font-size: 18px; margin: 0px; padding: 10px; color: #333333; }
.write_board { width: 100%; border-top: 1px solid #454545; border-bottom: solid 1px #737373; border-collapse: collapse; border-spacing: 0; }
.write_board td { border-bottom: solid 1px #d2d2d2; padding-top: 10px; padding-bottom: 10px; }
td.write_head { font-weight: bold; text-align: left; background: #fcfcfc; color: #858585; padding-left: 10px; }
.write_board td input { height: 25px; color: #000000; background-color: #f0f0f0; }
.write_board td textarea { color: #000000; background-color: #f0f0f0; border: 1px solid #d1d1d1; border-radius: 0; }
.field { border: 1px solid #ccc; }
.btn_write { height: 33px; width: 80px; background-color: #333333; color: #f1f1f1; border: 1px solid #000000; cursor: pointer; }
.norobot { font-family: gulim; font-size: 8pt; color: #932122; letter-spacing: -1px; }
input.ed { border: 1px solid #d1d1d1; background: #ffffff; border-radius: 0; }

td.td_padd { padding-left: 10px; }


/* 버튼 */
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; }