#header_wrap .gnb_wrap .gnb, #header_wrap .header, #mcon1_wrap .mcon1, #mcon2_wrap .mcon2, #mcon3_wrap .mcon3, #mcon4_wrap .mcon4, #mcon5_wrap .mcon5, #srch_container, #footer_wrap .site_link, #footer_wrap .footer {width:1400px; margin:0 auto;}
body #wrap {}
body.index #header_wrap {}
body.index #mcon1_wrap,
body.index #mcon2_wrap,
body.index .index_srch {background:#fbf5f3;}
body.index {position:relative;}
body.index #wrap {position:relative;}
body.index #wrap:before {display:block; content:""; width:100%; height:200px; background:#fbf5f3; z-index:-1; position:absolute; left:0; top:0; right:0;}

/* 탑배너 */
.top_banner {}
.top_banner .inner {width:1400px; 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;}


/* 메인 날씨 */
.weather_wrap {position:absolute; width:170px; top:0; left:-185px; background:url(../images/main/bg_weather.png) repeat;}
.side_wrap {position:absolute; width:100px; top:0; right:-108px; padding:20px 0 20px; background:url(../images/main/bg_weather.png) repeat}
.side_wrap a {display:block; padding-top:65px; background:url(../images/main/img_minwon.png) no-repeat center 10px;text-align:center; letter-spacing:-1px; font-weight:bold; color:#ef4d3c; font-size:15px;}
.side_wrap a:hover {color:#ef4d3c;}


/* 메인_검색창 */
.index_srch {padding:30px 0 46px;}
.index_srch .srch_box {width:650px; margin:0 auto; position:relative;}
.index_srch .srch_box .srch_area {width:650px; height:54px; margin-bottom:25px; border:4px solid #524c4b; border-radius:25px 0 25px 0; background:#fff; box-shadow:3px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.index_srch .srch_box .srch_area span {}
.index_srch .srch_box .srch_area input[type=text] {width:600px; padding:4px 5px; margin:9px 0 0 15px; text-align:center; border:0 none; font-size:20px; font-family:"NotoKrB", NotoKrB;}
.index_srch .srch_box .srch_area input[type=image] {position:absolute; top:-15px; right:-42px;}
.index_srch .srch_box .srch_word {position:absolute; left:30px; bottom:-34px;}
.index_srch .srch_box .srch_word span.tit {display:inline-block; padding:0 25px 0 40px; font-size:17px; font-family:"NotoKrM", NotoKrM; color:#524c4b; background:url('/images/main/icon_srchbar1.png') no-repeat left center;}
.index_srch .srch_box .srch_word button {padding:5px 15px; margin-right:5px; border:1px solid #dec8c0; font-size:15px; letter-spacing:-1px; border-radius:25px; background:#fff;}
.index_srch .srch_box .srch_word button span {}
.index_srch .srch_box .srch_word button span i {color:#d84048;}

/* 메인_코로나 */
.index_srch .srch_box .sbnnr {position:absolute; width:190px; left:720px; top:5px; padding-left:40px; background:url('/images/main/icon_corona1.png') no-repeat left center; background-size:30px auto;}
.index_srch .srch_box .sbnnr a {display:block; padding-right:0;}
.index_srch .srch_box .sbnnr .tit {padding:10px 25px 10px 0; text-align:left; display:inline-block; font-family:"NotoKrB", NotoKrB; font-size:15px; background:url('/images/main/icon_arrow4.png') no-repeat right center;}
.index_srch .srch_box .sbnnr .info {display:inline-block; padding:4px 8px; margin:3px 0 2px; background:#fff; font-size:14px; border-radius:10px; font-family:"NotoKrB", NotoKrB;}
.index_srch .srch_box .sbnnr .info span {color:#f46c6c;}
.index_srch .srch_box .sbnnr .date {padding-left:8px; text-align:left; font-size:12px; color:#9d9d9d;}


/* 메인 비주얼배너 */
#mcon1_wrap {padding:20px 0 68px; position:relative;}
#mcon1_wrap:before {display:block; content:""; width:764px; height:718px; position:absolute; right:0px; bottom:-180px; background:url('/images/main/bg_main2.png') no-repeat left top;}
#mcon1_wrap:after {display:block; content:""; width:642px; height:467px; position:absolute; left:0; top:-340px; background:url('/images/main/bg_main1.png') no-repeat left top;}

#mcon1_wrap .mcon1 {position:relative;}
#mcon1_wrap .mcon1:after {display:block; content:""; clear:both;}
.mcon1 .left_sec {position:relative; float:left; width:786px; height:455px; z-index:10;}
.mcon1 .left_sec:after {display:block; content:""; clear:both;}
.mcon1 .left_sec .mbnnr {width:786px; height:367px; position:relative; z-index:10; border-radius:40px 0 40px 0; box-shadow:3px 3px 25px 0px rgba(0, 0, 0, 0.15);}
.mcon1 .left_sec ul.visual_list {height:368px;}
.mcon1 .left_sec ul.visual_list:after {display:block; content:""; clear:both;}
.mcon1 .left_sec ul.visual_list li {}
.mcon1 .left_sec ul.visual_list li a {display:block; position:relative; width:777px; height:367px;}
.mcon1 .left_sec ul.visual_list li a:focus:after {display:block; content:""; width:771px; height:361px; border:3px dashed #f96538; position:absolute; left:0; top:0;}
.mcon1 .left_sec ul.visual_list li img {width:786px; height:367px; border-radius:40px 0 40px 0;}

.mcon1 .left_sec .ctrl {width:594px; height:89px; padding:30px 0 0 45px; position:relative; z-index:9; background:url('/images/main/bg_mbnnr1.png') no-repeat left top;}
.mcon1 .left_sec .ctrl:after {display:block; content:""; clear:both;}
.mcon1 .left_sec .ctrl span.tit {margin-right:44px; font-family:"NotoKrB", NotoKrB; color:#eb4949; font-size:20px; display:inline-block;}
.mcon1 .left_sec .ctrl #sliderStatus {margin-right:8px; display:inline-block; text-align:center; background:#fff;}
.mcon1 .left_sec .ctrl #sliderStatus .numerhere_main{color:#ed3939;}
.mcon1 .left_sec .ctrl #sliderStatus .ltest {}
.mcon1 .left_sec .ctrl a {position:relative; display:inline-block; padding:5px 8px;}
.mcon1 .left_sec .ctrl a span {display:block;text-indent:-9999px;}
.mcon1 .left_sec .ctrl .visual_prev {top:2px; width:8px; height:14px; background:url('/images/main/btn_prev1.png') no-repeat center center;}
.mcon1 .left_sec .ctrl .visual_next {top:2px; width:8px; height:14px; background:url('/images/main/btn_next1.png') no-repeat center center;}
.mcon1 .left_sec .ctrl .visual_stop {top:-2px;}
.mcon1 .left_sec .ctrl .visual_total {top:2px; width:18px; height:4px; top:5px; background:url('/images/main/btn_more1.png') no-repeat center center;}
#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  {}


/* 모달팝업(Layer Popup) */
.layer_wrap {width:800px; height:600px; overflow-y:scroll; padding:30px; display:none; position:fixed; left:50%; top:50%; z-index:200; background:#fff; box-shadow:15px 15px 25px rgba(0, 0, 0, 0.5);}
.layer_wrap .layer_head {padding-bottom:20px; border-bottom:3px solid #333;}
.layer_wrap .layer_head h1 {font-size:26px;}
.layer_wrap .layer_content {padding:20px 0; overflow-y:auto; font-size:16px;}
.layer_wrap .layer_content .visual_list2 {overflow:hidden;}
.layer_wrap .layer_content .visual_list2 li {margin-bottom:20px; text-align:center;}

.layer_wrap .btn_box {padding-top:20px; text-align:center; border-top:1px solid #ececec;}
.layer_wrap .layer_btn_close {position:absolute; right:30px; top:30px;}
.layer_wrap .layer_btn_close button{text-indent:9999em; overflow:hidden; font-size:0; background:url(/images/common/bg_layer_close.png) no-repeat left top; width:22px; height:22px; border:0 none;}
.mask {position: fixed; width: 100%; height:100%; left:0; top:0; background:url(/images/common/bg_mask.png) repeat left top; z-index:199;}

@media (max-width: 768px) {
  .layer_wrap {width:90%; height:500px; padding:25px 15px; left:47%;}
  .layer_wrap .layer_head h1 {font-size:22px;}
  .layer_wrap .layer_btn_close {right:24px; top:24px;}
}


/* 메인 포토뉴스 */
.mcon1 .right_sec {width:535px; margin-left:78px; float:left;}
.mcon1 .right_sec .photo {width:535px; height:256px; position:relative; border-radius:40px 0 40px 0; z-index:1; box-shadow:3px 3px 25px 0px rgba(0, 0, 0, 0.2);}
.mcon1 .right_sec .photo:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .photo ul {width:535px; height:256px; margin-bottom:16px; position:relative; z-index:10;}
.mcon1 .right_sec .photo ul:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .photo ul li {}
.mcon1 .right_sec .photo ul li a {display:block; position:relative; width:535px; height:256px; background-size:535px auto !important; border-radius:40px 0 0 0;}
.mcon1 .right_sec .photo ul li a:focus:after {display:block; content:""; width:535px; height:256px; border:3px dashed #f96538; position:absolute; left:0; top:0;}
.mcon1 .right_sec .photo ul li span {display:block;}
.mcon1 .right_sec .photo ul li .desc {position:absolute; left:0; bottom:0; right:0; height:58px; background:url('/images/main/bg_photo_info.png') repeat;}
.mcon1 .right_sec .photo ul li .desc .tit {display:block; width:330px; padding:15px 0 0 30px; font-size:20px; color:#000; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrB", NotoKrB;}
.mcon1 .right_sec .photo .bx-viewport {}
.mcon1 .right_sec .photo .bx-viewport:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .photo .info {height:58px; position:relative;}
.mcon1 .right_sec .photo .info:before {display:block; content:""; position:absolute; left:0; bottom:58px; right:0; height:58px; border-radius:0 0 25px 25px; }
.mcon1 .right_sec .photo .info .ctrl {position:absolute; right:25px; bottom:72px;}
.mcon1 .right_sec .photo .info .ctrl a {padding:0;}


/* 메인 3개버튼(구청장 인사말, 수정구에 바란다, 구정방향) */
.mcon1 .right_sec .main_btn1 {height:110px; margin-bottom:40px; position:relative; }
.mcon1 .right_sec .main_btn1:before {display:block; content:""; position:absolute; right:0; bottom:110px; z-index:0; width:50px; height:50px; background:#ffe5d5;}
.mcon1 .right_sec .main_btn1 ul {}
.mcon1 .right_sec .main_btn1 ul:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .main_btn1 ul li {float:left; position:relative;}
.mcon1 .right_sec .main_btn1 ul li:nth-child(1) {width:33%;}
.mcon1 .right_sec .main_btn1 ul li:nth-child(2) {width:34%;}
.mcon1 .right_sec .main_btn1 ul li:nth-child(3) {width:33%;}
.mcon1 .right_sec .main_btn1 ul li:before {display:block; content:""; position:absolute; left:0; top:20px; width:1px; height:80px; background:#e5cebf;}
.mcon1 .right_sec .main_btn1 ul li:first-child:before {display:none;}
.mcon1 .right_sec .main_btn1 ul li a {display:block; height:37px; padding-top:80px; text-align:center; font-size:17px; color:#7c6455; font-family:"NotoKrB", NotoKrB; }
.mcon1 .right_sec .main_btn1 ul li.icon1 {background:#ffe5d5 url(../images/main/icon_index1.png) no-repeat center 26px;}
.mcon1 .right_sec .main_btn1 ul li.icon2 {background:#ffe5d5 url(../images/main/icon_index2.png) no-repeat center 26px;}
.mcon1 .right_sec .main_btn1 ul li.icon3 {background:#ffe5d5 url(../images/main/icon_index3.png) no-repeat center 26px;  border-radius:0 0 40px 0;}


/* 메인 4개버튼(주요업무, 구청사안내도, 조직도, 오시는길) */
.mcon1 .right_sec .main_btn2 {}
.mcon1 .right_sec .main_btn2 ul {}
.mcon1 .right_sec .main_btn2 ul:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .main_btn2 ul li {float:left; margin-left:32px;}
.mcon1 .right_sec .main_btn2 ul li a {display:block; padding:5px 0 5px 30px; font-size:17px;}
.mcon1 .right_sec .main_btn2 ul li.icon1 a {background:url(../images/main/icon_index4.png) no-repeat left center;}
.mcon1 .right_sec .main_btn2 ul li.icon2 a {background:url(../images/main/icon_index5.png) no-repeat left center;}
.mcon1 .right_sec .main_btn2 ul li.icon3 a {background:url(../images/main/icon_index6.png) no-repeat left center;}
.mcon1 .right_sec .main_btn2 ul li.icon4 a {background:url(../images/main/icon_index7.png) no-repeat left center;}


/* 메인 자주찾는메뉴 */
#mcon2_wrap {height:109px; padding-bottom:70px;}
#mcon2_wrap .mcon2 {height:81px; padding:14px; position:relative;}
.mcon2 ul.bxslider2 {width:1400px; margin:0 auto;}
.mcon2 ul.bxslider2:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider2 li {width:167px; float:left; position:relative; text-align:center; padding-top:3px;}
.mcon2 ul.bxslider2 li:before {display:block; content:""; position:absolute; left:0; top:24px; width:1px; height:40px; background:#e5cebf;}
.mcon2 ul.bxslider2 li:first-child:before {display:none;}
.mcon2 ul.bxslider2 li.nobd {border-left:0 none !important;}
.mcon2 ul.bxslider2 li a {display:block; text-align:center; font-size:18px; letter-spacing:-1px; font-family:"NotoKrM", NotoKrM;}
.mcon2 ul.bxslider2 li a span {display:block; padding-top:78px; line-height:110%;}

.mcon2 ul.bxslider2 li#fav1 a {background:url(../images/main/icon_fav1.png) no-repeat center 0px;} /*시민정보화교육*/
.mcon2 ul.bxslider2 li#fav2 a {background:url(../images/main/icon_fav2.png) no-repeat center 0px;} /*주민자치센터강좌*/
.mcon2 ul.bxslider2 li#fav3 a {background:url(../images/main/icon_fav3.png) no-repeat center 0px;} /*청사개방시설*/
.mcon2 ul.bxslider2 li#fav4 a {background:url(../images/main/icon_fav4.png) no-repeat center 0px;} /*보안등/가로등 신고*/
.mcon2 ul.bxslider2 li#fav5 a {background:url(../images/main/icon_fav5.png) no-repeat center 0px;} /*공익신고센터*/
.mcon2 ul.bxslider2 li#fav6 a {background:url(../images/main/icon_fav6.png) no-repeat center 0px;} /*일자리상담실*/
.mcon2 ul.bxslider2 li#fav7 a {background:url(../images/main/icon_fav7.png) no-repeat center 0px;} /*지방세*/
.mcon2 ul.bxslider2 li#fav8 a {background:url(../images/main/icon_fav8.png) no-repeat center 0px;} /*민방위*/
.mcon2 ul.bxslider2 li#fav9 a {background:url(../images/main/icon_fav9.png) no-repeat center 4px;} /*건축인허가*/
.mcon2 ul.bxslider2 li#fav10 a {background:url(../images/main/icon_fav10.png) no-repeat center 0px;} /*도시정비사업*/
.mcon2 ul.bxslider2 li#fav11 a {background:url(../images/main/icon_fav11.png) no-repeat center 0px;} /*부동산종합정비*/
.mcon2 ul.bxslider2 li#fav12 a {background:url(../images/main/icon_fav12.png) no-repeat center 0px;} /*부동산거래관리*/
.mcon2 ul.bxslider2 li#fav13 a {background:url(../images/main/icon_fav13.png) no-repeat center 0px;} /*여권민원*/
.mcon2 ul.bxslider2 li#fav14 a {background:url(../images/main/icon_fav14.png) no-repeat center 0px;} /*상수도요금*/
.mcon2 ul.bxslider2 li#fav15 a {background:url(../images/main/icon_fav15.png) no-repeat center 0px;} /*정화조청소신청*/
.mcon2 ul.bxslider2 li#fav16 a {background:url(../images/main/icon_fav16.png) no-repeat center 0px;} /*대형폐기물배출신고*/
.mcon2 ul.bxslider2 li#fav17 a {background:url(../images/main/icon_fav17.png) no-repeat center 0px;} /*민원편람*/
.mcon2 ul.bxslider2 li#fav18 a {background:url(../images/main/icon_fav18.png) no-repeat center 0px;} /*정보통신공사사용전검사*/
.mcon2 ul.bxslider2 li#fav19 a {background:url(../images/main/icon_fav19.png) no-repeat center 0px;} /*신흥2동마을방송*/
.mcon2 ul.bxslider2 li#fav20 a {background:url(../images/main/icon_fav20.png) no-repeat center 0px;} /*신흥2동마을방송*/
.mcon2 ul.bxslider2 li#fav21 a {background:url(../images/main/icon_fav21.png) no-repeat center 0px;} /*성남복지이음*/
.mcon2 ul.bxslider2 li#fav22 a {background:url(../images/main/icon_fav22.png) no-repeat center 0px;} /*청사전기차시설*/



/* 메인 새소식 */
#mcon3_wrap {padding:110px 0;}
.mcon3:after {display:block; content:""; clear:both;}
.mcon3 .left_sec {width:720px; height:466px; float:left; margin-right:85px;}
.mcon3 .news_box {position:relative;}
.news_box .head {margin-bottom:28px;}
.news_box .head h3 {display:inline-block; margin-right:40px; font-size:30px; font-family:"NotoKrB", NotoKrB;}
.news_box .head h3 span {color:#eb4949;}
.news_box .head .tab_menu2 {display:inline-block;}
.news_box .head .tab_menu2 ul {display:inline-block; position:relative; top:7px;}
.news_box .head .tab_menu2 ul:after {display:block; content:""; clear:both;}
.news_box .head .tab_menu2 ul li {float:left; position:relative;}
.news_box .head .tab_menu2 ul li:first-child:before {display:none;}
.news_box .head .tab_menu2 ul li:before {display:block; content:""; width:6px; height:12px; position:absolute; left:0; top:8px; background:url('/images/main/bg_line1.png') no-repeat left top;}
.news_box .head .tab_menu2 ul li a {position:relative; padding:5px 17px; font-size:20px; font-family:"NotoKrM", NotoKrM;}
.news_box .head .tab_menu2 ul li.on a {color:#954a4a;}
.news_box .head .tab_menu2 ul li.on a:after {display:inline-block; content:""; position:absolute; left:18px; bottom:0; width:54px; height:1px; background:#954a4a;}
.news_box .head .tab_menu2 ul li.on:nth-child(2) a:after {display:inline-block; content:""; position:absolute; left:18px; bottom:0; width:72px; height:1px; background:#954a4a;}
.news_box .head .tab_menu3 {display:inline-block; margin-left:-4px; position:relative;}
.news_box .head .tab_menu3:before {display:block; content:""; width:6px; height:12px; position:absolute; left:0; top:14px; background:url('/images/main/bg_line1.png') no-repeat left top;}
.news_box .head .tab_menu3 ul {display:inline-block; position:relative; top:7px;}
.news_box .head .tab_menu3 ul:after {display:block; content:""; clear:both;}
.news_box .head .tab_menu3 ul li {float:left; position:relative;}
.news_box .head .tab_menu3 ul li:first-child:before {display:none;}
.news_box .head .tab_menu3 ul li:before {display:block; content:""; width:6px; height:12px; position:absolute; left:0; top:8px; background:url('/images/main/bg_line1.png') no-repeat left top;}
.news_box .head .tab_menu3 ul li a {position:relative; padding:5px 17px; font-size:20px; font-family:"NotoKrM", NotoKrM;}


.news_box .body {}
.news_box .body .tab-content2 {}
.news_box .body #notice1 {display:block;}
.news_box .body #notice2 {display:none;}
.news_box .body ul {}
.news_box .body ul li {}
.news_box .body ul li.first {margin-bottom:12px; border:1px solid #acadb5; border-radius:15px; background:url('/images/main/bg_notice1.png') no-repeat 40px center;}
.news_box .body ul li.first a {display:block; padding:35px 35px 35px 160px;}
.news_box .body ul li.first .desc {}
.news_box .body ul li.first .desc span {display:block;}
.news_box .body ul li.first .desc .tit {width:100%; padding:2px 0; margin-bottom:5px; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrM", NotoKrM; letter-spacing:-1px;}
.news_box .body ul li.first .desc .txt {padding:2px 0; margin-bottom:8px; overflow:hidden; font-size:16px; line-height:14px; color:#656565; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrL", NotoKrL;}
.news_box .body ul li.first .desc .date {color:#949494; font-family:"NotoKrL", NotoKrL;}
.news_box .body ul li.first .desc .date i {margin-right:12px;}
.news_box .body ul li.other {border-bottom:1px solid #e5e7ee;}
.news_box .body ul li.other a {padding:16px 0; display:block;}
.news_box .body ul li.other a:after {display:block; content:""; clear:both;}
.news_box .body ul li.other a span {display:block;}
.news_box .body ul li.other a span.tit {width:500px; float:left; padding-left:14px; font-size:18px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrM", NotoKrM;}
.news_box .body ul li.other a span.tit:before {display:block; content:""; position:absolute; left:0; top:10px; width:6px; height:6px; background:#c5c5c5; border-radius:100%;}
.news_box .body ul li.other a span.date {width:100px; float:right; font-size:16px; text-align:right; color:#656565; font-family:"NotoKrL", NotoKrL;}
.news_box .more {position:absolute; right:10px; top:18px; width:25px; height:19px; background:url('/images/main/btn_more4.png') no-repeat left top; text-indent:-9999px;}

/* 메인 분야별소식 */
.mcon3 .right_sec {width:595px; height:466px; float:left;}
.sector_box {position:relative; z-index:1;}
.sector_box * {box-sizing:border-box;}
.sector_box .head {}
.sector_box .head {margin-bottom:28px;}
.sector_box .head h3 {display:inline-block; margin-right:40px; font-size:30px; font-family:"NotoKrB", NotoKrB;}
.sector_box .head h3 span {color:#eb4949;}
.sector_box .head .tab_menu {display:inline-block;}
.sector_box .head .tab_menu ul {display:inline-block; position:relative; top:7px;}
.sector_box .head .tab_menu ul:after {display:block; content:""; clear:both;}
.sector_box .head .tab_menu ul li {float:left; position:relative;}
.sector_box .head .tab_menu ul li:first-child:before {display:none;}
.sector_box .head .tab_menu ul li:before {display:block; content:""; width:6px; height:12px; position:absolute; left:0; top:8px; background:url('/images/main/bg_line1.png') no-repeat left top;}
.sector_box .head .tab_menu ul li a {position:relative; padding:5px 17px; font-size:20px; font-family:"NotoKrM", NotoKrM;}
.sector_box .head .tab_menu ul li.on a {color:#954a4a;}
.sector_box .head .tab_menu ul li.on a:after {display:inline-block; content:""; position:absolute; left:18px; bottom:0; width:36px; height:1px; background:#954a4a;}

.sector_box .body {height:338px; padding:60px 50px; border-radius:15px; border:1px solid #e5e7ee; background:#fff; box-shadow:0px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.sector_box .body ul {}
.sector_box .body ul:after {display:block; content:""; clear:both;}
.sector_box .body ul li {float:left; width:33.3%; margin-bottom:40px;}
.sector_box .body ul li.icon1 {background:url('/images/main/icon_service1_1.png') no-repeat center top;}
.sector_box .body ul li.icon2 {background:url('/images/main/icon_service1_2.png') no-repeat center top;}
.sector_box .body ul li.icon3 {background:url('/images/main/icon_service1_3.png') no-repeat center top;}
.sector_box .body ul li.icon4 {background:url('/images/main/icon_service1_4.png') no-repeat center top;}
.sector_box .body ul li.icon5 {background:url('/images/main/icon_service1_5.png') no-repeat center top;}
.sector_box .body ul li.icon6 {background:url('/images/main/icon_service1_6.png') no-repeat center top;}
.sector_box .body ul li.icon7 {background:url('/images/main/icon_service2_1.png') no-repeat center top;}
.sector_box .body ul li.icon8 {background:url('/images/main/icon_service2_2.png') no-repeat center top;}
.sector_box .body ul li.icon9 {background:url('/images/main/icon_service2_3.png') no-repeat center top;}
.sector_box .body ul li.icon10 {background:url('/images/main/icon_service2_4.png') no-repeat center top;}
.sector_box .body ul li.icon11 {background:url('/images/main/icon_service2_5.png') no-repeat center top;}
.sector_box .body ul li.icon12 {background:url('/images/main/icon_service2_6.png') no-repeat center top;}
.sector_box .body ul li.icon13 {background:url('/images/main/icon_service3_1.png') no-repeat center top;}
.sector_box .body ul li.icon14 {background:url('/images/main/icon_service3_2.png') no-repeat center top;}
.sector_box .body ul li.icon15 {background:url('/images/main/icon_service3_3.png') no-repeat center top;}
.sector_box .body ul li.icon16 {background:url('/images/main/icon_service3_4.png') no-repeat center top;}
.sector_box .body ul li.icon17 {background:url('/images/main/icon_service3_5.png') no-repeat center top;}
.sector_box .body ul li.icon18 {background:url('/images/main/icon_service3_6.png') no-repeat center top;}

.sector_box .body ul li a {display:block; padding-top:70px; font-size:18px; letter-spacing:-1px;}
.sector_box .body ul li a span {display:block; text-align:center;}
.sector_box .body #tab-2,
.sector_box .body #tab-3 {display:none;}

/* SNS */
.sns_box {position:relative; top:-15px; height:82px; padding-top:34px; box-sizing: border-box; background:#5c563f; border-radius:0 0 15px 15px; text-align:center;}
.sns_box a {display:inline-block; position:relative; padding:3px 9px; color:#fff; font-size:18px; font-family:"NotoKrM", NotoKrM; letter-spacing:-2px;}
.sns_box a:before {display:block; content:""; position:absolute; top:9px; left:0; width:1px; height:14px; background:#ffe29b;}
.sns_box a:first-child:before {display:none;}

/* 메인 팝업존 */
#mcon4_wrap {padding:80px 0 100px; position:relative; border-radius:200px 0 0 0; background:#f2f7ff;}
#mcon4_wrap:after {display:block; content:""; width:1300px; height:350px; background:#e1eafa; position:absolute; right:0; bottom:0; border-radius:300px 0 0 0;}
#mcon4_wrap .mcon4 {position:relative; z-index:10;}
#mcon4_wrap .mcon4:after {display:block; content:""; clear:both;}
.mcon4 .popupzone {width:415px; float:left; }
.mcon4 .popupzone .head {margin-bottom:30px;}
.mcon4 .popupzone .head h3 {display:inline-block; margin-right:40px; font-size:30px; font-family:"NotoKrB", NotoKrB;}
.mcon4 .popupzone .head h3 span {color:#4f6ad1;}

.mcon4 .popupzone .body {padding:10px 10px 0 10px; background:#fff; border-radius:20px 0 0 0; box-shadow:3px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.mcon4 .popupzone .body ul.bxslider1 li a {display:block; width:395px; height:287px;}
.mcon4 .popupzone .body ul.bxslider1 li img {width:395px !important; height:287px !important; border-radius:15px 0 15px 0; overflow:hidden;}
.mcon4 .popupzone .body ul.bxslider1 li a:focus:after {display:block; content:""; width:395px; height:287px; border:3px dashed #f96538; position:absolute; left:0; top:0;}
.mcon4 .popupzone .body ul.bxslider1 li p.tit {position:absolute; left:0; bottom:-44px; z-index:10; width:240px; padding-left:10px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.mcon4 .popupzone .body .bx-viewport {overflow:visible !important;}
.mcon4 .popupzone .info {height:65px; line-height:65px; padding:0 25px; background:#fff; border-radius:0 0 20px 0; box-shadow:3px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.mcon4 .popupzone .info:after {display:block; content:""; clear:both;}
.mcon4 .popupzone .info ul.popup_ctrl {float:right;}
.mcon4 .popupzone .info ul.popup_ctrl:after {display:block; content:""; clear:both;}
.mcon4 .popupzone .info ul.popup_ctrl li {float:left;}
.mcon4 .popupzone .info ul.popup_ctrl li#sliderStatus {padding:0 10px; letter-spacing:2px;}
.mcon4 .popupzone .info ul.popup_ctrl li#sliderStatus .numerhere {color:#ed3939;}
.mcon4 .popupzone .info ul.popup_ctrl li a {padding:0 5px;}


/* 문화행사 */
.mcon4 > .event_box {float:left; margin-left:74px; width:910px;}
.mcon4 > .event_box:after {display:block; content:""; clear:both;}
.mcon4 > .event_box .head {position:relative;}
.mcon4 > .event_box .head h3 {display:inline-block; margin-right:40px; margin-bottom:30px; font-size:30px; font-family:"NotoKrB", NotoKrB;}
.mcon4 > .event_box .head .btn {position:absolute; top:0; right:0;}
.mcon4 > .event_box .head .btn .more {display:inline-block; position:relative; top:2px; padding:7px 20px; margin-left:22px; border:1px solid #484848; color:#484848; border-radius:30px; font-size:13px; }
.mcon4 > .event_box .head .btn a {display:inline-block; margin-left:8px;}

.mcon4 > .event_box .body {}
.mcon4 > .event_box .body .bx-controls {margin-top:10px;}
.mcon4 > .event_box .body .bx-wrapper {width:960px;}
.mcon4 > .event_box ul.news {}
.mcon4 > .event_box ul.news:after {display:block; content:""; clear:both;}
.mcon4 > .event_box ul.news > li {width:290px; height:362px; padding:3px; background:#fff; border-radius:20px 0 20px 0;}
.mcon4 > .event_box ul.news > li .thumb {width:290px; height:202px; position:relative;}
.mcon4 > .event_box ul.news > li .thumb a {display:block;}
.mcon4 > .event_box ul.news > li .thumb img {display:block; width:290px; height:202px; border-radius:20px 0 0 0;}
.mcon4 > .event_box ul.news > li .desc {padding:20px 25px 0;}
.mcon4 > .event_box ul.news > li .desc .cate {display:inline-block; margin-bottom:5px; padding:5px 8px; border:1px solid #4f6ad1; color:#4f6ad1; font-size:12px;}
.mcon4 > .event_box ul.news > li.photo .cate {}
.mcon4 > .event_box ul.news > li.notice .cate {}
.mcon4 > .event_box ul.news > li.culture .cate {}
.mcon4 > .event_box ul.news > li.edu .cate {}
.mcon4 > .event_box ul.news > li .desc .tit {}
.mcon4 > .event_box ul.news > li .desc .tit a {height:44px; line-height:115%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:block; padding:1px 0; width:100%; margin-bottom:5px; font-size:19px;}
.mcon4 > .event_box ul.news > li .desc .txt {display:block; font-size:14px; color:#6d6d6d;}
.mcon4 > .event_box ul.news > li ul.detail {}
.mcon4 > .event_box ul.news > li ul.detail li {width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrL", NotoKrL;}


/* 메인 롤배너(하단) */
#mcon5_wrap {height:100px; background:#fff;}
#mcon5_wrap .mcon5 {padding:25px 0 0;}
#mcon5_wrap .mcon5:after {display:block; content:""; clear:both;}
.mcon5 .bnnr_tit {width:150px; padding-top:10px; float:left; text-align:right;}
.mcon5 .bnnr_tit .bnnr_ctrl {float:left;}
.mcon5 .bnnr_tit .bnnr_ctrl a {display:inline-block; padding:6px;}
.mcon5 .bnnr_box {width:1250px; float:left;}
.mcon5 ul.bnnr_list {overflow:visible;}
.mcon5 ul.bnnr_list:after {display:block; content:""; clear:both;}
.mcon5 ul.bnnr_list li {width:180px; height:50px; padding:3px 0; float:left; text-align:center;}
.mcon5 ul.bnnr_list li a {display:block; width:180px; height:50px;}
.mcon5 ul.bnnr_list li a img {width:194px; height:54px;}