@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff; border:2px dashed #40b72d;}


/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700&display=swap');*/

#container_main{font-family: 'Noto Sans KR', sans-serif; font-weight: 400; padding-top:0;}
br{font-family: 'Noto Sans KR';}


#quickN{display:none; z-index: 99999;right: 30px;top: 273px !important; border-radius:20px; background: linear-gradient(to bottom,  #08afd1 0%,#4293e5 100%); box-sizing: border-box;}
#quickN li{text-align:center;width:100px;padding:10px 0; background-color:transparent; height: auto;}
#quickN li a{display:block; color:#fff;}
#quickN li a:hover{color: #fff;}
#quickN li:first-child{border-radius: 20px 20px 0 0; background-color:#fff;padding:18px 0;font-size:14px;line-height:1.7em; color:#4890e7; font-family: 'GmarketSans';  font-weight: 600;}
#quickN li:first-child span{color:#0066cc; font-size:16px;}
#quickN li img{display:block;width: auto;margin:0 auto;margin-bottom:8px;}
#quickN li:not(:first-child){border-bottom:1px dotted #e1e1e1;font-weight:700; padding: 10px 0; }
#quickN li:nth-child(7){height: auto;}
#quickN li:nth-child(8){border-bottom:0; padding:15px 0 20px 0}



.floor1 {position: relative;    z-index: 10;    width: 1600px;    margin: 0 auto;  }

#section1 {background:url(/images/portal/new_main/section1_bg.jpg) no-repeat center top;position: relative; padding:63px 0 60px 0;}
#section2 {clear:both;position: relative; background:#f9fbf8 url(/images/portal/new_main/section2_bg.jpg) no-repeat center bottom; padding:48px 0 86px 0;}
#section3 {padding:50px 0;}

#section1 h2.title, #section2 h2.title, #section3 h2.title{text-align: center; margin-bottom:50px;}
#section1:after, #section1_2:after{clear: both; content:''; display:block;}
#section1_1{margin-bottom:55px; }


