@charset "utf-8";
/***** 콘텐츠 CSS *****/


/* 리스트 */
.inner h2{font-size:30px;margin:30px 0 15px;color:#000}
.inner h2 span{font-size:18px;color:#666}
.inner h3{padding-left: 28px; font-size: 23px; color: #000; background: url(/town/img/common/icon_h3.png) left 50% no-repeat; line-height: 47px;}
.inner h4{padding-left: 28px; margin-left: 27px; font-size: 20px; color: #000; background: url(/town/img/common/icon_h4.png) left 50% no-repeat; line-height: 34px;}
.inner ul{padding-bottom: 20px;}
.inner ul.list li{padding-left: 15px; margin-left: 34px; font-size: 16px; color: #555; background: url(/town/img/common/icon_list.png) left 12px no-repeat; line-height: 30px;}
.inner p.text{margin-left: 54px;padding-bottom: 20px; font-size: 16px; color: #555; line-height: 30px;}
.inner p.text_h3{margin-left: 28px;padding-bottom: 20px; padding-top: 10px; font-size: 16px; color: #555; line-height: 30px;}

/* 인사말 */
.center_wrap{padding: 100px 46px 60px; background: url(/town/img/contents/center_bg_2022.jpg) no-repeat;}
.center_wrap dl dt{display: inline-block; width: 52%; padding-right: 20px; vertical-align: top;}
.center_wrap dl dt img{max-width: 507px; width: 100%;}
.center_wrap dl dd{font-size: 18px; line-height: 30px; color: #555;}
.center_wrap dl dd.text01{display: inline-block; width: 48%;}
.center_wrap dl dd.text02{display: block; width: 100%; padding-top: 20px;}
a.btn_blog{font-size:15px;background: #fff url(/town/img/contents/icon_blog.png) 10px 10px no-repeat;border:1px solid #ebebeb;width:92px;display:inline-block;padding:5px 10px 5px 35px;color:#333;line-height:30px}
a.btn_fb{font-size:15px;background: #fff  url(/town/img/contents/icon_fb.png) 10px 10px no-repeat;border:1px solid #ebebeb;width:110px;display:inline-block;padding:5px 10px 5px 35px;color:#333;line-height:30px}
a.btn_ins{font-size:15px;background: #fff  url(/town/img/contents/icon_insta.png) 10px 10px no-repeat;border:1px solid #ebebeb;width:119px;display:inline-block;padding:5px 10px 5px 35px;color:#333;line-height:30px}
a.btn_yt{font-size:15px;background: #fff  url(/town/img/contents/icon_yt.png) 10px 10px no-repeat;border:1px solid #ebebeb;width:92px;display:inline-block;padding:5px 10px 5px 35px;color:#333;line-height:30px}
.MAL25{margin-left:25px}

/* 읍면동소개 */
.intro_wrap{width:100%;margin-bottom: 30px; overflow: hidden;}
.intro_wrap .map{position: relative;  float: left; width:43%; padding: 29px 29px 36px 0; z-index: 1;}
.intro_wrap .map img{width:100%;max-width:484px}
.intro_wrap .map p.text{display: block; position: absolute; margin: 0; left: 56px; top: 42px; z-index: 2;}
.intro_wrap .info{float: right; width: 53%; padding: 29px 0 0 0;}

.intro_wrap .photo{float: right; padding: 59px 62px 0 0;}
.intro_wrap .photo .tit{float: left; font-size: 32px; color: #194d94; font-style: italic; font-weight: 600}
.intro_wrap .photo .tit span{display: inline-block; padding-left: 10px; font-size: 22px; font-style: normal; font-weight: 500}
.intro_wrap .photo .num{float: right; font-size: 27px; color: #194d94; font-weight: 500; text-align: right; letter-spacing: -1px;}
.intro_wrap .photo .num span{display: block; padding-bottom: 10px; font-size: 12px; color: #194d94; letter-spacing: 0;}
.intro_wrap .photo .img{position: relative;}
.intro_wrap .photo .img span{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 63px; color: #fff; font-size: 18px; text-align: center; line-height: 60px; background: rgba(31,109,189,.85);}

/* 기관단체 */
table.t_info td:nth-child(1){width: 30%; padding-left: 20px; text-align: left;}
table.t_info td:nth-child(2){width: 30%; padding-left: 20px; text-align: left;}
table.t_info td:nth-child(3){width: 20%;}
table.t_info td:nth-child(4){width: 20%;}



/* 오시는길 */
.map_wrap{width: 99%; min-height: 400px; margin: 10px 10px 20px; border: 1px solid #d4d4d4;}

/* 직원 및 담당업무 */
.tab_user{overflow: hidden;}
.tab_user span{display: none;}
.tab_user input{float: left; width:10.9%; height: 50px; margin: 1px; font-weight:400; color:#000; display:block; line-height: 50px; text-align:center; box-sizing: border-box; border:1px solid #e1e1e1; font-size:18px; letter-spacing:-1px; background: #fff; transition:all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; z-index: 0}
.tab_user input:hover{cursor: pointer; border: 2px solid #134074; font-weight: 600; z-index: 1;}
.tab_user input.on{cursor: pointer; border: 2px solid #134074; font-weight: 600; z-index: 1;}


/* 주민자치센터 소개 */
.p_h3{padding: 0 0 0 28px; line-height: 24px;}
.p_h4{padding: 0 0 0 28px; line-height: 24px;}
.jumin1_1{float:left; width:100%; margin:20px 0 0 28px;}
.jumin1_1 p.img{float:left; margin:0 10px 0 0;}
.jumin1_1 h4{margin-left: 0;}
.jumin1_1 p.p_h4{}



.j_search{width: 100%; padding: 10px 0 5px; margin-top: 30px; overflow: hidden;}
.bd_total{float: left; margin-bottom: 10px; padding: 0 0 0 25px; background: url(/kr/img/common/icon_alllist.png) no-repeat 0 50%;}
.j_search .bd_searchbox{float: right; width: 60%; text-align: right;}
.j_search .bd_searchbox .search_left, .search_center{height: 30px;}
.j_search .bd_searchbox input{height: 30px; line-height:30px; border: 1px solid #ddd;}
.j_search .bd_searchbox .btn_find{margin-left: 5px; padding:0 20px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight: 400; letter-spacing:-1px;background:#134074; border: 0;}
.skips, .skip{display: none;}
.j_search #searchKeyword{width: 54%;}

table.h_m-Table-01 span input{margin-left: 5px; padding:0 7px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; font-weight: 400; letter-spacing: -1px; background: #8da9c4; cursor: pointer;}

.table_wrap{padding:10px 0 30px 28px;}
.table_wrap table{line-height: 20px;}
table.tdL td{text-align: left; padding-left: 15px;}
table.tdR td{text-align: right; padding-right: 15px;}
table .bd_right{border-right: 1px solid #e1e1e1!important;}
table .bd_left{border-left: 1px solid #e1e1e1!important;}

/* 공지사항 앨범 탭 */
.category{overflow: hidden;}
.category span{display: none;}
.category input{float: left; width:11.666%; height: 50px; margin: 1px; font-weight:400; color:#000; display:block; line-height: 50px; text-align:center; box-sizing: border-box; border:1px solid #e1e1e1; font-size:18px; letter-spacing:-1px; background: #fff; transition:all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; z-index: 0}
.category input:hover{cursor: pointer; border: 2px solid #134074; font-weight: 600; z-index: 1;}
.category input.selected{cursor: pointer; border: 2px solid #134074; font-weight: 600; z-index: 1;}
.category input.btn_all{width: 5%; height: 154px;}
.skin_bbs_view{padding-bottom: 30px;}
.skin_bbs_view .bbs_contbox{padding: 30px 20px;}
.skin_bbs_view .bbs_contbox img{width:auto; max-width:1080px}
.skin_bbs_view .bbs_file{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.skin_bbs_view .bbs_file .file_title{float: left; width: 188px; padding: 10px; text-align: center;}
.skin_bbs_view .bbs_file ul{float: left; padding: 10px; border-left: 1px solid #e1e1e1;}

.bbs_btn .btn_list, .bbs_btn  .btn_modify, .bbs_btn .btn_reply, .bbs_btn .btn_modifys, .bbs_btn .btn_del, .btninquiry01{margin: 5px 2px; padding: 0 20px; height: 30px; line-height: 30px; color: #fff!important; font-size: 16px; font-weight: 400; letter-spacing: -1px; background: #8da9c4; display: inline-block; border: 0; vertical-align: middle;}

/* 갤러리게시판 */
	.h_photo{clear: both; padding: 20px 0; margin-bottom: 15px; border-top: 2px solid #134074; border-bottom: 1px solid #d9d9d9; background: #FFF;}
	.h_photo .h_contBox_wp{text-align:center;font-family: "Malgun Gothic", 'Nanum Gothic', "dotum", "gulim","sans-serif",'NanumSquare', sans-serif;letter-spacing:-1px;display:inline-block;padding-top: 15px;  margin: 15px;width: 22%;background: #FCFCFC;  border: 1px solid #CCC;border-radius:3px}
	.h_photo .h_contBox_wp > p.h_title{width:90%; font-size:18px; font-weight: 600px;  color:#333; margin: 6px auto 0 auto; padding-bottom:15px; line-height: 25px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.h_photo .h_contBox_wp > p.h_thumb img{width:100%;height:initial;background:#fff;margin-bottom:-10px; margin-top:20px;box-shadow: initial;}
	.h_photo .h_contBox_wp a .h_title{width:90%; font-size:18px; font-weight: 600px;  color:#000; margin: 6px auto 0; padding-bottom: 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.h_photo .h_contBox_wp a .day{font-size:15px; font-weight: 400px;  color:#888;}
	.h_photo .h_contBox_wp a .h_thumb{position: relative; height: 162px; margin-top: 20px;}
	.h_photo .h_contBox_wp a .h_thumb img{width: 100%; height: 162px; background: #fff; margin-bottom: -10px; box-shadow: initial;}
	.h_photo .h_contBox_wp a .h_thumb span{position: absolute; left: 0; bottom: 0; padding: 7px 13px; color: #fff; font-size: 14px;}
	.h_photo .h_contBox_wp a .h_thumb span.t01{background: #55a5dc;}
	.h_photo .h_contBox_wp a .h_thumb span.t02{background: #2f5d7d;}
	.h_photo .h_contBox_wp a .h_thumb span.t03{background: #1f5b84;}
	.h_photo .h_contBox_wp a .h_thumb span.t04{background: #1d6158;}
	.h_photo .h_contBox_wp a .h_thumb span.t05{background: #427f9a;}
	.h_photo .h_contBox_wp a .h_thumb span.t06{background: #5b0454;}
	.h_photo .h_contBox_wp a .h_thumb span.t07{background: #425a6b;}
	.h_photo .h_contBox_wp a .h_thumb span.t08{background: #1283d0;}
	.h_photo .h_contBox_wp a .h_thumb span.t09{background: #2877ad;}
	.h_photo .h_contBox_wp a .h_thumb span.t10{background: #442e7a;}
	.h_photo .h_contBox_wp a .h_thumb span.t11{background: #325c6d;}
	.h_photo .h_contBox_wp a .h_thumb span.t12{background: #363a90;}
	.h_photo .h_contBox_wp a .h_thumb span.t13{background: #0796f7;}
	.h_photo .h_contBox_wp a .h_thumb span.t14{background: #496c83;}
	.h_photo .h_contBox_wp a .h_thumb span.t15{background: #55a5dc;}
	.h_photo .h_contBox_wp a .h_thumb span.t16{background: #1283d0;}
	.h_photo .h_contBox_wp a .h_thumb span.t17{background: #3511c6;}
	.h_photo .h_contBox_wp a .h_thumb span.t18{background: #2b9789;}
	.h_photo .h_contBox_wp a .h_thumb span.t19{background: #033d7f;}
	.h_photo .h_contBox_wp a .h_thumb span.t20{background: #5a6e77;}
	.h_photo .h_contBox_wp a .h_thumb span.t21{background: #7753d3;}
	.h_photo .h_contBox_wp a .h_thumb span.t22{background: #334e4a;}
	.h_photo .h_contBox_wp a .h_thumb span.t23{background: #090daf;}
	.h_photo .h_contBox_wp a .h_thumb span.t24{background: #4652cc;}

/* 게시판 공통 */
.paginate_wrap{padding: 30px 10px; text-align: center;}
.paginate {margin: 40px 0 50px; text-align: center!important;}
.paginate > a {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0 2px}
.paginate > a.on
.paginate > a:hover {background: #8da9c4;color: #fff;font-weight:400 !important}

.paginate > strong {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#fff;font-weight:400;font-size:14px;background: #8da9c4;}
.paginate > strong > a {color:#fff !important;font-weight:400 !important}

.paginate >  span {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0;font-size:0}
.paginate >  span a{padding:16px}

.paginate >  span.first_page {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
.paginate >  span.prev_page {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
.paginate >  span.next_page {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
.paginate >  span.last_page {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}

.paginate > a.pg_num {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0 2px}
.paginate > a.pg_num > strong {background: #8da9c4;color: #fff;font-weight:400 !important;display:block}

.paginate >  span.first {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
.paginate >  span.prev {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
.paginate >  span.next {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
.paginate >  span.last {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}


.paginate > strong {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#fff;font-weight:400;font-size:14px;background: #8da9c4;}
.paginate > strong > a {color:#fff !important;font-weight:400 !important}

.paginate >  span {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0;font-size:0}

.paginate >  span.first_page {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
.paginate >  span.prev_page {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
.paginate >  span.next_page {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
.paginate >  span.last_page {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}

.paginate > a.pg_num {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0 2px}
.paginate > a.pg_num > strong {background: #8da9c4;color: #fff;font-weight:400 !important;display:block}

.paginate >  span.first {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
.paginate >  span.prev {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
.paginate >  span.next {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
.paginate >  span.last {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}


table.bbsWrite td{text-align: left!important;}
table.bbsWrite td.write_box{width: 85%}
table.bbsWrite td.write_box .editTinymceImages a{margin: 5px 2px; padding: 0 20px; height: 30px; line-height: 30px; color: #fff!important; font-size: 16px; font-weight: 400; letter-spacing: -1px; background: #8da9c4; display: inline-block;}
table.bbsWrite td .input-xxlarge{border: 1px solid #d4d4d4; padding: 5px;}

.top_srch{width: 100%; padding: 10px 0 5px; margin-top: 30px; overflow: hidden;}
.total{float: left; margin-bottom: 10px; padding: 0 0 0 25px; background: url(/kr/img/common/icon_alllist.png) no-repeat 0 50%;}
.searchBoxWrap{float: right; width: 50%; height: 30px; text-align: right;}
.searchBoxWrap .select_type2{display: inline-block; width: 100px; height: 30px;}
.searchBoxWrap .searchBox{display: inline-block;}
.searchBoxWrap input{height: 30px; line-height:30px; border: 1px solid #ddd;}
.searchBoxWrap .type_search{margin-left: 5px; padding:0 20px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight: 400; letter-spacing:-1px;background:#134074; border: 0;}


.scroll_text{display: none;}

/**PC_Ver 1350*****************************************************/
@media screen and (max-width: 1350px) {
.category input{width:11%}
}
/**PC_Ver 1280*****************************************************/
@media screen and (max-width: 1280px) {

/** Search Box **/
.searchBoxWrap{float: right; width: 100%; height: 30px; text-align: right;}
.searchBoxWrap .searchBox{display: inline-block;width:200px}
.searchBoxWrap input{width:140px;height: 30px; line-height:30px; border: 1px solid #ddd;}
.searchBoxWrap .type_search{margin-left: 5px; padding:0;width:50px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight: 400; letter-spacing:-1px;background:#134074; border: 0;}
}

/**PC_Ver 1200*****************************************************/
@media screen and (max-width: 1200px) {

/* 인사말 */
.center_wrap dl dt{display: block; width: 100%; padding-bottom: 35px;}
.center_wrap dl dd.text01{display: inline-block; width: 100%;}

/** 직원및담당업무 **/
.tab_user input{ width:12%}
}

/**Mobile_Ver 768*****************************************************/
@media screen and (max-width: 767px) {
.scroll_text{display: block; margin: 10px 0; font-size: 14px; font-weight: 200; text-align: center;}
.table_scroll{overflow-x: auto; padding-bottom: 10px;}
.table_scroll table{min-width: 742px;}

.content_wrap header h2{width: 100%; font-size: 28px}

/* 읍면동소개 */
.intro_wrap .map{position: relative; width:100%;padding: 20px 0 0 0; text-align:center;z-index: 1;}
.intro_wrap .info{float:left;width:100%;padding: 29px 0 0 0;}

/** Gallery Album **/
.h_photo .h_contBox_wp{width: 42%}
}

/**Mobile_Ver 425*****************************************************/
@media screen and (max-width: 425px) {
.category input{width:13%; line-height: 50px; font-size:12px}
.category input.btn_all{width:13%;height:50px}
/** Search Box **/
.searchBoxWrap{float: right; width: 100%; height: 30px; text-align: right;}
.searchBoxWrap .searchBox{display: inline-block;width:200px}
.searchBoxWrap input{width:140px;height: 30px; line-height:30px; border: 1px solid #ddd;}
.searchBoxWrap .type_search{margin-left: 5px; padding:0;width:50px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight: 400; letter-spacing:-1px;background:#134074; border: 0;}

.j_search .bd_searchbox{float: right; width: 100%;margin-top:10px; text-align: right;}
.j_search .bd_searchbox .search_left, .search_center{width:100px;height: 30px;}
.j_search .bd_searchbox input{width:140px;height: 30px; line-height:30px; border: 1px solid #ddd;}
.j_search .bd_searchbox .btn_find{margin-left: 5px; padding:0;width:50px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight: 400; letter-spacing:-1px;background:#134074; border: 0;}
/** 인사말 **/
.center_wrap {padding: 100px 20px 60px}
.center_wrap dl dt{padding-right:0;}

/** 직원및담당업무 **/
.tab_user input{ width:16%; font-size:12px}
}

/**Mobile_Ver 416*****************************************************/
@media screen and (max-width: 416px) {
.h_photo .h_contBox_wp{width: 41%}
}

/**Mobile_Ver 375*****************************************************/
@media screen and (max-width: 375px) {

.content_wrap header h2{font-size: 28px; letter-spacing: -1px;}

/** 인사말 **/
.center_wrap dl dd {font-size: 18px; line-height: 28px}

/** Gallery Album **/
.h_photo .h_contBox_wp{width: 41%}
}

/**Mobile_Ver 370*****************************************************/
@media screen and (max-width: 370px) {
.h_photo .h_contBox_wp{width: 92%}
}

/**Mobile_Ver 320*****************************************************/
@media screen and (max-width: 320px) {

/** 인사말 **/
.center_wrap {padding: 100px 20px 60px;background: url(/town/img/contents/center_bg.jpg) no-repeat -20px 0}
.center_wrap dl dd {font-size: 16px; line-height: 28px}

/** 직원및담당업무 **/
.tab_user input{ width:19%; font-size:12px}
}