@import url("/font/notokr/notokr.css");

/* accessibility */

#accessibility {
  float:left;
}

#accessibility a {
    background-color:#F9F9F9;
    border:1px solid #7C3032;
    display:block;
    height:1px;
    line-height:1px;
	font-size:1px;
    position:absolute;
    text-align:center;
    top:-10px;
}

#accessibility a:hover, #accessibility a:focus {
    font-weight:bold;
    height:auto;
    line-height:18px;
    padding:10px;
    top:0;
    z-index:999;
	font-size:11px;
}


*{
	margin:0;
	padding:0;
}

html, body {
	margin:0;
	padding:0;
	word-break: keep-all;
}

body {
	font-family:"NotoKrR", NotoKrR, "맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif;
	font-size: 16px;
	line-height:150%;
	color:#262626;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, thead, tfoot, tbody, th, td {
	margin:0;
	padding:0;
}

input, select, td, th {
	vertical-align:middle;
}

textarea {
  overflow:auto;
  vertical-align:top;
}

ul, ol, li {
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}

img, fieldset, iframe {
    border:0 none;
}

img {
    vertical-align:middle;
}

pre {
  white-space:pre-wrap;
}

a {
  color:inherit;
  text-decoration:none;
}

a:hover, a:focus, a:active {
  color:inherit;
  text-decoration:none;
}

em, address, citi, optgroup {
    font-style:normal;
}

abbr, acronym {
    border:0;
}

i {font-style:normal;}

table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	background-color:transparent;
}

input, button {
    vertical-align:middle;
	line-height:normal;
}

input, button, select, textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

button, input, select[multiple], textarea {
  background-image:none;
}

input.disabled {
	background:#DCDCDC;
}

label, button {
	cursor:pointer;
}

caption, legend, .hidden {
	line-height:0;
	font-size:0;
	text-indent:-9999px;
}

img{border:none;}

hr{ display:none;}

table{
    width:100%;
	border:none;
	border-collapse:collapse;
}

ul{
	list-style:none;
}

fieldset{
	border:none;
}

caption{
	text-align:left;
}

optgroup{
	font-style:normal;
}

td img{
	vertical-align:middle;
}

address{
	font-style:normal;
}

a:hover, a:focus, a:active {
  color:inherit;
  text-decoration:none;
}

.color-white {
	color:#fff !important;
}

.color-red {
	color:#d63434 !important;
}

.color-blue {
	color:#288bd8 !important;
}

.color-org {
	color:#e96c10 !important;
}

.color-black {
	color:#888 !important;
}

.color-green {
	color:#00b7a9 !important;
}


