div#wrap{ position:relative; font-size:14px;   }
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }
div#wrap div#header{ width:100%; margin:0 auto; height:110px; background: url("/images/default/main/top_bg.gif") repeat-x left bottom;}
div#wrap .header_inner{width:1100px; margin:0 auto; height: 110px; }
div#wrap div#header h1{ margin:0; float:left; margin-top:10px;}
div#wrap div#header h1 img{ width:165px; height:88px; }


/* gnb */
div#wrap div#header div.top_menu{ float:left; width:935px; }
div#wrap div#header div.top_menu ul{ float:right; display:block;list-style:none; margin:0; padding:10px 0 0 0; }
div#wrap div#header div.top_menu ul li{ position:relative;  float:left; margin:0 0 0 10px; text-align:right; font-size:12px; }
div#wrap div#header div.top_menu ul li a{color:#525a5f;}


/* 탑1차메뉴 */
div#wrap div#header div#nav { float:right; padding:0px; margin:35px 0 0 0; }
div#wrap div#header div#nav ul { position:relative; float:left;  position:relative; padding:0px; margin:0; }
div#wrap div#header div#nav ul li { list-style:none; text-align:left; float:left; margin-left:45px; }
div#wrap div#header div#nav ul li a{color:#232323; font-size:16px; font-weight:bold;}
div#wrap div#header div#nav ul li ul { display:none; position:absolute; float:left; top:65px; left:10px; }
div#wrap div#header div#nav ul li ul li { float:left; margin:0 0 0 10px; }


/* 탑2차메뉴 */
div#wrap div#sepration2{position: absolute;top: 108px; left:0;width: 100%;  z-index: 1000; background: url("/images/default/main/tsm_bg.png") repeat-x left bottom; border-top:2px solid #cbcbcb;padding-bottom:6px;}
div#wrap div#sepration2 div.tsm_wrap{background: #fff; width: 100%;  }
div#wrap div#sepration2 div.tsm_bg{width:1100px; margin:0 auto; box-sizing:border-box;position:relative; }
div#wrap div#sepration2 div.tsm_bg p.tsm_txt{position:absolute; left:0; top:110px; color:#7d7d7d;}
div#wrap div#sepration2 div.tsm_bg ul{}
div#wrap div#sepration2 div.tsm_bg ul li{overflow:hidden;}
div#wrap div#sepration2 div.tsm_bg ul li div{position: relative;  padding-top:10px; margin-top:35px;background: url("/images/default/main/tsm_div.gif") no-repeat 0 0;   width: 250px;  text-align: left;  color: #e2e3e3; float:left;}
div#wrap div#sepration2 div.tsm_bg ul li div a{ color:#333; position:relative;width:265px;font-size: 36px; font-weight:bold; }

div#wrap div#sepration2 div.tsm_bg ul li ul.sub1{float:right; width:850px; min-height:250px;background: url("/images/default/main/sub1.png") repeat-y 0 0;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li{background:url(/images/default/main/tbor.gif) repeat-x left top;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li:after{content:"";display:block;clear:both;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li>a{position:relative;float:left;width:228px;padding:10px 0px; text-indent:20px; box-sizing:border-box;text-align:left; color:#333;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li>a:hover{background:#00a0c6 url('/images/default/content/plus_on.png') no-repeat 95% center; color:#fff; font-weight:bold;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1>li:first-child{background:none;}