/*날씨 및 검색*/
.weather {color:#333; font-size:15px;}
.weather div { display:inline-block; }
.weather #t1h{color:#000; font-weight: bold;}
.weather #dust{border-radius:30px; background:#1889ee; padding:1px 10px; color:#fff; font-size:14px;}
.weather .w_tit{font-weight: 400; color:#000;}
.floor1 .weather { margin: 10px 0 40px 0;}
#weatherImg img{width:65px; height:52px; margin-right:5px;}


.main_search {position:absolute;left: 330px;top:0px;}
.main_search .msearch { background: #fff; height: 63px; border-radius: 50px;    /* padding: 3px 10px; */ padding-right: 70px;    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}
.main_search .msearch_btn{position:absolute;top: 15px;right: 20px;}
.main_search .msearch input { border: 0px;    margin: 5px 5px 0 27px;    height: 50px;    font-size: 16px;    color: #999;    font-weight: 100; width:600px;}
.main_search .word {margin: 8px 0 0 0px;text-align: center;color:#fff;}
.main_search .word a {color:#fff;}



/*메인비주얼*/
#visual {position:relative; height:415px;z-index: 0;}
#visual:before{position:absolute; left:-30px; top:40px; content:''; background:url(/images/portal/new_main/dong_name.png) no-repeat center top; width:13px; height:140px;}

/*#visual .control {display: block;position:absolute; left:-45px; bottom:27px; z-index:2; }*/
#visual .control {display: block;position:absolute; left:-45px; bottom:0; z-index:2; }
#visual .control button {display:block; float:left; width:46px; height:40px; font-size:0; line-height:0;}
#visual .control button.btn_prev { background:url(/images/portal/main/news_prev.gif) no-repeat center center;}
#visual .control button.stop-slide { background:url(/images/portal/new_main/news_stop.png) no-repeat center center;}
#visual .control button.start-slide { display:none;background:url(/images/portal/new_main/news_play.png) no-repeat center center;}
#visual .control button.btn_next { background:url(/images/portal/main/news_next.gif) no-repeat center center;}

#visual ul.slick-dots{position:absolute; top:173px; left:-28px;  height:5px; box-sizing:border-box;}
#visual ul.slick-dots li{display:block; }
#visual ul.slick-dots li button{width:10px; height:10px; border-radius:50%; border:3px solid #83888c; text-indent:-999999px; margin:6px 0px; background:#fff;}
#visual ul.slick-dots li.slick-active button{background:#1889ee; border:none;}

#visual .incon{height:415px; box-sizing: border-box;}


#visual .incon.n00 { background:url(/images/portal/new/vi_bg_0925.png) no-repeat center top; padding:0 0 0 340px;}
#visual .incon.n01 { background:url(/images/portal/new/vi_bg_0426.png) no-repeat center top; padding:53px 0 0 340px;}
#visual .incon.n02 { background:url(/images/portal/new/vi_bg_02.png) no-repeat center top; padding:53px 0 0 340px;}
#visual .incon.n03 { background:url(/images/portal/new/vi_bg_03.png) no-repeat center top; padding:20px 0 0 340px;}
/*#visual .incon.n04 { background:url(/images/portal/new/vi_bg_04_new.png) no-repeat center top; padding:97px 0 0 340px;}
#visual .incon.n05 { background:url(/images/portal/new/vi_bg_250213.png) no-repeat center top; padding:0 0 0 340px;}
*/



/*구청장실*/
.mayor_group { position:absolute;right:26px; top:-20px;  width:455px;  transition:height 2s ease-in-out;}
.mayor_group .mayor {padding:34px 50px; overflow:hidden; position:relative; height:290px; border-radius:30px; box-sizing: border-box; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
.mayor_group .mayor.img{background:#235e6b url(/images/portal/new/mayor_bg02.jpg) no-repeat right bottom;}
.mayor_group .mayor .text {position:relative;z-index:11;font-size:14px;color:#ffffff; line-height:18px;  font-family: 'GmarketSans';  margin-bottom:20px;}
.mayor_group .mayor span{text-decoration:none; margin-top:15px; display:block;}
.mayor_group .mayor ul li { border-radius:30px; width:160px; background:#70969f; margin-bottom:7px;}
.mayor_group .mayor ul li a {display:block;color:#ffffff;font-size:13px;line-height: 1em;  padding:9px 0 9px 20px; background:url(/images/portal/new_main/gu_arr.png) no-repeat 140px center; }











.banner_link {float:left;   font-family: 'GmarketSans';  font-weight: 600; font-size:22px; width: 22.6%;}
.banner_link br{font-family: 'Malgun Gothic';}
.banner_link li {color:#fff; border-radius:20px;  margin:0 21px 23px 0; transition:all .3s; float:left;}
.banner_link li:nth-child(2), .banner_link li:nth-child(4){margin-right:0px;}
.banner_link li:nth-child(3), .banner_link li:nth-child(4){margin-bottom:0px;}

.banner_link li a {display:block; padding:32px 29px; color:#fff; width:170px; height:170px; box-sizing:border-box;}
.banner_link li a:hover{box-shadow:0 0 0 8px rgba(255,255,255,0.5) inset;   border-radius:20px; }
.banner_link li.c00 { background:#4890e7 url(/images/portal/new_main/link_bg00.png) no-repeat 99px 108px; }
.banner_link li.c01 { background:#394c81 url(/images/portal/new_main/link_bg03.png) no-repeat 99px 108px; }
.banner_link li.c02 { background:#4890e7 url(/images/portal/new_main/link_bg01.png) no-repeat 99px 108px; }
.banner_link li.c03 { background:#187e8d url(/images/portal/new_main/link_bg04.png) no-repeat 99px 108px; }
/*.banner_link li.c03 { background:#187e8d url(/images/portal/new_main/link_bg_corona.png) no-repeat 99px 108px; }*/
.banner_link li.c04 { background:#019FB7 url(/images/portal/new_main/link_bg02.png) no-repeat 99px 108px; }


/*popup zone*/
.popup  {float:right;position:relative;width:29.31%;height:360px;background:#fff;transition:height 2s ease-in-out; border-radius:20px; border:1px solid #dcdedd; box-sizing:border-box;}
.popup  .popup_control{ z-index:70; position:absolute; bottom:10px; right:15px; }
.popup  .popup_control button {display:block;float:left; width:19px; height:19px; margin-left:1px; font-size:0; line-height:0;}
.popup  .popup_control button.prev-slide { background:url(/images/portal/new_main/popup_prev.gif) no-repeat;}
.popup  .popup_control button.stop-slide { background:url(/images/portal/new_main/popup_stop.gif) no-repeat;}
.popup  .popup_control button.start-slide { background:url(/images/portal/new_main/popup_play.gif) no-repeat;}
.popup  .popup_control button.next-slide { background:url(/images/portal/new_main/popup_next.gif) no-repeat;}
.popup  .popup_control a.more { margin-left:4px;}

.popup  .tit{font-size:18px; font-weight: 600; padding:10px 0 0 25px;}

.popup   ul.popup_list img{width:100%; height:310px; border-radius:20px 20px 0 0;}
.popup   ul.popup_list a {display:block;}
.popup   ul.popup_list a:focus { border:1px dotted #ddd;}



/*공지사항 */
.board { float:left; position:relative; width:44.37%; height:360px;  margin:0 37px 0 0 ; }
.board  ul li{display:inline;float: left;padding:0;}
.board  ul li a.tab_btn{display: block; padding: 2px 15px 0;    height: 38px;  font-weight: 500; line-height: 38px;    color: #000;    font-size: 18px; }
.board  ul li a.tab_btn:focus { border:1px dotted #ddd;}
.board  ul li.active a.tab_btn{background: #4890e7;    color: #336ac0;    font-weight: 600;      color: #fff;    border-radius: 0 20px 0 0;}
.board  ul li img{margin-left:5px;vertical-align:top}
.board  ul div.tabcontent{    border-top: 1px solid #ddd;    position: absolute;    top: 71px;    left: 0;    width: 100%;    height: 260px;    padding: 25px 0 0 0px;}

.board  ul ul li:first-child{padding-bottom:30px; width:100%;}
.board  ul ul li:not(:first-child){margin: 0; padding: 0 0 0 15px; background: url(/images/portal/common/board_bu.gif) no-repeat 3px 15px; width: 100%; box-sizing: border-box;}
.board  ul ul li:first-child a p.title01 {width:85%; float:right; color:#000; font-size:17px; margin-bottom:3px; margin-top:0px;  white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display:block; word-break:break-all; font-weight: 500;}
.board  ul ul li:first-child a p.detail {display:block; width:85%; float:right;  display:block; word-break:break-all; font-size:15px; line-height:21px; color:#666; height:42px; font-weight: 100;   overflow: hidden;} 
.board  ul ul li:first-child a p.detail img{max-width:100%;}
.board  ul ul li:first-child a p.date {font-weight: 100; float: none; width: 88px;  height: 88px;  text-align: center;  color: #333;  background: #fff;  position: relative; padding: 10px 0 40px 0; box-sizing: border-box;  border: 2px solid #4890e7; font-family: 'GmarketSans';  font-size: 11px; text-align: center;}
.board  ul ul li:first-child a p.date span{display:block;font-size:25px; color:#4890e7; font-weight: 600; margin-top:2px; }

.board  ul ul li img { vertical-align:middle;}
.board  ul ul li a p.title01 {display: inline-block; float: left; width: 86%; padding: 0; font-size: 16px; color: #1b1b1b; line-height: 36px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300;}
.board  ul ul li a p.detail{display:none;}
.board  ul ul li a p.date { display:inline-block; padding-top:5px; font-size:15px; color:#555;  text-decoration:none;     float: right; letter-spacing: 0;  font-weight: 300;}
.board  .more a{ display:block; position: absolute; top: -71px; right: 0; width: 54px; height:52px; background:url(/images/portal/new_main/board_more.png) no-repeat center; font-size: 0;line-height: 0;}




.svc_ico{ clear:both; position:relative; width:100%;  margin:0 0 30px 0;}
.svc_ico ul{height:150px;  overflow:hidden;width: 92%; margin: 0 auto;}
.svc_ico ul:after{content:''; display:block; clear:both;}
.svc_ico ul li{float:left; width:12.5%; height:148px; margin-bottom: 20px;}
.svc_ico ul li a{display:block; height:100%;     text-align: center;}
.svc_ico ul li a span{margin-top:20px; display:block; color:#333; font-size:16px;}
.svc_ico ul li .ico{display:block; position:relative; background:#fff; overflow:hidden; width:99px; height:99px; margin:0 auto;  border-radius:8px; transition:all .15s; box-shadow: 5px 3px 10px rgb(0 0 0 / 20%); }
.svc_ico ul li a:hover .ico{transform:rotateY(180deg); box-sizing: border-box; 	-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);  box-shadow: 5px 3px 10px rgb(0 0 0 / 20%);}
.svc_ico ul li.n00 .ico{ background:#fff url(/images/portal/new_main/icon_service00.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n01 .ico{ background:#fff url(/images/portal/new_main/icon_service01.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n02 .ico{ background:#fff url(/images/portal/new_main/icon_service02.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n03 .ico{ background:#fff url(/images/portal/new_main/icon_service03.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n04 .ico{ background:#fff url(/images/portal/new_main/icon_service04.png) no-repeat center;background-size:60%; }
.svc_ico ul li.n05 .ico{ background:#fff url(/images/portal/new_main/icon_service05.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n06 .ico{ background:#fff url(/images/portal/new_main/icon_service06.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n07 .ico{ background:#fff url(/images/portal/new_main/icon_service07.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n08 .ico{ background:#fff url(/images/portal/new_main/icon_service08.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n09 .ico{ background:#fff url(/images/portal/new_main/icon_service09.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n10 .ico{ background:#fff url(/images/portal/new_main/icon_service10.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n11 .ico{ background:#fff url(/images/portal/new_main/icon_service11.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n12 .ico{ background:#fff url(/images/portal/new_main/icon_service12.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n13 .ico{ background:#fff url(/images/portal/new_main/icon_service13.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n14 .ico{ background:#fff url(/images/portal/new_main/icon_service14.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n15 .ico{ background:#fff url(/images/portal/new_main/icon_service15.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n16 .ico{ background:#fff url(/images/portal/new_main/icon_service16.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n17 .ico{ background:#fff url(/images/portal/new_main/icon_service17.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n18 .ico{ background:#fff url(/images/portal/new_main/icon_service18.png) no-repeat center; background-size:60%;}
.svc_ico ul li.n19 .ico{ background:#fff url(/images/portal/new_main/icon_service19.png) no-repeat center; background-size:60%;}

.svc_ico ul li .tit{display:block; padding:10px 0 0; font-size:16px; text-align:center;letter-spacing:-1.5px;}
.svc_ico ul li a:hover .ico:after,
.svc_ico ul li a:focus .ico:after{top:-61px;}
.svc_ico .btn{border-radius: 50%; text-indent: -9999px;top:50%;width: 30px; height: 30px;position: absolute; transform: translate(0%, -50%);z-index: 2; cursor: pointer;}
.svc_ico .next-btn{right:0px;background:url(/images/portal/new_main/prev-arr.png)no-repeat 4px 48%;}
.svc_ico .prev-btn{left: 0px;;background:url(/images/portal/new_main/next-arr.png)no-repeat 2px 48%;}


/* 서비스 아이콘 
.svc_ico .icon_list { position: relative; width: 100%; margin:0 0 50px 0; }
.svc_ico .icon_list li { float: left; width: 12.5%;  text-align: center; }
.svc_ico .icon_list li a { display: block; }
.svc_ico .icon_list li a i{position:relative; background:#fff; width:99px; height:99px; margin:0 auto;  border-radius:8px; transition:all .15s; box-shadow: 5px 3px 10px rgb(0 0 0 / 20%); }
.svc_ico .icon_list li a span{margin-top:20px; display:block;}
.svc_ico .icon_list li a:hover span { background: #23a3d0; color: #fff; padding:3px 10px; border-radius:3px; }

*/

/* service_group */
.service_group {border-radius:20px; position: relative; height:200px; transition:height 2s ease-in-out;  box-shadow:5px 3px 10px rgba(0,0,0,0.2); margin: 10px 0 0 0; padding: 0; clear:both; background:#fff; }
.service_group section { float: left; width: 25%; }
.service_group section > button { width: 100%; background-color: #f3f3f3; border-left: 1px solid #d4d7d9; border-right: 1px solid #fff; color: #4d4d4d; font-size: 17px; line-height: 50px; }
.service_group .service_area > button{border-radius:20px 0 0 0;}
.service_group .service_enterprise  > button{border-radius:0 20px 0 0;}
.service_group section > button:hover,
.service_group section > button.open { position: relative; color: #fff; /*background: linear-gradient(to bottom,  #289E6F 30%,#8cc567 70%); */ background:#289E6F; }
.service_group section > button.open:after {position: absolute; content: '';   background: url(/images/portal/new_main/link_arr.png) no-repeat 0 0;  left: 50%;   bottom: -20px;   width: 12px;  height: 20px;  margin-left: -6px;}
.service_group section > button span { display: inline-block;  }


.service_group section > button:hover span,
.service_group section > button.open span { /*background: url(/images/portal/main/service_ti_on.png) no-repeat right 21px; */}

.service_group .service_area > button { border-left: none; }
.service_group .service_enterprise > button { border-right: none; }
.srvc_wrap { display: none; position: absolute; top: 80px; left: 0; width: 100%;  overflow: hidden; background-color: #fff; }
.srvc_wrap .icon_list { position: relative; width: 98%; margin: 0; }
.srvc_wrap .icon_list li { float: left; width: 9.7%; height: 103px; text-align: center; }
.srvc_wrap .icon_list li a { display: block; }
.srvc_wrap .icon_list li a i { display: block; width: 65px; height: 65px; margin: 0px auto 0 auto; background-repeat: no-repeat; background-position: 50%; }
.srvc_wrap .icon_list li:first-child { margin-left:25px;}
.srvc_wrap .icon_list li a:hover span { background: #23a3d0; color: #fff; padding:3px 10px; border-radius:3px; }

.srvc_wrap .service_title1 { float: left; position: relative; width: 25%; height: 100%; }
.srvc_wrap .service_title1 h4 {font-family: 'GmarketSans'; color:#373737; font-size:25px; font-weight: bold; margin: 0px 0 0 42px;line-height: 31px; }
.srvc_wrap .service_title1 h4 span{color:#069BA1;}
.srvc_wrap .service_title1 p { margin: 8px 0 0 42px; font-size: 15px; letter-spacing: -1px; line-height: 16px; color:#666666; }

.srvc_wrap .text_list1 li { display: block; float: left; width: 17%; margin-right:15px; margin-bottom:7px }
.srvc_wrap .text_list1 li a{line-height: 36px; display:block; padding:0 0 0 16px;  border:1px solid #e5e5e5; border-radius:5px; }
.srvc_wrap .text_list1 li a:hover{background:#259aac; color:#fff;}

.srvc_wrap .service_title { float: left; position: relative; width: 30.833333%; height: 100%; }
.srvc_wrap .service_title i { display: block; position: absolute; top: 0; left: 30px; bottom: 0; margin: auto 0; background: url(/images/portal/new_main/service_img.png) no-repeat; }
.srvc_wrap .service_title h4 { margin: 5px 0 0 140px; font-family: Oseong; font-size: 27px; line-height: 31px; font-family: 'GmarketSans'; }
.srvc_wrap .service_title p { margin: 8px 0 0 140px; font-size: 12px; letter-spacing: -1px; line-height: 16px; }
.srvc_wrap .service_title h4{color:#588f01;}

.srvc_wrap .text_list { display: block; float: left; width: 69.166666%; /*padding: 10px 0 0 0; */}
.srvc_wrap .text_list li { display: block; float: left; width: 20%; }
.srvc_wrap .text_list li span { display: inline-block; margin: 0; padding: 5px 10px; background: url(/images/portal/main/service_img.png) no-repeat left -85px; border-radius: 5px; font-size: 14px; letter-spacing:-1px; line-height: 16px; }
.srvc_wrap .text_list li a:hover span { background: #2566c2; color: #fff; }
.service_citizen .srvc_wrap .service_title i { width: 79px; height: 75px; background-position: left top; }

.service_citizen .srvc_wrap .service_title p { color: #666; }
.service_complaints .srvc_wrap .service_title i { width: 98px; height: 78px; background-position: -100px top; }
.service_complaints .srvc_wrap .service_title p { color: #666; }
.service_complaints .srvc_wrap .text_list li a:hover span { background-color: #63A013; }
.service_enterprise .srvc_wrap .service_title i { width: 80px; height: 77px; background-position: -227px top; }
.service_enterprise .srvc_wrap .service_title p { color: #666; }
.service_enterprise .srvc_wrap .text_list li a:hover span { background-color: #ee6b1c; }
.service_area .srvc_wrap { display: block; }
.service_ctrl { /*display:none;*/ position: absolute; top: 25px; right: 10px; width: 25px; }
.service_ctrl button { width: 25px; height: 25px; margin: 2px 0; background: url(/images/portal/main/service_prev.png) no-repeat 50%; border: 1px solid #a1bde1; font-size: 0; line-height: 0; text-indent: -9999px; }
.service_ctrl button.service_next { background-image: url(/images/portal/main/service_next.png); }

@media all and (max-width: 800px) {
 .service_group { margin: 0; }
 .srvc_wrap .icon_list li { width: 16.666667%; }
 #visual .incon.n05 { background:url(/images/portal/new/vi_bg_250213mo.png) no-repeat center top; padding:50px 0 0 0px;  text-align: center;     background-size: cover;}
 #visual .incon.n05 .n05text{display: none;}
}

@media all and (max-width: 640px) {
 .service_group { height: auto; margin: 10px 0 0 0; }
 .service_group section { width: 100%; }
 .service_group section button { border-top: 1px solid #cacaca; border-right: none; }
 .srvc_wrap { position: relative; top: inherit; left: inherit; }
 .srvc_wrap .service_title {  display: none; }
 .srvc_wrap .icon_list li { width: 33.333333%; }
 .srvc_wrap .text_list { width: 96%;padding:10px 2%; }
 .srvc_wrap .text_list li { width: 33.333333%; }
 .service_citizen .srvc_wrap .text_list li,.service_complaints .srvc_wrap .text_list li { width: 50%; }
 .service_citizen .srvc_wrap,
 .service_complaints .srvc_wrap,
 .service_enterprise .srvc_wrap { height: auto; }
 .service_ctrl { display:block; }

 .srvc_wrap .text_list1 {  width: 96%;    padding: 10px 2%; }
 .srvc_wrap .service_title1 h4 {display:none; }
.srvc_wrap .service_title1 h4 span{display:none; }
.srvc_wrap .service_title1 p { display:none;  }

  


}

@media all and (max-width: 320px) {
 .srvc_wrap .text_list { padding: 3%; }
 .srvc_wrap .text_list li { width: 50%; }
}




















#pic{position: relative; background:#fa8c95 url(/images/portal/new_main/pic_bg2.jpg) no-repeat right bottom; width:95.25%; padding:45px 0 45px 55px; box-sizing:border-box; border-radius:20px;  box-shadow:5px 3px 10px  rgba(0,0,0,0.2); } 
#pic:after{content:''; clear: both; display:block;}

.photo{float:left; width:42%; box-sizing:border-box; position: relative; margin-right:40px; }
.photo .photo_hi{overflow: hidden;}
.photo h2{font-size:24px; font-family: 'GmarketSans'; font-weight: bold; /*color:#821320;*/ color: #fff; margin-bottom:23px;}

.photo img{width:100%; height:192px; transition: all 1.0s;   -webkit-transition: all 1.0s;   -moz-transition: all 1.0s;}
.photo span.con_de{display:block; font-size:14px; margin-top:15px; color:#fff; height:93px; line-height: 25px;}
.photo span.data{font-size:14px; padding-left:20px; background:url(/images/portal/new_main/pic_data.png) no-repeat 0 0; color:#fff;}

.photo ul{margin:0 -20px;}
.photo ul::after {display:block; clear:both; content:''}
.photo ul li { position:relative; float:left; width:311px; transition:height 2s ease-in-out; margin:0 20px;}
.photo ul li > div { position:relative; }
.photo ul li img {width:100%;height:100%;object-fit: cover;}
.photo ul li img.noImg {background:#e7ebed url('/img/sasang/main/noimg.png') no-repeat center 35%;}
.photo ul li .divis {position:absolute;top:0;left:0;width:90px;height:38px;font-size:13px;color:#fff;line-height:38px;font-weight:bold;text-align:center;overflow:hidden;transition: all 0.3s;z-index:2;}
.photo ul li .divis a { color:#fff; white-space:nowrap; overflow:hidden;text-indent:0;text-overflow:ellipsis;transition: all 0.3s;}
.photo ul li .divis a:hover {/*text-indent:-160px;*/transition: all 0.3s;}
/*.photo ul li .divis a::after {position:absolute;top:0;left:0;width:100%;text-indent:300px;content:'더보기'; transition: all 0.3s;}
.photo ul li .divis a:hover::after{text-indent:0;}*/
.photo ul li .sphoto{display:block;height:190px;overflow:hidden;background:#fff; }
.photo ul li a { display:block; color:#fff; }
.photo ul li a:focus{outline:none;}
.photo ul li a:focus{border:2px dashed #0fd9dd;}
.photo ul li .tit {padding:10px 0px; font-size:20px; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ transition: all 0.2s; height:50px; color:#fff; }
.photo ul li .date, .Tube ul li .date {font-size:14px; padding-left:20px; background:url(/images/portal/new_main/pic_data.png) no-repeat 0 4px; color:#fff; margin-top:20px;}
/*.photo ul li .div1 .divis{background:rgba(26,168,148,0.9)}
.photo ul li .div2 .divis{background:rgba(0,135,197,0.9)}
.photo ul li .div3 .divis{background:rgba(243,111,35,0.9)}
.photo ul li .div4 .divis{background:rgba(0,135,197,0.9)}
.photo ul li .div5 .divis{background:rgba(26,168,148,0.9)}
.photo ul li .div6 .divis{background:rgba(0,135,197,0.9)}
*/

.photo ul li .div1 .divis{background: #007685;}
.photo ul li .div2 .divis{background: #064bd4;}
.photo ul li .div3 .divis{background: #b64800;}
.photo ul li .div4 .divis{background: #007685;}
.photo ul li .div5 .divis{background: #0b6637;}
.photo ul li .div6 .divis{background: #0b2066;}


.photo ul li.no_img a .tit{height:100%;font-size:22px;line-height:30px;white-space:normal}
.photo ul li.no_img .div1 a .tit{background:rgba(26,168,148,0.8);}
.photo ul li.no_img .div2 a .tit{background:rgba(0,135,197,0.9)}
.photo ul li.no_img .div3 a .tit{background:rgba(195,77,10,0.9)}
.photo ul li.no_img .div4 a .tit{background:rgba(0,135,197,0.9)}
.photo ul li.no_img .div5 a .tit{background:rgba(26,168,148,0.8);}
.photo ul li.no_img .div6 a .tit{background:rgba(195,77,10,0.9)}


.photo .dong_control {position:absolute; right:0px; top:0px; z-index:2; }
.photo .dong_control button {display:block; float:left; width:25px; height:25px; font-size:0; line-height:0;}
.photo .dong_control button.prev-slide { background:url(/images/portal/new_main/new_pre.png) no-repeat center center;}
.photo .dong_control button.stop-slide { background:url(/images/portal/new_main/new_stop.png) no-repeat center center;}
.photo .dong_control button.start-slide { display:none;background:url(/images/portal/new_main/new_play.png) no-repeat center center;}
.photo .dong_control button.next-slide { background:url(/images/portal/new_main/new_next.png) no-repeat center center;}


.Tube{}
.Tube{float:left; width:20%; box-sizing:border-box; position: relative;}
.Tube h2{font-size:24px; font-family: 'GmarketSans'; font-weight: bold; /*color:#821320;*/color:#000; margin-bottom:23px;}
.Tube ul li a { display:block; color:#fff; }
.Tube ul li a img{width:100%;}
.Tube ul li .tit {padding:10px 0px; font-size:20px; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ transition: all 0.2s; height:50px; color:#000; }
.Tube p.more { position:absolute; top:0px;color:#999; right:1px;  background:none !important; text-indent: -9999px;}
.Tube p.more a{ display:block;padding:0; background:url(/images/portal/new_main/pic_plue.png) no-repeat 0 0; width:19px; height:50px; z-index:99999999999999;}







#sns{ position: absolute; right: 0px; top: 86px; background:#fff; border-radius:20px; border:1px solid #dcdcdc; width:467px; padding:0 35px 35px 35px; box-sizing:border-box; box-shadow:-8px 8px 0px 0px rgb(145 74 156 / 14%)}
#sns .yu{margin-top:18px;}
#sns .sns_wrap {margin-top:-24px; position: relative;}
#sns .sns_wrap .snsicon{position: relative; width:270px; background:#fff; margin:0 auto; text-align: center;}
#sns .sns_wrap .snsicon a{margin-right:10px;}

ul.sns_list li{float:left; background:#f6fbf8; padding:10px; margin-left:13px; font-size:13px; border-radius:10px; width:190px; box-sizing:border-box; }
ul.sns_list:after{content:''; clear: both; display:block;}
ul.sns_list li .data{padding-left:28px; background:url(/images/portal/new_main/sns_tw.png) no-repeat;}
ul.sns_list li .tw{}

#sns .sns_control button {position: absolute; width:37px; height:37px; margin-left:1px; font-size:0; line-height:0; border-radius:50%; background:#fff; z-index:9999999;} 
#sns .sns_control button.btn_prev {left:-18px; top:120px; margin-top:-18px; background:#fff url(/images/portal/new_main/popup_prev.gif) no-repeat center center;}
#sns .sns_control button.btn_pause { background:url(/images/portal/new_main/popup_stop.gif) no-repeat;}
#sns .sns_control button.btn_play { background:url(/images/portal/new_main/popup_play.gif) no-repeat;}
#sns .sns_control button.btn_next {right:0; top:120px; margin-top:-18px; background:#fff  url(/images/portal/new_main/popup_next.gif) no-repeat center center;}

#visual .incon > div img.test0927{position: absolute; top: 0; left: 0;}
#visual .incon > div img.text0405{position: absolute; top: 150px; left: 40px; width: 40%}

@media only screen and (max-width: 1600px) {
	
	.floor1, .inner{width:100%;}
	.banner_link li{width:100%;}
    .banner_link li.c01{display:none;}
    .banner_link li.c04{display:none;}
	/*.banner_link li.c02{display:none;}
	.banner_link li.c04{display:none;}*/

}
@media only screen and (max-width: 1200px) {
	#container_main{margin-top:0px;}
	#section1{padding:0;}
	#section2{padding:30px 0 86px 0}
	.weather, #sns{display:none;}
	.floor1, .inner{width:100%;}
	.main_search { width: 100%;  position: relative;  top: 0;  left: auto; background: #4066ad;	}
	.main_search .msearch{box-shadow: none;}
	.floor1 .main_search .msearch{ border: 2px solid #3f67ad;  background: #fff;  height: 39px;  border-radius: 25px;  padding: 3px 10px;  padding-right: 70px;}
	.floor1 .main_search .msearch input { width: 86% !important;}
	.floor1 .main_search .msearch input { border: 0px;   margin: 0px 5px 0 15px;}
	.main_search .msearch input{height:35px;}

	.mayor_group{position: relative; top:0px; width:100%; right:0px;}
	.mayor_group .mayor{width: 95%;    margin: 20px auto; height:200px;	}
	.mayor_group .mayor.img{    background-size: 580px;}
	.mayor_group .mayor ul li{float: left;    margin-right: 20px;}

	#section1_1{  margin-bottom: 30px; padding-top:0;}
	.popup{width:100%; height: auto;}
	.popup .popup_wrap{width:100%;  height: auto;}
	.popup .tit{padding: 20px 0 20px 25px;}
	.popup .popup_control{bottom:20px;}
	.popup ul.popup_list img{width:100%; height:auto;}


	#section1_2{width:95%;     margin: 0 auto 30px;    position: relative;}

	.board{width:77%; margin-right:0;}
	.banner_link{float:right;}
	#section1 h2.title, #section2 h2.title{margin-bottom:30px;}


	.service_group{width: 95%; position: relative; margin: 0 auto;}

	#section3 h2.title{padding: 0;    text-align: center; margin-bottom:30px;}
	#pic{width: 95%; margin: 0 auto;}

	.photo{margin-right: 2%; width: 48%;}

	#visual{height:300px; box-sizing:border-box; margin-top:-7px}
	#visual .incon > div{height:300px; box-sizing:border-box;  text-align: center; padding-top:20px;     left: 50%; width:400px;
    position: relative;
    margin-left: -200px;}
    #visual .incon.n07 > div{height:300px; box-sizing:border-box;  text-align: center; padding-top:20px; left:0%; margin-left: 0;position: relative;}
	#visual .incon > div img{width:100%;}
    #visual .incon > div img.test0927{width:100%;position: absolute; top: 0; left: 0;}
    #visual .incon > div img.test0620{width:100%;position: absolute; top: 30px; left: 0;}

/*	#visual .incon.n07 { background:url(/images/portal/new/vi_bg_0927.png) no-repeat center top; padding:0 0 0 0px;  text-align: center;     background-size: cover;}*/
    #visual .incon.n00 { background:url(/images/portal/new/vi_bg_0925.png) no-repeat center top; padding:0 0 0 0px;  text-align: center;     background-size: cover;}
    #visual .incon.n01 { background:url(/images/portal/new/vi_bg_0426.png) no-repeat center top; padding:0 0 0 0px;  text-align: center;     background-size: cover;}
	#visual .incon.n02 { background:url(/images/portal/new/vi_bg_02.png) no-repeat center top; padding:0px 0 0 0px;  text-align: center;     background-size: cover;}
	#visual .incon.n03 { background:url(/images/portal/new/vi_bg_03.png) no-repeat center top; padding:0px 0 0 0px;  text-align: center;     background-size: cover;}
/*	#visual .incon.n04 { background:url(/images/portal/new/vi_bg_04_new.png) no-repeat center top; padding:50px 0 0 0px;  text-align: center;     background-size: cover;}*/
    
    

	#visual ul.slick-dots{position:absolute; top:270px; left:50%;  height:5px; box-sizing:border-box;}
	#visual ul.slick-dots li{display:inline-block; margin-right:10px;}
	#visual ul.slick-dots li button{width:10px; height:10px; border-radius:50%; border:3px solid #83888c; text-indent:-999999px; margin:6px 0px; background:#fff;}
	#visual ul.slick-dots li.slick-active button{background:#1889ee; border:none;}

	 #foot_banner { display:none; }
	 #foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	 #foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb;  }
	 #foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	 #foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }

	 #foot_info { padding:20px; }
	.fq_box ul{width:90%; margin: 20px 5%;}

	.svc_ico{    clear: both;    position: relative;    width: 95%;    margin: 0 auto 30px;}
	#section3{padding:30px 20px;}

	.srvc_wrap .service_title1, .srvc_wrap .service_title{display:none;}

	.srvc_wrap .text_list, .srvc_wrap .text_list1{width: 96%;   padding: 10px 2%;}
	.srvc_wrap .text_list1 li{width:23%;}

    /*동래부동헌 pc영역 텍스트*/
	#visual .incon > div img.text0405{width: 100%; top: 0; left: 0;}

}

@media only screen and (max-width: 786px) {
	.board{width:100%; height: 220px;}
	.banner_link{display:none;}
	.board ul ul li:first-child a p.detail{display:none;}
	.board ul ul li:first-child a p.date{display:none;}
	.board ul ul li:first-child a p.title01{display:none;}
	.board ul div.tabcontent{top:50px; border-top:none; padding:0; height:180px;}
	.board ul ul li:first-child{display:none;}
}

@media only screen and (max-width: 680px) {
	
	.photo{width:100%; margin-right:0;}
	#pic{padding:20px;}
	.Tube ul li a img{width:100%}
}

@media only screen and (max-width: 640px) {
	.srvc_wrap .text_list1 li{width:100%; margin-right: 0%;}
	.service_group .service_enterprise > button{border-radius: 0 0 20px 20px;}
	.service_group .service_area > button{border-radius:20px 20px 0 0;}
	#section1_2 h2.title img, #section2 h2.title img, #section3 h2.title img{width:300px;}
	.photo{width:100%; margin-right:0; margin-bottom:20px;}
	#pic{padding: 30px;}
	.photo h2{font-size: 20px;}

	.photo iframe{width:100% !important;}

	
	#visual .n01 img{width:80%}
	#visual .n02 img{width:80%}
	.board ul ul li a p.date{float: right;}
	.board ul ul li a p.title01{width:75%;}
	.board .more a{width: 34px; top: -55px;}
	.board ul li a.tab_btn{font-size:13px; }

}

@media only screen and (max-width: 500px) {
	
	.mayor_group .mayor ul li{float:none;}
	.mayor_group .mayor{ height: 290px; padding: 34px 25px; background: #235e6b url(/images/portal/new/mayor_bg02.jpg) no-repeat right -5px bottom;}

	.mayor_group .mayor.img{background-size:auto; }

	.board ul li a.tab_btn{padding: 2px 5px 0;}

}                         

.ir{text-indent: -99999999999px;}  

/*동래고을 관련 추가*/

#pic_new{position: relative; background:#eaf3fa url(/images/portal/new_main/pic_bg_new.jpg) no-repeat left bottom; width:95.25%; padding:45px 0 45px 55px; box-sizing:border-box; border-radius:20px;  box-shadow:5px 3px 10px  rgba(0,0,0,0.2); } 
#pic_new:after{content:''; clear: both; display:block;}


.photo_new{float:left; width:20%; box-sizing:border-box; position: relative; margin-right:40px; }
.photo_new h2{font-size:24px; font-family: 'GmarketSans'; font-weight: bold; color: #000; margin-bottom:23px;}
.photo_new a{display:block; height:252px; overflow: hidden; width:100%;}
.photo_new img{width:100%; height:100%; transition: all 1.0s;   -webkit-transition: all 1.0s;   -moz-transition: all 1.0s;}

.quiz_wrap{float:left; width:20%; box-sizing:border-box; position: relative; margin-right:70px;}
.quiz_wrap h2{font-size:24px; font-family: 'GmarketSans'; font-weight: bold; color: #000; margin-bottom:23px;}
.quiz_wrap .quiz{background:#222663 url(/images/portal/new_main/quiz_bg.png) no-repeat right bottom; padding:46px 0 28px 27px; }
.quiz_wrap .quiz a{ display: block;}
.quiz_wrap .quiz a span{ display: block;}
.quiz_wrap .quiz a span.btxt{font-family: 'GmarketSans'; color:#fff; font-size:20px; padding-left:35px; background:url(/images/portal/new_main/quiz_tit.png) no-repeat 0 0;}
.quiz_wrap .quiz a span.btn_more{width:32px; height:32px; background:url(/images/portal/new_main/quiz_arr.png) no-repeat 0 0; text-indent: -99999999px; margin-top:87px;}   



@media only screen and (max-width: 1500px) {
	.photo_new,
	.quiz_wrap{margin-right: 20px;}
}

@media only screen and (max-width: 1200px) {
	#pic_new{width:100%; padding: 45px 30px 45px 30px;}
	.Tube,
	.photo_new, 
	.quiz_wrap{    width: calc(33.33% - 20px);}
}

@media only screen and (max-width: 768px) {
	
	.Tube,
	.photo_new, 
	.quiz_wrap{    width: 100%; margin:15px 0;}
	
}