/* new - 2021.07.02 */
body {position:relative;}
body.index {background:#f7f6ff;}
.main_link, #mcon1_wrap, #mcon2_wrap, #mcon3_wrap, #footer_wrap {width:1294px;}
#container, #wrap #footer_wrap {width:1000px;}
#wrap {position:relative;}
#wrap:after {display:block; content:""; height:138px; width:100%; background:#fff; position:fixed; left:0; right:0; top:0; z-index:10;}
#wrap * {box-sizing:border-box ;}


/* 탑배너 */
.top_banner {}
.top_banner .inner {width:1200px; margin:0 auto; position:relative;}
.top_banner .inner .banner {display:block; width:100%; height:78px;}
.top_banner .inner .banner img {}
.top_banner .inner .close {padding:3px 10px; position:absolute; bottom:-1px; right:0; font-size:12px; background:#cc3333; color:#fff; border-radius:5px 5px 0 0;}
.top_banner .inner .today_close {padding:3px 10px; position:absolute; bottom:-1px; right:70px; font-size:12px; background:#383b45; color:#fff; border-radius:5px 5px 0 0;}

/* gnb */
.gnb_wrap {margin-bottom:50px; position:relative; height:43px; line-height:43px; background:#252525; color:#fff;}
.gnb_wrap:after {display:block; content:""; clear:both;}
.gnb_wrap .left_sec {float:left;}
.gnb_wrap .left_sec ul {overflow:hidden;}
.gnb_wrap .left_sec ul li {float:left;}
.gnb_wrap .left_sec ul li a {display:block; position:relative; padding:0 58px; height:43px; line-height:43px; transition: all .2s ease-in-out; font-family:"NotoKrM", NotoKrM;}
.gnb_wrap .left_sec ul li a:before {display:block; content:""; position:absolute; left:0; bottom:0; width:10px; height:43px; background:url('../images/bg_gnb1.png') no-repeat left bottom;}
.gnb_wrap .left_sec ul li:first-child a:before {display:none;}
.gnb_wrap .left_sec ul li:nth-child(1) a {background:#fff; color:#000;}
.gnb_wrap .left_sec ul li:nth-child(2) a {background:#ec7653; color:#fff;}
.gnb_wrap .left_sec ul li:nth-child(2) a:hover {background:#e55d34;}
.gnb_wrap .left_sec ul li:nth-child(3) a {background:#8fcc38; color:#fff;}
.gnb_wrap .left_sec ul li:nth-child(3) a:hover {background:#76bb15;}
.gnb_wrap .left_sec ul li:nth-child(4) a {background:#20acc5; color:#fff; border-radius:0 15px 0 0;}
.gnb_wrap .left_sec ul li:nth-child(4) a:hover {background:#008fa9;}

.gnb_wrap .right_sec {float:right;}
.gnb_wrap .right_sec > a {display:inline-block; color:#b8b8b8; transition: all .2s ease-in-out;}
.gnb_wrap .right_sec > a:hover {color:#fff;}
.gnb_wrap .right_sec > a.srch {padding-left:22px; background:url('../images/icon_gnb1.png') no-repeat left center;}
.gnb_wrap .right_sec > a.allmenu {padding-left:22px; margin-left:20px; background:url('../images/icon_gnb2.png') no-repeat left center;}


/* header */
#header_wrap {position:fixed; left:0; top:0; width:260px; z-index:100;}
#header_wrap .header {}
.header {}
.header .head {height:120px; position:relative;}
.header .head h1 {position:absolute; left:33px; top:45px;}
.header .head h1 a {display:block;}
.header .body {width:260px; height:100vh; position:relative; background:#e8e6f6; border-radius:0 25px 0 0;}
.header .body .lnb_wrap {position:fixed; left:0; top:138px; width:260px; z-index:100;}
.header .body .lnb_wrap > ul.lnb {}
.header .body .lnb_wrap > ul.lnb > li {border-bottom:1px solid #dad8e8; background:#e8e6f6;}
.header .body .lnb_wrap > ul.lnb > li > a {padding:20px 0 20px 36px; display:block; font-family:"NotoKrB", NotoKrB; font-size:20px; color:#000; background:url('../images/renew/lnb_icon1.png') no-repeat 88% center;}
.header .body .lnb_wrap > ul.lnb > li:first-child {border-radius:0 25px 0 0;}
.header .body .lnb_wrap .lnb_depth {padding:15px 0 15px 36px; background:#eeecf9;}
.header .body .lnb_wrap .lnb_depth > ul {}
.header .body .lnb_wrap .lnb_depth > ul > li {}
.header .body .lnb_wrap .lnb_depth > ul > li > a {display:block; padding:5px 0; font-size:18px; font-family:"NotoKrM", NotoKrM;}
.header .body .lnb_wrap #depth6 {}
.header .body .lnb_wrap #depth6 ul {overflow:hidden;}
.header .body .lnb_wrap #depth6 ul li {float:left; width:50%;}
.header .body .lnb_wrap #depth6 ul li.line1 {float:none; clear:both; width:100%;}

.header .body .dong_info {position:fixed; left:36px; top:580px;}
.header .body .dong_info .tit {font-size:16px; font-family:"NotoKrB", NotoKrB;}
.header .body .dong_info .tit span {padding:5px 15px; display:inline-block; background:#aca6dd; border-radius:0 20px 20px 20px; color:#000;}
.header .body .dong_info .number {padding:12px 0 8px; font-size:28px; font-family:"NotoKrB", NotoKrB;}
.header .body .dong_info .info {font-size:17px;}
.header .body .priv_menu {position:fixed; left:36px; bottom:40px;}
.header .body .priv_menu a {display:block; font-size:17px;}
.header .body .priv_menu a.priv {color:#eb4949;}
.blank:after {display:inline-block; content:""; padding-left:5px; width:14px; height:13px; background:url(/images/common/icon_blank1.png) no-repeat top right;} /* 새창1 */

/* 메인(index) */
#wrap {padding:120px 0 62px 315px;}
#mcontainer {padding:120px 0 0 315px;}
#mcon1_wrap {position:relative;}
#mcon1_wrap:after {display:block; content:""; clear:both;}
#mcon1_wrap .mcon1 {position:relative;}
.mbnnr_box, .fav_box, .gallery_box {height:318px; float:left;}


/* 메인_링크 */
.main_link {position:absolute; top:-60px; text-align:right; z-index:11;}
#wrap .main_link {left:20px;}
.main_link ul { display:inline-block; text-align:right;}
.main_link ul:after {display:block; content:""; clear:both;}
.main_link li {float:left; position:relative;}
.main_link li:after {display:block; content:""; position:absolute; left:0; top:25px; width:2px; height:2px; background:#c8ced3;}
.main_link li:first-child {}
.main_link li:first-child:after {display:none;}
.main_link li a {display:block; height:52px; line-height:52px; padding:0 12px; font-size:17px; font-family:"NotoKrM", NotoKrM; color:#000;}
.main_link li:last-child a {padding-right:0;}
.main_link li:first-child a {padding-left:0;}
.main_link li i {display:block; float:left; margin-right:5px; margin-top:17px; width:20px; height:18px; background:url(../images/renew/icon_logo1.png) no-repeat 0 0;}
.main_link li span {display:block; float:left;}


/* 메인배너 */
.mbnnr_box {width:598px; position:relative; border-radius:25px 0 0 0; overflow:hidden;}
.mbnnr_box .bx-viewport {overflow:visible !important;}
.mbnnr_box .bx-loading {display:none;}
.mbnnr_box #pager1 {display:none;}
.mbnnr_box .visual_list {}
.mbnnr_box .visual_list li {}
.mbnnr_box .visual_list li a {display:block; width:598px !important; height:318px !important;}
.mbnnr_box .visual_list li a img {width:598px !important; height:318px !important;}
.mbnnr_box .visual_ctrl {position:absolute; right:10px; bottom:10px; z-index:100; overflow:hidden;}
.mbnnr_box .visual_ctrl a {float:left;}


/* 메인배너_전체보기 */
.visual_box {display:none; height:100vh; padding-top:100px; position:fixed; z-index:101; top:0; bottom:0; left:0; right:0;}
.visual_box:before {display:block; content:""; position:absolute; height:100vh; top:0; left:-500px; right:-500px; background:#000; opacity: 0.9; filter: alpha(opacity=90);}
.visual_box h2 {padding:5px 0; margin-bottom:50px; color:#000; font-size:36px; text-align:center; font-family:"NotoKrB", NotoKrB; position:relative; z-index:100;}
.visual_box h2 span {display:inline-block; position:relative;}
.visual_box h2 span:after {display:block; content:""; width:100%; height:12px; background:#d4e9f7;}
.visual_box .inner {width:980px; height:720px; overflow-y:auto; margin:0 auto; position:relative;}
.visual_box .inner ul.visual_popup {position:relative; z-index:102;}
.visual_box .inner ul.visual_popup:after {display:block; content:""; clear:both;}
.visual_box .inner ul.visual_popup li {float:left; width:480px; height:254px;}
.visual_box .inner ul.visual_popup li img {width:480px; height:254px;}
.visual_box .btn_menu_close {width:53px; height:53px; position:absolute; right:30px; top:30px; text-indent:-9999px; background:url('../images/btn_close4_w.png') no-repeat left top;}
.visual_box .btn_menu_close:hover {transform:rotate(360deg); transition:transform 500ms ease-in-out 0s;}


/* 자주 찾는 메뉴 */
.fav_box {width:348px; position:relative; background:#fff;}
.fav_box * {box-sizing: border-box !important;}
.fav_box .head, .prog_box .head {height:60px; line-height:60px; position:relative; background:#fff; font-size:18px; font-family:"NotoKrB", NotoKrB;}
.fav_box .head span, .prog_box .head span {display:block; padding-left:25px;}
.fav_box .head .more, .prog_box .head .more {position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('../images/btn_more2.png') no-repeat left top; text-indent:-9999px;}
.fav_box .body {height:258px; background:#d4f3fb;}
.fav_box .body ul.menu {overflow:hidden; padding:15px 15px 0 15px;}
.fav_box .body ul.menu li {float:left; width:33.3%;padding:10px 0;}
.fav_box .body ul.menu li a {display:block; height:94px; text-align:center;}
.fav_box .body ul.menu li a span {display:block;}
.fav_box .body ul.menu li a span.iconbox {height:60px;}
.fav_box .body ul.menu li a span.textbox {padding-top:10px; font-size:16px; font-family:"NotoKrM", NotoKrM; letter-spacing:-1px;}
.fav_box .body ul.menu li a span.textbox i.br {display:block;}
.fav_box .body ul.menu li a:hover .iconbox {transform:rotateY(360deg); transition:transform 500ms ease-in-out 0s;}
.fav_box .body ul.menu li#fav1 a .iconbox {background:url(../images/renew/icon_fav1.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav2 a .iconbox {background:url(../images/renew/icon_fav2.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav3 a .iconbox {background:url(../images/renew/icon_fav3.png) no-repeat center 0;}
.fav_box .body ul.menu li#fav4 a .iconbox {background:url(../images/renew/icon_fav4.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav5 a .iconbox {background:url(../images/renew/icon_fav5.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav6 a .iconbox {background:url(../images/renew/icon_fav6.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav7 a .iconbox {background:url(../images/renew/icon_fav7.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav8 a .iconbox {background:url(../images/renew/icon_fav8.png) no-repeat center 5px;}
.fav_box .body ul.menu li#fav9 a .iconbox {background:url(../images/renew/icon_fav9.png) no-repeat center 5px;}
.fav_box .body .bx-viewport {height:258px !important;}
.fav_box .bx-controls {position:absolute; top:25px; right:25px;}
.fav_box .bx-controls .bx-pager-item {display:inline-block;}
.fav_box .bx-controls .bx-pager-item a {display:inline-block; margin-left:5px; text-indent:-9999px; width:10px; height:10px; border-radius:15px; background:#e7e7e7;}
.fav_box .bx-controls .bx-pager-item a.active {width:25px; height:10px; background:#349fe2;}


/* 우리동 일상 */
.gallery_box {width:348px; position:relative; z-index:1;}
.gallery_box:after {display:block; content:""; clear:both;}
.gallery_box ul {width:348px; height:318px; margin-bottom:16px; position:relative; z-index:10;}
.gallery_box ul:after {display:block; content:""; clear:both;}
.gallery_box ul li {}
.gallery_box ul li a {display:block; position:relative; width:348px; height:318px; background-size:auto 318px !important;}
.gallery_box ul li span {display:block;}
.gallery_box ul li .desc {position:absolute; left:0; bottom:0; right:0; height:52px; background:url('/images/main/bg_photo_info.png') repeat;}
.gallery_box ul li .desc .tit {display:block; width:240px; padding:15px 0 0 20px; font-size:20px; color:#000; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrB", NotoKrB;}
.gallery_box .bx-viewport {}
.gallery_box .bx-viewport:after {display:block; content:""; clear:both;}
.gallery_box .info {height:58px; position:relative;}
.gallery_box .info:before {display:block; content:""; position:absolute; left:0; bottom:58px; right:0; height:58px;}
.gallery_box .info .ctrl {position:absolute; right:15px; bottom:72px;}
.gallery_box .info .ctrl a {padding:0 3px;}


/* 우리동 바로가기, 공지사항, 서브배너 */
#mcon2_wrap {margin-bottom:30px;}
#mcon2_wrap .mcon2 {overflow:hidden;}
.center_link, .notice_box, .popupzone {height:318px; float:left;}


/* 우리동 바로가기 */
.center_link {width:348px; padding:40px 35px; font-family:"NotoKrB", NotoKrB; background:url('../images/renew/bg_donglink.png') no-repeat left top; box-sizing: border-box;}
.center_link * {box-sizing: border-box;}
.center_link h2 {margin-bottom:32px; font-size:22px; color:#015166; line-height:120%;}
.center_link .slt_box {}
.center_link .slt_box:after {display:block; content:""; clear:both;}
.center_link .slt_box .bg_slt {width:190px; height:46px; line-height:46px; float:left; border:3px solid #0097be; background:#fff;}
.center_link .slt_box .bg_slt select {width:168px; margin:10px 0 0 10px; border:0 none; background:#fff; font-family:"NotoKrR", NotoKrR;}
.center_link .slt_box button {float:left; width:85px; height:46px; border:0 none; color:#fff; background:#0097be; font-size:16px; text-align:center;}


/* 새소식 */
.notice_box * {box-sizing: border-box;}
.notice_box {width:598px; padding:30px 40px; position:relative; background:#fff; box-sizing: border-box;}
.notice_box .tab_menu {padding-bottom:5px; margin-bottom:24px; border-bottom:1px solid #000000;}
.notice_box .tab_menu ul {}
.notice_box .tab_menu ul:after {display:block; content:""; clear:both;}
.notice_box .tab_menu ul li {float:left;}
.notice_box .tab_menu ul li a {display:block; height:42px; line-height:42px; padding:0 20px; font-size:20px; font-family:"NotoKrB", NotoKrB; color:#a3a3a3;}
.notice_box .tab_menu ul li:first-child a {padding:0 8px 0 0;}
.notice_box .tab_menu ul li.on a {color:#000;}
.notice_box .tab_menu ul li.on a span {position:relative; display:inline-block; z-index:1;}
.notice_box .tab_menu ul li.on a span:before {display:block; content:""; position:absolute; z-index:-1; left:0px; bottom:-5px; width:76px; height:5px; background:#000;}

.notice_box .tab_con {}
.notice_box .tab_con #tab-2,
.notice_box .tab_con #tab-3 {display:none;}
.notice_box .tab_con .tab-content {}
.notice_box .tab_con ul {}
.notice_box .tab_con ul li {}
.notice_box .tab_con ul li.first {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e7e7e7;}
.notice_box .tab_con ul li.first:after {display:block; content:""; clear:both;}
.notice_box .tab_con ul li.first a {display:block;}
.notice_box .tab_con ul li.first .date {width:88px; height:76px; margin-right:36px; padding-top:14px; float:left; border:1px solid #e1e1e1; border-radius:15px;}
.notice_box .tab_con ul li.first .date i {display:block; text-align:center;}
.notice_box .tab_con ul li.first .date i.day {margin-bottom:8px; font-size:34px;}
.notice_box .tab_con ul li.first .date i.year {font-size:15px;}
.notice_box .tab_con ul li.first .desc {width:394px; height:92px; float:left; padding-top:3px;}
.notice_box .tab_con ul li.first .desc span {display:block;}
.notice_box .tab_con ul li.first .desc .tit {width:100%; max-height:56px; padding:0px 0 5px; margin-bottom:5px; font-size:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrB", NotoKrB; letter-spacing:-1px; line-height:115%;}
.notice_box .tab_con ul li.first .desc .txt {max-height:39px; margin-bottom:8px; overflow:hidden; font-size:18px; line-height:14px; color:#949494; line-height:110%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.notice_box .tab_con ul li.first .desc .date {color:#949494;}
.notice_box .tab_con ul li.first .desc .date i {margin-right:12px;}
.notice_box .tab_con ul li.other {}
.notice_box .tab_con ul li.other a {display:block; overflow:hidden;}
.notice_box .tab_con ul li.other a span {display:block; padding:6px 0; font-size:16px;}
.notice_box .tab_con ul li.other a span.tit {width:400px; float:left; padding-left:12px; font-size:19px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_box .tab_con ul li.other a span.tit:before {display:block; content:""; position:absolute; left:0; top:14px; width:6px; height:6px; background:#dddddd; border-radius:100%;}
.notice_box .tab_con ul li.other a span.date {width:100px; float:right; text-align:right; color:#9b9b9b; font-size:17px;}
.notice_box .tab_con .more {position:absolute; right:40px; top:41px; width:17px; height:17px; background:url('../images/renew/bnnr_ctrl_more3.png') no-repeat left top; text-indent:-9999px;}

/* 서브배너 */
.popupzone {width:348px; position:relative;}
.popupzone ul {}
.popupzone ul li {}
.popupzone ul li a {}
.popupzone ul li img {display:block; width:358px; height:318px;}
.popupzone .ctrl {position:absolute; right:10px; bottom:10px; overflow:hidden;}
.popupzone .ctrl a {float:left;}


/* 메인 롤배너(하단) */
#mcon3_wrap {height:84px; margin-bottom:20px; background:#fff;}
#mcon3_wrap * {box-sizing: border-box;}
#mcon3_wrap .mcon3 {padding:16px 0 0;}
#mcon3_wrap .mcon3:after {display:block; content:""; clear:both;}
.mcon3 .bnnr_tit {width:100px; padding-top:15px; float:left;}
.mcon3 .bnnr_tit .bnnr_ctrl {float:left; width:100px; text-align:right;}
.mcon3 .bnnr_tit .bnnr_ctrl a {display:inline-block; padding:6px;}
.mcon3 .bnnr_box {width:1194px; float:left;}
.mcon3 ul.bnnr_list {overflow:visible;}
.mcon3 ul.bnnr_list:after {display:block; content:""; clear:both;}
.mcon3 ul.bnnr_list li {width:200px; height:56px; float:left; text-align:center;}
.mcon3 ul.bnnr_list li a {display:block; width:200px; height:56px;}
.mcon3 ul.bnnr_list li a img {display:block; width:200px; height:56px;}


/* footer */
#footer_wrap {position:relative;}
#footer_wrap .footer {}
#footer_wrap .footer .address {font-size:17px; color:#808080;}
#footer_wrap .footer .address strong {margin-left:10px; display:inline-block; font-weight:normal;}
#footer_wrap .footer .site_link {position:absolute; right:0; top:0; color:#808080; font-size:15px;}
#footer_wrap .footer .site_link ul {}
#footer_wrap .footer .site_link ul li {display:inline-block; margin-left:10px;}
#footer_wrap .footer .site_link ul li .bg_slt {display:inline-block;}
#footer_wrap .footer .site_link ul li .bg_slt select {}
#footer_wrap .footer .site_link ul li .bg_slt button {}
#wrap #footer_wrap .footer .address strong {display:block; margin-left:0;}
#wrap #footer_wrap .footer .site_link {top:19px;}


/* sub footer */
#wrap #footer_wrap {padding:20px 0; background:#fff; border-top:1px solid #e9e9e9;}


/* 서브 */
#container {position:relative;}
#container .content {}
#container .content > .head {padding:20px 0 20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
#container .content > .head h3.tit {float:left; font-size:24px; font-family:"NotoKrB", NotoKrB;}
#container .content > .head .location {float:right;}
#container .content > .head .location ul {}
#container .content > .head .location ul li {padding:0 5px 0 10px; color:#8c8c8c; display:inline-block; background:url('../images/renew/bnnr_ctrl_next3.png') no-repeat left center;}
#container .content > .head .location ul li:first-child {background:none;}
#container .content > .head .location ul li:last-child {color:#000;}
#container .content > .contents {padding-bottom:50px;}
.lastdate {padding:10px 0; font-size:14px; color:#797979;}
.lastdate span {}
.lastdate span:before {display:block; content:""; width:24px; height:23px; display:block; float:left; padding-right:10px; background:url(/images/common/icon_people2.png) no-repeat; text-indent:-9999px;}


/* 퀵메뉴 */
.sidebar_wrap {position:absolute; width:160px; height:430px; top:0; right:-178px; z-index:10;}
.sidebar_wrap .sidebar_inner {}
.sidebar {width:160px; height:185px; border:1px solid #e6e6e6; background:#fff; font-family:"NotoKrB", NotoKrB;}
.sidebar .weather {height:110px; padding-top:30px;}
.sidebar .weather .thumb {margin-bottom:10px; text-align:center;}
.sidebar .weather .desc {text-align:center;}
.sidebar .weather .desc span {}
.sidebar .weather .desc span.line1 {margin-bottom:8px; color:#ff5a44; font-size:16px; letter-spacing:-1px;}
.sidebar .weather .desc span.line2 {font-family:Teko; font-size:25px; position:relative; top:2px;}
.sidebar .weather .desc span.line2 i {display:inline-block; position:relative;}
.sidebar .weather .desc span.line2 i .do {position:absolute; right:-8px; top:-2px;}
.sidebar .dust {}
.sidebar .dust .thumb {position:absolute; left:20px; top:12px;}
.sidebar .dust .desc {padding:10px 0; background:#4a4a4a; color:#fff; text-align:center;}
.sidebar .dust .desc span {color:#ffea00;}
.sidebar .corona {}
.sidebar .corona .desc {}
.sidebar .corona .desc a {padding:20px 0 20px 70px; display:block; line-height:115%; background:url('../images/renew/icon_corona1.png') no-repeat 18px center;}
.sidebar .corona .desc a span {color:#ff5a44; display:block;}



/*  */
/*  */
/*  */
/*  */
/*  */



/* old */

/*메인 배너 */
#maintopwrap{
	height:367px;
	clear:both;
	margin-top:20px;

}
#maintopwrap .left_sec {position:relative; float:left; width:777px; height:367px; overflow:hidden;}
#maintopwrap .left_sec ul.visual_list {height:368px; overflow:hidden;}
#maintopwrap .left_sec ul.visual_list li {height:346px;}
#maintopwrap .left_sec .visual_ctrl {width:100%; height:21px; background:#3e434c; color:#fff; position:relative;}
#maintopwrap .left_sec .visual_prev, #maintopwrap .left_sec .visual_next, #maintopwrap .left_sec .visual_stop {display:block; width:38px; height:21px; position:absolute; bottom:0; background:#3e434c; text-align:center; color:#fff;}
#maintopwrap .left_sec .visual_prev {left:0; border-right:1px solid #656a72; text-indent:-9999px;}
#maintopwrap .left_sec .visual_prev span {display:block; width:6px; height:10px; margin:5px auto 0; background:url(/images/main/btn_prev1.png) no-repeat 0 0;}
#maintopwrap .left_sec .visual_prev:hover span {background:url(/images/main/btn_prev1.png) no-repeat 0 -10px;}
#maintopwrap .left_sec .visual_next {right:24px; border-left:1px solid #656a72; text-indent:-9999px;}
#maintopwrap .left_sec .visual_next span {display:block; width:6px; height:10px; margin:5px auto 0; background:url(/images/main/btn_next1.png) no-repeat 0 0;}
#maintopwrap .left_sec .visual_next:hover span {background:url(/images/main/btn_next1.png) no-repeat 0 -10px;}
#maintopwrap .left_sec .visual_stop {width:24px !important; right:0; border-left:1px solid #656a72;}
#maintopwrap .left_sec .visual_stop span {display:block; width:7px; height:10px; margin:6px auto 0;}
#maintopwrap .left_sec #pager1 .bx-pager {width:676px; overflow:hidden; margin-left:38px; height:21px; line-height:21px;}
#maintopwrap .left_sec #pager1 .bx-pager .bx-pager-item {float:left; width:20%; text-align:center; color:#fff; font-size:12px; font-weight:bold; background:#3e434c;}
#maintopwrap .left_sec #pager1 .bx-pager .bx-pager-item a {display:block; height:21px; line-height:21px; border-left:1px solid #656a72; color:#fff;}
#maintopwrap .left_sec #pager1 .bx-pager .bx-pager-item a.active {background:#e74c3c; transition:0.3s ease-in;}
#maintopwrap .left_sec #pager1 .bx-pager .bx-pager-item a.active:hover {background:#e74c3c; text-decoration:none;}
#maintopwrap .left_sec #pager1 .bx-pager .bx-pager-item a:hover {background:#282828; text-decoration:none;}
#pager1 .bx-pager .bx-pager-item + #pager1 .bx-pager .bx-pager-item  + #pager1 .bx-pager .bx-pager-item + #pager1 .bx-pager .bx-pager-item + #pager1 .bx-pager .bx-pager-item  {}

/* 메인 팝업존 */
#maintopwrap .right_sec {width:305px; height:367px; float:left; margin-left:9px;}
#maintopwrap .right_sec .popupzone {height:225px; margin-bottom:18px; position:relative; z-index:10; overflow:hidden;}
#maintopwrap .right_sec .popupzone ul.popup_ctrl {position:absolute; right:10px; bottom:10px; z-index:9999; overflow:hidden; border:1px solid #c3c3c3; background:#fff;}
#maintopwrap .right_sec .popupzone ul.popup_ctrl li {height:18px; float:left; border-left:1px solid #e7e7e7;}
#maintopwrap .right_sec .popupzone ul.popup_ctrl li:first-child {border-left:0 none;}
#maintopwrap .right_sec .popupzone ul.popup_ctrl li#sliderStatus {padding:0 10px; line-height:18px; font-size:11px; color:#a7a7a7; font-family:"돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif; letter-spacing:2px;}
#maintopwrap .right_sec .popupzone ul.popup_ctrl li#sliderStatus .numerhere {color:#ff6c00;}


#maintopwrap .right_sec .btn3 {height:125px; overflow:hidden;}
#maintopwrap .right_sec .btn3 a {float:left;}


#mainconwrap{
	background:url(/images/con_bg.gif) 0 0 no-repeat;
	height:281px;
	margin-top:20px;
}
#mainwrap{
	float:left;
	width:971px;
	background:url(../images/main_bg.gif) right 5px no-repeat;
}
#main_left{
	float:left;
	width:304px;
	padding:0px;
	margin-right:29px;
	position:relative;
}
#main_center{
	float:left;
	width:370px;
	margin-right:29px;
}
#main_right{
	float:left;
	width:239px;
}

#flash_txt{
	position:absolute;
	top:310px;
	left:240px;
}

#main_link01{/*주민센터 바로가기*/
	border:1px solid #ccc;
	width:98px;
	height:120px;
	overflow:auto;
	margin-left:104px;
	padding-top:20px;
	z-index:100;
	position:relative;
}
#main_link01 a{
	display:block;
	text-align:center;
}
#main_left h3{
	position:absolute;
	top:0;
	left:103px;
	z-index:50;
}

#main_link02{/*배너*/
	width:304px;
	margin-top:8px;
	overflow:hidden;
}

#main_link02 a {
	float:left;
}


/* 메인_sns */
#snswrap01 {
	width:302px;
	margin-bottom:15px;
	position:relative;
}

#snswrap01 #sns_list02, #snswrap01 #sns_list03 {
	display:none;
}

#snswrap01 dd.desc {
	height:163px;
	overflow:hidden;
	border:1px solid #d4d4d4;
	border-top:0 none !important;
	border-radius:0 0 8px 8px;
}
#snswrap01 .btn_box {
	position:absolute;
	top:29px;
	right:10px;
}


#listwrap01{/*수정구청 게시판*/
	background:url(../images/board_bg.gif) 0 bottom no-repeat;
	width:370px;
	height:131px;
	position:relative;
}
#listwrap02{/*수정구청 강좌*/
	background:url(../images/main_list02_bg.gif) 0 bottom no-repeat;
	width:371px;
	height:119px;
	position:relative;
	margin-top:9px;
}
#listwrap01 .tab, #listwrap02 .tab{
	position:absolute;
	top:0;
	left:0px;
}
#listwrap01 .tab img, #listwrap02 .tab img{
	margin-right:0px;

}


#main_list02, #main_list03, #main_list04,
#main02_list02{
	display:none;
}
#listwrap01 dl{
	padding-top:42px;
}

#listwrap01 dd, #listwrap02 dd, #listwrap03 dd{
	background:url(../images/bullet.gif) 3px 7px no-repeat;
	margin-left:70px;
	padding-left:10px;
	height:19px;
}
#listwrap01 dd a, #listwrap02 dd a, #listwrap03 dd a{
	display:block;
	float:left;
	width:220px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:19px;
	/*background:red;*/
}


#listwrap01 dd span, #listwrap02 dd span, #listwrap03 dd span{
	display:block;
	float:right;
	width:70px;
	height:19px;
}
#listwrap01 .btn_box, #listwrap02 .btn_box, #listwrap03 .btn_box{
	position:absolute;
	top:30px;
	right:14px;
	background:none;
	text-align:right;
}
#listwrap01 .btn_box a, #listwrap02 .btn_box a, #listwrap03 .btn_box a{
	display:inline;
	float:none;
}
#listwrap01 dd a img, #listwrap02 dd a img, #main_notice li img{
	vertical-align:middle;
	margin:0 5px;
}
/*갤러리 게시판*/
#gallerywrap{
    width:370px;
	background:url(../images/gallery_bg.gif) 0 bottom no-repeat ;
	/*padding-top:33px;*/
	position:relative;
	height:118px;
	margin-top:12px;
}
#gallerywrap:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
}
#gallerywrap h3{
	position:absolute;
	top:0px;
}
#gallerywrap .gallery01_tab01{
	left:0px;
	top:0px;
}
.pic{
    border:1px solid #b7b7b7;
	float:left;
	margin-left:27px;
	margin-right:18px;
}
#gallerywrap .gallery01_tab01 dl{
    float:right;
	width:;
	border:1px solid blue;
}
#gallerywrap .gallery_box{padding-top:35px; text-align:left; overflow:hidden;}

#gallerywrap .gallery01_tab02{
	left:192px;
	top:0px;
}
#gallerywrap #more2_btn1, #gallerywrap #more2_btn2{/*리스트 더보기 버튼*/
	top:30px;
	right:13px;
	z-index:100px;
	position:absolute;
}


/*///////////////수정구강좌//////////////////////////////////////*/
#lifewrap {
	width:239px;
	background:url(../images/life_tab_bg.gif) 0 0 repeat-x;
	padding-top:27px;
	position:relative;
	height:101px;
}
#lifewrap:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
}
#lifewrap h3{
	position:absolute;
	top:0;
}
#lifewrap .life01_tab01{
	left:0px;
	top:0px;
}
#lifewrap .life01_tab02{
	left:94px;
	top:0px;
}
#lifewrap #more3_btn1, #lifewrap #more3_btn2{/*강좌 리스트 더보기 버튼*/
	top:12px;
	right:2px;
	z-index:1000;
    position:absolute;
	width:31px;
	height:7px;
}
#lifewrap ul{
    margin-top:10px;
	margin-left:0px;
}
#lifewrap ul li{
	background:url(../images/life_dot_bg.gif) 0px 7px no-repeat;
	/*padding-left:11px;*/
	height:22px;
	width:239px;
	vertical-align:top;
	text-align:left;

}
#lifewrap ul li.list{padding-left:15px;}


/*#lifewrap li span{
	display:block;
	float:right;
	width:70px;
	height:22px;
	padding-right:5px;
	background:red;
}*/
#lifewrap li span{
	display:block;
	float:right;
	.margin-top:-20px;
	width:70px;
	height:22px;
	padding-right:5px;
}




#main_link03{/*관련사이트*/
	background:url(../images/main_link_bg01.gif) 0 bottom no-repeat ;
	height:118px;
	margin-top:14px;
	position:relative;
}
#main_link03 select{
	width:175px;
	height:20px;
	float:left;
}

#main_link03 input[type=image] {
	float:right;
}

#main_link03 ul{
	position:absolute;
	top:58px;
	left:12px;
}
#main_link03 li{
	width:210px;
	height:23px;
	text-align:center;
	overflow:hidden;
}
#main_link03 li *{
	vertical-align:middle;
}

/*서브*/
#subimgwrap{
	/*clear:both;*/
	/*overflow:hidden;*/
	height:150px;
}
#subconwrap{
	background:url(../images/left_area_bg.gif) 0 0 repeat-y;
	/*overflow:visible;*/
	width:1098px;
	min-height:500px;
}
#subconwrap:after{
	display:block;
	content:"";
	clear:both;
}
#subconwrap #sub_left{
    width:238px;
	float:left;
}
#subconwrap #sub_right{
	float:left;
	/*height:800px;*/
	width:860px;
	padding-bottom:50px;
}
/*////////////레프트메뉴//////////////////////////////////*/
#leftwrap{
	width:203px;
	/*padding:0px 30px 0 0px;*/
}
#leftwrap dt{
	height:104px;
	width:238px;
	line-height:0;
	padding-top:23px;
	padding-left:20px;
	background:#fff url(../images/snb_bg.jpg) no-repeat left bottom;
	font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif !important;
}

