@charset "utf-8";
@import url(../../front/fonts/notosanskr.css);

/*모바일css*/
/* mobile w200 ~ 640 ================================================================================== */

.mobile_only{display: none;}

@media (max-width: 911px) and (min-width: 200px) {

.mobile_only{display: block;}
.mobile_none{display: none !important;}

/*mobile hidden*/
.header_alram{display: none;}
.header .header_logo2{display: none;}
.footer .footer_icon li.f_menu_txt{display: none;}
/*.footer .footer_icon li.f_menu00{display: none;}
*/

.footer .footer_icon li.f_menu04,
.footer .footer_icon li.f_menu06,
.footer .footer_icon li.f_menu07{display: none;}
/*.gnb_menu	 {display:none;}*/

/* =========================================================================== */
/*layout*/
/* =========================================================================== */
.body_wrap{height:100%;width:100%;min-width:280px;background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat top center;background-size: 1000px;}

.body_wrap.phzone .header,
.body_wrap.phzone .footer,
.body_wrap.phzone .warp_detail01{width:100%; min-width:100%;}

.body_wrap.phzone .container{height:auto; height:auto;}

.container{height: auto;}
/*.warp_detail01{overflow-y: auto;padding: 0 10px 0 10px;margin-top: 25px;margin-bottom: 10px;height: calc(100% - 135px);}*/

/*도시현황탭메뉴*/
.main_cityzen_tab	 {margin-top:30px; display:block; width:100%; height:40px; overflow:hidden;}
.main_cityzen_tab:after	 {display:block; content:''; clear:both;}
.main_cityzen_tab>a	 {display:block; float:left; width: calc(33.33% - 7px); text-align:center; line-height:38px; font-size: 12px; margin-right:10px; border-top: 2px solid #065e96;     background-image: linear-gradient(to bottom, #0e3b58, transparent); color: rgba(255,255,255,0.8); box-sizing:border-box; border-radius:3px 3px 0 0;}
.main_cityzen_tab>a:nth-child(3)	 {margin-right:0;}

.main_cityzen_tab>a:hover,
.main_cityzen_tab>a.on	 {font-size:14px; font-weight:600; color:#fff; background: #399aeb;
    border-top: 2px solid #85c8ff;}
/*header*/
.header h1{padding: 0;margin: 12px auto 0 auto;/* width: 112px; */width: 300px;text-align: left;}


/* =========================================================================== */
/* section */
/* =========================================================================== */
/*section01*/
.main_container .section01_x6_popup.bg0 .section01,
.container .section01{position:relative; float:left; width:100%; margin:0; height:auto; min-height: 400px; box-sizing:border-box;}

.container .section01 .section01_01{position:relative;width:100%; height: auto; min-height: 350px;margin:0;box-sizing:border-box;}
.container .section01 .section01_02{position:relative;width:100%;height: auto;min-height: 350px;margin-top: 0;box-sizing:border-box;}

.container .section01 .ht100{height:100% !important;}

.container .section01_x4{position:relative;float:left;width: 100%;height:500px;margin:0;box-sizing:border-box;}
.container .section01_x6{position:relative; float:left; width:100%; height:500px; margin:0; box-sizing:border-box;}

/*section02*/
.main_container .section01_x6_popup.bg0 .section02,
.container .section02{position:relative; float:left; width:100%; margin-left:0; height:auto; min-height: 400px; box-sizing:border-box; margin-top:20px;}
.container .section02:after{content:''; display: block; clear: both;}

.container .section02 .section02_01{position:relative;width:100%;height: 400px;margin:0;box-sizing:border-box;}
.container .section02 .section02_02{position:relative;width:100%;height: 400px;margin-top: 20px;box-sizing:border-box;}
.container .section02 .ht100{height:100%;}

.container .section02_x4{position:relative;float:left;width:100%;margin-left:0%;/* height: 800px; */box-sizing:border-box;border: solid 1px #165d8a;border-radius: 3px;}
.container .section02_x4 .section_content{overflow:visible;height: 602px;margin-top: -40px;}

/*section03*/
.main_container .section01_x6_popup.bg0 .section03,
.container .section03{position:relative; float:left; width:100%; margin-left:0%; height:auto; min-height: 400px; box-sizing:border-box; margin-top:20px;}
.container .section03:after{content:''; display: block; clear: both;}

.container .section03 .section03_01.ht100{height:100%;}
.container .section03 .section03_01{position:relative;width:100%;height: 400px;height: auto;margin:0;box-sizing:border-box;}
.container .section03 .section03_02{position:relative;width:100%;height: 400px;height: auto;margin-top:20px;box-sizing:border-box;}

.container .section03.x15{position:relative; float:left; width:100%; margin-left:0%; height:500px; box-sizing:border-box;}


.container .section03 .section03_001{width: 100%;height: 500px;margin: 0px 0 20px 0;position:relative;float:left;}
.container .section03 .section03_002{width: 100%;height: 500px;margin: 0px 0 20px 0;position:relative;float:left;}
.container .section03 .section03_003{width: 100%;height: 500px;margin: 0px 0 20px 0;position:relative;float:left;}
.container .section03 .section03_004{width: 100%;height: 500px;margin: 0px 0 20px 0;position:relative;float:left;}

/* 실시간 현황 지도 4칸*/
.container .section03 .section03_001{height: 500px; margin: 0px 0 20px 0;}
.container .section03 .section03_002{height: 500px; margin: 0px 0 20px 0;}
.container .section03 .section03_003,
.container .section03 .section03_004{height: 500px;}

/*section03영역 2칸*/
.container .section03 .section03_011{width: 100%;height:500px;margin:0px 0 20px 0;position:relative;float:left;}
.container .section03 .section03_012{width: 100%;height:500px;margin:0px 0 20px 0;position:relative;float:left;}
.container .section03:after{content:''; clear:both; display: block;}

.container .section01_x4,
.container .section01_x2{float:unset; width: 100%;height: auto;}


/*section_content_ul 2칸*/
.section_content_ul.n2{}
.section_content_ul.n2>li{float:left;box-sizing: border-box;width:100%;height: 200px;padding:0 0px 3px 0;margin-bottom: 6px;}
.section_content_ul.n2>li:nth-child(2){padding: 0 0px 3px 0;}
.section_content_ul.n2>li:nth-child(3){padding: 0 0px 3px 0;}
.section_content_ul.n2>li:nth-child(4){padding: 0 0px 3px 0;}
.section_content_ul.n2 ul:after{display:block; content:''; clear:both;}

/*section_content_ul 4칸*/
.section_content_ul.n4{}
.section_content_ul.n4>li{float:left;box-sizing: border-box;width:100%;height: 110px;padding:0 0px 3px 0;margin-bottom: 6px;}
.section_content_ul.n4>li:nth-child(2),
.section_content_ul.n4>li:nth-child(3),
.section_content_ul.n4>li:nth-child(4){height: 110px;padding: 0 0px 3px 0;}
.section_content_ul:after{display:block; content:''; clear:both;}

/* .container .section_content{min-height: 350px !important;} */
.container .section_title	{min-height: 40px; height:auto;}
.container .section_title .tit01{font-size: 20px;display: block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

/* ========================================================================= */
/*gnb*/
/* ========================================================================= */
.gnb_menu.guest{left: calc(50% - 76px);}

.m_gnb_menu{display:none; position:absolute;left: 0;top: 39px;z-index:999;margin:0px;width:100%;height:auto;margin:0px;/* background: #0b2a3a; */border: none;border-bottom: none;}
.m_gnb_menu .gnb_menu01{width: 100%;}
.m_gnb_menu .gnb_menu01>ul{height:100%;background: #0f354c;color:#fff;width: 100%;}
.m_gnb_menu .gnb_menu01>ul>li{width: auto;width: 16.5%;font-size: 12px;border-bottom: 0px solid #105375;padding: 10px 4px;background: none;cursor:pointer;float: left;box-sizing: border-box;text-align: center;}
/* .m_gnb_menu .gnb_menu01>ul>li{width: auto;width: 20.5%;font-size: 12px;border-bottom: 0px solid #105375;padding: 10px 4px;background: none;cursor:pointer;float: left;box-sizing: border-box;text-align: center;} */
.m_gnb_menu .gnb_menu01>ul>li a{color:#fff;width: 100%;padding: 0 0 5px 0; white-space: nowrap;}
.m_gnb_menu .gnb_menu01>ul>li.off{background:none;}
.m_gnb_menu .gnb_menu01>ul>li.on{color: #61f8ff;}
.m_gnb_menu .gnb_menu01>ul>li.on>a{color: #61f8ff;border-bottom: solid 2px #61f8ff;}
.m_gnb_menu .gnb_menu01>ul>li.sub01{width: 11.5%;}
.m_gnb_menu .gnb_menu01>ul>li.sub02{width: 20.5%;}
/* .m_gnb_menu .gnb_menu01>ul>li:nth-child(4){width: 27%;} */


/*gnb_sub*/
.m_gnb_menu .gnb_menu01>ul>li.on .gnb_menu_sub{display:block;}
.m_gnb_menu .gnb_menu_sub{overflow-y:scroll;color:#fff;background: rgb(19 57 82 / 0.8);padding: 7px 7px 10px 7px;margin: 0;width: auto;max-height:200px;border-bottom: none;border-top: none;line-height:15px;display: none;position: fixed;width: 100%;left: 0;top: 83px;}
.m_gnb_menu .gnb_menu_sub>ul{margin: 0;color:#fff;}
.m_gnb_menu .gnb_menu_sub>ul>li{display: inline-block;padding: 3px 10px 3px 10px;color:#fff;letter-spacing:-0.1em;}
.m_gnb_menu .gnb_menu_sub>ul>li:last-child{border-bottom:none;}
.m_gnb_menu .gnb_menu_sub>ul>li.off{background:url(../images/gnb_icon2_off.png) no-repeat 0px 10px; background-size:5.3px; color:#989a9b;}
.m_gnb_menu .gnb_menu_sub>ul>li.on{background:url(../images/gnb_icon2_off.png) no-repeat 0px 10px;background-size:5.3px;color: #61f8ff;}
.m_gnb_menu .gnb_menu_sub>ul>li.off a{color: #d5d5d5;}
.m_gnb_menu .gnb_menu_sub>ul>li.on a{color: #61f8ff;}
.m_gnb_menu .gnb_menu_sub>ul>li .gnb_fav_close{padding-left:6px;}
.m_gnb_menu .gnb_menu_sub>ul>li .gnb_fav_close img{width:7.3px; height:7.3px;}

.m_gnb_menu .gnb_menu_sub>ul>li .siren{display:inline-block; padding:0 3px;}
.m_gnb_menu .gnb_menu_sub>ul>li .siren img{width:11px;padding: 0px 1px 3px 3px;}

/* ========================================================================= */
/*lnb*/
/* ========================================================================= */
/*lnb select-------------------------------*/
.m_lnb_select{width: 100%; height: 60px;}
.m_lnb_select select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 42px;font-size: 14px;color: #ffffff;padding: 5px 11px;width: 100%;border: 1px solid #145c8c;border-radius: 3px;background: #0e3b58 url(../images/mobile/ic_arrow1_down.png) no-repeat 97% 50%;background-size: 22px;}
.m_lnb_select select::-ms-expand {display:none;}

.lnb_btn	{position: relative; width: 100%; left: unset; bottom: unset; text-align: center;}
.lnb_btn>a	{display:inline-block; position: relative; width: calc(50% - 2px); margin: 0; overflow: hidden; font-size: 11px; height: 35px;}

/* lnb ul-시정지표 */
.m_lnb_ul{width: 100%;}
.m_lnb_ul li{float: left; box-sizing: border-box; border: solid 1px #0664a0; width:auto; margin-right: 2%; font-size: 12px;}
/* .m_lnb_ul>li:nth-child(5){right: 1%;} */
.m_lnb_ul li>a{padding: 5px 5px; color: #ffffff; width: 100%; height: 100%; display: block;}
/*lnb layout---------------------------------------*/
.lnb{display: none;}
.lnb_rightarea{position:relative; box-sizing:border-box; height:auto; width:100%; margin-left:0;}
.map_outer_wrap{position:relative;box-sizing:border-box;height:auto;width:100%;margin-left: 0;/* padding-bottom: 115px; */}


/*상단 API 버튼*/
.api_btn_top	{margin-top:10px; position: relative; width: 100%; left: unset; bottom: unset; text-align: center;}
.api_btn_top>a	{display: inline-block; position: relative; width: calc(50% - 3px); margin: 0; overflow: hidden; font-size: 11px; height: 30px; line-height: 2.6; }


/* ========================================================================= */
/*map*/
/* ========================================================================= */
.map_weather{display: none;}

.map_wrap{height: 350px;border-radius: 3px;/*overflow: hidden;*/}
.section02_x4 .map_wrap{height: 600px;}

.map_ctmenu{bottom: auto;top: 5px;left: 5px;width: calc(100% - 10px);}
.map_ctmenu .list02>li{padding-bottom: 11px;float: left;width: 50%;display: block;font-size: 12px;}

.map_satellite{left: 5px;bottom: 5px;}
.map_navigation{width: calc(100% - 10px);left: 100px;bottom: 5px;}
.map_navigation .zoom_select select {height:32px;width: 164px;}



/*popup 위치고정*/
/* .popup_st01, */
/* .popup_st02, */
/* .popup_st03, */
/* .popup_st04, */
/* .popup_st05, */
/* .popup_st06, */
/* .popup_st07, */
/* .popup_st08, */
/* .popup_st11, */
/* .popup_st12{position: absolute;left: 2% !important;top: 30% !important;} */


/*시정지표---------------------------------------*/
/*가로5줄*/
.policy_wrap .policy_list.li5{overflow: hidden;overflow-y: scroll;height: 339px;}
.policy_wrap .policy_list.li5>li{width:100%;height: 220px;margin-left:0px !important;margin-top: 10px !important;float: left;box-sizing: border-box;}
.policy_wrap .policy_list.li5>li:nth-child(1){margin-top: 0px !important;}
.policy_wrap .policy_list.li5 .policy_box{width:calc(50% - 5px);height: 102px;margin-bottom: 10px;margin-bottom:13px;cursor:pointer;background: #0e3b58;border-radius: 3px;position:relative;float:left;text-align:center;box-sizing: border-box;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}

.policy_box p.tit{font-size:10px;}
.policy_wrap .policy_list.li5 .policy_box:nth-child(2n){margin-left:10px}

.policy_btn_next{/* position: fixed; */top: 46%;right: 0.5%;}
.policy_btn_pre{/* position: fixed; */top: 46%;left: 0.5%;/* display: none; */}


.main_section_tab.mobile_tab{position:relative;}

/*메인지료박스----------------------------------------*/
.main_section01 .policy_wrap{height: /*386px*/ calc(100% - 80px);width: calc(100% + 8px);overflow: hidden;overflow: hidden;overflow-y: scroll; padding-right: 2px;}
.main_section01 .policy_wrap::-webkit-scrollbar {width:6px; height: 6px;} /* Let's get this party started */
.main_section01 .policy_wrap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.main_section01 .policy_wrap::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */



/*가로3줄*/
.policy_wrap .policy_list.li3{width:100%; height:100%;}
.policy_wrap .policy_list.li3>li{width: 100%;height: 250px;min-height: auto;margin-left: 0;}
.policy_wrap .policy_list.li3 .policy_box{width: calc(50% - 7px);margin-right: 10px;height: 121px;margin-bottom: 10px;}
/*
.policy_wrap .policy_list.li3 .policy_box:nth-child( 3n + 3 ){margin-right:10px;}
.policy_wrap .policy_list.li3 .policy_box:nth-child( 2n ){margin-right:0px;}*/


/* =========================================================================== */
/* 실시간도시현황 */
/* =========================================================================== */
/*재난*/
.safe_box .safe ul>li .cnt{font-size: 11px;font-weight: 400;color: #ccc;line-height:1em;display: block;padding-top: 38px;}
.safe_box .safe ul>li .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 1px;left:0;width: 100%;height: 20px;}
.safe_box .traffic ul>li .cnt{font-size: 11px;font-weight: 400;line-height:1em;display: block;padding-top: 34px;color: #ccc;}

/*날씨*/
.safe_box .weather .we01 .weater_temp{position: absolute;left: 0;bottom: 0px;height: 33px;width: 100%;display:block;color: #ccc;font-size: 13px;line-height: 1.0em;letter-spacing: -0.02em;}
.safe_box .weather .we02 .cnt{padding-top: 22px;}
.safe_box .weather .we02 .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 1px;left:0;width: 100%;height: 20px;}
.safe_box .weather .we03 .cnt{padding-top: 22px;}
.safe_box .weather .we03 .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 1px;left:0;width: 100%;height: 20px;}

.safe_box .air ul>li .cnt{font-size:11px;font-weight:normal;line-height:1em;display: block;padding-top: 22px;color: #ccc;}
.safe_box .air ul>li .cnt2{font-size:11px;font-weight:normal;line-height: 0.8em;display: block;padding-top: 0px;margin-top: -2px;color: #ccc;}

/* =========================================================================== */
/* 주요사업 서브메인 */
/* =========================================================================== */
/*주요사업 롤링포토박스*/
.majorbiz_photo {width: 100%;height: 217px;box-sizing: border-box;position: relative;}
.majorbiz_list{height: auto;padding: 10px;box-sizing: border-box;position: relative;}

/*주요사업상세*/
.majorbiz_photo .inner_box_top{width: 100%;height: calc(100% - 50px);position: relative;}
.majorbiz_photo .inner_box_bottom{height: 50px;}
.majorbiz_photo .photo_list{height: 50px;}


/* ================================================================================================================== */
/* phbiz_box */
/* ================================================================================================================== */
/*민선7기 공약사업*/
.phbiz_box_wrap{padding:0;height:100%;margin: 0;width: 100%;}
.phbiz_box_wrap_ul{padding:0;height: calc(100% - 36px);margin: 0;width: 100%;}
.phbiz_box_wrap_ul>li{width: 100%;float: left;margin-right: 10px;}
.phbiz_box_wrap_ul>li:nth-child(8n){margin-right: 0;}
.phbiz_box_wrap .phbiz_box{width: calc(12.5% - 10px) !important;}

.phbiz_box{width: calc(50% - 5px);height: 210px;margin: 0 10px 10px 0;}
.phbiz_box:nth-child(2n){margin:0 0 10px 0;}

.phbiz.page_btn_pre{top: 350px;left: 1%;position: fixed;}
.phbiz.page_btn_next{top: 350px;right: 1%;position: fixed;}



/* =========================================================================== */
/* 실국별시정과제현황 */
/* =========================================================================== */
.organization10	{background-image:none;}
.organization10 .level1,
.organization10 .level2,
.organization10 .level3	{height: auto; margin-bottom:10px;}
.organization10 .level2 .org2-1	{width: 49%;margin: 0 1% 10px 0;}
.organization10 .level2 .org2-2	{width: 49%;margin: 0 0 10px;}
.organization10 .org_list li a	{width:100%;}

.organization10 .level1 .org_box	{width:100%;}
.organization10 .org_box_s	{width: 100%; height: auto; clear: both; float: none !important; margin: 0 auto 10px auto !important;}

/* =========================================================================== */
/* 조직도 */
/* =========================================================================== */
.organization11	{background-image:none;}
.organization11 .level1,
.organization11 .level2,
.organization11 .level3	{clear:both; padding:0; margin:0; width:100% !important; height: auto !important; position:relative !important;}

.organization11 .level1 .org1-2	{display:inline-block; width: 49% !important;margin: 0 1% 10px 0 !important;}
.organization11 .level1 .org1-3	{display:inline-block; width: 49% !important;margin: 0 0 10px;}

.organization11 .level2 .org2-1-1	{display:inline-block; width: 49% !important;margin: 0 1% 10px 0 !important;}
.organization11 .level2 .org2-1-2	{display:inline-block; width: 49% !important;margin: 0 0 10px;}

.organization11 .level2 .org2-3 ul	{height:auto;}
.organization11 .org_list	{overflow: hidden;}

.organization11 .org_list li a	{width:100%;}
.organization11 .level3.left,
.organization11 .level3.center,
.organization11 .level3.right,
.organization11 .level3.right .org3_top,
.organization11 .level3 .org_tit,
.organization11 .level1 .org_box,
.organization11 .level2 .org_box,
.organization11 .level3 .org_box,
.organization11 .org_box	{float:unset; width:100%; position:relative !important; margin:0 auto 10px; top:unset; left:unset; right:unset; bottom:unset; padding:0}

.organization11 .level3 .org_tit	{line-height:2.4;}
.organization11 .level3 .org_tit.org3-1,
.organization11 .level3 .org_tit.org3-2,
.organization11 .level3 .org_tit.org3-3,

.organization11 .level3.right .org3-3,
.organization11 .level3.right .org3-4,
.organization11 .level3.center .org3-3-1,
.organization11 .level3.center .org3-3-2,
.organization11 .level3.center .org3-3-3,
.organization11 .level3.center .org3-3-4,
.organization11 .level3.center .org3-3-5,
.organization11 .level3.center .org3-3-6,
.organization11 .level3.center .org3-3-7,
.organization11 .level3.center .org3-3-8,
.organization11 .level3.center .org3-3-9,
.organization11 .level3.center .org3-3-2	 {top:unset; left:unset; width:100%;}
.organization11 .level3.left .org_box	{margin-top:0;}
.organization11 .level3.right .org3_top .org2-2	{margin-left:0; width: 100%;}
.organization11 .level3.right .org3_top .org_box, .organization11 .level3.right .org3_top .org_box_s	 {float:none; top:unset; left:unset; right:unset;}
.organization11 .level3.left .org_box.org3-2-1,
.organization11 .level3.center .org_box.org3-3,
.organization11 .level3.right .org3-2,
.organization11 .level3.left .org_box.org3-1	 {top: unset; left: unset; right:unset; width: 100%; margin-left:0;}

.organization11 .level3.right .org2-2-1	{width:100% !important;}

.organization11 .level3.right .org2-2-2	{display:inline-block; width: 49% !important;margin: 0 1% 10px 0 !important;}
.organization11 .level3.right .org2-2-3	{display:inline-block; width: 49% !important;margin: 0 0 10px;}

.organization11 .level3.right .org2-2-4	{display:inline-block; width: 49% !important;margin: 0 1% 10px 0 !important;}
.organization11 .level3.right .org2-2-5	{display:inline-block; width: 49% !important;margin: 0 0 10px;}
.organization11 .level3.right .org3_top	{margin-bottom:0;}

/* =========================================================================== */
/* section_popup */
/* =========================================================================== */
/* container 밖에 있을때 ---------------------------------*/
.section01_popup,
.section02_popup,
.section03_popup,
.section04_popup{position: fixed; width:96% !important; margin:0 2%;/*width: calc(100% - 20px) !important;top: 10px;left: 10px !important;*/height:519px !important;background: #0b334a;border: 1px solid #165d8a;}
.section01_popup{left:0; top:100px !important;}
.section02_popup{left:0; top:100px !important;}
.section03_popup{left:0; right:0;top:100px !important;}

.section01_popup.h-40,
.section02_popup.h-40,
.section03_popup.h-40{height: calc(100% - 68px);height: 440px;margin-top: 40px;}

/* container 안쪽에 있을때 ---------------------------------*/
.container .section01_popup,
.container .section02_popup,
.container .section03_popup,
.container .section04_popup{width:100%;height: 400px;top: 0;}
.container .section01_popup{left:0;top: 62px !important;}
.container .section02_popup{left:0; top:62px !important;}
.container .section03_popup{left:0; right:0;top:62px !important;}

.container .section01_popup.h-40,
.container .section02_popup.h-40,
.container .section03_popup.h-40{height: calc(100% - 40px);margin-top: 40px;}

.container .section01_popup.h-50per,
.container .section02_popup.h-50per,
.container .section03_popup.h-50per{height: calc(50% - 5px);margin-top: 40px;}

.sc_box.scroll{width:100%;height: 95%;}
.sc_box.scroll {overflow:auto;overflow-y: auto;overflow-x: auto;padding-right:6px;padding-bottom: 10px;} /* For the "inset" look only */
.sc_box.scroll::-webkit-scrollbar {width:6px; height: 6px;} /* Let's get this party started */
.sc_box.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.sc_box.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */
.sc_box.scroll table{width: 100%;}

.sc_box.h220	{height: 196px !important;}

.link_news2_popup .question .q_photo{width:100%; /* height:100%; */ height:150px;}

/*table*/
.table03_2 td{color:#ffffff;padding: 7px 0;font-size: 12px;text-align:center;line-height:1.5em;position:relative;border-bottom: solid 1px #092c42;}

.table_sc_box.scroll{width:100%;height: 95%;}
.table_sc_box.scroll {overflow:auto;overflow-y: scroll; overflow-x: auto; padding-right:6px;padding-bottom: 10px;} /* For the "inset" look only */
.table_sc_box.scroll::-webkit-scrollbar {width:6px; height: 6px;} /* Let's get this party started */
.table_sc_box.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.table_sc_box.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.table_sc_box.scroll table{width: 100%;}

/*table_sc_box*/
.table_sc_box{min-height: 200px;}
.table_sc_box2{height:350px;}
.table_sc_box3{height:350px;}
.table_sc_box4{height:350px;}
.table_sc_box5{height:350px;}
.table_sc_box6{height:350px;}
.table_sc_box7{height:350px;}

/*사업상세 사업개요 테이블*/
.section02 .table_sc_box.scroll .table03{width: 400px;}

/*사업상세 테이블*/
.section02 .table_sc_box.scroll .table05{width: 600px;}
.section02 .table_sc_box.scroll .table05 colgroup col:nth-child(1){width: 14% !important;}
.section03 .table_sc_box.scroll .table05 colgroup col:nth-child(1){width: 14% !important;}

/* 사업 테이블 th width 값 */
.section02 .table_sc_box .table05 th {width: 22%;}
.section03 .table_sc_box .table05 th {width: 22%;}

.section03_popup.bg2.pd10 .sc_box.scroll	{overflow:hidden !important;}
.link_news2_popup .question .q_text{width: 100%; height:190px; box-sizing: border-box;}


/* =========================================================================== */
/* graph box style */
/* =========================================================================== */
.grp_wrap{min-height: 250px; height: 250px;}
.grp_wrap .majorBiz{min-height: 250px; height: 250px;}
.grp_wrap .grp_legend{font-size: 10px;line-height: 2.0em;color: #c5c5c5;z-index: 999;position: absolute;bottom:10px;left: 0;width: 100%;-webkit-transform: translateX(-0%);transform: translateX(-0%);text-align: center;}/*그래프 범례*/

/* graph_box 가로*/
ul.graph_box{width:100%; height:100%;}
ul.graph_box>li{float:left;box-sizing: border-box;width:100%;height: 250px;border:none;}
ul.graph_box>li:first-child{border-top:none; height: 260px;border-bottom: solid 1px #165d8a;}
ul.graph_box:after{content: ''; display: block; clear: both;}

/* graph_box 세로*/
ul.graph_vbox{width:100%; height:100%;}
ul.graph_vbox>li{float:left;box-sizing: border-box;width:100%;height: 351px;border-left:none;}
ul.graph_vbox>li:first-child{border-left:none;border-bottom: solid 1px #165d8a;}
ul.graph_vbox:after{content: ''; display: block; clear: both;}

/* graph_3tbox - 3개일때 하단넓음 */
ul.graph_3box_bottom{width:100%; height:100%;}
ul.graph_3box_bottom>li{float:left; box-sizing: border-box; width:50%; height:45.5%;}
ul.graph_3box_bottom>li:nth-child(2){border-left: solid 1px #165d8a;}
ul.graph_3box_bottom>li:nth-child(3){border-top: solid 1px #165d8a;width:100%;height: 54.5%;}

ul.graph_3box_bottom>li .grp_wrap{min-height: 150px;height: 180px;}

/* graph_nbox - 여러개일때 */
ul.graph_nbox{}
ul.graph_nbox>li:first-child:nth-last-child(2){width:100%; height:50%;}
ul.graph_nbox>li:first-child:nth-last-child(2) + li {width:100%;border-top: 1px solid #165d8a;height:50%;border-left: none;}
ul.graph_nbox>li:first-child:nth-last-child(2) .grp_wrap{min-height: 150px;height: 192px;}
ul.graph_nbox>li:first-child:nth-last-child(2) + li .grp_wrap{min-height: 150px;height: 192px;}



/*코로나 상황판*/
.covid19_iframe{width: 100%; height:400px;}


/*통합검색팝업-----------------------------------*/
.tt_search{position: fixed; left: 0.5%; right: unset; top: 75px; z-index: 99999999; background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -75px; background-size:1300px; border: none; border-radius: 0; text-align: center; padding: 0px 0px; width: 100%; height: calc(100% - 87px);}
.tt_search .tt_table_wrap	{height: 100%;}
.tt_search .tt_search_box .search_input	{width: 90%;}
.tt_search .scroll	 {overflow-y: auto;}
.tt_search .tt_search_overflow	{height: calc(100% - 200px);}
.tt_search .pbtn_close{top:5px;right:20px;}

.keyboard	{display:none;}

/*====================================================================================*/
/*main section layout*/
/*====================================================================================*/

/*메인실시간도시현황*/
	.main_section01.livebg	 {height:520px;}
	.m_live_tab	 {text-align:center; width:100%; height:40px; position:absolute; bottom:0; left:0;     z-index: 9999;}
	.m_live_tab ul li	 {position:relative; display:inline-block; /* width:30%; */ width:25%; height:40px;}


	.m_live_tab ul li:before	 {display:block; content:''; position:absolute; top:0; left:0; width:30px; height:30px; border-radius: 40px; vertical-align: -10px; margin-right: 10px; border: solid 1px #2f4555;}

	.m_live_tab ul li:nth-child(1):before	{background: #0d2a3e url(../images/live_ic03_2.png) center center no-repeat; background-size:26px;}
	.m_live_tab ul li:nth-child(2):before	{background: #0d2a3e url(../images/live_ic03_3.png) center center no-repeat; background-size:26px;}
	.m_live_tab ul li:nth-child(3):before	{background: #0d2a3e url(../images/live_ic03_4.png) center center no-repeat; background-size:26px;}
	.m_live_tab ul li:nth-child(4):before	{background: #0d2a3e url(../images/live_ic05.png) center center no-repeat; background-size:26px;}
	.m_live_tab ul li > a	 {position:absolute; top:0; left:0; width:100%; height:40px; color:#fff; font-size:13px; line-height:32px; text-align:left; /* padding-left:40px; */ padding-left:35px;}
	.m_live_tab ul li:hover:before,
	.m_live_tab ul li.on:before	 {background-color: #02a4f7; border: solid 1px #02a4f7;}
	.m_live_tab ul li:hover > a,
	.m_live_tab ul li.on > a	 {color: #02a4f7;}
	.main_section01 .simple_map_wrap	{height:520px;}
	.simple_map_legend{top:unset; bottom:30px;}

	.simple_map_wrap .simple_map_bt_menu	{left:50%; bottom:60px;}

	.main_section01 .simple_map_wrap .simple_map01 {width: 100px;; height: 100px; left:0; top:0;}
	.main_section01 .simple_map_wrap .simple_map02 {position: absolute; bottom: unset; right: 0; top: 50px; width: 100%; height: calc(100% - 100px);}
	.main_section01 .simple_map_wrap .simple_map01 > img {width:100% !important; height: auto;}
	.main_section01 .simple_map_wrap .simple_map02 > img {width:100% !important; height: auto;}
	
	.simple_map_legend	{right: unset; left: 0; bottom: 100px;}
	.simple_map_legend ul	{width:100%;}
	.simple_map_legend ul>li	{width:100%;}


	/*주요사업*/
	.main_bizlist{padding:0;height: auto;overflow-x: scroll;}
	.main_bizlist ul{width: auto; height: auto;position: relative;border: solid 1px #0664a0;border-radius: 3px;}
	.main_bizlist ul>li{margin: 0;position:relative;display: block;font-size: 11px;border-left: solid 1px #0664a0;border-bottom: solid 1px #0664a0;float: left;width: 50% !important;height: 210px;box-sizing: border-box;}

	.main_bizlist ul>li .tit{color:#fff;width:100%;height: 70px;text-align: left;padding: 20px 8px 9px 9px;font-size: 10px;box-sizing: border-box;text-shadow: 2px 2px 1px #000000;}
	.main_bizlist ul>li .tit{padding-top:65% !important;}
	.main_bizlist ul>li .tit span{font-size: 16px;display: block;}
	.main_bizlist ul>li:first-child{background:linear-gradient(to bottom, rgba(255,255,255,0)10%,rgba(11,51,74,1)65%), url(../images/main_bizbg06.png) 0 0 no-repeat;  background-position-y:-20%; background-size: 100%;}

	.main_bizlist {padding: 0 0 4px 0;margin-bottom: 0;} /* For the "inset" look only */
	.main_bizlist::-webkit-scrollbar {width:6px; height: 6px;} /* Let's get this party started */
	.main_bizlist::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
	.main_bizlist::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */


	/*live tab---------------------------------------------*/
	.main_section02 .live_tab{display: none;}
	.main_section02 .live_mbtn{display: none;}
	/*m_live tab*/
	.main_section02 .m_live_tab{position:absolute;bottom: 34px;/* bottom: 140px; */left: 0;width: 100%;height: 55px;z-index:1000;overflow: hidden;}
	.main_section02 .m_live_tab>ul{position: relative;z-index:1000;height: 100%;/* width: 999%; */}
	.main_section02 .m_live_tab>ul>li{padding:5px 0;cursor:pointer;font-size: 15px;width: 100%;height: 100%;display: inline-block;text-align: center;}
	.main_section02 .m_live_tab>ul>li a{color:#fff;font-weight: 400;font-size: 16px;display: block;width: 100%;height: 100%;letter-spacing: -0.04em;padding: 12px 0 0 0;box-sizing: border-box;}

	.main_section02 .m_live_tab .btn_pre,
	.main_section02 .m_live_tab .btn_nxt{cursor: pointer;z-index: 999999;position: absolute;top: 50%;width: 40px;height: 40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-indent: -99999px; opacity: 0.7;}
	.main_section02 .m_live_tab .btn_pre{left: 0.5%;background: url('../images/mobile/ic_arrow1_left.png') no-repeat;background-size: 100%;}
	.main_section02 .m_live_tab .btn_nxt{right: 0.5%;background: url('../images/mobile/ic_arrow1_right.png') no-repeat;background-size: 100%;}


	/* ========================================================================= */
	/* login */
	/* ========================================================================= */
	.wrap_login {background: #1f2429;background-size:5.34px;width:100%;height:100%;}
	.wrap_login .container{margin:0;}
	.wrap_login .contents {margin:0 auto;width:300px;padding-top: 150px;}
	.wrap_login .contents>ul>li {position:relative; padding:0; text-align:center;}

	.wrap_login .contents .logo{}
	.wrap_login .contents .logo h1{font-size: 23px;font-weight:500;letter-spacing: -0.03em;color:#fff;}
	.wrap_login .contents .logo img{width:246px;}
	.wrap_login .contents input.id{margin-top:40px;border:solid 1px #434749 !important;border-radius:0.3em;height: 48px;width:300px;font-size:16px;background:#1b1d1f !important;padding:5px 10px;box-sizing: border-box;}
	.wrap_login .contents input.pw{margin-top:14px;border:solid 1px #434749 !important;border-radius:0.3em;height: 48px;width:300px;font-size:16px;background:#1b1d1f !important;padding:5px 10px;box-sizing: border-box;}
	.wrap_login .contents .login_btn{margin-top:54px;border:solid 1px #3b84c9;border-radius:0.2em;height:30px;width: 300px;height:60px;font-size:16px;background:#5dabf5;color:#fff;font-weight:600;font-size:20px;text-shadow:1px 1px 1px #447cb1;}
	.wrap_login .contents .login_pw_reset {position:absolute;right: 14px;top: 25px;z-index:1000;}
	.wrap_login .contents .login_pw_reset img{width:27px;}

	.wrap_login.pwchg .contents input.id2{margin-top:40px;border:solid 1px #434749 !important;border-radius:0.3em;height: 48px;width:300px;font-size:16px;background: #282d31 !important;padding:5px 10px;box-sizing: border-box;}

	.wrap_login.pwchg .contents .info_txt{color:#fff;font-size: 11px;font-weight: 400;padding:30px 0 0 0;/* text-align: left; *//* padding-left: 30px; */}

	.wrap_login.pwchg .contents .btn_pw_cancel{margin-top: 40px;border: solid 1px #adadad;border-radius:0.2em;height:30px;width:80px;height:60px;font-size:16px;background: #adadad;color:#fff;font-weight:600;font-size:20px;text-shadow:1px 1px 1px #447cb1;}
	.wrap_login.pwchg .contents .btn_pw_ok{margin-top: 40px;margin-left:10px;border:solid 1px #3b84c9;border-radius:0.2em;height:30px;width:180px;height:60px;font-size:16px;background:#5dabf5;color:#fff;font-weight:600;font-size:20px;text-shadow:1px 1px 1px #447cb1;}

	.main .mobile_press_popup{position:fixed;top:45px !important;}

	/*관련서비스팝업*/
/* 	.service_popup	{position:fixed; top:122px;right:2%; width:96%; height: 500px;} */
	/*관련서비스팝업 모바일 크기 수정 221117*/
	.service_popup	{position:fixed; top:122px;right:4%; width:93%; height: 500px;}
	.service_popup .service_box .date	{padding-right:32%;}
	.service_popup .service_box .txt	{height:78%;}
	.service_popup .popup_btn_area	{left: unset; right: 4%; /* top: 15.5%; */ top: 10.5%;}


	/*팝업닫기버튼*/
	.popup_btn_area	 {top:82px;}
	.popup_btn_area.center	{position: fixed; bottom: 55px; /*bottom: 10px;*/ right: 50%;width: 40px;height: 40px; transform: translateX(50%);} 
	.main_container .section01_x6_popup.bg0,
	.container .section01_x6_popup.bg0	{background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -92px; background-size: 1300px; width: 100%; height:calc(100% - 130px); overflow-y:scroll; position: fixed; top: 62px; left: 0; padding:10px;}
	.section01_x6_popup .section_content	{height:auto;}

	.section01_x6_popup .section01_popup .popup_btn_area.center,
	.section01_x6_popup .section02_popup .popup_btn_area.center,
	.section01_x6_popup .section03_popup .popup_btn_area.center	{bottom:10px;}


	.table_in_news>li a .txt	{width:calc(100% - 80px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.biz_view_news01 .table_sc_box .table05,
	.biz_view_news02 .table_sc_box .table05,
	.biz_view_news03 .table_sc_box .table05,
	.biz_view_news04 .table_sc_box .table05	{table-layout:fixed;}


	/*핵심사업 상세팝업*/
	.container.business_4k .section01_x6_popup .section02 .section_content{height: 600px;}
	.container.business_4k .section01_x6_popup .section03 .section_content{height: 600px;}
	.container .section01_x6_popup.bg0

	/*핵심사업 상세 게시판내용팝업*/
	.container.business_4k .section01_x6_popup.phBiz_4k .section03_popup {position:fixed; top:130px;right:10px; left:unset; bottom:unset; width:calc(100% - 20px) !important; height: 500px !important; margin-top:0;}
	.container.business_4k .section01_x6_popup.phBiz_4k .section01_popup .popup_btn_area.center,
	.container.business_4k .section01_x6_popup.phBiz_4k .section02_popup .popup_btn_area.center,
	.container.business_4k .section01_x6_popup.phBiz_4k .section03_popup .popup_btn_area.center {position: absolute;}

	/*핵심사업 상세 지도로보기팝업*/
	.container.business_4k .section01_x6_popup.phBiz_4k .section01_popup	{height:calc(100% - 140px) !important; z-index: 99999999999;}
	.container.business_4k .section01_x6_popup.phBiz_4k .section01_popup .map_wrap	{height:100% !important;}

	/*핵심사업 상세 뉴스아이프레임 팝업*/
	.container.business_4k .section01_x6_popup.phBiz_4k .section02_popup	{height:calc(100% - 180px) !important; z-index: 99999999999;}

	.biz_thum	{width:90px; height:65px; overflow:hidden;}
	.biz_thum>img	{width:100%; height:100%;}




	/*시민맞춤형컨텐츠 아이프레임 팝업*/
	.container.people_4k .section02_popup	{height:calc(100% - 140px) !important; z-index: 99999999999;}

	/*세대및인구현황*/
	.map_lifeinfo03	{position: relative; left: unset !important; bottom: unset; width: 100%; margin-top: 5px;}
	.map_lifeinfo03 .grp_wrap.bgwt12	{min-height:auto;}


	/*빅데이터분석*/
	.map_legend.heatmap	{right: 5px;}
	.map_calendar	{position: absolute; left: 5px; bottom: 45px;}

	.big_tab	{position: relative; margin-bottom:5px; width:100%; overflow:hidden; top: unset; text-align: center;}
	.big_tab > a	{margin-left: 0; display: inline-block; margin-bottom: 3px; font-size: 12px; padding: 6px 0 8px; width: 48.7%;}
	/*.big_tab > a:first-child	{margin-right:4px;}*/

	.table_sc_box8,
	.table_sc_box11{height:200px;}
	
	
	/*데이터범례*/
	.bigdata_4k .map_legend	{/* display:none; */ position: relative; width:100%; bottom: 0; right: 0; border-radius: 0 0 4px 4px;}
	.map_legend.data_info	 {width: 100%; position: relative; right: unset; bottom: unset; margin: 1px 0 1px 0; border-radius: 0;}
	.container .section_title .right_area2	{top: 0; margin-left:5px; width: 100%; line-height: 1.2; text-align: left; position: relative; margin-bottom: 10px;}
	.container .section_title .right_area2 .right_btn	 {position: absolute; top: 0; right: 0;}
	.container .section_title .right_area2 .right_txt	{margin-right: 85px; font-size:9px;}
	.section_content .right_txt2 {display: block; color: #ccc; font-size: 10px; font-weight: 400; text-align:right; letter-spacing: -0.04em; margin-bottom:10px;}
	
	/*메인전체팝업*/
	.biz_view_news01	{/*height: 474px; height:auto;*/ /*핵심사업팝업상세에서 확인해보고 height값을고칠것*/}
	.biz_view_news02	{height: calc(50% - 90px);}
	.biz_view_news02 .sc_box.h220	{height: 100% !important;}
	
	/*핵심사업상세팝업*/
	.section_content.biz_view .biz_view_news01,
	.section_content.biz_view .biz_view_news02,
	.section_content.biz_view .biz_view_news03, 
	.section_content.biz_view .biz_view_news04	 {height:243px; border-bottom: 1px solid #165d8a;}
	
	.main_container .section01_x6_popup.bg0 .section03 .table_sc_box.scroll	{height:474px;}
	
	.table_in_news02>li .hit	{padding:0; display:block;}
	.table_in_news02>li .hit:before	{display:none;}
	
	.table_in_news02>.table_in_news	 {height:200px;}
	
	/*openAPI 팝업*/
	.container .section01_popup.openAPI	 {height: calc(100% - 145px) !important;}
	.openAPI .section_content .table_sc_box	{min-height:auto;}
	
	/*e한눈에*/
	.e_intro_wrap	 {min-width:100%; overflow: auto; margin:0; padding-top:0;}
	.e_info h2.e_tit	{white-space: break-spaces; font-size: 36px; padding-bottom: 20px;}
	.e_info h2.e_tit span.e_logo	{height:28px;}
	.e_info h2.e_tit span	{margin:0; display: block; font-size: 22px;}
	.e_info	{width: 90%; height: auto; float: unset; margin: 22px 5% 0;}
	.e_info p,.e_thum p	{font-size:16px;}
	.e_box_list	{display:block; margin:20px 0;}
	.e_box_list li	{display: block; width: 100%; padding: 10px 15px; margin-bottom: 10px; }
	.e_thum	{float: unset; margin: 30px 5% 20px; width: 90%; height: auto;}
	.e_thum a.btn_pre	{top: 45%; left: 0; width:25px; height:25px;}
	.e_thum a.btn_next	{top: 45%; right: 0; width:25px; height:25px;}
	.e_thum h2.e_tit2	{background-size:300px; height: 60px;}
	
	/*20220407 omi ----------------*/
	.policy_info{padding:10px;}
	.policy_info .pop_content{padding:10px;}
	.policy_box p.count span.cnt	{font-size:16px;}
	.policy_box p.count	 {font-size:10px;}

	/*주택종합시장동향 20241031 추가---------------*/
	.map_houseSelect{left: 5px;bottom: 42px;}

	.map_houseIndex{width:160px;padding:8px;top: 5px;left: 5px;}
	.map_houseIndex.ty01{}
	.map_houseIndex.ty02{left: 170px;}
	.map_houseIndex .title{font-size:10px;letter-spacing:-0.04em;}
	.map_houseIndex .date{font-size:9px;position:absolute;right:10px;top:38px;}
	.map_houseIndex .count{margin:5px 0 0 0px;}
	.map_houseIndex .count .cnt{font-size:14px;}
	.map_houseIndex .count .cnt2{font-size:11px;vertical-align:2px;}
	.map_houseIndex .count i{display:inline-block;width:14px;height:16px;margin:0 0 0 0px;vertical-align:-3px;}
	.map_houseIndex .count .up i{background:url(../images/cnt_arrow_up.png) 0 2px no-repeat;background-size:100%;}
	.map_houseIndex .count .down i{background:url(../images/cnt_arrow_down.png) 0 1px no-repeat;background-size:100%;}
	.map_houseIndex .count .zero i{background:url(../images/cnt_arrow_zero.png) 0 1px no-repeat;background-size:100%;}
	
	.popup_st51{}
	.popup_st51 .grp_wrap.bgwt12{height:150px;min-height:150px;}
}


@media (min-width:671px) and (max-width:911px) {
	.map_satellite{left: 5px;bottom: 5px;}
	.map_navigation{width: calc(100% - 10px);left: 100px;bottom: 5px;}
	.map_navigation .zoom_select select {height:32px;width: 164px;}
	.map_ctmenu .list02>li{width: 100%;}
	.map_category.lifemap	{}
	.map_legend	{bottom:unset;}
	.e_info h2.e_tit span	{display:inline-block; margin-right:10px;}

	
}


@media (min-width:671px) and (max-width:911px) {
	.map_satellite{left: 5px;bottom: 5px;}
	.map_navigation{width: calc(100% - 10px);left: 100px;bottom: 5px;}
	.map_navigation .zoom_select select {height:32px;width: 164px;}
	.map_ctmenu .list02>li{width: 100%;}
	.map_category.lifemap	{}
	.map_legend	{bottom:unset;}
	.e_info h2.e_tit span	{display:inline-block; margin-right:10px;}

	
}



@media (min-width:250px) and (max-width:670px) {
	/*통합검색팝업-----------------------------------*/
	.tt_search{position: fixed; left: 0.5%; right: unset; top: 75px; z-index: 99999999; background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -75px; background-size:1300px; border: none; border-radius: 0; text-align: center; padding: 0px 0px; width: 100%; height: calc(100% - 87px);}
	.tt_search .tt_table_wrap	{height: 100%;}
	.tt_search .tt_search_box .search_input	{width: 90%;}
	.tt_search .scroll	 {overflow-y: auto;}
	.tt_search .tt_search_overflow	{height: calc(100% - 200px);}

	.keyboard	{display:none;}
	.pc_footer .f_adr	{font-size:.5rem !important;}

	.intro_box	{flex-direction: column;}
	.intro_box li:last-child,
	.intro_box li	{width:100%; height: auto; padding:20px; margin-right:0; margin-bottom:15px; background-size:50px !important; background-position: 50px center !important; box-sizing: border-box;}
	.intro_box li h4,
	.intro_box li p	{text-align:left; width:auto; padding-left:120px;position:relative; top:unset; left:unset; bottom:unset; transform:unset; margin-bottom: 15px;}

	.ic_intro > h3 > span	{display:block;}
	.intro_box li h4 br	{display:none;}

	.finance_scale dl dd	{padding: 0 10px 20px;}
	.finance_scale dl .tit	{font-size:13px;}
	.finance_scale dl .cnt	{font-size:13px;}


	.container.finance_4k .section_content	{margin-bottom:10px; min-height: 250px;}
	.container.finance_4k .policy_btn_area	{display:none;}
	.policy_wrap.pol_01	{height:300px;}
	.policy_box2 dt	{padding:5px 0;}
	.policy_box2 dd	{margin: 8px 0; font-size: 16px;}

	.policy_wrap.col4 .policy_box	{height:120px;}
	.policy_wrap.pol_01 .policy_box .cnt01	{margin-top:10px;}
	.policy_wrap.pol_01 .policy_box .sts_bar	{margin-top:15px;}

	.inner_tit2 .ps	{width: 50%; line-height: 1.2; position: absolute; text-align: right; right: 15px;}

	.container.finance_4k .policy_wrap.pol_02.col3	{height:250px;}
	.policy_wrap.pol_02.col3	 {}
	.policy_wrap.col3 .policy_box	{width:calc(50% - 10px);}

	.tab_pane	{height:380px;}
	.h_li2	 {flex-direction: column;}
	.h_li2 > li	{width:100%; height: 180px;}
	.h_li2 > li:first-child	{height: 230px; border-bottom: 1px solid #165d8a;}
	.pr_cnt	{margin:20px;}
	.pr_contents	{height:400px;}
	.pr_contents .table_sc_box8, .table_sc_box11	{height:310px;}

	.mobile_sub_gnb + .section_content	{margin-top: 140px;}


}

/*2022-05-12 대시민용 모바일 추가*/
@media (min-width:1px) and (max-width:911px) {
	/*Layout*/
	html, body {height: 100%;}
	.body_wrap{height: unset;    width: 100%;}
	.warp_detail01	{overflow-y: auto; overflow-x: hidden; padding-bottom: 70px;}
	.pc_footer	{position: relative; width: 100%; height: 70px; margin: -70px auto 0; clear: both; z-index:1;}
	.container	{z-index:1;}
	.container:after	{display:block; content:''; clear:both}
	body	{background: #0b2a3a;}

	.m_gnb_menu .gnb_menu01	{width: 100%; height: 100%;}
	.m_gnb_menu .gnb_menu01>ul	{background:none; width:100%; height:100%; overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
	.m_gnb_menu .gnb_menu01>ul::-webkit-scrollbar {display: none; -ms-overflow-style: none;   scrollbar-width: none;}

	.m_gnb_menu .gnb_menu01>ul>li	{width:auto !important; float: none;
    display: inline-block; margin:0 10px;}

	.header	{background-size: 1000px; height:62px;}
	.m_gnb_menu .gnb_menu01>ul>li	{font-size:16px;}
	.m_gnb_menu .gnb_menu01>ul>li a	{font-family: 'SCoreDream';}

	.sub_gnb	{display:none;}
	.pc_footer .f_logo	{font-size:0; width:140px; height:60px; background:url(../images/ic_img/ic_logo1.png) no-repeat  20px 17px; background-size:130px;}
	.pc_footer .f_goto	{display:none;}
	.pc_footer .f_adr	{position:absolute; top:24px; left:150px; font-size:.8rem; font-family: 'SCoreDream'; color:#fff;}

	.label_s01	{border:1px solid #00aaab; padding:1px 8px 3px; line-height:1; border-radius:20px; background:#00aaab;}
	.label_s02	{border:1px solid #7a9aad; padding:1px 8px 3px; line-height:1; border-radius:20px; background:#0d3c58;}

	.main_container .section01_x6_popup.bg0 .section01, .container .section01	{float: none;}
	.container	{width: 96%; margin:10px 2% 0 2%;}
	.m_lnb_select select	{font-size:12px;}
	
	.policy_wrap .policy_list.li3>li	{height:auto;}
	.policy_wrap .policy_list.li3 .policy_box:nth-child( 2n )	 {margin-right:10px;}
	.policy_wrap .policy_list.li3 .policy_box { width: calc(33.33% - 7px); margin-right: 10px; height: 121px; margin-bottom: 10px;}
	
	.main_calendar_popup	{position: fixed; top: 80px; left: 10px; width: calc(100% - 20px); height: 250px; z-index: 999999999;}
	.main_calendar_popup .popup_btn_area	 {width: 80%; top: unset; right: 10px; left: unset; bottom: 0; position: absolute; text-align: right;}
	.main_calendar_popup .popup_btn_area	 .popup_btn_close	{ font-size:0; vertical-align:middle; }

	/*인구범례*/
	.map_legend{width: 100%; height:auto !important; right: unset; bottom: unset; position: relative; margin-top: 5px; }
	.map_category.lifemap	{display: block; position: relative; right: unset; bottom: unset; margin-top: 6px; width: 100%; min-height: 90px;}
	.map_category.lifemap .inner_box01 .menu01_s > ul>li	{float:left; width:50%;}
	.map_category.lifemap .inner_box01 .menu01_s > ul>li:after	{content:''; clear:both; display:block;}
	.map_category.lifemap .inner_box01	{height:90px;}
	.map_category.lifemap .inner_box02	{height: calc(100% - 90px); min-height: 140px;}

	.tb_con .life_list li a {padding:55px 0 5px 0; white-space:nowrap; width:100%; text-overflow:ellipsis; font-size:11px;}
	.mh_auto	{height: auto !important;}
	
	/*범례열기 아이콘 추가 2022-07-11*/
	.open_legend	{display:none;}
	.map_ctmenu.mobile	{position: relative; bottom: unset; top: unset; left: unset; width: 100%; margin: 5px 0; height: 115px;}

	/*인천소개 2022-08-25 */
	.ic_intro > h3	{font-size:30px;}
	.intro_txt	 {font-size:14px; word-break: keep-all; width: 90%; margin: 0 auto;}
	.intro_txt > span	{display:inline;}
	.intro_sc	{margin: 10px auto 40px;}
	.intro_box li	{margin-right:1%; background-size:70px;}
	.intro_box li h4	{font-size:18px;}
	.intro_box li p	{font-size: 13px;}


}

@media (min-width:1px) and (max-width:610px) {
	.policy_wrap .policy_list.li3>li	{height:auto;}
	.policy_wrap .policy_list.li3 .policy_box	{/*width:100%; margin-right:0;*/}


}




/*--------------------------- mobile end 끝*/