div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2{padding:10px 15px;margin-left:228px; box-sizing:border-box; overflow:hidden; } 
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li{float:left;min-width:25%;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li a{display:inline-block;margin:0 10px; width:auto; padding-left:10px; background:url('/images/default/main/sub2.gif') no-repeat 0 9px;color:#7d7d7d;}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2>li a:hover,div#wrap div#sepration2 div.tsm_bg ul li ul a:focus{text-decoration:underline !important; color:#000; }

div#wrap div#sepration2 div.tsm_bg ul li ul>li:first-child>.th3{border-top-width:0}
div#wrap div#sepration2 div.tsm_bg ul li ul.sub1 li ul.sub2 li ul{display:none;}

/* 사이트맵 */
.sitemap{width:100%; padding:30px 0px;overflow:hidden;  position:absolute; top:0px; z-index:10000; background-color:#056ca6; border-bottom:1px solid #056ca6;}
.sitemap .section{position:relative; width:1000px; margin:0 auto;  z-index:50000;}
.sitemap h3{text-align:center; color:#fff; font-size:45px; font-weight:bold; margin-bottom:30px;}
.sitemap ul{overflow:hidden;}
.sitemap ul li{width:25%; float:left; box-sizing:border-box; text-align:center; height:320px;}
.sitemap ul li:first-child{border-left:0;}
.sitemap ul li div a{font-size:18px; color:#fff; display:block;border:1px solid #00b3e9; border-left:none; border-right:none; width:200px; height:42px; line-height:42px; margin: 0 auto; margin-bottom:10px;  }
.sitemap ul li ul{}
.sitemap ul li ul li{float:none;margin:0; border-left:none; width:100%; height:auto; }
.sitemap ul li ul li a{font-size:14px; color:#fff; line-height:25px; width:100%; text-align:left; }
.sitemap ul li ul li a:hover{font-weight:bold; text-decoration:underline !important; }
.sitemap .section p{position:absolute; top:0px; right:0px;}
.sitemap h3 img{display:none;}

/* 메인비주얼 */
#visual { width: 100%;  z-index: 1; overflow: hidden; position:relative; text-align:center; margin:0 auto;}
#visual .nivoSlider { display: block; margin: auto; /*width:1100px;*/ min-width:1100px; width:100%; }
#visual .nivoSlider img { width: 100%; }
#visual .vtxt{ width:1200px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-550px; z-index:10; text-align:right; padding-top:116px; overflow:hidden;}
#visual .vtxt ul.dday{overflow:hidden; float:right; margin-top:30px;}
#visual .vtxt ul.dday li{width: 282px; height:110px;background: url("/images/default/main/day_bg.png") no-repeat 0 0; float:left; box-sizing:border-box; padding:10px 0px 0px 20px;  }
#visual .vtxt ul.dday li h4{ font-weight:bold; font-size:16px; color:#1e2243;  padding-top:5px; text-align:left;  margin-left:10px;}
#visual .vtxt ul.dday li > div{width:85%; height:50px; background-color:#1e2243; color:#fff; border-radius:5px;letter-spacing:-2px; margin-left:10px; text-align:center; line-height:50px; font-size:22px;font-weight:bold;}
#visual .vtxt ul.dday li > div b{font-size:35px; }
#visual .vtxt ul.dday li > div b span{color:#fffc00;}
.nivo-controlNav{width: 200px !important;}
.visual_btn{left: 50% !important;}


/* 숫자롤링 */
.number_format{}
.number_format > div{position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;letter-spacing:normal}
.number_format > div > p{position:relative;top:0;left:0;}
.number_format > div > p > span{display:block;}


/* quick 바로가기 */
div#wrap div.quick{width:100%; height:84px;background:#000 repeat-x top center;  }
/* div#wrap div.quick{width:100%; height:84px;background: url("/images/default/main/quick_bg.jpg") repeat-x top center;  } */
div#wrap div.quick ul{width:1100px; margin:0 auto;}
div#wrap div.quick ul li{float:left; width:15%; box-sizing:border-box; background: url("/images/default/main/qbar.gif") no-repeat 0 center; text-align:center;}
div#wrap div.quick ul li:first-child{width:25%;background:#000 0 0 no-repeat;}
/* div#wrap div.quick ul li:first-child{width:25%;background:url('/images/default/main/q00.png') 0 0 no-repeat;} */
/* 2022-04-05 */
/* div#wrap div.quick ul li.q1{background:none;} */
div#wrap div.quick ul li a{ color:#fff; line-height:84px; font-size:16px; font-weight:bold; }
div#wrap div.quick ul li img{vertical-align:middle;}


/* 메인컨텐츠 */
div#wrap div#container{ width:100%; margin:0 auto; background-color:#ececeb; padding-top:14px; padding-bottom:30px;}
div#wrap div#container h4{color:#090909; font-size:16px; font-weight:bold; line-height:51px; border-bottom:1px solid #d1d1d1; height:51px; text-indent:20px;}
div#wrap div#container h3{color:#090909; font-size:16px; font-weight:bold; line-height:51px; border-bottom:1px solid #d1d1d1; height:51px; text-indent:20px;}
div#wrap div#container p.more{position:absolute; top:19px; right:20px;}
div#wrap div#container div.board{overflow:hidden; width:1100px; margin:0 auto; padding-top:16px;}


/* 공지사항 */
div#wrap div#container div.notice { position:relative; float:left; width:263px; height:289px; box-sizing:border-box; margin:0; border:1px solid #d1d1d1; background-color:#fff;}
div#wrap div#container div.notice div.notice_in {padding:25px 20px;}
div#wrap div#container div.notice ul li{color:#666 !important; line-height:19px;}
div#wrap div#container div.notice ul li a{ color:#666 !important; }
div#wrap div#container div.notice ul li a p.subject { font-size:14px;font-weight:bold; margin-bottom:5px; color:#323232;}
div#wrap div#container div.notice ul li a p.date{color:#969696; font-size:13px;}
div#wrap div#container div.notice ul li a p.context{display:block; color:#6c6c6c; margin-top:10px;}
div#wrap div#container div.notice ul li a:hover p{text-decoration:underline !important;}

.notice_in .bx-wrapper .bx-pager {position:absolute;bottom:-25px;}

/* 주간업무 */
div#wrap div#container div.recent_notice { position:relative; float:left; width:263px; height:289px; box-sizing:border-box; margin:0; border:1px solid #d1d1d1; background-color:#fff; margin-left:16px;}
div#wrap div#container div.recent_notice dl {padding:20px 20px; box-sizing:border-box;}
div#wrap div#container div.recent_notice dl dt { float:right; font-size:13px; color:#969696; margin-bottom:11px;}
div#wrap div#container div.recent_notice dl dd { font-size:14px; font-weight:bold; margin-bottom:11px; }
div#wrap div#container div.recent_notice dl dd a{color:#323232;}

/* 인사말 */
div#wrap div#container div.greeting{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border:1px solid #d1d1d1; background: #fff url("/images/default/main/icon.jpg") no-repeat right bottom; background-size:125px auto; margin-left:16px;}
div#wrap div#container div.greeting div.gtxt{padding:20px 15px; font-size:14px; color:#6c6c6c;}
div#wrap div#container div.greeting div.gtxt p.btxt{font-family: 'Nanum Myeongjo', serif; line-height:33px; color:#4c4c4c; margin-bottom:10px; font-size:16px; font-weight:bold;}
div#wrap div#container div.greeting div.gtxt p.btxt b{font-size:30px; color:#323232;}
div#wrap div#container div.greeting div.gtxt p.more2{margin-top:10px;}
div#wrap div#container div.greeting div.gtxt p.more2 a{color:#056ca6; font-size:13px; font-weight:bold;}


/* 캘린더 */
div#wrap div#container div.cal{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border:1px solid #d1d1d1;  background: #fff;  margin-left:16px; }
div#wrap div#container div.cal h4{padding-left:75px;}

div.con h5.bul{background:url('/images/default/content/cal.gif')no-repeat left 3px; padding-left:40px; font-size:20px; line-height:30px; color:#333333;}
table.schedule {margin:0 auto; margin-top:15px;}
table.schedule thead tr th {vertical-align:top;  font-size:13px; height:30px;}
table.schedule tbody tr td{height:35px;width:35px; text-align:center; vertical-align:top; position:relative; color:#6c6c6c; font-weight:bold; font-size:13px;} 
table.schedule tbody tr td div.schedule_subject{position:absolute; bottom:0; left:50%; margin-left:-3px; width:6px; height:6px;}
table.schedule tbody tr td p{font-size:13px; padding-top:4px;}
table.schedule tbody tr td .btns{position:absolute;top:0;right:5px;}
table.schedule thead tr th.sun{color:#be2f2f;}
table.schedule tbody tr td.sun{color:#be2f2f;}
table.schedule td.today {background:url('/images/default/schedule/today.png') no-repeat center 1px; background-size:25px auto;  position: relative; margin:0 auto;color:#fff; }
table.schedule tbody tr td .btn_add {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td .btn_edit {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td .btn_del {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td ul li{height:20px;margin-bottom:5px;padding-left:10px;}
table.schedule tbody tr td ul li.startDate {border-bottom-left-radius: 5em; border-top-left-radius: 5em;}
table.schedule tbody tr td ul li.startEnd {border-bottom-right-radius: 5em; border-top-right-radius: 5em;}
table.schedule tbody tr td.cal_back{} 


/* 페이스북 */
div#wrap div#container div.facebook{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border:1px solid #d1d1d1;  background: #fff; }


/* 갤러리 */
div#wrap div#container div.gallery{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border:1px solid #d1d1d1;  background: #fff;  margin-left:16px;}
/* div#wrap div#container div.gallery p.gallery_photo img{width:261px; height:234px;} */
div#wrap div#container div.gallery p.gallery_photo img{width:261px; }
div#wrap div#container div.gallery p.gallery_name{position:absolute; left:0; bottom:0; height:36px; width:100%; box-sizing:border-box; padding:0px 10px;line-height:36px; background: url("/images/default/main/gal_bg.png") repeat 0 0;}
div#wrap div#container div.gallery p.gallery_name a{color:#fff;}

/* 찾아오시는길 */
div#wrap div#container div.map{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border:1px solid #d1d1d1;  background: #fff url("/images/default/main/map.gif") no-repeat right bottom;  margin-left:16px;}
div#wrap div#container div.map div.gtxt{padding:20px 15px; font-size:14px; color:#6c6c6c;}
div#wrap div#container div.map div.gtxt p.btxt{font-family: 'Nanum Myeongjo', serif; line-height:33px; color:#4c4c4c; margin-bottom:10px; font-size:16px; font-weight:bold;}
div#wrap div#container div.map div.gtxt p.btxt b{font-size:30px; color:#323232;}
div#wrap div#container div.map div.gtxt p.more2{margin-top:10px;}
div#wrap div#container div.map div.gtxt p.more2 a{color:#056ca6; font-size:13px; font-weight:bold;}


/* 관련사이트 */
div#wrap div#container div.related{width:263px; height:289px;position:relative; float:left; box-sizing:border-box; margin:0; border-right:1px solid #d1d1d1;  border-top:1px solid #d1d1d1;  background: #fff;  margin-left:16px;}
div#wrap div#container div.related h4{border-left:1px solid #d1d1d1; }
div#wrap div#container div.related ul{overflow:hidden;}
div#wrap div#container div.related ul li{width:50%; float:left; height:118px; box-sizing:border-box; padding-top: 13px;text-align:center;  border-left:1px solid #d1d1d1;   border-bottom:1px solid #d1d1d1;}
div#wrap div#container div.related ul li a{display:block; font-weight:bold; color:#323232; }
div#wrap div#container div.related ul li a img{}


/* 생활체육 지원사업 */
div.mb{width:100%; height:195px; box-sizing:border-box; background: url("/images/default/main/mb_bg.jpg") no-repeat top center;  margin-top:20px; }
div.mb div.section{width:1100px; margin:0 auto;}
div.mb div.section a{color:#fff;}
div.mb div.section a h4{border:none !important; margin-top:30px; color:#fff !important; font-size:18px !important;}
div.mb div.section a h3{border:none !important; margin-top:30px; color:#fff !important; font-size:33px !important;}
/* 원본 2022-04-05 */
/* div.mb div.section a p{padding-left: 50px; margin-left:20px;} */
div.mb div.section a p{ margin-left:20px;}
div.mb div.mb1{width:50%; float:left;}
/* 신발사진임 -생활체육프로그램 운영시스템 */
/* div.mb div.mb1 p{background: url("/images/default/main/mb1.png") no-repeat left center; } */
div.mb div.mb1 span { width:67px; display:block; margin-top:20px; font-size:12px; padding-left:20px; background: url("/images/default/main/arrow.png") no-repeat right 6px; }

div.mb div.mb2{width:50%; float:left;}
/* 모래시계사진임 -세종체력100블로그 */
/* div.mb div.mb2 p{background: url("/images/default/main/mb2.png") no-repeat left center;} */
div.mb div.mb2 span { width:67px; display:block; margin-top:20px; font-size:12px; padding-left:20px; background: url("/images/default/main/arrow.png") no-repeat right 6px; }

/* 포토갤러리 */
div#wrap div.photos{width:1100px; margin:0 auto; margin-top:20px; position:relative;}
div#wrap div.photos h4{color:#090909; font-size:16px; font-weight:bold; line-height:51px; border:1px solid #d1d1d1; height:51px; text-indent:20px; background-color:#fff; margin-bottom:10px;}
div#wrap div.photos div.gal{}
div#wrap div.photos div.gal ul{overflow:hidden;}
div#wrap div.photos div.gal ul li{width:263px; height:235px; float:left; margin-left:16px; position:relative;}
div#wrap div.photos div.gal ul li img{width:263px; height:235px;}
div#wrap div.photos div.gal ul li:first-child{margin-left:0;}
div#wrap div.photos div.gal ul li p.gallery_name{position:absolute; left:0; bottom:0; height:36px; width:100%; box-sizing:border-box; padding:0px 10px;line-height:36px; background: url("/images/default/main/gal_bg.png") repeat 0 0;}
div#wrap div.photos div.gal ul li p.gallery_name a{color:#fff;}

/* 푸터 바로가기 */
div#wrap #banner{ position:relative;border-bottom:1px solid #dedede; border-top:1px solid #dedede;}
div#wrap #banner h4{width:170px; height:60px; line-height:60px; float:left; display:block; background-color:#dedede; text-align:center; color:#606876; font-size:16px; font-weight:bold;}
div#wrap #banner .banner-area {width:1100px; height:60px; margin:0 auto;position:relative; box-sizing:border-box; }
div#wrap #banner .banner-area ul {overflow: hidden; width:990px !important; height:60px; margin-left: 70px;} 
div#wrap #banner .banner-area ul li {position: relative; width: 180px; height:60px; line-height:60px;float: left; margin-left: 15px; }
div#wrap #banner .banner-area ul li img{border:1px solid #eeeded; width:180px; height:45px; margin-top:6px;}
div#wrap #banner .banner_btn a {position: absolute;top: 15px;text-indent:-10000px; display:block; width:32px; height:32px;}
div#wrap #banner .banner_btn a.play {display:none;left: 30px;background: url("/images/default/main/play.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.stop {left: 0px;background: url("/images/default/main/stop.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.prev {left: 35px;background: url("/images/default/main/left.gif") no-repeat 0 0;}
div#wrap #banner .banner_btn a.next {right: 0px;background: #fff url("/images/default/main/right.gif") no-repeat 0  15px;top:0;height:60px;}

/* 푸터 */
div#wrap div#footer{ clear:both; padding:0 0 30px 0; background-color:#fff; }
div#wrap div#footer div.copyright { width:1100px; margin:0 auto; line-height:140%; color:#787878;  padding-top:30px; overflow:hidden;}
div#wrap div#footer div.copyright h3 { float:left; margin:0px 30px 0px 0px; }
div#wrap div#footer div.copyright div{float:left; margin-top:10px;}
div#wrap div#footer div.copyright span.vbar{color:#ccc; padding:0px 10px;}
div#wrap div#footer p.copy{ font-size:13px; color:#adadad; font-weight:bold; margin-top:10px;}
div#wrap div#footer .fcon {width: 100%;position: relative;border-bottom: 1px solid #dedede;}
div#wrap div#footer .fcon .fmenu {width: 1100px; margin: 0 auto;}
div#wrap div#footer .fcon .fmenu li a {display: inline-block;font-size: 0.8rem;height: 2.75rem;line-height: 2.75rem;}




/*사이드*/
div.aside{position:absolute;left:50%;margin-left:600px;top:765px;z-index:10;text-align:center;width:150px;overflow:hidden;}
div.aside div.img{padding:15px 4px;line-height:18px;background:url('/images/default/main/q_bg.jpg') 0 0 no-repeat;height:181px;}
div.aside div.msg{padding:10px 0px;}
div.aside p.go_top{color:#196fb8;font-size:17px;font-weight:bold;letter-spacing:-1px;margin-bottom:3px;}
div.aside span{font-size:13px;color:#656565;font-weight:bold;letter-spacing:-1px;}
div.aside a.go_join{background:#04acf7;padding:2px 15px;border-radius:10px;color:#ffffff;font-weight:bold;margin-top:10px;}
div.aside p.go_top{width:100%;margin-top:5px;background-color:#8d8d8d;border:none;font-size:13px;font-weight:bold;padding:10px 0;cursor:pointer;}
div.aside p.go_top span{letter-spacing:0px;background:url('/images/default/main/top.png') right center no-repeat;padding-right:23px;color:#ffffff;}
div.aside p.meet{margin-top:5px;}


/* 퀵메뉴2 */
div.quick_2 { position: fixed;top: 280px;right: 0;width: 150px;z-index: 99}
div.quick_2 h3 {background-color: #4A9BC5;height: 50px;line-height:50px;font-weight: 800;font-size: 16px;text-align: center}
div.quick_2 ul {background-color: #13417C; text-align: center;}
div.quick_2 ul li a {display: block;height: 56px;line-height: 56px;padding-left: 5px;border-top: 1px solid #23568D;color: #fff;font-weight: 800;font-size: 13px}
div.quick_2 ul li:first-child a {border-top: none}
div.quick_2 ul li img {vertical-align: middle;margin-right: 5px;width: 30px}
div.quick_2 p.top {border: 1px solid #23568D;height: 50px;line-height: 50px;font-weight: 800;font-size: 17px;text-align: center;background-color: #fff}
div.quick_2 p.top a {color: #222}
div.quick_2 p.top span {background: url("/images/default/main/top.png") no-repeat right center;padding-right: 23px}
div.quick_2 p.spot {margin-top: 20px}