#leftwrap dt span {
	display:block;
	padding-top:78px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

#leftwrap dd{
	width:203px;
	/*border-bottom:1px solid #e3e3e3;*/
	text-indent:32px;
}
#leftwrap dd a{
	display:block;
	height:25px;
	line-height:29px;
	background:url(../images/left_1dep_out.gif) 12px 8px no-repeat;
	font-weight:bold;
	text-decoration:none;

}
#leftwrap dd a:hover, #leftwrap dd a:focus, #leftwrap dd a:active{
	color:#008164;
	font-weight:bold;
	background:url(../images/left_1dep_over.gif) 12px 8px no-repeat;
}

#leftwrap ul{
	background:#f3f3f3;
	/*border:1px solid #e3e3e3;*/
	margin:0 10px 10px 10px;
	padding-left:10px;
	text-indent:0;
}
#leftwrap li{
	height:25px;
	line-height:25px;
	text-indent:20px;
	font-weight:normal;
}
#leftwrap li a{
	color:#555555;
	background:none;
	font-weight:normal;
}
#leftwrap li a:hover, #leftwrap li a:focus, #leftwrap li a:active{
	background:none;
	font-weight:normal;
}

#sub_conts_top{
    width:860px;
	height:127px;
	background:url(../images/conts_top_bg.gif) 0 bottom repeat-x;
	line-height:0;
	position:relative;
	/*border:1px solid red;*/
}
#sub_conts_top .navi{
	position:absolute;
	bottom:-8px;
	right:14px;
	text-align:right;
	width:330px;
	height:20px;
	color:#6a6a6a;
}
.visual_01{
    /*background:url(../swf/sub_visual_01.jpg) 0 0 no-repeat;*/
	width:734px;
	height:104px;
	z-index:0;
	position:absolute;
	text-align:right;
	right:0;
}

