.index #header_wrap .gnb_wrap .gnb, .index #header_wrap .header, #msrch_wrap .msrch, #mcon1_wrap .mcon1, #mcon2_wrap .mcon2, #mcon3_wrap .mcon3, #mcon4_wrap .mcon4, #mcon5_wrap .mcon5, #srch_container, .index #footer_wrap .site_link, .index #footer_wrap .footer {width:1400px; margin:0 auto;}
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 {background:#fbf7eb; border:1px solid #fff;}
.top_banner .inner {width:100%; text-align:center; position:relative;}
.top_banner .inner a.banner {display:block; width:100%; height:110px; background:#fbf7eb url('/images/main/top_banner.jpg') no-repeat center top; text-indent:-9999px;}
.top_banner .inner a.banner:focus {border:1px dashed red;}
.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;}


/* 메인 검색창 */
#msrch_wrap {padding:88px 0 50px; background:#f7f7f7;}
#msrch_wrap .msrch {position:relative;}
#msrch_wrap .msrch:after {display:block; content:""; clear:both;}
#msrch_wrap .msrch .weather,
#msrch_wrap .msrch .sbnnr {position:absolute; top:0px;}
#msrch_wrap .msrch .weather {right:1040px;}
#msrch_wrap .msrch .sbnnr {left:1040px; top:5px; padding-left:40px; background:url('/images/main/icon_corona1.png') no-repeat left center; background-size:30px auto;}
#msrch_wrap .msrch .sbnnr a {display:block;}

.index_srch {}
.index_srch .srch_box {width:590px; margin:0 auto; position:relative;}
.index_srch .srch_box .srch_area {width:590px; height:54px; margin-bottom:25px; border:1px solid #87898f; border-radius:15px; 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:550px; 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:25px;}
.index_srch .srch_box .srch_word {position:absolute; left:30px; bottom:-34px;}
.index_srch .srch_box .srch_word span.tit {display:inline-block; position:relative; padding:0 20px 0 0; font-family:"NotoKrR", NotoKrR; color:#000;}
.index_srch .srch_box .srch_word span.tit:before {display:block; content:""; position:absolute; right:0; top:3px; width:1px; height:16px; background:#c4d5d6;}
.index_srch .srch_box .srch_word button {position:relative; top:-2px; padding:0 10px; border:0 none; background:none; font-family:"NotoKrR", NotoKrR; color:#000;}
.index_srch .srch_box .srch_word button span {}

  /* 메인_코로나 */
  #msrch_wrap .msrch .sbnnr .tit {padding:10px 25px 10px 0; text-align:center; font-family:"NotoKrB", NotoKrB; font-size:15px;background:url('/images/main/icon_arrow4.png') no-repeat right center;}
  #msrch_wrap .msrch .sbnnr .info {padding:5px 20px; margin:5px 0 2px; background:#fff; font-size:14px; border-radius:25px; font-family:"NotoKrB", NotoKrB;}
  #msrch_wrap .msrch .sbnnr .info span {color:#f46c6c;}
  #msrch_wrap .msrch .sbnnr .date {text-align:center; font-size:12px; color:#9d9d9d;}

    /* 메인_코로나 */}
  #msrch_wrap .msrch .sbnnr .date {}


/* 메인 비주얼배너 */
#mcon1_wrap {position:relative; padding-bottom:130px; background:#f7f7f7; border-bottom:1px solid #e8e8e8;}
/* #mcon1_wrap:before {display:block; content:""; width:128px; height:127px; position:absolute; left:170px; bottom:76px; background:url('/images/main/bg_index_main1.png') no-repeat left top;}
#mcon1_wrap:after {display:block; content:""; width:383px; height:367px; position:absolute; right:0; top:-200px; background:url('/images/main/bg_index_main2.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:819px; height:388px; border-radius:25px; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon1 .left_sec .bx-viewport {overflow:visible !important;}
.mcon1 .left_sec .bx-viewport:after {display:block; content:""; clear:both;}
.mcon1 .left_sec:after {display:block; content:""; clear:both;}
.mcon1 .left_sec .visual_wrap {padding-left:68px;}
.mcon1 .left_sec ul.visual_list {}
.mcon1 .left_sec ul.visual_list:after {display:block; content:""; clear:both;}
.mcon1 .left_sec ul.visual_list li {height:388px;}
.mcon1 .left_sec ul.visual_list li .bnnr_img {display:block; float:left; width:751px; height:388px;}
.mcon1 .left_sec ul.visual_list li .bnnr_img img {width:751px; height:388px; border-radius:25px;}
.mcon1 .left_sec ul.visual_list li .bnnr_img a {display:block;}
.mcon1 .left_sec .visual_ctrl {width:68px; height:388px; position:absolute; left:0; top:0; z-index:10; background: linear-gradient(to bottom, #1e8dff, #0260ee); border-radius:25px 0 0 25px;}
.mcon1 .left_sec .visual_ctrl:before {display:block; content:""; position:absolute; left:68px; top:0; width:22px; height:22px; background:url('/images/main/bg_mbnnr_top1.png') no-repeat left top;}
.mcon1 .left_sec .visual_ctrl:after {display:block; content:""; position:absolute; left:68px; bottom:0; width:22px; height:22px; background:url('/images/main/bg_mbnnr_bt1.png') no-repeat left top;}
.mcon1 .left_sec .visual_ctrl .count {font-size:14px; font-weight:bold; color:#fff;}
.mcon1 .left_sec .visual_ctrl .top_sec {padding-top:45px; text-align:center;}
.mcon1 .left_sec .visual_ctrl .bt_sec {height:203px; padding-top:36px; position:absolute; bottom:0; left:0; right:0; background:#fff; border-radius:25px 0 0 25px; }
.mcon1 .left_sec .visual_ctrl a {padding:8px 0; display:block; text-align:center;}
.mcon1 .left_sec .visual_ctrl a.visual_btn_list {margin-bottom:24px;}
.mcon1 .left_sec .visual_ctrl #sliderStatus {margin-top:40px; text-align:center; font-size:12px;color:#000;}
.mcon1 .left_sec .visual_ctrl #sliderStatus .numerhere{color:#000;}
.mcon1 .left_sec .visual_ctrl #sliderStatus .ltest {}

/* 비주얼배너 모달팝업 */
ul.visual_popup {}
ul.visual_popup li {width:905px !important; height:388px; margin-bottom:30px; overflow:hidden; }
ul.visual_popup li span {display:block;}
ul.visual_popup li .bnnr_img {display:block; float:left; width:751px; }
ul.visual_popup li .bnnr_img img {}


/* 메인 포토뉴스 */
.mcon1 .right_sec {width:530px; float:right;}
.mcon1 .right_sec .photo {width:530px; height:309px; margin-bottom:20px; position:relative; border-radius:25px; z-index:1; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon1 .right_sec .photo:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .photo ul {width:530px; height:309px; 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 { border-radius:25px; overflow:hidden;}
.mcon1 .right_sec .photo ul li a {display:block; position:relative; width:530px; height:309px; background-size:530px auto !important; border-radius:25px;}
.mcon1 .right_sec .photo ul li a:focus:after {display:block; content:""; width:530px; height:309px; border:0.15em dashed #f24400; 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:before {display:block; content:""; position:absolute; left:0; right:0; bottom:0;} */
/* .mcon1 .right_sec .photo ul li .desc {width:489px; height:58px; background:url('/images/main/bg_photo_info.png') repeat;  padding:0 150px 0 25px; font-size:20px; color:#000; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrB", NotoKrB;} */
.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 {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:16px;}
.mcon1 .right_sec .photo .info .ctrl a {padding:0 5px;}

/* 메인 3개버튼(구청장 인사말, 수정구에 바란다, 구정방향) */
.mcon1 .right_sec .main_btn1 {position:relative; padding:0 25px; /*background: linear-gradient(to right top, #00cc82, #18e264);*/ background: linear-gradient(to right top, #fd604f, #fd8c41); border-radius:25px; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.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; width:25%; position:relative;}
.mcon1 .right_sec .main_btn1 ul li a {display:block; padding:18px 0;  text-align:center; font-size:16px; font-family:"NotoKrB", NotoKrB; color:#fff;}
/*
.mcon1 .right_sec .main_btn1 ul li.icon1 {background:url(../images/main/icon_main_menu1.png) no-repeat center 26px;}
.mcon1 .right_sec .main_btn1 ul li.icon2 {background:url(../images/main/icon_main_menu2.png) no-repeat center 26px;}
.mcon1 .right_sec .main_btn1 ul li.icon3 {background:url(../images/main/icon_main_menu3.png) no-repeat center 26px;}
.mcon1 .right_sec .main_btn1 ul li.icon4 {background:url(../images/main/icon_main_menu4.png) no-repeat center 26px;}
*/

/* 메인 자주찾는메뉴 */
#mcon2_wrap {background:#fff;}
#mcon2_wrap .mcon2 {position:relative; padding:20px 0 75px; text-align:center;}
.mcon2 .tab_menu {display:inline-block; position:relative; top:-52px; margin-bottom:0; border-radius:50px; background:#fff; border:10px solid #fff; font-size:18px; font-family:"NotoKrB", NotoKrB; box-shadow:2px 2px 15px 0px rgba(0, 0, 0, 0.15);}
.mcon2 .tab_menu ul.tab_list {text-align:center; border-radius:50px;}
.mcon2 .tab_menu ul.tab_list:after {display:block; content:""; clear:both;}
.mcon2 .tab_menu ul.tab_list li {display:inline-block;}
.mcon2 .tab_menu ul.tab_list li a {display:inline-block; padding:10px 30px;}
.mcon2 .tab_menu ul.tab_list li.on a {background: linear-gradient(to right, #1e8dff, #0260ee); color:#fff; border-radius:50px;}
.mcon2 .tab-content {display:none; overflow:hidden !important;}
.mcon2 .tab-content .bx-wrapper {margin:0 auto !important;}
.mcon2 .tab-content .bx-viewport {height:150px !important;}
.mcon2 #favmenu-1 {display:block;}
.mcon2 .tab-content .fav_btn {position:absolute; top:140px;}
.mcon2 .tab-content .fav_btn_prev1,
.mcon2 .tab-content .fav_btn_prev2,
.mcon2 .tab-content .fav_btn_prev3,
.mcon2 .tab-content .fav_btn_prev4,
.mcon2 .tab-content .fav_btn_prev5,
.mcon2 .tab-content .fav_btn_prev6 {left:-34px;}
.mcon2 .tab-content .fav_btn_next1,
.mcon2 .tab-content .fav_btn_next2,
.mcon2 .tab-content .fav_btn_next3,
.mcon2 .tab-content .fav_btn_next4,
.mcon2 .tab-content .fav_btn_next5,
.mcon2 .tab-content .fav_btn_next6 {right:-34px;}

/* 즐겨찾는 메뉴 */
.mcon2 ul.bxslider_fav1 {width:1400px; margin:0 auto; padding:10px 0;}
.mcon2 .bx-viewport {padding:0 10px !important;}
.mcon2 ul.bxslider_fav1:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav1 li {width:105px; height:105px; float:left; position:relative; background:#fff; border-radius:35px; text-align:center; box-shadow:2px 2px 12px 0px rgba(0, 0, 0, 0.1);}
.mcon2 ul.bxslider_fav1 li a {width:105px; height:105px; display:block;}
.mcon2 ul.bxslider_fav1 li a span {display:block; padding-top:124px; letter-spacing:-2px; font-size:16px; line-height:110%; text-align:center; font-family:"NotoKrR", NotoKrR;}
.mcon2 ul.bxslider_fav1 li.fav1 a {background:url(../images/main/icon_fav1.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav2 a {background:url(../images/main/icon_fav2.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav3 a {background:url(../images/main/icon_fav3.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav4 a {background:url(../images/main/icon_fav4.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav5 a {background:url(../images/main/icon_fav5.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav6 a {background:url(../images/main/icon_fav6.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav7 a {background:url(../images/main/icon_fav7.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav8 a {background:url(../images/main/icon_fav8.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav9 a {background:url(../images/main/icon_fav9.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav10 a {background:url(../images/main/icon_fav10.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav11 a {background:url(../images/main/icon_fav11.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav12 a {background:url(../images/main/icon_fav12.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav13 a {background:url(../images/main/icon_fav13.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav14 a {background:url(../images/main/icon_fav14.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav15 a {background:url(../images/main/icon_fav15.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav16 a {background:url(../images/main/icon_fav16.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav17 a {background:url(../images/main/icon_fav17.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav18 a {background:url(../images/main/icon_fav18.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav19 a {background:url(../images/main/icon_fav19.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav20 a {background:url(../images/main/icon_fav20.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav21 a {background:url(../images/main/icon_fav21.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav22 a {background:url(../images/main/icon_fav22.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav23 a {background:url(../images/main/icon_fav23.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav24 a {background:url(../images/main/icon_fav24.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav25 a {background:url(../images/main/icon_fav25.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav1 li.fav26 a {background:url(../images/main/icon_fav26.png) no-repeat center center;} /*자유게시판*/

/* 민원안내 */
.mcon2 ul.bxslider_fav2 {width:1400px; margin:0 auto; padding:10px 0;}
.mcon2 ul.bxslider_fav2:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav2 li {width:105px !important; height:105px; float:left; position:relative; background:#fff; border-radius:20px; text-align:center; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
.mcon2 ul.bxslider_fav2 li a {width:105px; height:105px; display:block;}
.mcon2 ul.bxslider_fav2 li a span {display:block; padding-top:120px; font-size:16px; line-height:110%; text-align:center; font-family:"NotoKrR", NotoKrR;}
.mcon2 ul.bxslider_fav2 li.fav1 a {background:url(../images/main/icon_cate1_fav1.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav2 a {background:url(../images/main/icon_cate1_fav2.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav3 a {background:url(../images/main/icon_cate1_fav3.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav4 a {background:url(../images/main/icon_cate1_fav4.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav5 a {background:url(../images/main/icon_cate1_fav5.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav6 a {background:url(../images/main/icon_cate1_fav6.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav7 a {background:url(../images/main/icon_cate1_fav7.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav8 a {background:url(../images/main/icon_cate1_fav8.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav2 li.fav9 a {background:url(../images/main/icon_cate1_fav9.png) no-repeat center center;} /**/

/* 시민참여 */
.mcon2 ul.bxslider_fav3 {width:1400px; margin:0 auto; padding:10px 0;}
.mcon2 ul.bxslider_fav3:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav3 li {width:105px !important; height:105px; float:left; position:relative; background:#fff; border-radius:20px; text-align:center; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
.mcon2 ul.bxslider_fav3 li a {width:105px; height:105px; display:block;}
.mcon2 ul.bxslider_fav3 li a span {display:block; padding-top:120px; font-size:16px; line-height:110%; text-align:center; font-family:"NotoKrR", NotoKrR;}
.mcon2 ul.bxslider_fav3 li.fav1 a {background:url(../images/main/icon_cate2_fav1.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav2 a {background:url(../images/main/icon_cate2_fav2.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav3 a {background:url(../images/main/icon_cate2_fav3.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav4 a {background:url(../images/main/icon_cate2_fav4.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav5 a {background:url(../images/main/icon_cate2_fav5.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav6 a {background:url(../images/main/icon_cate2_fav6.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav7 a {background:url(../images/main/icon_cate2_fav7.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav8 a {background:url(../images/main/icon_cate2_fav8.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav3 li.fav9 a {background:url(../images/main/icon_cate2_fav9.png) no-repeat center center;} /**/

/* 복지정보 */
.mcon2 ul.bxslider_fav4 {width:1400px; margin:0 auto; padding:10px 0;}
.mcon2 ul.bxslider_fav4:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav4 li {width:105px !important; height:105px; float:left; position:relative; background:#fff; border-radius:20px; text-align:center; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
.mcon2 ul.bxslider_fav4 li a {width:105px; height:105px; display:block;}
.mcon2 ul.bxslider_fav4 li a span {display:block; padding-top:120px; font-size:16px; line-height:110%; text-align:center; font-family:"NotoKrR", NotoKrR;}
.mcon2 ul.bxslider_fav4 li.fav1 a {background:url(../images/main/icon_cate3_fav1.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav2 a {background:url(../images/main/icon_cate3_fav2.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav3 a {background:url(../images/main/icon_cate3_fav3.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav4 a {background:url(../images/main/icon_cate3_fav4.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav5 a {background:url(../images/main/icon_cate3_fav5.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav6 a {background:url(../images/main/icon_cate3_fav6.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav7 a {background:url(../images/main/icon_cate3_fav7.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav8 a {background:url(../images/main/icon_cate3_fav8.png) no-repeat center center;} /**/
.mcon2 ul.bxslider_fav4 li.fav9 a {background:url(../images/main/icon_cate3_fav9.png) no-repeat center center;} /**/

/* 정보화교육 */
.mcon2 .area_cate {margin-bottom:35px;}
.mcon2 .area_cate button {padding:5px 5px; border:0 none; background:none; font-size:14px;}
.mcon2 .area_cate button.on {position:relative; font-family:"NotoKrB", NotoKrB; color:#f34242;}
.mcon2 .area_cate button.on:after {display:block; content:""; position:relative; bottom:-5px; width:100%; height:3px; background:#f34242;}
.mcon2 ul.bxslider_fav5 {width:1400px; margin:0 auto padding:10px 0;}
.mcon2 ul.bxslider_fav5 * {box-sizing: border-box;}
.mcon2 ul.bxslider_fav5:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav5 li {width:370px !important; height:144px; float:left; position:relative; background:#fff; border-radius:35px; border:1px solid #eeeeee; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
.mcon2 ul.bxslider_fav5 li a {width:370px; height:144px; padding:40px 20px 0 120px; display:block;}
.mcon2 ul.bxslider_fav5 li a span {display:block;}
.mcon2 ul.bxslider_fav5 li a span.desc {text-align:left;}
.mcon2 ul.bxslider_fav5 li a span.desc .tit {margin-bottom:8px; font-size:18px; font-family:"NotoKrB", NotoKrB; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mcon2 ul.bxslider_fav5 li a span.desc .txt {font-size:13px;}
.mcon2 ul.bxslider_fav5 li a span.desc .txt i {display:inline-block; margin-right:20px; color:#767676;}
.mcon2 ul.bxslider_fav5 li a span.state {position:absolute; left:30px; top:38px; width:70px; height:70px; line-height:70px; font-size:13px;text-align:center; border-radius:100%;}
.mcon2 ul.bxslider_fav5 li a span.state1 {color:#f34242; border:1px solid #f34242;}
.mcon2 ul.bxslider_fav5 li a span.state2 {color:#000; border:1px solid #000;}
.mcon2 ul.bxslider_fav5 li a span.state3 {color:#000; border:1px solid #000;}
.mcon2 ul.bxslider_fav5 li a span.state4 {color:#000; border:1px solid #000;}
.mcon2 .tab-content .fav_btn_prev5,
.mcon2 .tab-content .fav_btn_next5 {top:212px}

/* 정보화교육 */
.mcon2 ul.bxslider_fav6 {width:1400px; margin:0 auto; padding:10px 0 10px 0;}
.mcon2 ul.bxslider_fav6 * {box-sizing: border-box;}
.mcon2 ul.bxslider_fav6:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav6 li {width:105px !important; height:105px; float:left; position:relative; background:#fff; border-radius:20px; text-align:center; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
.mcon2 ul.bxslider_fav6 li a {width:105px; height:105px; padding-top:40px; display:block; font-size:17px;}
.mcon2 ul.bxslider_fav6 li a.line2 {padding-top:30px;}
.mcon2 .tab-content .fav_btn_prev6,
.mcon2 .tab-content .fav_btn_next6 {top:134px}


/* 메인 분당구소식 */
#mcon3_wrap {padding-bottom:100px; background:#fff;}
#mcon3_wrap .mcon3 {}
#mcon3_wrap .mcon3:after {display:block; content:""; clear:both;}
.mcon3 .head {margin-bottom:25px;}
.mcon3 .head h2 {width:133px; height:27px; background:url('/images/main/p_index_tit1.png') no-repeat; text-indent:-9999px;}
.mcon3 .body {}
.mcon3 .body:after {display:block; content:""; clear:both;}
.mcon3 .body .left_sec {float:left; width:880px; position:relative;}
.mcon3 .body .left_sec .tab_menu2_wrap {width:260px; float:left;}
.mcon3 .body .left_sec .tab_menu2 {}
.mcon3 .body .left_sec .tab_menu2 ul {width:138px;}
.mcon3 .body .left_sec .tab_menu2 ul li {border-bottom:1px solid #e3e3e3;}
.mcon3 .body .left_sec .tab_menu2 ul li a {display:block; padding:24px 0 12px; font-size:17px;}
.mcon3 .body .left_sec .tab_menu2 ul li.on a span {position:relative; z-index:1; display:inline-block; padding-left:50px;}
.mcon3 .body .left_sec .tab_menu2 ul li.on a {position:relative; color:#fff; font-family:"NotoKrB", NotoKrB;}
.mcon3 .body .left_sec .tab_menu2 ul li.on a:before {display:block; content:""; position:absolute; left:20px; bottom:0; width:166px; height:49px; border-radius:0 0 25px 0; background: linear-gradient(to right bottom, #f98122, #f34242); box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.mcon3 .body .left_sec ul.tab_list2  {width:138px;}
.mcon3 .body .left_sec ul.tab_list2 li {border-bottom:1px solid #e3e3e3;}
.mcon3 .body .left_sec ul.tab_list2 li a {display:block; padding:24px 0 12px; font-size:17px;}
.mcon3 .body .left_sec ul.tab_list2 li.on a span {position:relative; z-index:1; display:inline-block; padding-left:50px;}
.mcon3 .body .left_sec ul.tab_list2 li.on a {position:relative; color:#fff; font-family:"NotoKrB", NotoKrB;}
.mcon3 .body .left_sec ul.tab_list2 li.on a:before {display:block; content:""; position:absolute; left:20px; bottom:0; width:166px; height:49px; border-radius:0 0 25px 0; background: linear-gradient(to right bottom, #f98122, #f34242);}


.mcon3 .body .left_sec .desc {width:620px; float:left;}
.mcon3 .body .left_sec .desc .tab-content2 {display:none; position:relative;}
.mcon3 .body .left_sec .desc #notice-1 {display:block;}
.mcon3 .body .left_sec .desc .tab-content2 > ul {}
.mcon3 .body .left_sec .desc .tab-content2 > ul:after {display:block; content:""; clear:both;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li {width:270px; height:200px; margin-bottom:20px; float:left;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li:after {display:block; content:""; clear:both;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li:nth-child(1),
.mcon3 .body .left_sec .desc .tab-content2 > ul > li:nth-child(3) {margin-right:74px;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a {display:block;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span {display:block;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span.name,
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span.buseo {display:inline-block; padding:6px 15px; margin-bottom:12px; background:#fff; font-size:14px; border:1px solid #e5e5e5; border-radius:50px;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span.tit {height:54px; margin-bottom:18px; font-size:20px; color:#000; line-height:120%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span.txt {height:40px; margin-bottom:14px; font-size:14px; color:#858585; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mcon3 .body .left_sec .desc .tab-content2 > ul > li a span.date {font-size:14px; color:#858585;}
.mcon3 .body .left_sec .desc .tab-content2 a.more {width:157px; height:33px; position:absolute; right:0; top:-56px; text-indent:-9999px; background:url('/images/main/btn_more2.png') no-repeat;}


/* 메인 팝업존 */
.mcon3 .body .right_sec {float:left; width:432px; margin-left:88px;}
.mcon3 .right_sec .popupzone {height:304px; margin-bottom:32px; overflow:hidden; border-radius:25px; position:relative; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon3 .right_sec .popupzone:after {display:block; content:""; clear:both;}
.mcon3 .right_sec .popupzone .bxslider1 li a {width:432px; height:242px; display:block;}
.mcon3 .right_sec .popupzone .bxslider1 li a:focus:after {display:block; content:""; width:428px; height:238px; border:0.15em dashed #f24400; position:absolute; left:0; top:0;}
.mcon3 .right_sec .popupzone .bxslider1 li img {display:block; width:432px; height:242px;}
/* .mcon3 .right_sec .popupzone .bxslider1 li a:focus:after {display:block; content:""; width:432px; height:242px; border:3px dashed #f96538; position:absolute; left:0; top:0;} */
.mcon3 .right_sec .popupzone .popup_ctrl {overflow:hidden; height:64px; padding:21px 25px 0; background:#fff;}
.mcon3 .right_sec .popupzone .popup_ctrl:after {display:block; content:""; clear:both;}
.mcon3 .right_sec .popupzone .popup_ctrl .number {float:left}
.mcon3 .right_sec .popupzone .popup_ctrl .ctrl {float:right;}
.mcon3 .right_sec .popupzone .popup_ctrl .ctrl a {display:inline-block; padding:0 5px;}

.mcon3 .right_sec .link {height:48px; padding:20px 15px 0; overflow:hidden; background:#fff; border-radius:25px; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon3 .right_sec .link a {float:left; width:25%; padding:5px 0 7px; display:block; position:relative; text-align:center; font-size:16px;}
.mcon3 .right_sec .link a:before {display:block; content:""; position:absolute; left:0; top:-3px; width:1px; height:36px; background:#e5e5e5;}
.mcon3 .right_sec .link a:first-child:before {display:none;}
.mcon3 .right_sec .link a.icon1 img {position:relative; top:-8px;}


/* 메인 분야별메뉴(탭) */
#mcon4_wrap {position:relative; background:#fff;}
#mcon4_wrap .mcon4 {overflow:hidden; padding-bottom:60px;}
#mcon4_wrap .mcon4:after {display:block; content:""; height:340px; position:absolute; left:0; right:0; bottom:0; background:#fff8db; z-index:1;}
.mcon4 .head {width:260px; float:left; position:relative; z-index:2;}
.mcon4 .head h2 {width:134px; height:64px; margin-bottom:30px; background:url('/images/main/p_index_tit2.png') no-repeat; text-indent:-9999px;}
.mcon4 .head ul {width:188px;}
.mcon4 .head ul li {border-bottom:1px solid #eee5c0;}
.mcon4 .head ul li a {display:block; padding:24px 0 12px 27px; font-size:17px;}
.mcon4 .head ul li.icon1 a {background:url('/images/main/icon_sns1.png') no-repeat 3px 25px;}
.mcon4 .head ul li.icon2 a {background:url('/images/main/icon_sns2.png') no-repeat left 25px;}
.mcon4 .head ul li.icon3 a {background:url('/images/main/icon_sns3.png') no-repeat left 25px;}

.mcon4 .body {width:1140px; float:left; position:relative; z-index:2;}
.mcon4 .body:after {display:block; content:""; clear:both;}
.mcon4 .body ul.news {}
.mcon4 .body ul.news:after {display:block; content:""; clear:both;}

.mcon4 .body ul.news {white-space: nowrap;}
.mcon4 .body ul.news:after {display:block; content:""; clear:both;}
.mcon4 .body ul.news > li {width:246px; height:370px; margin-left:48px; position:relative; float:left;}
.mcon4 .body ul.news > li:first-child {margin-left:0;}
.mcon4 .body ul.news > li:nth-child(2),
.mcon4 .body ul.news > li:nth-child(4) {top:32px;}
.mcon4 .body ul.news > li a {display:block;}
.mcon4 .body ul.news > li .thumb {width:246px; height:246px; position:relative; border-radius:12px; border:5px solid #fff; box-shadow:3px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.mcon4 .body ul.news > li .thumb img {display:block; width:246px; height:246px; border-radius:8px;}
.mcon4 .body ul.news > li .desc {padding:20px 0 0;}
.mcon4 .body ul.news > li .desc .cate {position:absolute; left:-8px; top:5px; width:112px; height:34px; line-height:34px; text-align:center; color:#fff; background:#32A30A; font-size:14px; border-radius:0 0 15px;}
.mcon4 .body ul.news > li .desc .cate:before {display:block; content:""; position:absolute; left:0px; top:34px; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid #2b7910; border-left: 4px solid transparent; border-right:4px solid #2b7910;}
.mcon4 .body ul.news > li .desc .tit {}
.mcon4 .body ul.news > li .desc .tit a {display:block; display:block; padding:3px 0; width:100%; margin-bottom:10px; font-size:18px; font-family:"NotoKrB", NotoKrB; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mcon4 .body ul.news > li .desc .txt {display:block; font-size:13px; color:#000;}
.mcon4 .body ul.news > li ul.detail {}
.mcon4 .body ul.news > li ul.detail li {font-family:"NotoKrR", NotoKrR; color:#000;}



/* 메인 롤배너(하단) */
#mcon5_wrap {}
#mcon5_wrap .mcon5 {overflow:hidden; padding:10px 0;}
.mcon5 .bnnr_box {width:1250px; float:left;}
.mcon5 ul.bnnr_list {padding-top:10px;}
.mcon5 ul.bnnr_list li {width:202px; height:70px; float:left; text-align:left; background:url(../images/common/bg_line4.png) no-repeat left 16px;}
.mcon5 ul.bnnr_list li a {display:block;}
.mcon5 ul.bnnr_list li a img {width:180px; height:50px;}
.mcon5 .bnnr_ctrl {width:150px; float:right; padding-top:25px;}
.mcon5 .bnnr_ctrl a {display:inline-block; padding:0 5px;}