@charset "utf-8";
.skips, .skip{display: none;}
	#container.sub .con-section p, #container.sub .con-section li{line-height: 160%;font-size: 15px;}
	#container.sub .con-section h3 {font-size: 40px;margin: 0 0 40px 0;line-height: 100%;}
	#container.sub .con-section h4{font-size: 24px !important;line-height: 100%;position: relative;margin: 30px 0 15px;padding: 0 0 0 20px;}
	#container.sub .con-section h4:before {content: '';width: 10px;height: 10px;background: #a68d7c;display: block;position: absolute;top: 6px;left: 3px;border-radius: 10px;}
	#container.sub .con-section h5 {font-size: 18px;line-height: 100%;position: relative;margin: 30px 0 10px;padding: 0 0 0 19px;background: url(/kr/img/common/bul4.png) no-repeat 5px 4px;}
	#container.sub .con-section h6 {font-size: 16px;margin: 20px 0 7px;}


	#container.sub .con-section ul.tab {display: table;width: 100%;border-collapse: collapse;margin-bottom: 40px;}
	#container.sub .con-section ul.tab>li {display: table-cell;border: 1px solid #ddd;vertical-align: middle;line-height: 130% !important;font-size: 16px;}
	#container.sub .con-section ul.tab>li>a {display: block;text-align: center;vertical-align: middle;padding: 10px 0;width: 100%;}
	#container.sub .con-section ul.tab>li.on {background: #a68d7c;border: 1px solid #a68d7d;}
	#container.sub .con-section ul.tab>li.on>a {color: #fff;}
	
	.con-section p { text-align: justify;}
	p.em{font-size: 17px !important;font-weight:bold;}
	.AlignCenter {text-align: center !important;}

	.constitution ol {padding: 0 0 0 30px;margin: 20px 0;}
	.constitution ol>li {list-style-type: decimal-leading-zero;padding: 5px;}
	/*버튼*/
	a.down {background: #fcfcfd url(/kr/img/common/btn_down01.png) no-repeat -2px 43%;padding: 15px 15px 15px 45px;border: 1px solid #cdcdcd;box-shadow: 2px 2px #f0f0f0;}



	/*게시판*/
	.boardWrap {padding: 80px 0 0 0;position: relative;}
	p.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,  table.bbsList th.prepare{width: 10%;}
	table.bbsList th.created, table.bbsList th.registration {width: 12%;}
	table.bbsList th.hit, table.bbsList th.check{width: 10%;}
	table.bbsList th.file{width: 8%;}
	table.bbsList td.nodata {padding: 70px 0 !important;}

	label.hide {display: none;}
	.paginate {margin: 40px 0 50px; text-align: center}
	.listbtn {text-align: left;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: #8da9c4;display: inline-block;}
	.border_top_no {position: relative;padding: 20px 0 0 0;}
	.board-search {position: absolute;top: 41px;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: 40px;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: 40px;border: 1px solid #e0e0e0;box-sizing: border-box; padding: 0 21px 0 10px; vertical-align: top; width: 113px;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.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: 40px;line-height: 40px;color: #fff;font-size: 18px;font-weight: 400;letter-spacing: -1px;background: #134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%;}

	.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;}
	.paginate strong a {background: #8da9c4;color: #fff;}

	.contentStyle ul {padding: 20px 0 20px 27px;}
	.contentStyle ul>li {padding: 0 0 0 15px;}
	.btn_search{float: left; border: 0!important; padding: 0 61px 0 19px!important; height: 40px; line-height: 40px; color: #fff!important; font-size: 18px; font-weight: 400!important; letter-spacing: -1px; background: #134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%!important;}

.skin_bbs_view .bbs_contbox{padding: 10px 10px 30px;}
.skin_bbs_view .bbs_file{padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.notice .bbs_btn{padding: 10px 0;}
.bbsView .content{padding: 30px 10px;}
.writebtn, .viewbtn, .bbs_btn{text-align: center;}
.listbtn{text-align: right;}
/* 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;}
	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}
	.AlignCenter {text-align: center;}
	.tdCenter td {text-align: center;}
	tr.highlight td {    background: #F6F8FA;}

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

	/*tab스타일*/
	.tabMenu01 {padding: 20px 0;margin: 0 0 30px 0;}
	.tabMenu01>ul{display:table;margin: 0 auto;padding: 0;}
	.tabMenu01>ul>li {display: table-cell;box-sizing: border-box;padding: 0 3px;}
	.tabMenu01>ul>li.on a{
    background: #00aeef;
    color: #fff;
}
	.tabMenu01>ul>li>a{display:block;width: 230px;height: 50px;line-height: 50px;border-radius: 50px;text-align:center;font-size:18px;letter-spacing:-1px;background: #e4e4e4;z-index: 0;}

	.tabMenu03 {padding: 20px 0;}
	.tabMenu03>ul{display: block;box-sizing: border-box;border: 5px solid #00a0e9;border-radius: 15px;width:100%;padding: 15px 50px;}
	.tabMenu03>ul:after{content:'';display:block;clear:both;}
	.tabMenu03>ul>li {display: inline-block;box-sizing: border-box;width: 33.33%;float: left;padding-left: 15px;background: url(/kid/common/img/icon_dt.gif) no-repeat left 5px top 14px;}
	.tabMenu03>ul>li>a{display: inline-block;line-height: 30px;text-align: left;font-size: 16px;font-weight: 00;letter-spacing:-1px;}
	.tabMenu03>ul>li.on{background: url(/kid/common/img/icon_dot.png) no-repeat left 4px top 13px;}
	.tabMenu03>ul>li.on a{font-weight:600;color: #0b87c5;}

	/*캘린더*/
	.calendar strong {font-size: 32px;margin: 0 20px;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 td.checkit {border: 1px solid #df6f82;box-sizing: border-box;}
	.paginate strong {font-size: 15px;}

	/*dl 스타일*/
	.contentStyle>dl>dt:before {content: '';display: inline-block;width: 4px;height: 4px;margin-right: 8px;vertical-align: middle;background: #a1a1a1;}
	.contentStyle>dl>dt{font-weight:800;margin-top:5px}
	.contentStyle>dl>dd{padding:5px 0}

	/*hr wave*/
	hr.line_wave{display: block;background: url(/kid/common/img/line_wave.png) no-repeat center;height: 50px;border: none;}

	@charset "utf-8";

/* 어린이시청 CONTENT STYLE */

/* CONTENT COMMON */
.contentStyle { position:relative; clear:both; width:100%; margin:0; }
.contentStyle:after {content:'';display:block;clear:both;}
.contentStyle h4 {display:inline-block;width:100%;margin: 40px 0 10px;padding: 5px 0;font-size: 2.2em;color: #000;letter-spacing: -0.08em;line-height: 1;font-weight: 500;}
.contentStyle h5 { position:relative; width:95%; margin:0 0 0 11px; padding:0 0 10px 13px; }
.contentStyle h6 { position:relative; width:95%; margin:0 0 0 22px; padding:0 0 4px 12px; }
.contentStyle ul,
.contentStyle dl { position:relative; width:90%; display:inline-block; margin:0 0 0 29px; padding-bottom:10px; }
.contentStyle ul li,
.contentStyle dl dt { position:relative; width:96%; padding:0 0 2px 8px; }
.contentStyle ul ul { width:615px; margin:5px 0 0 -3px; padding-bottom:0; }
.contentStyle ul ul li,
.contentStyle dl dd { margin-left:3px; padding-left:7px; }
.contentStyle p {margin: 0px 10px 20px 25px;font-size:16px;line-height:24px}


/* TABLE IN CONTENT */
table.tableStyle01,
table.tableStyle02 { clear:both; margin:0 0 10px 5px; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; }
table.tableStyle01 th,
table.tableStyle01 td,
table.tableStyle02 th,
table.tableStyle02 td { font-size:1em; }
table.tdCenter td { text-align:center; }
table.tableStyle01 td ul,
table.tableStyle02 td ul { width:95%; margin:0 !important; padding:0; }
table.tableStyle01 td ul li,
table.tableStyle02 td ul li {margin:0; }


/* CONTENT AND TABLE */

/* CONTENT */
.contentStyle h4.fa-genderless:before{font-weight:900;color:#007130;padding-right:10px}
.contentStyle h5 { font-weight:bold;color:#4a4949; background:url(/kid/images/sub/icon_h5.gif) left 4px no-repeat; }
.contentStyle h6 { color:#2B2D2F; font-weight:normal; background:url(/reeds/images/common/icon_h6.gif) 0 4px no-repeat; }
.contentStyle ul li,
.contentStyle dl dt {color:#4B5156;background: url(/kid/common/img/icon_dt.gif) left 7px no-repeat;}
.contentStyle ul ul li,
.contentStyle dl dd { color:#9498A1; background:url(/reeds/images/common/icon_dd.gif) left 7px no-repeat; }


table.tableStyle01,
table.tableStyle02 {border-top: 2px solid #00aeef;border-left: 1px solid #70c1de;border-bottom: 1px solid #70c1de;}
table.tableStyle01 caption,
table.tableStyle02 caption { display:none; }
table.tableStyle01 th,
table.tableStyle02 th {padding: 15px 0;background: #e0f6ff;color: #1a1a1a;border-right: 1px solid #70c1de;border-bottom: 1px solid #70c1de;font-size: 1.2em;}
table.tableStyle01 tbody th { background:none; font-weight:normal; }
table.tableStyle01 tbody th,
table.tableStyle01 td,
table.tableStyle02 td {padding: 15px 5px 15px;border-right: 1px solid #70c1de;border-bottom: 1px solid #70c1de;color: #333;font-size: 1em;}
table.tableStyle01 td ul li,
table.tableStyle02 td ul li { color:#4A6B85; background:url(/reeds/images/common/icon_dt.gif) 0 4px no-repeat; }

.span_color p span{font-weight:bold; color:#488F29;}
.intro_size {width:500px;}
.intro_size ul {width:500px;}
.intro_size ul li {width:490px;}

.contentStyle .intro_imgul {float:left;width: 100%;margin: 20px 0 0 0;}
.contentStyle .intro_imgul h5 {float:left}
.contentStyle .intro_imgul p {float:left;display: inline;width:168px;margin-left:10px;margin-right: 30px;}
.contentStyle .intro_imgul ul {float:left;margin: 0 0 20px;}
.contentStyle .intro_imgul ul li {float:left;width: 100%;}
.contentStyle .intro_imgul dl {float:left; width:450px; margin:10px 0 0 0;}
.contentStyle .intro_imgul dl dt {float:left; width:430px;}
.contentStyle .intro_imgul dl dd {float:left; width:420px;}

.contentStyle .intro50left{float:left;position:relative;width:25%}
.contentStyle .intro50right{float:right;position:relative;width:25%}

.contentStyle .intro33left{float:left;position:relative;width:33%}
.contentStyle .intro33right{float:right;position:relative;width:33%}

.color_lb{font-size:18px; color:#00aeef;}