#conwrap{/*콘텐츠*/
	width:740px;
	margin-left:12px;
	padding:20px  0 0 0;
	/*background:url(../images/conts_top_bg.gif) 0px 0px repeat-x;*/
}
#conwrap h3.tit1{
	height:18px;
	padding-left:18px;
	margin-bottom:20px;
	background:url(../images/bu_1.jpg) no-repeat left center;
	color:#159700;
	font-size:14px;
	font-weight:bold;
}
#tl img{
	margin:31px 0 6px 65px;
}


#quickwrap{/*퀵메뉴*/
	float:right;
	width:89px;
	height:300px;
	position:relative;
}
#qmenu{/*퀵메뉴*/
	position:absolute;
	top:0;
	right:0;
	width:89px;
	height:300px;
}
#qmenu dt{
	height:30px;
	line-height:0;
}
#qmenu dd{
	text-align:center;
	height:28px;
	line-height:0;
}
#qmenu img{
	vertical-align:top;
}
#qmenu #btnbox{
	position:relative;
	height:27px;
}
#qmenu #btnbox #qmenu_off{
	visibility:visible;
	position:absolute;
	top:0;
	left:0;
}
#qmenu #btnbox #qmenu_on{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;

}


/*공용*/
#subwrap{
	width:1098px;
	margin-left:10px;
	/*padding-bottom:30px;*/
}

