@charset "utf-8";

.disN {position:absolute !important; left:-99999px !important;}

/*미니달력*/
.wrap_cal {width:214px; background:#f9f9f9; border:1px solid #b0b0b0;}
.wrap_cal_tit {font-size:12px;overflow:hidden; padding:3px 0; color:#333;}
#miniCalendar {display:none;position:absolute;left:0;top:0;z-index:2000;width:200px;}
#miniCalendar * {font-size:13px;}
#miniCalendar .mini_cal {width:100%;}
#miniCalendar .mini_cal {width:100%; max-width:100%; border-top:2px solid #333; border-left:1px solid #ccc; border-collapse:separate; border-spacing:0;}
#miniCalendar .mini_cal caption {position:absolute; top:-9999px;}
#miniCalendar .mini_cal thead th {padding:4px 0 8px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align:middle; text-align:center; 
background-color:#efefef; color:#333;}
#miniCalendar .mini_cal tbody th {padding:4px 0 8px 0;  border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align:middle; text-align:center;
background-color:#fff;}
#miniCalendar .mini_cal tbody td {padding:4px 0 8px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; vertical-align:middle; text-align:center;}
#miniCalendar .mini_cal tbody th.txtL,.mini_cal tbody td.txtL {padding-left:12px; padding-right:12px; text-align:left; }
#miniCalendar .mini_cal tbody th {background-color:#f7f7f7;}
#miniCalendar .mini_cal tbody td.noSpace {padding:0;}
#miniCalendar .mini_cal tbody td img {vertical-align:middle;}
#miniCalendar .mini_cal tbody td a {padding:3px 5px 3px 5px; display:block; letter-spacing:0;}
#miniCalendar .mini_cal tfoot th {padding:4px 0 8px 0; border-bottom:1px solid #c4bbb3; border-right:1px solid #c4bbb3; vertical-align:middle; text-align:center; 
background-color:#f5f5f5;}
#miniCalendar .mini_cal tfoot td {padding:4px 0 8px 0; border-bottom:1px solid #c4bbb3; border-right:1px solid #c4bbb3; vertical-align:middle; text-align:center;}
.vaM {vertical-align:middle;}
.calendar_btn a span{padding:3px 6px 3px 6px; width:20px;}
#miniCalendar .mini_cal tbody td.today {background-color:#efefef; font-weight:bold; text-decoration:underline;}
.calendar_btn input {width:30px; height:30px; vertical-align:middle; text-align:center;}
.top_cal{ background-color:#fff;font-size:11px;}
.y_prev a{float:left;padding:5px; display:block;}
.p_year {float:left;color:#333;font-weight:bold;padding:5px;display:block;}
.y_next a{float:left;padding:5px;display:block;} 
.m_prev a{float:left;padding:5px; display:block; margin-left:20px;}
.p_month {float:left;color:#333;font-weight:bold;padding:5px;display:block;}
.m_next a{float:left;padding:5px;display:block;}
.cal_close input{float:right; font-weight:bold; width:25px; height:25px !important; text-align:center; margin-right:3px;}
.calendar_btn {display:inline-block;text-indent:-99999999999999px; background: url('/Main/Images/board/common/ico_bbs_date.png') no-repeat left center; width:20px; height:20px; vertical-align:middle;} 
input.datetimepicker{width:105px;}


/* 검색 */
.bbsSrch{margin:0 0 15px 0; padding:17px 0; border:1px solid #e9e9e9; text-align:center; background:#fafafa;}
.bbsSrch:after{content:""; display:block; clear:both;}


.bbsSrch #start_day, .bbsSrch #end_day, .bbsSrch #period, .bbsSrch .calendar_btn, .bbsSrch span {display:bloock;}
.bbsSrch input.datetimepicker{width:105px; /*background:#fff url('/Main/Images/board/common/ico_bbs_date.png') no-repeat 95% 50%;*/}
.bbsSrch input[type=image],
.bbsSrch input[type=checkbox],
.bbsSrch input[type=radio]{vertical-align: middle;}
.bbsSrch input.word{width:200px; padding:5px 0;}
.bbsSrch input#word{width:200px;}
.bbsSrch input[name=keyword]{width:200px; height:28px; margin:0; padding:0 0 0 5px; border:1px solid #d8d8d8; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a;}
.bbsSrch .chk_date{margin:0 50px 0 0;}
.bbsSrch_inp_date{display:inline-block; position:relative;}
.bbsSrch_inp_date label{position:absolute; top:5px; left:5px; font-size:0.91em; color:#666;}
.bbsSrch_inp_date .ui-datepicker-trigger{margin:0 0 0 5px; vertical-align:middle;}
/*.bbsSrch .calendar_btn {display:inline-block;text-indent:-99999999999999px; background: url('/Main/Images/board/common/ico_bbs_date.png') no-repeat left 5px; width:20px; height:20px;} */

/* Default,Notice,Qna */
.bbsHead{overflow:hidden; margin:0 0 20px;}
.bbsHead:after{content:''; display:block; clear:both;}
.bbsHead .total{float:left; padding-top:9px;}
.bbsHead .rss {float:right; font-size:0.93em;}
.bbsHead em{font-weight:600; color:#ff6600;}
.bbsHead strong{color:#ff6600;}
.bbsHead .bbsSrch2 {float:right;}
.bbsHead .bbsSrch2 input.datetimepicker{width:105px;}
.bbsHead .bbsSrch2 input.word{width:200px; padding:5px 0;}
.bbsHead .bbsSrch2 input[name=keyword]{width:200px; height:28px; margin:0; padding:0 0 0 5px; border:1px solid #d8d8d8; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a;}
@media all and (max-width:650px) {
	.bbsHead .bbsSrch2 {float:left; width:100%; margin-top:10px; text-align:center; border:1px solid #ddd; background:#f5f5f5; padding:10px; box-sizing:border-box;}
}

/* 버튼 영역 */
.bbsBtn{overflow:hidden; margin:30px 0; text-align:center;}
.bbsBtn .fl{float:left;}
.bbsBtn .fr{float:right;}

/*리스트페이지*/
.button.gray {display:inline-block; background:#45474d; color:#fff; padding:0 15px !important;}
.button.lg.black.bbs {background:#45474d; border:1px solid #45474d; color:#fff; padding:7px 30px; border-radius:3px; display:inline-block;}
.button.lg.black.bbs:hover {border:1px solid #45474d; color:#45474d; background:#fff;}

/*뷰페이지*/
.button.lg.bbs {padding:7px 30px !important; border-radius:3px; display:inline-block; border:1px solid #45474d; color:#45474d; background:#fff;}
.button.lg.bbs:hover {background:#45474d; border:1px solid #45474d; color:#fff;}

/*쓰기페이지*/
.button.lg.blue.bbs {background:#006aad; border:1px solid #006aad; color:#fff; padding:7px 30px; border-radius:3px; display:inline-block;}
.button.lg.blue.bbs:hover {border:1px solid #006aad; color:#006aad; background:#fff;}




/* List */
.bbsList {border-collapse:collapse; width:100%; margin:0; border:0;}
.bbsList th {padding:17px; border:0; background:#54677c; font-weight:400; font-size:14px; line-height:1.5; color:#fff; text-align:center;}
.bbsList td {padding:17px; border: 0; border-bottom:1px solid #ececec; font-size:17px; color:#444; text-align:center; word-wrap:break-word; word-break:keep-all;}
.bbsList td.b_cha,
.bbsList td.b_cont,
.bbsList td.b_subject {text-align:left;}
.bbsList td.b_number,
.bbsList td.b_author,
.bbsList td.b_count,
.bbsList td.b_date {color:#999; font-size:13px;}
.bbsList td .bbs_ntc{display:inline-block; height:22px; padding:0 5px; line-height:22px; border-radius:3px; background:#4080ce; border:1px solid #4080ce; font-size:14px; color:#fff;}
.bbsList td a{/* display: inline-block; */}
.bbsList td img{vertical-align:middle; padding-right:5px;}
.bbsList td a:hover,
.bbsList td a:focus,
.bbsList td.b_subject a:hover,
.bbsList td.b_subject a:focus,
.bbsList td.b_cont a:hover,
.bbsList td.b_cont a:focus{color:#4080ce; text-decoration:underline;}
.bbsList tbody tr:hover{background:#fafafb;}
.board_nodata{border-top:2px solid #484848; border-bottom:1px solid #ececec; padding:40px 10px; text-align:center;}
.bbsList td .result{display:inline-block; height:22px; padding:0 5px; line-height:22px; border-radius:3px; background:#6c6c6c; border:1px solid #6c6c6c; font-size:14px; color:#fff;}
.bbsList td .join{display:inline-block; height:22px; padding:0 5px; line-height:22px; border-radius:3px; background:#4080ce; border:1px solid #4080ce; font-size:14px; color:#fff;}
.bbsList a:hover.result, .bbsList a:focus.result,
.bbsList a:hover.join, .bbsList a:focus.join {color:#fff; text-decoration:none;}

.bbsList .b_number {width:7%;}
.bbsList .b_data {width:15%;}
.bbsList .b_note {width:7%;}
.bbsList .b_author {width:8%;}
.bbsList .b_count {width:7%;}
.bbsList .b_date {width:10%;}
.bbsList .b_file {width:7%;}
.bbsList .b_word {width:8%;}
.bbsList .b_word2 {width:10%;}
.bbsList .b_notice {width:10%;}
.bbsList .b_apply {width:20%;}
.bbsList .b_dpt {width:10%;}
.bbsList .b_cha {width:50%;}
.bbsList .b_tel {width:12%;}
.bbsList .b_company {width:25%;}
.bbsList .b_pay {width:25%;}
.bbsList .b_website {width:35%;}
.bbsList .b_do {width:10%;}
.bbsList .b_sigun {width:10%;}
.bbsList .b_person {width:20%;}
.license_txt {margin-bottom:20px;}
.ul_chis {overflow:hidden;}
.ul_chis li {padding-left:15px; /*background:url('/Main/Images/section/common/ico_h5.png') no-repeat 0 10px;*/}
.ul_chis .tit {font-weight:bold; color:#2a3d88;}

.board_delete {padding:30px; text-align:center; border:3px solid #ddd; overflow:hidden;}
.board_delete .brd_del_title {color:#000; font-size:18px;}
.board_delete dt {padding-bottom:10px; font-weight:bold; color:#333;}
.board_delete ul {margin-top:15px;}




/* View */
.bbsGuide{margin:0 0 30px; padding:3px; background:#f1f3f5;}
.bbsGuide .inr{min-height:120px; padding:20px 20px 20px 190px; border:1px solid #c2cbe5; background:#fff url('/Main/Images/board/common/bg_bbs_guide.png') no-repeat 45px 20px; font-size:0.93em;}
.bbsGuide ul li{position:relative; margin-bottom:10px; padding-left:10px;}
.bbsGuide ul li:before{content:''; display:inline-block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#a5a5a5;}
.bbsGuide .txt01{color:#e9760a;}
.bbsGuide .txt02{color:#467ed4;}
.bbsView{position:relative; margin-bottom:50px;}
.bbsView:before{content: ''; display: block; position: absolute; top:0; left:0; right:0; z-index: 10; border-top:2px solid #444;}
.bbsView .form_group{position:relative; margin-bottom:-1px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.bbsView .form_group:after{content:''; display:block; clear:both;}
.bbsView .form_group dl{position:static; overflow:hidden;}
.bbsView .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:150px; margin-left:-1px; padding:5px 10px; 
border-left:1px solid #d6d6d6; font-size:1em; text-align:center;}
.bbsView .form_group dl:first-child dt{border-left:0;}
.bbsView .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.bbsView .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsView .form_group dl dd{box-sizing:border-box; min-height:36px; margin-left:150px; padding:5px 10px 5px 20px; line-height:1.6;}
.bbsView .form_group.col02 dl:first-child{float:left; width:50%;}
.bbsView .form_group.col02 li {box-sizing:border-box; float:right; padding:7px 10px 7px 20px;}
.bbsView .form_group.col02 li span {padding-right:15px;}
.bbsView .form_group.col03 dl:first-child,
.bbsView .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
.bbsView .form_group dl.title dt{background:#fafafb;}
.bbsView .form_group dl.title dd{background:#fafafb; font-weight:600;}
.bbsView .form_group dl.content {padding-bottom:10px;}
.bbsView .form_group dl.content dt{position:absolute; top:0; left:-9999em;}
.bbsView .form_group dl.content dt:before{display: none;}
.bbsView .form_group dl.content dd{margin:0; padding:25px; line-height:1.6; text-align:left;}
.bbsView .form_group dl.content dd pre{white-space:pre-wrap;}
.bbsView .form_group dl.content dd img{max-width: 100%; margin: 5px 0;}
.bbsView .form_group dl.content dd .img_preview{text-align:center;}
.bbsView .form_group dl.content dd .img_preview.top{margin-bottom: 15px;}
.bbsView .form_group dl.content dd .img_preview.btm{margin-top: 15px;}
.bbsView .form_group dl.attfile dt {background:#fafafb url('/Main/Images/board/common/ico_file.gif') no-repeat 25px center;}
.bbsView .form_group dl.attfile dd{font-size:0.93em;}
.bbsView .form_group dl.attfile dd > div{margin:0 0 5px; text-align:left;}
.bbsView .form_group dl.attfile dd .attfile_guide a{display:inline-block; padding-left:12px; background:url('/Main/Images/board/common/bu_bbs_file.png') no-repeat 0 50%; font-weight:600; color:#da2127;}
.bbsView .form_group dl.attfile dd img{vertical-align:middle; width:auto;}
.bbsView .form_group dl.content dd.commentary {background:#f2f2f2; text-align:left; width:100%;}
.bbsView .form_group dl.content dd.commentary em {display:block; padding:0 0 10px 0; font-family:Tahoma, Verdana; font-size:11px; color:#02387b;}
.bbsView .form_group dl.content dd.commentary .text {height:160px; overflow:auto;}
.bbsView .form_group dl.content dd.commentary .text p {padding-bottom:15px; color:#000; font-weight:bold;}
.bbsView .btn_preview{display:inline-block; height:22px; padding:0 5px 0 24px; border:1px solid #999; border-radius:2px; background:#f2f2f2 url('/Main/Images/board/common/ico_bbs_preview.png') no-repeat 5px 50%; line-height:22px; font-size:11px;}
.bbsViewBtm{overflow:hidden; margin:30px 0; text-align: center;}
.bbsView .nextprew_wrap {margin-top:20px; border-top:2px solid #444;}
.bbsView .nextprew_wrap .prew, .bbsView .nextprew_wrap .next {border-bottom:1px solid #d6d6d6;}
.bbsView .nextprew_wrap .prew span, .bbsView .nextprew_wrap .next span {display:inline-block; padding:12px 10px 12px 20px;}
.bbsView .nextprew_wrap .prew_l, .bbsView .nextprew_wrap .next_l {width:120px; border-right:1px solid #d6d6d6; text-align:center; font-weight:bold;}
.bbsView .form_group div {/*width:100%;*/ overflow:hidden; text-align:center;}
.bbsView .form_group div img {width:90%; margin:10px auto; text-align:center; }

/* 이전/다음글 */
.bbsViewNav .form_group dl.prev dt{background:#fafafb url('/Main/Images/board/common/bbs_left.gif') no-repeat 25% center;}
.bbsViewNav .form_group dl.next dt{background:#fafafb url('/Main/Images/board/common/bbs_right.gif') no-repeat 25% center;}
.bbsViewNav .form_group dl.nav dt>span{display:inline-block;}
.bbsViewNav .form_group dl.nav dt>span:before{content: ''; display: inline-block; width: 11px; height: 8px; margin: 0 10px 0 0; vertical-align:middle;}
.bbsViewNav .form_group dl.nav dt>span:before{content: ''; display: inline-block; width: 11px; height: 8px;}
.bbsViewNav .form_group dl.nav.next dt>span:before{background-position: 100% -400px;}
.bbsViewNav .form_group dl.nav dd>a{margin-right: 100px;}
.bbsViewNav .form_group dl.nav dd .date{position: absolute; top: 15px; right: 20px;}


/* 의견리스트 */
.bbsViewCmt{margin:30px 0; padding:20px; background:#f6f6f6;}
.bbsViewCmt h4{margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #d6d4d5;}
.bbsViewCmt .inp_user{margin-bottom:6px;}
.bbsViewCmt .inp_user .inp_wrap{display:inline-block;}
.bbsViewCmt .inp_user label{display:inline-block; padding:0 10px;}
.bbsViewCmt .inp_user input[type=text],
.bbsViewCmt .inp_user input[type=password]{width:105px; height:30px;}
.bbsViewCmt .inp_user input[type=password]{width:130px;}
.bbsViewCmt .inp_user .button{height:26px; padding:0 8px; line-height:24px; border:1px solid #999; background:#f2f2f2; font-size:13px;}
.bbsViewCmt .cmt_area{position:relative; margin:0 0 17px;}
.bbsViewCmt .cmt_area .textarea{height:64px; margin:0 90px 0 0; border:1px solid #d6d4d5; background:#fff;}
.bbsViewCmt .cmt_area .textarea textarea{width:100%; height:100%; border:0;}
.bbsViewCmt .cmt_area .btn_cmt{position:absolute; top:0; right:0; width:85px; height:64px; border:1px solid #d6d4d5; background:#fff; line-height:64px; text-align:center;}
.bbsViewCmt .lst_cmt{border-top:1px dotted #d6d4d5;}
.bbsViewCmt .lst_cmt > div{position:relative; border-bottom:1px dotted #d6d4d5;}
.bbsViewCmt .lst_cmt > div:after{content:''; display:block; clear:both;}
.bbsViewCmt .lst_cmt .name{float:left; box-sizing:border-box; width:100px; padding:8px 0 8px 10px;}
.bbsViewCmt .lst_cmt .cmt{margin:0 100px; padding:8px 0;}
.bbsViewCmt .lst_cmt .cmt .date{display:inline-block; margin-left:5px; font-size:0.86em; color:#6d6d6d;}
.bbsViewCmt .lst_cmt .btn_area{position:absolute; top:6px; right:0;}
/* 이전/다음글 */
.bbsViewNav .form_group dl.prev dt{background:#fafafb url('/Main/Images/board/common/bbs_left.gif') no-repeat 25% center;}
.bbsViewNav .form_group dl.next dt{background:#fafafb url('/Main/Images/board/common/bbs_right.gif') no-repeat 25% center;}
.bbsViewNav .form_group dl.nav dt>span{display:inline-block;}
.bbsViewNav .form_group dl.nav dt>span:before{content: ''; display: inline-block; width: 11px; height: 8px; margin: 0 10px 0 0; vertical-align:middle;}
.bbsViewNav .form_group dl.nav dt>span:before{content: ''; display: inline-block; width: 11px; height: 8px;}
.bbsViewNav .form_group dl.nav.next dt>span:before{background-position: 100% -400px;}
.bbsViewNav .form_group dl.nav dd>a{margin-right: 100px;}
.bbsViewNav .form_group dl.nav dd .date{position: absolute; top: 15px; right: 20px;}
/* View2 */
.bbsView2{border-collapse:collapse; width:100%; margin:0; border:0; border-top:1px solid #d6d6d6;}
.bbsView2 th{padding:12px 10px; border: 0; border-bottom:1px solid #d6d6d6;  font-weight:600; line-height: 1.5; color:#444; text-align:center;}
.bbsView2 td{padding:12px 10px; border: 0; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; line-height: 1.5; color:#444; word-wrap:break-word; word-break:keep-all;}
/* Write */
.bbsWrite{position:relative;}
.bbsWrite label {text-indent:0; position:static;}
.bbsWrite:before{content: ''; display: block; position: absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #444;}
.bbsWrite .form_group{position:relative; margin-bottom: -1px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; /*background:url('/Main/Images/board/common/bg_dt.gif') repeat-y left top;*/}
.bbsWrite .form_group:after{content:''; display:block; clear:both;}
.bbsWrite .form_group dl{position:static; overflow:hidden;}
.bbsWrite .form_group dl dt{position:absolute; left:0; top:0; bottom:0; box-sizing:border-box; width:150px; margin-left: -1px; padding:13px 10px; background:#f6f6f7; font-size:1em; line-height:1.6; text-align:center;}
.bbsWrite .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.bbsWrite .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsWrite .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:150px; padding:10px 20px; line-height:1.6;}
.bbsWrite .form_group.col02 dl:first-child{float:left; width:50%;}
.bbsWrite .form_group.col03 dl:first-child,
.bbsWrite .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
.bbsWrite .form_group dl.author dd input{width:160px;}
.bbsWrite .form_group dl.date dd input[type=text]{width:120px;}
.bbsWrite .form_group dl.password dd input{width:160px;}
.bbsWrite .form_group dl.tel dd input{width:220px;}
.bbsWrite .form_group dl.tel2 dd input{width:70px;}
.bbsWrite .form_group dl.mail dd input{width:220px;}
.bbsWrite .form_group dl.title dd .inp_tit{display: block; margin-right: 60px;}
.bbsWrite .form_group dl.title dd input[type=text]{width:100%;}
.bbsWrite .form_group dl.title dd .tit_ntc{position: absolute; top:14px; right: 10px;}
.bbsWrite .form_group dl.content2 dt{left:-9999em;}
.bbsWrite .form_group dl.content2 dd{margin-left: 0;}
.bbsWrite .form_group dl dd textarea{width: 100% !important; height:206px;}
.bbsWrite .form_group dl dd.small textarea{width: 100%; height:80px;}
.bbsWrite .form_group dl.code dd img{vertical-align: middle;}
.bbsWrite .form_group dl.author .button{height:26px; padding:0 8px; line-height:24px; border:1px solid #999; background:#f2f2f2; font-size:13px;}
.bbsWrite .form_group dl.author .button.mail{background:#999; color:#fff;}
.bbsWrite .form_group dl.author .u_ip{float:right; margin:3px 0 0;}
.bbsWrite .form_group dl.attfile .button.file{height:30px; padding:0 10px 0 30px; border-color:#d9d9d9; background:#f2f2f2 url('/Main/Images/board/common/ico_bbs_preview.png') no-repeat 10px 50%; line-height:28px;}



.tip {margin-bottom:25px; background:#eef3f8; padding:15px 30px; overflow:hidden;}
.tip li {margin:5px 0;}

.hand {cursor:pointer;}


/* Paging */
.pagination{margin:40px 0; text-align:center; line-height:normal; overflow:hidden;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; min-width:34px; height:34px; padding:0 3px; line-height:32px; margin:2px 2px; background:#fff; color:#45474d; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; border:0; background:#45474d; color:#fff; font-weight:bold; border:1px solid #45474d;}
.pagination .prev,
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .next,
.pagination .page_nextend{overflow:hidden; text-indent:-9999em; border:1px solid #ccc;}
.pagination .page_prev:after,
.pagination .page_prevend:after,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; position:absolute; top:50%; left:50%; width:10px; height:9px; margin:-5px 0 0 -5px; background:url('/Main/Images/board/common/sprh_paging.png') no-repeat 0 0;}
.pagination .page_prev:after{background-position:-17px 0;}
.pagination .page_prevend:after{background-position:0 0;}
.pagination .page_next:after{background-position:-27px 0;}
.pagination .page_nextend:after{background-position:-40px 0;}
.pagination .page_prev,
.pagination .first,
.pagination .page_next,
.pagination .last{overflow:hidden; text-indent:-9999em; border:1px solid #ccc; margin-top:0 !important; box-sizing:border-box;}
.pagination .prev:after,
.pagination .page_prev:after,
.pagination .first:after,
.pagination .next:after,
.pagination .page_next:after,
.pagination .last:after{content:''; position:absolute; top:50%; left:50%; width:10px; height:9px; margin:-5px 0 0 -5px; background:url('/Main/Images/board/common/sprh_paging.png') no-repeat 0 0;}
.pagination .page_prev:after{background-position:-17px 0;}
.pagination .first:after{background-position:0 0;}
.pagination .page_next:after{background-position:-27px 0;}
.pagination .last:after{background-position:-40px 0;}
.pagination .prev:after{background-position:-17px 0;}
.pagination .next:after{background-position:-27px 0;}




/*** Tablet ~ 1023px  ***/
@media all and (max-width:1023px) {
	.bbsSrch input#word{width:auto;}
	.bbsPhotoList .lst>li .img img {height:200px}
}
@media all and (max-width:768px){
	.bod_type {float:none; width:100%; text-align:right; margin:0;}
	.bbsHead .total {float:none; width:100%; padding-top:0; margin-bottom:10px;}
	.bbsHead .bbsSrch {float:none;}
	/*.bbsSrch input#word {width:calc(100% - 108px);}*/
}

ul.panel{ overflow:hidden; padding:0; width:100%;}

ul.panel li{list-style-type:none;padding:10px;/*text-indent:1em;*/color:#333;}
ul.panel li#tab2 {display:none;}

.tit_chis {overflow:hidden; background:none !important; padding:10px 0 !important;  margin:0 0 5px 0 !important; text-align:center; border-top:2px solid #535a75; border-bottom:1px solid #535a75;}

.wrap_chis_info {width:100%; margin-top:20px;overflow:hidden;}	 
.wrap_chis_info02 {width:100%; margin-top:20px;overflow:hidden;}
.wrap_chis_info02 p{margin-left:0; padding-left:0;}

.wrap_chis_info03 {width:100%; margin-top:20px;overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ccc;}
.wrap_chis_info03 .photo_box {width:25%; }
.wrap_chis_info03 .photo_box #galleryView {width:100%; height:auto;}
.wrap_chis_info03 .photo_box #galleryView2 {width:100%; height:auto;}
.wrap_chis_info03 .chis_detail {position:relative; width:70%; margin-left:5%;}

.info_fish {position:relative; width:100%; overflow:hidden; margin:15px auto; padding:30px;background:#efefef; border:1px solid #ccc; box-sizing:border-box; }
.info_fish ul li{width:17%; float:left; background:none;}
.tit_native {color:#0033cc; font-weight:bold; float:right; margin-top:-30px;}
.native {color:#0033cc; font-weight:bold;}
.photo_box {width:50%; float:left;}

#galleryView {overflow:hidden; width:98%; height:250px; margin:0 auto; text-align:center; background:gray;}
#galleryView img {width:100%; height:100%;}
#galleryView2 {overflow:hidden; width:98%; height:250px; margin:0 auto; text-align:center; background:gray;}
#galleryView2 img {width:100% !important; height:100% !important;}

#galleryThum {position:relative; width:100%; min-height:70px; margin:15px auto; padding:5px 0;background:#efefef;}
#galleryThum .holder {position:relative; width:90%; overflow:hidden; margin:0 auto; }
#galleryThum .list {margin:0; padding:0; width:800px; overflow:hidden; list-style:none;}
#galleryThum .item {float:left; width:100px; text-align:center;}
#galleryThum .item img {width:90px; height:70px;}
#galleryThum .arr {position:absolute; top:5px; width:5%; height:70px; text-align:center;}
#galleryThum .arr.arrLeft {left:0;}
#galleryThum .arr.arrRight {right:0;}
#galleryThum .arr img {position:relative; top:17px;}
.chis_detail {width:45%; float:right; }	
.chis_detail ul li {padding:3px 0; border-bottom:1px dashed #ccc;}
.chis_detail ul li .tit {font-weight:bold; color:#2a3d88;}
.chis_detail02 {width:100%; margin-top:30px; overflow:hidden; border-top:1px solid #555; padding-top:20px; }
.chis_detail02 .bg_gray {background-color:#efefef; padding:20px;}
.chis_detail02 .bg_gray h5 {margin:0;}
.chis_detail02 .bg_gray h5 + p {margin-left:0 !important;}
.bmg {margin-bottom:20px !important;}
.nm {font-weight:normal;}
.btn_fs01 {background-color:#006699; color:#fff; margin-left:10px; border:1px solid #065780; border-radius:20px; padding:3px 7px; display:inline-block; font-weight:bold; font-size:12px; }
.btn_fs01 {background-color:#006699; color:#fff; margin-left:10px; border:1px solid #065780; border-radius:20px; padding:3px 7px; display:inline-block; font-weight:bold; font-size:12px; }

@media all and (max-width:640px) {
	.list_chis {padding-left:10px; overflow:hidden;}
	.photo_box {width:100%; float:left;}
	.chis_detail {width:100%; float:left; }
	.info_fish ul li {width:45%;}
}



/*** Mobile ~ 767px  ***/
@media all and (max-width:767px) {
	.tabmenu_photo ul li{width:22%;}
	/*
	.bbsPhotoList .lst>li{width:47%; margin:20px 0 10px 3% !important;}
	.bbsPhotoList .lst li:nth-child(2n+1){margin-left:0 !important;}
	*/
	.bbsPhotoList .lst>li{width:48%; margin:0 0 0 4%;}
	.bbsPhotoList .lst li:nth-child(4n+1) {margin-left:4%;}
	.bbsPhotoList .lst li:nth-child(2n+1) {margin-left:0;}
	.bbsPhotoList .lst.count3>li{width:32.258%; margin:0 0 0 1.61%;}
	.bbsPhotoList .lst.count3 li:nth-child(3n+1) {margin-left:0;}
	.bbsPhotoList .lst.count3>li .img img {height:200px;}

	/* List */
	.bbsList .b_number,
	.bbsList .b_user,
	.bbsList .b_user2,
	.bbsList .b_user3,
	.bbsList .b_count{display:none;}
	/* Write */
	.bbsView .form_group dl{position:relative; float:none !important; width:100% !important; margin-top:-1px; border-top:1px solid #d6d6d6;}
}
/*** Mobile ~ 639px  ***/
@media all and (max-width:639px) {
	.tabmenu_photo ul li{width:45%;}
	/* List */
	.bbsList .m_hide,
	.bbsList .b_date,
	.bbsList .b_date2,
	.bbsList .b_file{display:none;}
	/* blogList */
	.bbsBlogList > ul > li{min-height:130px;}
	.bbsBlogList > ul > li .pic{width:100px; height:65px;}
	.bbsBlogList > ul > li .cont{margin-left:120px;}
	/* View */
	.bbsView .form_group dl dt{width:100px;}
	.bbsView .form_group dl dd{margin-left:100px;}
	/* Write */
	.bbsWrite .form_group dl dt{width:100px;}
	.bbsWrite .form_group dl dd{margin-left:100px;}

	.bbsPhotoList .lst.count3>li{float:none; width:100%; margin:0;}
	.bbsPhotoList .lst.count3>li .img img {height:225px;}
}

@media all and (max-width:360px) {
	.bbsPhotoList .lst>li .img img {height:100px}
	.pagination a, .pagination strong{display:block; float:left; position:relative; box-sizing:border-box; /*min-width:25px;*/ width:25px; height:27px; padding:0 1px; line-height:27px; margin:2px 1px; background:#fff; font-size:13px; color:#45474d; text-decoration:none; vertical-align:middle;}
	.pagination .page_prev,
	.pagination .first,
	.pagination .page_next,
	.pagination .last {float:left; display:block; vertical-align:middle;}
}