@charset "utf-8";
/************************/
/***** CSS Document *****/
/*** table, board CSS ***/
/************************/
.pc_ver_bbs{display: table-row;}
.for_mbl_bbs{display: none;}
.scroll_text{display: none; clear: both;}
.con_scroll{overflow-x: auto; padding-bottom: 10px;}
.con_scroll .invest_scroll{width: 940px;}
.img981{width: 100%; max-width: 960px;}
.invest_mo{display: none;}
/* 지도 */
.map{height: 300px; margin: 10px auto 0; border: 1px solid #ebebeb;}
/**Tab_Ver_L 1024*****************************************************/
@media screen and (max-width: 1024px) {
	/* 순천소개 > 순천의 미래 > 도시종합발전계획 > 도시종합발전계획 */
	.con_scroll .invest_scroll{width: 756px;}
	.invest_top{float: none; width: 100%; margin: 20px 0 0 0;}
	.invest_top ul{margin: 0;}
	.invest_top ul li{display: inline-block;}
	.invest_map{margin: 0;}
	.invest_div{width: 100%; height: auto;}
	.invest_div .top_num{left: 18px;}
	.invest_left{margin: 38px 14px 27px 18px; width: 96%; height: auto;}
	.invest_left .invest_img01{width: 45%; height: auto;}
	.invest_left img{width: 100%!important; height: auto!important;}
	.invest_left .invest_img02{width: 45%!important; height: auto!important;}
	.invest_left .invest_img02 div{width: 100%!important; height: auto!important;}
	.invest_left .invest_img02 img.map{width: 100%!important; height: auto!important;}
	.invest_right{width: 52%; height: auto;}
	.invest_right dl{width: 100%;}
	.invest_right dl dt{width: auto;}
	.invest_right dl dd{width: 80%;}
	
	/* 로그인 */
	#nonMemberGroup h3{float: none; width: auto; height: auto; color: #013469; margin: 0; padding: 0; font-size: 1.9em; text-align: left; background: none; letter-spacing: -1px;}
	#memberGroup h3 span, #nonMemberGroup h3 span, .findGroup h3 span {display: inline-block;}
	#memberGroup h3 span.sTit, #nonMemberGroup h3 span.sTit, .findGroup h3 span.sTit {color: #666; padding-left: 5px; letter-spacing: 0;}
	#loginRuleGroup{float: none; width: 100%; margin: 0;}
	#loginRuleGroup h4{padding-left: 10px !important;}
	#loginRuleGroup div#loginList01, #loginRuleGroup div#loginList02, #loginRuleGroup div#loginList03{padding-left: 10px;}
	#memberGroup h3{float: none; width: auto; height: auto; color: #1e6ab9; margin: 0; padding: 0; text-align: left; font-size: 1.9em; background: none; letter-spacing: -1px;}
	div.loginForm, .findForm{float: none; margin: 30px 0 0 10px;}
	.security_mark{margin-left: 0; width: 100%;}
}
/**Tab_Ver_S 800*****************************************************/
@media screen and (max-width: 800px) {
	.container{display: block!important;}
	.cont_wrap{display: block; width: 100%;}
	.contents{position: static;}
	.contentStyle{overflow: hidden;}
	.scroll_text{display: block; margin: 10px 0; font-size: 12px; font-weight: 200; text-align: center;}
	.table_scroll{overflow-x: auto; padding-bottom: 10px;}
	.table_scroll table{min-width: 1120px;}
	.table_scroll table th{font-size: 14px!important; line-height: 19px;}
	.table_scroll table td{font-size: 12px!important;}
	table.tableStyle01 th, table.tableStyle01 td, table.tableStyle02 th, table.tableStyle02 td, table.tableStyle02_1 th, table.tableStyle02_1 td, table.bbsList th, table.bbsList td{font-size: 0.8em;}
	/* 행사공연 */
	div.schedule {margin-top: 0;}
	/* 게시판 영역 ******************************************************************************************/
	.container-fluid{padding-top: 0px;}
	/* 게시판 상단 검색 */
	.top_srch{height: auto; line-height: normal; margin: 15px 0 10px 0; overflow: hidden;}
	.total{float: none;}
	.searchBoxWrap{float: none;}
	.select_type2.w140{width: 100px; height: 32px; padding-left: 5px; margin-right: 1px;}
	.searchBox{width: 222px;}
	.searchBox input[type="text"]{margin-right: 1px; height: 32px; padding: 0 5px 0 5px; width: 160px;}
	.searchBox_api #searchTitle_key{width: 160px;}
	.searchBox_api{margin-top: 15px;}
	/* 게시판 본문 이미지 */
	.board_content img{width: 96%; height: auto;}
	/* 순천소개 > 순천의 미래 > 도시종합발전계획 > 도시종합발전계획 */
	.invest_top{margin: 0;}
	
	/* 버튼 **************************************************************************************************/
	.btn.type_a {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_as {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_am {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_b {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_bs {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_bm {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_c {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_cs {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_cm {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_d {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_ds {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_e {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_es {padding:0 14px;height:32px;line-height:33px;font-size:14px;}
	.btn.type_search {padding: 0 14px 0 14px; height: 32px; line-height: 33px; font-size: 15px; min-width: auto !important;}
	
	/* 읍면동 선택 */
	.dongChoice{text-align: left; overflow: hidden;}
	.dongChoice label{width: 85px; display: inline-block; text-align: center;}
	.dongChoice .dongChoice02{display: block; margin-top: 2px;}
	
	/* 전자민원 > 민원상담 */
	.tab_01 li > a{padding-left: 0; font-size: 14px; text-align: center; background: none!important;}	
	.mbl_no{padding: 40px 10px; margin-top: 10px; margin-bottom: 20px; text-align: center; background: #efefef; border: 1px solid #ddd;}
	.mbl_no p{margin-bottom: 35px; line-height: 20px;}
	.img446{width: 100%; max-width: 446px;}
}
/**Mobile_Ver_L 640*****************************************************/
@media screen and (max-width: 640px) {
	/* 게시판 영역 ******************************************************************************************/
	/* 게시판 리스트_작성자, 조회수, 첨부파일 등 숨김 ****** date01-고시공고 */
	table.bbsList th.writer, table.bbsList th.hit, table.bbsList th.file, table.bbsList th.date01,
	table.bbsList td.writer, table.bbsList td.hit, table.bbsList td.file, table.bbsList td.date01,
	/* 정보공개 > 정보공개안내 > 사전정보공표 > 사전정보공표 자료실 */
	.BBS_0000000000000337 table.bbsList th.ext02, .BBS_0000000000000337 table.bbsList th.ext03,
	.BBS_0000000000000337 table.bbsList td.ext02, .BBS_0000000000000337 table.bbsList td.ext03,
	/* 정보공개 > 공유재산 > 일반재산공개 */
	.BBS_0000000000000135 table.bbsList th.no, .BBS_0000000000000135 table.bbsList th.ext01, .BBS_0000000000000135 table.bbsList th.ext04, .BBS_0000000000000135 table.bbsList th.ext05,
	.BBS_0000000000000135 table.bbsList td.no, .BBS_0000000000000135 table.bbsList td.ext01, .BBS_0000000000000135 table.bbsList td.ext04, .BBS_0000000000000135 table.bbsList td.ext05,
	/* 전자민원 > 민원편람 */
	.BBS_0000000000000419 table.bbsList th.no, .BBS_0000000000000419 table.bbsList th.ext01,
	.BBS_0000000000000419 table.bbsList td.no, .BBS_0000000000000419 table.bbsList td.ext01,
	/* 시정소식 > 고시/공고 > 입법예고 */
	.BBS_0000000000000214 table.bbsList th.ext01,
	.BBS_0000000000000214 table.bbsList td.ext01,
	/* 세무⋅법률 > 법률정보 > 소송사무  */
	.BBS_0000000000000141 table.bbsList th.ext01,
	.BBS_0000000000000141 table.bbsList td.ext01,
	/* 건설⋅부동산 > 부동산정보 > 부동산중개업 */
	.BBS_0000000000000261 table.bbsList th.ext02, .BBS_0000000000000261 table.bbsList th.ext03, .BBS_0000000000000261 table.bbsList th.ext04,
	.BBS_0000000000000261 table.bbsList td.ext02, .BBS_0000000000000261 table.bbsList td.ext03, .BBS_0000000000000261 table.bbsList td.ext04{display: none;}
	.BBS_0000000000000261 table.bbsList th.writer, .BBS_0000000000000261 table.bbsList td.writer{display: table-cell!important;}
	
	/* 갤러리형식 게시판 */
	.gallery_type1 ul li {width: 46%; margin: 2%; height: 320px;}
	.gallery_type1 dt {font-size: 14px;}
	.gallery_type1 .date {font-size: 13px;}
	/* 게시판 하단 페이징 */
	.paginate{margin-left: 15px; margin-right: 15px;}
	/* 읍면동 선택 */
	.dongChoice .dongChoice02 span{display: block; margin: 3px 0 0 110px;}
	.dongChoice .dongChoice02 input#landCd5,
	.dongChoice .dongChoice02 input#landCd6{width: 98px;}
	.dongChoice .input_btn{display: block; margin: 10px 0 0 110px!important;}
	/* 상하수도 > 맑은물관리센터 > 물사랑학습체험관 */
	table.imgWT img{width: 98%;}
	/* 전자민원 > 민원상담 */
	.descBox_01{padding: 0px 30px 10px 15px; background: none!important;}
	/* 순천소개 > 순천의 미래 > 도시종합발전계획 > 도시종합발전계획 */	
	.invest_pc{display: none;}
	.invest_mo{display: block;}
	.invest_left .invest_img01{float: none; width: 95%!important;}
	.invest_left .invest_img02{float: none; width: 95%!important;}
	.invest_right{float: none; width: 95%!important;}
	/* 로그인 */
	div.loginForm, .findForm{width: 98%;}
	div.loginForm ul{width: 70%;}
	div.loginForm ul li label, .findForm ul li label{font-size: 1em;}
	div.loginForm p.loginBtn{width: 28%;}
	div.loginForm p.loginBtn input{width: 100%; font-size: 1em;}
	/* 전자민원 > 민원안내 > 편리한 민원제도 */
	.imgComment > ul > li{padding-left: 0;}
	.imgComment > ul > li:nth-child(1){background: none !important;}
	.imgComment > ul > li:nth-child(2){background: none !important;}
	.imgComment > ul > li:nth-child(3){background: none !important;}
	.imgComment > ul > li:nth-child(4){background: none !important;}
}
/**Mobile_Ver_S 420*****************************************************/
@media screen and (max-width: 420px) {
	/* 게시판 영역 ******************************************************************************************/
	/* 게시판 리스트_작성일 숨김
	table.bbsList th.created,
	table.bbsList td.created{display: none;} */
	/* 게시판 뷰페이지 */
	.pc_ver_bbs{display: none!important;}
	.for_mbl_bbs{display: table-row!important;}
	/* 전자민원 > 민원상담 */
	.tab_01 li {margin-left: 1%; width: 24%; line-height: 45px;}
	.tab_01 li > a{font-size: 12px;}
}
/**Mobile_Ver_S 355*****************************************************/
@media screen and (max-width: 355px) {
div.loginForm ul li label, .findForm ul li label{font-size: 0.9em;}
}