#topwrap{
	height:59px;
	margin-top:10px;
	/*overflow:hidden;*/
}
#menuwrap{
	width:848px;
	float:left;
	height:50px;
	/*overflow:hidden;*/
	position:relative;
	margin-left:10px;
	z-index:1000;
}

#menuwrap ul{
	width:850px;
	background:url(../images/dong_menu_bg.jpg) no-repeat right top;
	height:44px;
	padding-left:15px;
	padding-top:8px;
}

#menuwrap ul:hover {
	/*background:url(../images/dong_menu_bg_hover.jpg) no-repeat right top;*/
}

#menuwrap ul li{
	float:left;
	height:32px;
	text-align:center;
	padding:0 22px;
	/*border:1px solid red;*/
}

/* 서브메뉴 */
.lng_depth {
	width:816px;
	padding:7px 15px;
	position:absolute;
	z-index:1000;
	text-align:left;
	background:#fff;
	border:1px solid #d4d4d4;
	border-top:0 none !important;
	border-radius:0 0 8px 8px;
	visibility:hidden;
	left:15px;
	top:56px;
}

.lng_depth span {display:block;}
.lng_depth .sub01{}
.lng_depth .sub02{}
.lng_depth .sub03{}
.lng_depth .sub04{padding-left:300px;}
.lng_depth .sub05{padding-left:0; letter-spacing:-1px;}


