body.index * {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:0px; 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:0px; right:70px; font-size:12px; background:#383b45; color:#fff; border-radius:5px 5px 0 0;}



/* 메인_검색창 */
.index_srch {padding:70px 0 70px; background:#e8f5ff; border-top:1px solid #f3f3f3; position:relative;  z-index:30;}
.index_srch .innr {position:relative; z-index:10;}
.index_srch .srch_box {width:660px; margin:0 auto; position:relative;}
.index_srch .srch_box .srch_area {width:660px; height:69px; border:4px solid #1175c1; border-radius:15px 15px 35px 15px; background:#fff;}
.index_srch .srch_box .srch_area span {}
.index_srch .srch_box .srch_area input[type=text] {width:600px; padding:4px 5px; margin:12px 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:19px; right:30px;}

.index_srch .innr .weather {position:absolute; left:-15px; top:5px;}
.index_srch .innr .srch_word {position:absolute; width:190px; right:130px; top:18px;}
.index_srch .innr .srch_word ul.word {}
.index_srch .innr .srch_word ul.word li {}
.index_srch .innr .srch_word ul.word li button {position:relative; border:0 none; background:none; font-family:"NotoKrR", NotoKrR; font-size:17px; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-align:left;}
.index_srch .innr .srch_word ul.word li button:focus:after {display:block; content:""; width:186px; height:26px; border:2px dashed #f96538; position:absolute; left:0; top:0;}
.index_srch .innr .srch_word ul.word li button i {display:inline-block; width:30px; height:30px; line-height:30px; margin-right:7px; text-align:center; border-radius:100%; background:#f54747; color:#fff; font-size:15px;}
.index_srch .innr .srch_word ul.word li button span {}

.index_srch .btn_word {position:absolute; right:35px; top:6px; width:18px; height:18px; border:0 none; background:url('/images/main/btn_word_more1.png') no-repeat center center; text-indent:-9999px;}
.index_srch .word_popup {display:none; margin-top:8px; padding:10px 25px 7px; background:#fff; border-radius:15px; box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.1);}
.index_srch .word_popup ul {}
.index_srch .word_popup ul li {border-bottom:1px dashed #d7d7d7;}
.index_srch .word_popup ul li:last-child {border-bottom:0;}
.index_srch .word_popup ul li button {display:block; border:0 none; padding:7px 0; background:#fff;}
.index_srch .word_popup ul li button i {display:inline-block; margin-right:4px;}
.index_srch .word_popup ul li button:hover {color:#f54747;}
.index_srch .word_popup ul li button:hover i {color:#f54747;}

/* 메인 비주얼배너 */
#mcon1_wrap {position:relative;  background:#e8f5ff url('/images/main/bg_main3.png') no-repeat 107% 196px;}
#mcon1_wrap:before {display:block; content:""; width:163px; height:163px; position:absolute; left:50%; top:-186px; margin-left:130px; background:url('/images/main/bg_main1.png') no-repeat left top;}
#mcon1_wrap:after {display:block; content:""; width:155px; height:155px; position:absolute; left:50%; top:-60px; margin-left:-800px; background:url('/images/main/bg_main2.png') no-repeat left top; z-index:40;}

#mcon1_wrap .mcon1 {padding:0 0 252px; position:relative;}
#mcon1_wrap .mcon1:after {display:block; content:""; clear:both;}
.mcon1 .left_sec {position:relative; float:left; width:772px; height:479px; z-index:50;}
.mcon1 .left_sec:after {display:block; content:""; clear:both;}
.mcon1 .left_sec .mbnnr {width:772px; height:401px; position:relative; z-index:10; border-radius:35px;}
.mcon1 .left_sec .mbnnr .bx-viewport {height:479px !important;}
.mcon1 .left_sec .mbnnr:before {display:block; content:""; width:772px; height:100px; background:#fff; position:absolute; left:0; bottom:0;}
.mcon1 .left_sec ul.visual_list {height:401px;}
.mcon1 .left_sec ul.visual_list:after {display:block; content:""; clear:both;}
.mcon1 .left_sec ul.visual_list li {position:relative; width:772px; height:401px;}
.mcon1 .left_sec ul.visual_list li a {display:block; width:772px; height:401px;}
.mcon1 .left_sec ul.visual_list li a:focus:after {display:block; content:""; width:768px; height:357px; border:2px dashed #f96538; position:absolute; left:0; top:0;}
.mcon1 .left_sec ul.visual_list li img {width:772px !important; height:401px !important; border-radius:35px;}
.mcon1 .left_sec ul.visual_list li .tit {width:440px; position:absolute; bottom:-57px; left:20px; display:block; padding:5px 0 5px 52px; font-size:18px; display:inline-block; font-family:"NotoKrR", NotoKrR; overflow:hidden;}


.mcon1 .left_sec .ctrl {width:772px; height:78px; padding:0 35px; overflow:hidden; position:relative; z-index:9; background:#fff url('/images/main/icon_cm_icon1.png') no-repeat 35px center;; border-radius:0 0 35px 35px;}
.mcon1 .left_sec .ctrl:after {display:block; content:""; clear:both;}
.mcon1 .left_sec .btn {position:absolute; right:35px; bottom:25px; z-index:10;}
.mcon1 .left_sec .btn .innr {display:inline-block; padding:0 10px; margin:0 14px; border-left:1px solid #d7d7ea; border-right:1px solid #d7d7ea;}
.mcon1 .left_sec .btn #sliderStatus {position:relative; top:3px; display:inline-block; text-align:center; font-size:18px; font-family:"NotoKrB", NotoKrB; }
.mcon1 .left_sec .btn #sliderStatus .numerhere_main {display:inline-block; position:relative; padding-right:15px; color:#ef6868;}
.mcon1 .left_sec .btn #sliderStatus .numerhere_main:after {display:block; content:""; width:4px; height:4px; border-radius:100%; background:#d7d7ea; position:absolute; right:6px; top:12px;}
.mcon1 .left_sec .btn #sliderStatus .ltest {}
.mcon1 .left_sec .btn a {position:relative; display:inline-block; padding:5px 8px;}
.mcon1 .left_sec .btn a span {display:block;}
.mcon1 .left_sec .btn .visual_prev {}
.mcon1 .left_sec .btn .visual_next {}
.mcon1 .left_sec .btn .visual_stop {}
.mcon1 .left_sec .btn .visual_total {width:15px; height:15px; top:9px; background:url('/images/main/btn_more1.png') no-repeat center center;}
.mcon1 .left_sec .btn .visual_total span {text-indent:-9999px;}
#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:1px 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 {o}
.layer_wrap .layer_content .visual_list2:after {display:block; content:""; clear:both;}
.layer_wrap .layer_content .visual_list2 li {margin-bottom:20px; text-align:center;}
.layer_wrap .layer_content .visual_list2 li a {display:inline-block;}
.layer_wrap .layer_content .visual_list2 li img {display:inline-block; margin-bottom:8px; border:1px solid #eee;}
.layer_wrap .layer_content .visual_list2 li span.tit {display:none;}

.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:541px; margin-left:86px; float:left; position:relative; z-index:10;}
.mcon1 .right_sec .photo {width:541px; height:280px; position:relative; border-radius:35px; z-index:1;}
.mcon1 .right_sec .photo:before {display:block; content:""; width:541px; height:100px; background:#495966; position:absolute; left:0; bottom:0;}
.mcon1 .right_sec .photo ul {width:541px; height:280px; 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:541px; height:280px; background-size:541px auto !important; border-radius:35px;}
.mcon1 .right_sec .photo ul li a:focus:after {display:block; content:""; width:537px; height:276px; border:2px 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:80px; background:url('/images/main/bg_focus_tit1.png') repeat; border-radius:0 0 35px 35px;}
.mcon1 .right_sec .photo ul li .desc .tit {display:block; width:285px; margin:0 auto; padding:36px 0 0 0; font-size:22px; color:#fff; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"NotoKrB", NotoKrB; text-align:center; text-shadow:0px 0px 3px rgba(0, 0, 0, 0.4);}
.mcon1 .right_sec .photo .bx-viewport {}
.mcon1 .right_sec .photo .bx-viewport:after {display:block; content:""; clear:both;}
.mcon1 .right_sec .photo .info {height:68px; position:relative;}
.mcon1 .right_sec .photo .info:before {display:block; content:""; position:absolute; left:0; bottom:68px; right:0; height:68px; border-radius:0 0 25px 25px; }
.mcon1 .right_sec .photo .info .ctrl {}
.mcon1 .right_sec .photo .info .ctrl a {position:absolute; bottom:84px;}
.mcon1 .right_sec .photo .info .ctrl a.photo_prev {left:100px;}
.mcon1 .right_sec .photo .info .ctrl a.photo_next {right:100px;}


/* 메인 4개버튼 */
.mcon1 .right_sec .main_btn1 {height:68px; padding-top:23px; margin-bottom:40px; position:relative; background:#495966; border-radius:0 0 25px 25px; z-index:10;}
.mcon1 .right_sec .main_btn1 ul {padding:0 15px;}
.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:first-child:before {display:none;}
.mcon1 .right_sec .main_btn1 ul li a {display:block; position:relative; text-align:center; font-size:17px; color:#fff; font-family:"NotoKrM", NotoKrM; }
.mcon1 .right_sec .main_btn1 ul li a:before {display:block; content:""; width:1px; height:14px; background:#64727d; position:absolute; left:0; top:4px;}
.mcon1 .right_sec .main_btn1 ul li:first-child a:before {display:none;}


/* 메인 4개버튼 */
.mcon1 .right_sec .main_btn2 {}
.mcon1 .right_sec .main_btn2 ul {display:flex; flex-direction:row; justify-content: space-around;}
.mcon1 .right_sec .main_btn2 ul li {}
.mcon1 .right_sec .main_btn2 ul li a {display:block; padding:56px 10px 0 10px; font-size:16px; letter-spacing:-1px; text-align:center;}
.mcon1 .right_sec .main_btn2 ul li.icon1 a {background:url(../images/main/icon_menu1_icon1.png) no-repeat center top;}
.mcon1 .right_sec .main_btn2 ul li.icon2 a {background:url(../images/main/icon_menu1_icon2.png) no-repeat center top;}
.mcon1 .right_sec .main_btn2 ul li.icon3 a {background:url(../images/main/icon_menu1_icon3.png) no-repeat center top;}
.mcon1 .right_sec .main_btn2 ul li.icon4 a {background:url(../images/main/icon_menu1_icon4.png) no-repeat center top;}


/* 메인 자주찾는메뉴 */
#mcon2_wrap {position:relative; margin-top:-170px;  margin-bottom:88px; background:url(../images/main/bg_mcon2.jpg) no-repeat left top;}
#mcon2_wrap .mcon2 {position:relative; padding:60px 0 0 68px; background:#fff; border-radius:80px 0 0 0;}
/* #mcon2_wrap .mcon2:after {display:block; content:""; width:500px; height:175px; position:absolute; right:-500px; top:0; background:#fff;} */
.mcon2 .tab_menu {margin-bottom:10px; display:inline-block; font-size:24px; font-family:"NotoKrB", NotoKrB;}
.mcon2 .tab_menu:after {display:block; content:""; width:550px; height:1px; background:#dddddd; position:absolute; right:100px; top:76px;}
.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; border-left:1px solid #dddddd;}
.mcon2 .tab_menu ul.tab_list li:first-child {border-left:0;}
.mcon2 .tab_menu ul.tab_list li a {display:inline-block; position:relative; padding:0 47px 0 0;}
.mcon2 .tab_menu ul.tab_list li a:after {display:block; content:""; position:absolute; right:10px; top:15px; width:16px; height:9px; background:url(../images/main/icon_arrow1.png) no-repeat left top;}
.mcon2 .tab_menu ul.tab_list li.on a:after {background:url(../images/main/icon_arrow2_on.png) no-repeat left top;}
.mcon2 .tab_menu ul.tab_list li.on a {color:#009FAC; font-family:"NotoKrB", NotoKrB;}
.mcon2 .tab_menu ul.tab_list li:nth-child(1) {padding-left:42px; background:url(../images/main/fav_icon1.png) no-repeat left center;}
.mcon2 .tab_menu ul.tab_list li.on:nth-child(1) {background:url(../images/main/fav_icon1_on.png) no-repeat left center;}
.mcon2 .tab_menu ul.tab_list li:nth-child(2) {padding-left:60px; background:url(../images/main/fav_icon2.png) no-repeat 20px center;}
.mcon2 .tab_menu ul.tab_list li.on:nth-child(2) {background:url(../images/main/fav_icon2_on.png) no-repeat 20px center;}
.mcon2 .tab_menu ul.tab_list li:nth-child(3) {padding-left:60px; background:url(../images/main/fav_icon3.png) no-repeat 20px center;}
.mcon2 .tab_menu ul.tab_list li.on:nth-child(3) {background:url(../images/main/fav_icon3_on.png) no-repeat 20px center;}
.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 .btn {position:absolute; top:60px; right:0px;}
.mcon2 .tab-content .fav_btn {}
.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 {}
.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 {}

/* 즐겨찾는 메뉴 */
.mcon2 ul.bxslider_fav1 {width:1400px; margin:0 auto; padding:10px 0;}
.mcon2 .bx-viewport {padding:10px 0 !important;}
.mcon2 ul.bxslider_fav1:after {display:block; content:""; clear:both;}
.mcon2 ul.bxslider_fav1 li { float:left; position:relative; width:238px !important; height:55px;  }
.mcon2 ul.bxslider_fav1 li a {display:block; width:238px; height:55px; margin-bottom:10px; background:#fff; border:1px solid #e5e5e5; border-radius:12px 12px 30px 12px;}
.mcon2 ul.bxslider_fav1 li * {transition: all .3s ease-in-out;}
.mcon2 ul.bxslider_fav1 li a:hover {border:1px solid #009FAC;}
.mcon2 ul.bxslider_fav1 li a span {display:block; height:55px; line-height:55px; padding-left:60px; font-size:16px; font-family:"NotoKrM", NotoKrM;}
.mcon2 ul.bxslider_fav1 li a.fav1 {background:url(../images/main/fav_menu1_icon1.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav2 {background:url(../images/main/fav_menu1_icon2.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav3 {background:url(../images/main/fav_menu1_icon3.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav4 {background:url(../images/main/fav_menu1_icon4.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav5 {background:url(../images/main/fav_menu1_icon5.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav6 {background:url(../images/main/fav_menu1_icon6.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav7 {background:url(../images/main/fav_menu1_icon7.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav8 {background:url(../images/main/fav_menu1_icon8.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav9 {background:url(../images/main/fav_menu1_icon9.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav10 {background:url(../images/main/fav_menu1_icon10.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav11 {background:url(../images/main/fav_menu1_icon11.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav12 {background:url(../images/main/fav_menu1_icon12.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav13 {background:url(../images/main/fav_menu1_icon13.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav1 li a.fav14 {background:url(../images/main/fav_menu1_icon14.png) no-repeat 20px 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 { float:left; position:relative; width:238px !important; height:55px;  }
.mcon2 ul.bxslider_fav2 li a {display:block; width:238px; height:55px; margin-bottom:10px; background:#fff; border:1px solid #e5e5e5; border-radius:12px 12px 30px 12px;}
.mcon2 ul.bxslider_fav2 li * {transition: all .3s ease-in-out;}
.mcon2 ul.bxslider_fav2 li a:hover {border:1px solid #009FAC;}
.mcon2 ul.bxslider_fav2 li a span {display:block; height:55px; line-height:55px; padding-left:60px; font-size:16px; font-family:"NotoKrM", NotoKrM;}
.mcon2 ul.bxslider_fav2 li a.fav1 {background:url(../images/main/fav_menu2_icon1.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav2 {background:url(../images/main/fav_menu2_icon2.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav3 {background:url(../images/main/fav_menu2_icon3.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav4 {background:url(../images/main/fav_menu2_icon4.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav5 {background:url(../images/main/fav_menu2_icon5.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav6 {background:url(../images/main/fav_menu2_icon6.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav7 {background:url(../images/main/fav_menu2_icon7.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav8 {background:url(../images/main/fav_menu2_icon8.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav9 {background:url(../images/main/fav_menu2_icon9.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav2 li a.fav10 {background:url(../images/main/fav_menu2_icon10.png) no-repeat 20px 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 { float:left; position:relative; width:238px !important; height:55px;  }
.mcon2 ul.bxslider_fav3 li * {transition: all .3s ease-in-out;}
.mcon2 ul.bxslider_fav3 li a:hover {border:1px solid #009FAC;}
.mcon2 ul.bxslider_fav3 li a {display:block; width:238px; height:55px; margin-bottom:10px; background:#fff; border:1px solid #e5e5e5; border-radius:12px 12px 30px 12px;}
.mcon2 ul.bxslider_fav3 li a span {display:block; height:55px; line-height:55px; padding-left:60px; font-size:16px; font-family:"NotoKrM", NotoKrM;}
.mcon2 ul.bxslider_fav3 li a.fav1 {background:url(../images/main/fav_menu3_icon1.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav2 {background:url(../images/main/fav_menu3_icon2.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav3 {background:url(../images/main/fav_menu3_icon3.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav4 {background:url(../images/main/fav_menu3_icon4.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav5 {background:url(../images/main/fav_menu3_icon5.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav6 {background:url(../images/main/fav_menu3_icon6.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav7 {background:url(../images/main/fav_menu3_icon7.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav8 {background:url(../images/main/fav_menu3_icon8.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav9 {background:url(../images/main/fav_menu3_icon9.png) no-repeat 20px center;} /**/
.mcon2 ul.bxslider_fav3 li a.fav10 {background:url(../images/main/fav_menu3_icon10.png) no-repeat 20px center;} /**/



/* 메인 공지사항, 행사안내 */
#mcon3_wrap {margin-bottom:105px;}
.mcon3 {}
.mcon3 * {box-sizing: border-box;}
.mcon3:after {display:block; content:""; clear:both;}
.mcon3 .left_sec, .mcon3 .right_sec {float:left; height:390px;}

.mcon3 .left_sec {width:855px; margin-right:87px;}
.mcon3 .left_sec .main_notice {height:100%; position:relative; overflow:hidden;}
.mcon3 .left_sec .main_notice:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox {height:100%; }
.mcon3 .left_sec .main_notice .tabBox .head {height:62px; border:1px solid #d6dce3; border-radius:18px;}
.mcon3 .left_sec .main_notice .tabBox h3 {width:260px; height:62px; line-height:62px; font-size:18px; border-left:1px solid #d6dce3; position:absolute; top:0; text-align:center; color:#7a7a7a; font-family:"NotoKrB", NotoKrB; }
.mcon3 .left_sec .main_notice .tabBox h3 a {display:block; height:62px;}
.mcon3 .left_sec .main_notice .tabBox h3#tab01 {border-left:0 none;}
.mcon3 .left_sec .main_notice .tabBox h3#tab01 a { border-radius:18px 0 0 18px;}
.mcon3 .left_sec .main_notice .tabBox h3#tab03 {border-right:1px solid #d6dce3;}
.mcon3 .left_sec .main_notice .tabBox h3.on a {color:#fff; background:#2565bd;}
.mcon3 .left_sec .main_notice .tabBox h3 span {display:inline-block; position:relative;}
.mcon3 .left_sec .main_notice .tabBox h3 a:focus {text-decoration:none !important;}
.mcon3 .left_sec .main_notice .tabBox .tabList {height:308px; position:absolute; top:82px; left:0; padding:0 20px; border:1px solid #d6dce3; border-radius:18px; }
.mcon3 .left_sec .main_notice .tabBox h3#tab01 {left:0;}
.mcon3 .left_sec .main_notice .tabBox h3#tab02 {left:260px;}
.mcon3 .left_sec .main_notice .tabBox h3#tab03 {left:520px;}
.mcon3 .left_sec .main_notice .tabBox .more {position:absolute; top:-57px; right:30px; z-index:15;}
.mcon3 .left_sec .main_notice #tab02_list {display:none;}


/* 공지사항 */
.mcon3 .left_sec .main_notice .tabBox .m_notice,
.mcon3 .left_sec .main_notice .tabBox .m_culture {width:100%; padding:30px 40px 15px;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #dddddd;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .date {float:left; width:100px; height:100px; padding-top:12px; border-radius:18px; border:4px solid #f1f1f1;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .date span {display:block; text-align:center;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .date span.day {font-size:30px; font-family:"NotoKrB", NotoKrB;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .date span.year {font-size:15px; font-family:"NotoKrL", NotoKrL;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .desc {float:left; width:620px; padding-left:34px;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .desc p.tit {width:620px; line-height:145%; color:#3c3c3c; font-family:"NotoKrB", NotoKrB; margin-bottom:12px;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .desc p.tit a {padding:13px 0 2px; display:block; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .desc p.txt {height:42px; margin-bottom:6px; line-height:145%; font-size:16px; color:#898989; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mcon3 .left_sec .main_notice .tabBox .m_notice .top_atc .desc p.depart {color:#898989;}
.mcon3 .left_sec .main_notice .tabBox .m_notice ul {}
.mcon3 .left_sec .main_notice .tabBox .m_notice ul:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li {margin-bottom:4px;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a {display:block; padding:3px 0;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a .tit {float:left; width:650px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a .tit i.depart {float:left; display:inline-block; width:140px; text-align:center; margin-right:20px; font-size:13px; background:#f3f3f3; border-radius:30px; padding:5px 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a .tit i.title {float:left; display:inline-block; width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:3px; position:relative;}
.mcon3 .left_sec .main_notice .tabBox .m_notice li a .date {float:right; width:120px; text-align:right; color:#898989;}

.mcon3 .left_sec .main_notice .tabBox .m_culture ul {}
.mcon3 .left_sec .main_notice .tabBox .m_culture ul:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li {border-bottom:1px dashed #dddddd;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li:last-child {border-bottom:0;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li a {display:block; padding:9px 0;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li a:after {display:block; content:""; clear:both;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li a .tit {position:relative; float:left; width:600px; padding-left:15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li a .tit:before {display:block; content:""; width:5px; height:5px; background:#dddddd; position:absolute; left:0; top:8px;}
.mcon3 .left_sec .main_notice .tabBox .m_culture li a .date {float:right; width:120px; text-align:right; color:#898989;}


/* 메인 팝업존 */
.mcon3 .right_sec {}
.mcon3 .right_sec .popupzone {width:456px; height:390px;}
.mcon3 .right_sec .popupzone:after {display:block; content:""; clear:both;}
.mcon3 .right_sec .popupzone .head {position:relative; padding-left:10px; height:82px; line-height:82px; font-size:22px; font-family:"NotoKrB", NotoKrB;}
.mcon3 .right_sec .popupzone .head ul.popup_ctrl {position:absolute; right:18px; top:-2px; z-index:20;}
.mcon3 .right_sec .popupzone .head ul.popup_ctrl li {display:inline-block;}
.mcon3 .right_sec .popupzone .head ul.popup_ctrl li a {display:inline-block; padding:0 3px;}
.mcon3 .right_sec .popupzone .body {border-radius:18px; overflow:hidden;}
.mcon3 .right_sec .popupzone .body ul {}
.mcon3 .right_sec .popupzone .body ul li {}
.mcon3 .right_sec .popupzone .body ul li a {display:block; width:456px; height:308px; position:relative;}
.mcon3 .right_sec .popupzone .body ul li a:focus:after {display:block; content:""; width:452px; height:304px; border:2px dashed #f96538; position:absolute; left:0; top:0;}
.mcon3 .right_sec .popupzone .body ul li img {display:block; width:456px; height:308px;}



/* 메인-문화행사 */
#mcon4_wrap {height:620px; padding:105px 0; background:#fbf9f1;}
#mcon4_wrap .mcon4 {position:relative;}
/* #mcon4_wrap .mcon4:before {display:block; content:""; width:648px; height:96px; background:url(../images/main/bg_culture2.png) no-repeat top left; position:absolute; left:-200px; bottom:-75px;} */
.mcon4:after {display:block; content:""; clear:both;}
.mcon4 .left_sec {float:left; position:relative;}
.mcon4 .event_box {position:relative; width:980px; height:440px; overflow:hidden;}
.mcon4 .event_box .head h3 {display:inline-block; margin-right:40px; margin-bottom:30px; font-size:30px; font-family:"NotoKrB", NotoKrB;}

.mcon4 .event_box .bx-wrapper {width:980px !important; max-width:980px !important; padding:0 10px;}
.mcon4 .event_box ul.news {}
.mcon4 .event_box ul.news:after {display:block; content:""; clear:both;}
.mcon4 .event_box ul.news > li {width:285px; height:362px; position:relative;  float:left; background:#fff; border-radius:20px; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon4 .event_box ul.news > li:nth-child(2),
.mcon4 .event_box ul.news > li:nth-child(4),
.mcon4 .event_box ul.news > li:nth-child(6),
.mcon4 .event_box ul.news > li:nth-child(8),
.mcon4 .event_box ul.news > li:nth-child(10),
.mcon4 .event_box ul.news > li:nth-child(12),
.mcon4 .event_box ul.news > li:nth-child(14),
.mcon4 .event_box ul.news > li:nth-child(16) {top:50px;}
.mcon4 .event_box ul.news > li .thumb {width:285px; height:235px; position:relative;}
.mcon4 .event_box ul.news > li .thumb a {display:block;}
.mcon4 .event_box ul.news > li .thumb img {display:block; width:285px; height:235px; border-radius:20px 20px 0 0;}
.mcon4 .event_box ul.news > li .desc {padding:15px 25px 0;}
.mcon4 .event_box 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 .event_box ul.news > li .desc .detail {color:#828282;}
.mcon4 .event_box ul.news > li .desc .detail li {margin-bottom:4px;}
.mcon4 .event_box ul.news > li .desc .detail li span {display:inline-block; padding:1px 12px; margin-right:8px; border:1px solid #afafaf; font-size:12px; border-radius:30px;}
.mcon4 .event_box .bx-viewport {height:440px !important; overflow:visible !important;}

.mcon4 .left_sec .btn {}
.mcon4 .left_sec .btn a {position:absolute; top:150px; }
.mcon4 .left_sec .btn a img {display:block; border-radius:100%; box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.2); opacity: 0.8; filter: alpha(opacity=80);}
.mcon4 .left_sec .btn a.news_btn_prev1 {left:-21px;}
.mcon4 .left_sec .btn a.news_btn_next1 {right:-11px;}


.mcon4 .right_sec {position:absolute; right:-250px; top:-50px;}
.mcon4 .right_sec .culture_box {width:627px; height:619px; padding:120px 0 0 100px; background:url(../images/main/bg_culture1.png) no-repeat left top; border-radius:150px 0 0 35px; box-shadow:-5px -5px 15px 0px rgba(0, 0, 0, 0.1); color:#fff;}
.mcon4 .right_sec .culture_box .head {}
.mcon4 .right_sec .culture_box .head h2 {margi-bottom:15px; font-size:42px; font-family:"NotoKrB", NotoKrB; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);}
.mcon4 .right_sec .culture_box .head p {margin-bottom:30px; font-size:20px; font-family:"NotoKrR", NotoKrR; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.3);}
.mcon4 .right_sec .culture_box .body {}
.mcon4 .right_sec .culture_box .body ul {}
.mcon4 .right_sec .culture_box .body ul li {margin-bottom:8px;}
.mcon4 .right_sec .culture_box .body ul li a {width:290px; padding:10px 10px 10px 60px; display:block; font-size:19px; font-family:"NotoKrB", NotoKrB; border-radius:10px; border:3px solid #fff;}
.mcon4 .right_sec .culture_box .body ul li a span {display:block; background:url(../images/main/culture_list_arrow1.png) no-repeat 90% center;}
.mcon4 .right_sec .culture_box .body ul li.icon1 a { background:url(../images/main/culture_list_icon1.png) no-repeat 23px center;}
.mcon4 .right_sec .culture_box .body ul li.icon2 a { background:url(../images/main/culture_list_icon2.png) no-repeat 23px center;}
.mcon4 .right_sec .culture_box .body ul li.icon3 a { background:url(../images/main/culture_list_icon3.png) no-repeat 23px center;}
.mcon4 .right_sec .culture_box .body ul li.icon4 a { background:url(../images/main/culture_list_icon4.png) no-repeat 23px center;}
.mcon4 .right_sec .culture_box .body ul li.icon5 a { background:url(../images/main/culture_list_icon5.png) no-repeat 23px center;}



/* 메인 롤배너(하단) */
#mcon5_wrap {margin-top:50px; border-bottom:1px solid #e3e3e3;}
#mcon5_wrap .mcon5 {padding:15px 0;}
#mcon5_wrap .mcon5:after {display:block; content:""; clear:both;}
.mcon5 .bnnr_tit {width:110px; padding-top:17px; padding-left:20px; float:left;}
.mcon5 .bnnr_tit:after {display:block; content:""; clear:both;}
.mcon5 .bnnr_tit h2 {float:left; margin-right:25px; font-size:16px;}
.mcon5 .bnnr_tit .bnnr_ctrl {float:left;}
.mcon5 .bnnr_tit .bnnr_ctrl:after {display:block; content:""; clear:both;}
.mcon5 .bnnr_tit .bnnr_ctrl a {padding:0 5px;}
.mcon5 .bnnr_box {width:1290px; float:left;}
.mcon5 ul.bnnr_list:after {display:block; content:""; clear:both;}
.mcon5 ul.bnnr_list li {float:left; padding:3px 0; width:206px !important; height:56px !important;}
.mcon5 ul.bnnr_list li a {width:200px; height:50px; line-height:48px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mcon5 ul.bnnr_list li img {width:185px !important; height:48px !important;}




/* 풋터 */
#footer_wrap {border-top:0 none !important;}
