@charset "utf-8";
/* CSS Document */

/*******************************
 * Sitename : 미세먼지종합포탈
 * Filename : common.css
 * update : 2025.02.10_2.
********************************/

/* Layout Skip Menu */
div.skip{position:absolute;top:0;left:0;width:98%;text-align:center;z-index:100;}
div.skip a{display:block;height:0px;width:10px;overflow:hidden;color:#004bd9;font-weight:bold;background:#fff;}
div.skip a:focus, div.skip a:active{height:auto;width:100%;padding:5px;margin-bottom:10px;}

html, body{ height:100%; position:relative;}

.bbs_video:after{ display:block; clear:both; content:"";}

.m_ver{ display:none !important;}
.m_ver_in{ display:none !important}

.m_inner{ padding:0 15px; position:relative;}
.inner{ width:1280px; margin: 0px auto; position: relative;}

.inner:after{ clear:both; display:block; content:""; }

/* Header Nav */
#header{ height:74px; position:absolute; top:0; width:100%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); z-index:99;}
.nav_wrap{}
.nav_wrap h1{ position:absolute; left:0; top:18px;}

.gnb{ position:absolute; left: 280px; top:0; z-index:99;}
.gnb > li{ float:left; position:relative; text-align:center; padding-bottom:10px;}
.gnb > li > a{ display:block; font-size:18px; font-family: 'NotoKrM'; padding:0 20px; height:74px; line-height:74px;}
.gnb > li.on{ background:url(../images/common/icon_gnb_hover.png) no-repeat bottom 17px center; }
.gnb  li ul{ z-index:99; position:absolute; border:1px solid #0060cc; background:#fff; width:300px; top:84px; border-radius:10px; left: 50%; transform: translateX(-50%); display:none; overflow:hidden;}
.gnb  li ul li{ border-bottom:1px dashed #d4d4d4; height:50px; line-height:50px; }
.gnb  li ul li:last-child{ border-bottom:none;}
.gnb  li ul a{ font-size:15px; text-align:center;}
.gnb  li ul li.on{ background:#f7f7f7; color:#0060cc; font-family: 'NotoKrM';}

/* 통합검색 */
.btn_total_search{ position:absolute; width:74px; height:74px; right:74px; top:0; background:#fff;}

/* Total Search */
.top_total_search{ position:absolute; display:flex; top:74px; width:100%; background:#fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); z-index:56; transition: all .4s;     		
	height: 0; opacity:0; visibility: hidden; overflow: hidden;
}
.top_total_search.active{height:220px !important; visibility: visible; overflow: visible; opacity: 1;}
.top_total_search .inner{  padding-top:60px; display:flex;}
.search_wrap{ width:616px; top:0; z-index:54; margin:0 auto;}
.search_wrap .tag_txt{ margin-bottom:8px;}
.search_wrap .tag_txt a{ font-size:18px; color:#666; margin-right:8px;}

.total_search{ width:100%; border:2px solid #2aaa08; border-radius:5px; height:60px; line-height:60px; background:#fff; overflow:hidden; vertical-align:middle; padding:0 0 6px 8px;}
.total_search input[type=text]{ height:54px; line-height:54px; width:80%; border:none;}
.total_search input[type=text]::placeholder{ color:#1e1e1e; font-size:18px;}
.total_search button{ height:56px; width:56px; background:#2aaa08; float:right;}
.total_search button i{ color:#fff;}

/* 게시판 검색 */
.sub_search_wrap{ text-align:center; padding:22px 0; border:1px solid #dfdfdf; background:#f7f8f9; margin-bottom:20px;}
.sub_search_wrap input[type=text]{ height:42px; line-height:42px; width:650px;}

/* 전체 메뉴 */
.btn_allmenu{ position:absolute; width:74px; height:74px; right:0; top:0; background:#2aaa08; background:url(../images/common/btn_allmenu.png) no-repeat center #2aaa08; background-size:26px auto;}
.btn_allmenu.active{}

.all-button{ position:absolute; display:block;width:28px;height:26px;z-index:999;transition: .3s; top:50%; left: 50%; transform: translate(-50%,-50%);}
.all-button:focus span,.all-button:hover span{width:28px}
.all-button .header-button-item{display:block;height:3px;background:#fff;border-radius:5px;position:absolute;left:0;opacity:1; transition:transform .3s,top .3s,opacity .3s,width .3s}
.all-button .header-button-item.top{top:0;width:28px;transform-origin:left bottom}
.all-button .header-button-item.middle{top:10px;width:28px}
.all-button .header-button-item.bottom{top:21px;width:28px;transform-origin:left top}
.all-button.open{background-color:transparent}
.all-button.open .header-button-item{width:32px;background:#fff;height:3px;border-radius:5px;}
.all-button.open .header-button-item.top{transform:rotate(45deg);top:0}
.all-button.open .header-button-item.middle{opacity:0}
.all-button.open .header-button-item.bottom{transform:rotate(-45deg);top:24px}

.all_menu{ width:100%; position:absolute; top:74px; background:#fff; border-top:1px solid #dbdbdb; border-bottom:1px solid #323232; z-index:999; padding:15px 0 20px 0; display:flex; transition: all .4s;     		
	max-height: 0; opacity:0; visibility: hidden; opacity: 0; overflow: hidden;}
.all_menu .inner{ display:flex;}
.all_menu.active{ max-height:364px; visibility: visible; overflow: visible; opacity: 1;}
.all_menu > ul > li{ width:205px; margin-right:10px; float:left;}
.all_menu > ul > li:last-child{ margin-right:0;}
.all_menu > ul > li > a{ display:block; height:46px; line-height:46px; font-size:16px; text-align:center; font-family: 'NotoKrM'; background:#e9f6fc; border-radius:10px;}
.all_menu ul li ul{}
.all_menu ul li ul li{ border-bottom:1px dashed #d4d4d4;}
.all_menu ul li ul li:last-child{ border-bottom:none;}
.all_menu ul li ul li a{ display:block; height:46px; line-height:46px; font-size:14px; text-align:center; letter-spacing:-1.2px;}
.all_menu ul li ul li.on a{ color:#0060cc;}

/* Mobile Ver Header */
#mobile_header{ background:#fff; display:none;}
#mobile_header h1{ padding:0 15px;}
#mobile_header h1 img{ height:36px;}
.m_top{ height:60px; line-height:60px; }


/* Mobile Ver Menu Button Menu */
.btn_m_allMenu{ background:url(../images/common/btn_allmenu.png) no-repeat center #2aaa08; width:60px; height:60px; position:absolute; right:0; top:0; background-size:23px auto;}
.btn_m_allMenu_close{ background:url(../images/common/btn_m_all_menu_close.png) no-repeat center #01d3d2; width:60px; height:60px; position:absolute; right:0; top:0; background-size:23px auto;}

.mobile_menu_wrap{ position:absolute; height:100%; top:0; width:100%; background:#fff; z-index:99; display:none;}
.mobile_menu_wrap:after { display: block; clear: both; content: "";}
.m_menu_top{ height:60px; line-height:60px; background:#eef2f7; position:relative; padding:0 15px; font-size:20px; font-family: 'NotoKrM';}

#m_menu{ padding:15px;}
#m_menu  > li{ overflow:hidden; margin-bottom:20px;}
#m_menu  > li.on{ }
#m_menu  > li > a{ display:block; font-size:18px; font-family:"NotoKrM"; height:60px; line-height:60px; padding:0 15px 0 55px; background-color:#e9f6fc; border-radius:8px;}

#m_menu  > li:nth-child(1) > a{ background-image:url(../images/common/m_dep1_icon01.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 20px, 20px;}
#m_menu  > li:nth-child(2) > a{ background-image:url(../images/common/m_dep1_icon02.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 26px, 20px;}
#m_menu  > li:nth-child(3) > a{ background-image:url(../images/common/m_dep1_icon03.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 36px, 20px;}
#m_menu  > li:nth-child(4) > a{ background-image:url(../images/common/m_dep1_icon04.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 30px, 20px;}
#m_menu  > li:nth-child(5) > a{ background-image:url(../images/common/m_dep1_icon05.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 30px, 20px;}
#m_menu  > li:nth-child(6) > a{ background-image:url(../images/common/m_dep1_icon06.png), url(../images/common/m_dep1_menu_plus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 26px, 20px;}	

#m_menu  > li.on:nth-child(1) > a{ background-image:url(../images/common/m_dep1_icon01.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 20px, 20px;}
#m_menu  > li.on:nth-child(2) > a{ background-image:url(../images/common/m_dep1_icon02.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 26px, 20px;}
#m_menu  > li.on:nth-child(3) > a{ background-image:url(../images/common/m_dep1_icon03.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 36px, 20px;}
#m_menu  > li.on:nth-child(4) > a{ background-image:url(../images/common/m_dep1_icon04.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 30px, 20px;}
#m_menu  > li.on:nth-child(5) > a{ background-image:url(../images/common/m_dep1_icon05.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 30px, 20px;}
#m_menu  > li.on:nth-child(6) > a{ background-image:url(../images/common/m_dep1_icon06.png), url(../images/common/m_dep1_menu_minus.png);
	background-position: left 15px center, top 19px right 15px; background-repeat:no-repeat, no-repeat; background-size:auto 26px, 20px;}




#m_menu .m_dep2{ display:none;}
#m_menu .m_dep2 > li{ background:#fff;}
#m_menu .m_dep2 > li > a{ height:52px; line-height:52px; font-size:15px; padding:0 25px; border-bottom:1px dashed #dcdcdc; display:block;}
#m_menu .m_dep2 > li:last-child > a{ border-bottom:1px solid #000;}

.btn_go_top{ width:66px; height:26px; line-height:26px; color:#323232; padding-left:30px; font-size:11px; display:inline-block;
	background:url(../images/common/arrow_quick_top.png) no-repeat left 14px top 9px; border:1px solid #cccccc; border-radius:50px;
}

/*### 공용 ###*/

/* Button */
.btn_area{ text-align:center; margin-top:50px; margin-bottom:60px;}



.btn_s{ height:30px; line-height:30px; color:#fff; background:#494748; border-radius:5px; padding:0 20px; display:inline-block; text-align:center;}
.btn_s i{ color:#fff;}

.btn_m{ width:100px; height:42px; line-height:42px; color:#fff; background:#484848; border-radius:5px; display:inline-block; text-align:center; font-size:16px; vertical-align:middle}
.btn_m i{ color:inherit;}
.btn_m.green{ background:#2aaa08;}
.btn_m.brown{ background:#cb8f37;}
.btn_m.white{ background:#fff; border:1px solid #dcdcdc; color:#141414; box-sizing:content-box;}
.btn_m.white i{ color:#323232;}
.btn_m.wf{ width:auto; padding:0 20px}

/* Table */
table{ width:100%;}

/* 테이블 상단 */
.table_top{ height:60px; line-height:60px;}
.table_top .bbs_num{ font-size:16px; font-family:"NotoKrM";}
.table_top .bbs_num em{ font-size:14px; color:#219d00; font-family:"NotoKrM";}

/*  테이블 상단 : 검색 */
.bbs_list_search{ position:relative; overflow:hidden; border-bottom:2px solid #323232; float:right; width:400px; height:40px; line-height:40px;}
.bbs_list_search input[type=text]{ height:44px; line-height:44px; width:calc(100% - 40px); border:none; padding-left:0;}
.bbs_list_search input::placeholder{ font-size:16px; color:#323232;}
.bbs_list_search button{ position:absolute; vertical-align:middle; right:0; top:4px;}

/* 기본 테이블 */
.table_ba{ border-top:2px solid #2aaa08;}
.table_ba th,
.table_ba td{ height:50px; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:10px; width:10%;}
.table_ba th:last-child,
.table_ba td:last-child{ border-right:none;}
.table_ba th{ font-size:16px; font-family:"NotoKrM"; background:#f8f8f8}
.table_ba td{ font-size:15px; color:#505050;}
.table_ba.topNone{ border-top:none;}
.table_ba.top_fix th{ border-right:none; min-height:50px; padding:10px 0;}

.table_ba.line{ border-left:1px solid #dcdcdc;}
.table_ba.line th,
.table_ba.line td{ border-right:1px solid #dcdcdc;}

.icon_noti{ display:inline-block; background:#2aaa08; width:46px; height:26px; line-height:26px; color:#fff; font-family:"NotoKrM"; font-size:14px; border-radius:5px;}
.icon_new{ width:22px; height:22px; margin-right:6px;}
.main_bbs_txt .icon_new{ width:24px; height:24px; margin-right:6px;}
.table_bbs_list .icon_new{ width:20px; height:20px; margin-right:6px;}

/* 게시판 리스트 */
.table_bbs_list{width:100%;margin-bottom:40px;border-top:2px solid #2aaa08;}
.table_bbs_list table{ box-sizing:border-box; width:100%;table-layout: fixed;}
.table_bbs_list{}

.table_bbs_list th,
.table_bbs_list td{ text-align:center; border-bottom:1px solid #dcdcdc; height:50px; line-height:50px;}
.table_bbs_list th{ font-size:16px; font-family:"NotoKrM";}
.table_bbs_list td{ font-size:15px; color:#505050;}
.table_bbs_list tr + tr:hover{ background:#fffef6;}
.table_bbs_list .td_num{width:10%;}
.table_bbs_list .td_sub{ width: 60%; }
.table_bbs_list .td_sub a{ text-align:left; font-size:15px; display:block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.table_bbs_list .td_name{ width:10%;}
.table_bbs_list .td_date{ width:10%;}
.table_bbs_list .td_hit{ width:10%;}

/* 게시판 상세 */
.bbs_view{ border-top:2px solid #2aaa08;}
.bbs_view_top_wrap{ border-bottom:1px solid #dcdcdc;}
.bbs_view_top{ padding:20px;}
.bbs_view .tit{ font-size:20px; font-family:"NotoKrM"; margin-bottom:12px; line-height:26px;}

.bbs_view_info{ overflow:hidden;}
.bbs_view_info li{ position:relative; float:left; font-size:14px; color:#666; margin-right:23px;}
.bbs_view_info li:last-child{ margin-right:0;}
.bbs_view_info li:before{ content:""; position:absolute; background:#e2e2e2; width:1px; height:12px; right:-11px; top:4px;}
.bbs_view_info li:last-child:before{ display:none;}

.bbs_view_down{ padding:20px; background:#f8f8f8; border-top:1px dashed #dcdcdc;}
.bbs_view_down li{ color:#666; margin-bottom:10px;}
.bbs_view_down li a{ color:#666; text-decoration:underline;}
.bbs_view_down li:last-child{ margin-bottom:0;}
.bbs_view_down .nofile{}
.bbs_view_down .noFile em{ color:#008100;}

.bbs_view_cont{ padding:30px 20px; border-bottom:1px solid #dcdcdc; line-height:24px; min-height:300px;}
.bbs_view_cont img{ max-width:100%; height:auto;}

.bbs_view_cont.partial{} /* 계절관리제 추진현황 : 부분별 현황 게시판 상세 */

/* 자료실 : 동영상 */
.bbs_video{}
.bbs_video > li{ float:left; width:400px; margin-right:40px; margin-bottom:65px;}
.bbs_video > li:nth-child(3n+3){ margin-right:0;}
.bbs_video img{ width:400px; height:255px; border:1px solid #e2e2e2; border-radius:5px;}
.bbs_video .tit{ margin-top:20px; margin-bottom:12px; }
.bbs_video .tit a{ font-size:18px; font-family:"NotoKrM"; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 자료실 : 카드뉴스 */
.bbs_cardnews{ overflow:hidden;}
.bbs_cardnews > li{ float:left; width:400px; height:520px; margin-right:40px; margin-bottom:65px; }
.bbs_cardnews > li:nth-child(3n+3){ margin-right:0;}
.bbs_cardnews img{ width:400px; height:400px; border:1px solid #e2e2e2; border-radius:5px;}
.bbs_cardnews .tit{ margin-top:20px; margin-bottom:12px; }
.bbs_cardnews .tit a{ font-size:18px; font-family:"NotoKrM"; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_cardnews .pess{ display:inline-block; width:86px; height:30px; line-height:30px; text-align:center; background:#989898; color:#fff; border-radius:30px; margin-top:15px;}
.bbs_cardnews .pess.ing{ background:#2aaa08;}

/* 국민참여 : 수상작 갤러리 : 포스터 */
.bbs_poster{ overflow:hidden;}
.bbs_poster > li{ float:left; width:400px; margin-right:40px; margin-bottom:65px; }
.bbs_poster > li:nth-child(3n+3){ margin-right:0;}
.poster_cover{ padding:5px; border-radius:5px; overflow:hidden; border:1px solid #e2e2e2; height:400px;}
.bbs_poster img{ width:390px; height:auto;}
.bbs_poster .tit{ margin-top:20px; margin-bottom:12px; }
.bbs_poster .tit a{ font-size:18px; font-family:"NotoKrM"; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.award{ display:inline-block; width:86px; height:30px; line-height:30px; text-align:center; background:#989898; color:#fff; border-radius:30px; margin-top:15px;}
.award.aw1{ background:#146aca;}
.award.aw2{ background:#2aaa08;}
.award.aw3{ background:#be6c14;}

/* 국민참여 : 공모전/이벤트 */
.bbs_event{ overflow:hidden;}
.bbs_event > li{ float:left; width:400px; height:520px; margin-right:40px; margin-bottom:65px; }
.bbs_event > li:nth-child(3n+3){ margin-right:0;}
.bbs_event img{ width:400px; height:400px; border:1px solid #e2e2e2; border-radius:5px;}
.bbs_event .tit{ margin-top:20px; margin-bottom:12px; }
.bbs_event .tit a{ font-size:18px; font-family:"NotoKrM"; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_event .pess{ display:inline-block; width:86px; height:30px; line-height:30px; text-align:center; background:#868686; color:#fff; border-radius:30px; margin-top:15px;}
.bbs_event .pess.ing{ background:#2aaa08;}
.bbs_event .pess.prep{ background:#be6c14;}/* 준비중 */


.pessTxt{ color:#949494; }/*진행완료*/
.pessTxt.prep{ color:#be6c14;}/* 준비중 */
.pessTxt.ing{ color:#2aaa08;}/* 진행중 */

.bbs_btn_area{ text-align:center; margin-top:30px;}

/*페이징*/
.pagebtn { text-align:center; padding-top:20px; }
.pagebtn> a:first-child { margin-left:0px !important;}
.pagebtn> a { display:inline-block; width:24px; height:30px; line-height:23px; text-align:center; margin-left:1px; vertical-align:middle; font-size:16px; margin:0 10px;}
.pagebtn> .select { color:#2aaa08; font-family:"NotoKrM"; border-bottom:1px solid #2aaa08;}
.pagebtn> a:hover { text-decoration:underline; }
.pagebtn> .arrowbtn { color:#c8c8c8; font-family:"NotoKrM"; letter-spacing:-2px; border:1px solid #c8c8c8; width:38px; height:38px; line-height:38px; border-radius:5px; margin:0 3px;}
.pagebtn .first{ background:url(../images/common/arrow_page_first.png) no-repeat center;}
.pagebtn .prev{ background:url(../images/common/arrow_page_prev.png) no-repeat center;}
.pagebtn .next{ background:url(../images/common/arrow_page_next.png) no-repeat center;}
.pagebtn .end{ background:url(../images/common/arrow_page_end.png) no-repeat center;}

.dim_bg{ z-index:999; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); opacity:1;}

/* Footer */
#footer{ position:relative; background:#fff; padding:35px 0; border-top:1px solid #e5e5e5;}
#footer:after{ display:block; clear:both; content:"";}
.logo_me{ float:left;}
.address{ float:left; margin-left:45px; margin-top:8px;}
address{ font-size:14px; color:#666; line-height:1.5;}
.copyright{ font-size:14px; color:#666; line-height:1.5;}

.btn_top_move{ position:absolute; display:inline-block; width:42px; height:42px; background:url(../images/common/arrow_top_move.png) no-repeat center #2aaa08; border-radius:50%; right:-80px; top:8px;}
.btn_top_move:before{ content:""; position:absolute; background-color:rgba(42, 170, 8, 0.2); opacity:1; width:64px; height:64px; border-radius:50%; left: 50%; top:50%; transform: translate(-50%,-50%);}

.right_logo_wrap{ }
.btn_webwatch{ position:absolute; right:0;}
.btn_webwatch img{ width:85px; height:auto;}

/* 유관기관 */
.f_site{ position:absolute; width:286px; right:115px; }
.f_site button{ position:relative; width:286px; height:54px; line-height:54px; background:#f3f3f3; border-radius:10px; font-size:16px; font-family:"NotoKrM"; padding:0 22px; text-align:left;}
.f_site button i{ position:absolute; right:20px; top:20px; transition: all 0.3s;}
.f_site ul{ position:absolute; width:286px; background:#fff; padding:0 10px; border:1px solid #e2e2e2; border-radius:5px; bottom:64px; display:none; box-shadow: 0 4px 0px rgba(0, 0, 0, 0.3);}
.f_site ul li{ border-bottom:1px solid #e2e2e2;}
.f_site ul li:last-child{ border-bottom:none;}
.f_site ul li a{ display:block; color:#505050; font-size:16px; height:50px; line-height:50px;}
.f_site button.active i{transform: rotate(-180deg);}

/* 공통 Popup */
#popup{}
.popup_tit{ background:url(../images/common/blit_popup.png) no-repeat left 20px center #494748; height:50px; line-height:50px; font-family:"NotoKrM"; color:#fff; font-size:16px; padding-left:48px;}
.popup_cont{ padding:15px;}

@media all and (max-width:1500px) {

	}

@media all and (max-width:1240px) {
	
	}

@media all and (max-width:1024px) {
	#header{ display:none;}
	#mobile_header{ display:block;}

	
	.btn_top_move{ right:20px; top:-80px;}
	
	#mobile_header .btn_total_search{ height:60px; width:60px;}

	.table_top .bbs_num{ font-size:14px;}
	
	/* 기본 테이블 */
	.table_ba th,
	.table_ba td{ font-size:14px; height:auto; padding:10px;}
	
	
	
	.layout_inner{ width:100%; padding:0 15px;}
	.layout_inner_s{ width:100%;}
	
	/*#web_header, .w_ver, .mobile_menu_wrap{ display:none;}*/
	
	.m_ver_in{ display:inline-block !important;}
	.sns_share{ display:none;}	
	

	.footer_cont{padding:28px 20px;}
	.footer_logo{ float:none; margin-top:0; margin-bottom:18px; display:block;}
	.footer_info{ float:none; margin-left:0;}
	.go_top{ right:15px;}
	
	}

@media all and (min-width:640px) {
	.dim_bg{  display:none !important;}
}

@media (max-width: 640px){
	.w_ver{ display:none !important;}
	.m_ver{ display:block !important;}
	
	.inner{ width:100%; padding:0 15px;}
	.top_total_search{ top:60px;}
		
	.right_logo_wrap{ position:relative; margin-top:20px;}
	.btn_top_move{ right:10px; top:10px;}
	.btn_webwatch{ position:relative; right:0;}
	
	/* 게시판 리스트 */
	.table_bbs_list .td_num{width:15%;}
	.table_bbs_list .td_sub{ width: 60%;}
	.table_bbs_list .td_name{ display:none;}
	.table_bbs_list .td_date{ width:25%;}
	.table_bbs_list .td_hit{ display:none;}
	
	.table_ba.top_fix th{ height: 60px;padding: 0 5px; font-size:13px; }
	
	.table_ba.mtdFix th,
	.table_ba.mtdFix td{ white-space: nowrap;}
	
	/* 게시판 리스트 : 검색 */
	.table_top .bbs_num{ display:none;}
	.bbs_list_search{ width:100%;}
	
	/* 게시판 상세 */
	.bbs_view_cont{ padding:20px }
	
	/* 자료실 : 동영상 */
	.bbs_video > li{ float:none; width:100%; margin-right:0; margin-bottom:60px;}
	.bbs_video img{ width:100%;}
	
	/* 자료실 : 카드뉴스*/
	.bbs_cardnews > li{ float:left; width:100%; height:auto; margin-right:0;}
	.bbs_cardnews img{ width:100%; height:auto;}
	
	/* 국민참여 : 공모전/이벤트 */
	.bbs_event > li{ float:left; width:100%; height:auto;}
	.bbs_event img{ width:100%; height:auto;}
	.bbs_event .tit{ margin-top:15px;}
	
	.icon_noti{ width:40px; height:22px; line-height:22px; font-size:13px;}
	
	/* 국민참여 : 수상작 갤러리 : 포스터 */
	.bbs_poster > li{ float:none; width:100%; margin-right:0;}
	.bbs_poster img{ width:100%; height:auto;}
	.bbs_poster .tit{ margin-top:15px;}
	
	#footer{ }
	.logo_me{ float:none; display:block; margin-bottom:20px;}
	.address{ float:none; margin-left:0; margin-top:0;}
	
	/* 유관기관 */
	.f_site{ position:relative; width:100%; right:auto; margin-top:20px;}
	.f_site button{ width:100%;}
	.f_site button i{ position:absolute; right:20px; top:20px;}
	.f_site ul{ width:100%;}
	
	
	

	}



@media only screen and (max-width: 390px){
	.table_ba.top_fix th{ width:15%;}
}

/* 공용팝업 */	
.popWarp{}	
.popWarp .popTit{ font-family: 'NotoKrM'; padding:14px 20px 14px 42px; color:#fff; font-size:18px; position:relative; background:url(../images/common/d_tit.png) no-repeat left 20px center #484848;}	
.popWarp .popClose{ position:absolute; right:20px; top:2px;}
.popWarp .popClose a{ display:inline-block; height:18px; width:18px; background:url(../images/common/icon_close.png) center no-repeat; font-size:0;}	
.popWarp .popCont{ padding:20px;}	
.popCont .NumDesc { background: #f7f7f7; border: 1px solid #d2d2d2; padding: 5px; overflow-y: scroll;}	
.popCont .labelPop{font-size: 12px;}