@charset "utf-8";

	.contentStyle p, .contentStyle li{line-height: 160%;font-size: 15px;}
	.con-section h3 {font-size: 40px;margin: 0 0 20px 0;color: #45409d;line-height: 100%;}
	.con-section h4{font-size: 24px !important;color: #ed798d;line-height: 100%;position: relative;margin: 30px 0;}
	.con-section h4:before {content: '';width: 25px;height: 2px;background: #ed798d;display: block;position: absolute;top: 30px;}
	.con-section h5{font-size: 20px !important;line-height: 100%;position: relative;margin: 30px 0 15px;padding: 0 0 0 15px;background: url(/kr/common/img/bu_dt03.png) no-repeat left 50%;}

	
	.contentStyle p { text-align: justify;}
	.con-section p { text-align: justify;}
	hr.line {display: block;background: url(/silver/common/images/common/p-line.png) repeat-x;padding:5px 0;border: 0;margin: 60px 0;}

	/*게시판*/
	.boardWrap {padding: 60px 0 0 0;position: relative;}
	.container-fluid .total {float: left;margin-bottom: 10px;padding: 0 0 0 25px;background: url(/kr/img/common//icon_alllist.png) no-repeat 0 50%;}
	table.bbsList {width: 100%;margin-bottom: 20px;border: 0;border-top: 2px solid #134074;}
	table.bbsList th {padding: 15px 5px;background: #fcfcfc;font-size: 16px;font-weight: 500;}
	table.bbsList th, table.bbsList td{border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
	table.bbsList th:last-child, table.bbsList td:last-child{border-right:0}
	table.bbsList td{padding:10px 5px;font-size: 14px;text-align: center;color: #555}
	table.bbsList th.no {width: 5%;}
	table.bbsList th.category {width:15%}
	table.bbsList th.writer {width: 10%;}
	table.bbsList th.created {width: 12%;}
	table.bbsList th.hit {width: 10%;}
	table.bbsList th.file{width: 8%;}
	table.bbsList td.nodata {padding: 70px 0 !important;}
	
	/* Search */
	.searchBoxWrap{float:right;margin-top: -30px; margin-bottom: 15px}
	.select_type1{width: 100%;height: 60px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
	.select_type1.w280{width: 280px;}
	.select_type2{display: inline-block;width: 100%;height: 50px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
	select.select_type2 {float: left;margin-right: 5px;background: url(/kr/img/common/icon_sharrow.png) no-repeat 89% 50% #f8f8f8;}
	.select_type2.w140{width: 140px;}
	.searchBox {position: relative;float: left;display: inline-block;width: 420px;}
	.searchBox input[type="text"]{float: left;margin-right: 5px;border: 1px solid #e0e0e0;height: 50px;display: block;box-sizing:border-box;padding: 0 50px 0 15px;width: 300px;}
	.top_srch:after {content: '';display: block;clear: both;}

	
	/*갤러리게시판*/
	div.gallery > ul > li{text-align:center;font-family: "Malgun Gothic", 'Nanum Gothic', "dotum", "gulim","sans-serif",'NanumSquare', sans-serif;letter-spacing:-1px;display:inline-block;padding: 15px 0px 10px 0px;  margin: 15px;width: 29%;background: #FCFCFC;  border: 1px solid #CCC;border-radius:3px}
	div.gallery > ul > li > p{text-align: center!important;}
	div.gallery > ul > li > p.title{width:90%;margin: 6px auto 0 auto;padding-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	div.gallery > ul > li > p.title a:hover{color:#333;text-decoration:underline;}
	div.gallery > ul > li > p.title a{font-size:18px;color:#333; }
	div.gallery > ul > li > p.board_content{height:40px;margin:0 15px;font-size:13px;color:#333; overflow:hidden}
	div.gallery > ul > li > p.content{width:90%;margin: 6px auto 0 auto;overflow:hidden;}
	div.gallery > ul > li > p.writer{color:#888; height: 20px;}
	div.gallery > ul > li > p.created{color:#999;letter-spacing:-1px; padding-top:10px}
	div.gallery > ul > li > p.hit{color:#888;}
	div.gallery > ul > li > p.thumb img{width:100%;height:176px;background:#fff;margin-bottom:-10px; margin-top:20px}
 td div.file_image img{max-width:700px!important}
    .gallery ul li p{display:none}
	 .gallery ul li p.title{display:block;text-align:center;margin: 0;overflow: hidden;color: #0b2545;font-size: 16px;line-height: 34px;letter-spacing: -1px;font-weight: 700;padding: 10px 10px 0 10px;}
	 .gallery ul li p.writer{display:block;height:20px;text-align:center;color:#666;font-size:14px}
	  .gallery ul li p.created{display:block;margin-top:10px;font-size:16px}
	  .gallery ul li p.thumb{display:block;vertical-align:bottom}
span.board_content{display:none}
	div.padded .gallery > ul > li > p.thumb img {box-shadow: initial;}
	.gallery .row-fluid .box .gallery {clear: both; padding: 20px 0;margin-bottom: 15px;border-top:2px solid #134074;border-bottom:1px solid #d9d9d9;background: #FFF;}
	.viewbtn .btn{margin-left: 5px; padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}
	.writebtn .btn{margin-left: 5px; padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}


	/* Button */
	.btn_wrap {width:100%;height:50px;text-align:center;margin-bottom: 30px}
	.btn_wrap .type_al_r {display:inline-block;float:right}
	.btn_wrap .type_al_l {display:inline-block;float:left}
	.btn{display:inline-block;vertical-align:middle;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;border:none}
	.btn.type_a {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}
	.btn.type_as {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}
	.btn.type_b {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#13315c}
	.btn.type_bs {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#13315c}
	.btn.type_c {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#134074}
	.btn.type_cs {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#134074}
	.btn.type_d {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#0b2545}
	.btn.type_ds {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#0b2545}
	.btn.type_e {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#2083e9}
	.btn.type_es {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#2083e9}
	.btn.type_search {float: left;border: 0; padding:0 66px 0 23px; height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%}



	label.hide {display: none;}
	.paginate {margin: 40px 0 50px; text-align: center}
	.listbtn {text-align: right;margin-bottom: 30px;}
	.listbtn a.btn {margin-left: 5px;padding: 0 43px;height: 50px;line-height: 50px;color: #fff;font-size: 18px;font-weight: 400;letter-spacing: -1px;background: #13315c;display: inline-block;}
	.border_top_no {position: relative;padding: 20px 0 0 0;}
	.board-search {position: absolute;top: 25px;width: 100%;}
	.form-search {float: right;margin-top: -5px;margin-bottom: 15px;}
	.form-search input[type=text] {float: left;margin-right: 5px;border: 1px solid #e0e0e0;height: 50px;display: block;box-sizing: border-box;padding: 0 50px 0 15px;width: 300px;}
	.form-search select {float: left;margin-right: 5px;background-image: url(/kr/img/common/icon_sharrow.png);display: inline-block;height: 50px;border: 1px solid #e0e0e0;box-sizing: border-box;padding: 0 21px 0 10px;vertical-align: top;width: 113px;}
	.board-rss a {padding: 0 23px;height: 30px;line-height: 30px;color: #fff;font-size: 13px;font-weight: 400;letter-spacing: -1px;background: #8da9c4;display: inline-block;}

	button.btn[type=submit] {float: left;border: 0;padding: 0 61px 0 19px;height: 50px;line-height: 50px;color: #fff;font-size: 18px;font-weight: 400;letter-spacing: -1px;background: #134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%;}
.bbsWrite .editTinymceImages a{margin-left: 5px;padding: 0 23px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;font-weight: 400;letter-spacing: -1px;background: #8da9c4;display: inline-block;}
.bbsWrite #upfileAdd a, .bbsWrite #upfileDel a{margin-left: 3px;padding: 0 5px;height: 20px;line-height: 17px;color: #fff;font-size: 18px;font-weight: 400;letter-spacing: -1px;background: #8da9c4;display: inline-block;vertical-align: middle;}

.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.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%}

	/*tab스타일*/
	.tabMenu01 {padding: 20px 0;}
	.tabMenu01>ul{display:table;width:100%;border-collapse:collapse;border-spacing:0;}
	.tabMenu01>ul>li {display: table-cell; box-sizing: border-box; border:1px solid #e1e1e1;}
	.tabMenu01>ul>li.on{margin: 0;border: 2px solid #554ec3;font-weight: 700;z-index: 1;}
	.tabMenu01>ul>li>a{display:block;height: 50px;line-height: 50px; text-align:center;font-size:18px;letter-spacing:-1px;z-index: 0}
	
	.contentStyle>dl>dt {line-height: 160%;font-weight: 600;background: url(/kr/img/common/gray_6x6.png) no-repeat left 7px;padding-left: 12px;margin-left: 10px;color: #333;}
	.contentStyle>dl>dd {line-height: 140%;padding: 0 0 0 23px;}

	/* Table */
	table{width:100%;margin-bottom: 40px;border:0;border-top:2px solid #134074;border-spacing:0;}
	caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
	table td,table th{ border:0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
	table th{padding:15px 5px;background:#fcfcfc;font-size: 16px;font-weight: 500;vertical-align: middle;}
	table th:last-child{border-right:0}
	table td{padding:10px 5px;font-size: 15px;color: #555;vertical-align: middle;line-height:170%}
	table td:last-child{border-right:0}
	table .lefttd{text-align: left}
	table .leftth{padding:15px 5px;background:#fcfcfc;font-size: 16px;font-weight: 500;text-align: left}
	table .bd_right{border-right: 1px solid #e1e1e1!important;}
	.AlignCenter {text-align: center;}
	.tdCenter td {text-align: center;}
	tr.highlight td {    background: #F6F8FA;}
	table.tableStyle01+ul {margin-top: -30px;}

	.contentStyle ul{padding: 0 0 20px 15px;}
	.contentStyle ul>li:before {content: '';display: inline-block;width: 4px;height: 4px;margin-right: 8px;vertical-align: middle;background: #a1a1a1;}
	.contentStyle ul>li>ul>li:before {content: '-';margin-right: 8px;vertical-align: middle;background: none;height: auto;}

	/*캘린더*/
	.calendar strong {font-size: 32px;margin: 0 30px;color: #1ba0b2;letter-spacing: -0.05em;}
	.calendar p.month_choice {text-align: center;margin: 0 0 20px 0;}
	.calendar p.month_choice .con-section strong {font-size: 2.5em;}
	.calendar p.month_choice a i {display: inline-block;width: 14px;height: 25px;}
	.calendar p.month_choice .icon-chevron-left {background: url(http://www.suncheon.go.kr/board/_common/img/btn_arrow_l.gif) no-repeat;}
	.calendar p.month_choice i.icon-chevron-right {background: url(http://www.suncheon.go.kr/board/_common/img/btn_arrow_r.gif) no-repeat;}
	.calendar p.month_choice a {display: inline-block;}
	.calendargroup .rel {height: 100px;}
	.calendargroup .rel .date {text-align: left;}
	.calendargroup .sun .date {color: red;}
	.calendar table th{width: 14%}
	.calendar td.checkit {border: 1px solid #df6f82;box-sizing: border-box;}
	.paginate strong {font-size: 15px;}
	
	/*인사말*/
	.b-hl {font-size: 30px !important;color: #45409d;line-height: 100%;padding: 20px 0;}
	.s-hl {font-size: 24px !important;color: #ed798d;line-height: 100%;}
	p.sign {font-size: 22px !important;text-align: right !important;}


	/*연혁*/
	.history ul>li{position: relative;}
	.history ul>li:before{content: '·';padding: 0 10px 0 0;}

	/*복지관현황*/
	ul.facility {padding: 20px 30px;border: 3px dashed #e9e9e9;}

	/*셔틀버스*/
	td p.inner {width: auto;padding: 10px !important;}
	.bus_t{font-size: 16px;font-weight: 600;color: #000;line-height: 30px;}
	.bus_b {color: #0404c4;}