#subwrap #sub{
	width:680px;
	height:20px;
	position:absolute;
	top:73px;
	/*left:350px;*/
	padding-top:2px;
	color:#fff;

}


#subwrap #sub a, #menuwrap .lng_depth a{
	color:#535353;
	padding:0px 5px;
	/*text-decoration: none;*/
	cursor:hand;
}
/*#menuwrap  a:link {color: #343434; text-decoration: none; font-size:12px;}
#menuwrap  a:visited {color: #343434; text-decoration: none; font-size:12px;}
#menuwrap  a:hover, a:active, a:focus {color: #1564c6; text-decoration: underline; font-size:12px;}*/


#skip{/*헤더의 스킵네비*/
	position:absolute;
	top:0;
	left:520px;
}
#skip a{
	position:relative;
	top:-2000px;
	display:block;
	float:left;
}
#skip a:focus, #skip a:active{
	top:0;
	width:126px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#000;
	font-size:11px;
	background:#fff;
}


.skip_con{/*스킵버튼*/
	position:absolute;
	left:0;
	height:20px;
	overflow:hidden;
	z-index:10000;
}
.skip_con a{
	position:relative;
	top:-2000px;
	display:block;
	float:left;
	padding-top:2px;
}
.skip_con a:focus, .skip_con a:active{
	top:0px;
	width:126px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#000;
	font-size:11px;
	background:url(/images/btn_skip.gif) no-repeat 0 0;
}

.hidden_box{
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	position:absolute;
	overflow:hidden;
}