@charset "utf-8";

/* 메인 배경 */
.visual_section {
	overflow: hidden;
	height: 507px;
	background: url('/hg/images/main/bg_main.png') no-repeat center center;
}

.visual_section .main_visual_area {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
}

.visual_section .main_visual_area strong {
	display: block;
	margin-top: 140px;
	font-family: "LotteMartHappy", sans-serif;
	font-size: 53px;
	font-weight: 400;
	line-height: 1.3em;
	color: #006e97;
}

.visual_section .main_visual_area strong span {
	color: #162359;
	font-family: "LotteMartHappy", sans-serif;
}

/* 퀵메뉴 */
.quick_menu_area {
	overflow: hidden;
	height: 129px;
	border-bottom: 1px solid #d2d2d2;
}

.quick_menu_area.green {
	background: linear-gradient(90deg, #dde7cf 50%, #ffffff 50%);
}

.quick_menu_area.blue {
	background: linear-gradient(90deg, #d1e7f2 50%, #ffffff 50%);
}

.quick_menu_area.green div.quick_menu_box:hover a {
	color: #7c935c;
}

.quick_menu_area.blue div.quick_menu_box:hover a {
	color: #0d6ea8;
     text-decoration: underline;
}

/* 퀵메뉴 타이틀 */
.quick_menu_area .quick_menu {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
}

.quick_menu_area .quick_menu .quick_menu_title_area {
	overflow: hidden;
	float: left;
	width: 270px;
}

.quick_menu_area .quick_menu .quick_menu_title_area strong {
	display: block;
	margin-top: 50px;
	font-size: 32px;
	color: #323b25;
	font-family: "LotteMartHappy", sans-serif;
}

.quick_menu_area .quick_menu .quick_menu_title_area strong span {
	/*color: #657f42;*/
	
}

.quick_menu_area.green .quick_menu_title_area strong span {
	color: #657f42;
	font-family: "LotteMartHappy", sans-serif;
}

.quick_menu_area.blue .quick_menu_title_area strong span {
	color: #0d6ea8;
	font-family: "LotteMartHappy", sans-serif;
}

/* 퀵메뉴 슬라이더 */
.quick_menu_area .quick_menu .quick_menu_link_area {
	position: relative;
	overflow: hidden;
	height: 129px;
	background-color: #ffffff;
}

.quick_menu_area .quick_menu .quick_menu_link_area .swiper3 {
	width: 800px;
	margin: 0 auto;
}

.swiper3 .swiper-slide {
	height: 129px;
	text-align: center;
}

.swiper3 .swiper-slide a {
	display: block;
	height: 129px;
	padding-top: 93px;
	color: #333333;
	box-sizing: border-box;
}

/* 퀵메뉴 슬라이더 이미지 - 이미지 추가시 아래 이름에 맞춰서 추가 */
.swiper3 .swiper-slide.quick_menu01 {
	background: url('/hg/images/main/quick_bg01.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu02 {
	background: url('/hg/images/main/quick_bg02.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu03 {
	background: url('/hg/images/main/quick_bg03.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu04 {
	background: url('/hg/images/main/quick_bg04.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu05 {
	background: url('/hg/images/main/quick_bg05.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu06 {
	background: url('/hg/images/main/quick_bg06.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu07 {
	background: url('/hg/images/main/quick_bg07.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu08 {
	background: url('/hg/images/main/quick_bg08.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu09 {
	background: url('/hg/images/main/quick_bg09.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu10 {
	background: url('/hg/images/main/quick_bg10.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu11 {
	background: url('/hg/images/main/quick_bg11.png') no-repeat center 23px;
}

.swiper3 .swiper-slide.quick_menu01:hover {
	background: url('/hg/images/main/quick_bg01_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu02:hover {
	background: url('/hg/images/main/quick_bg02_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu03:hover {
	background: url('/hg/images/main/quick_bg03_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu04:hover {
	background: url('/hg/images/main/quick_bg04_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu05:hover {
	background: url('/hg/images/main/quick_bg05_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu06:hover {
	background: url('/hg/images/main/quick_bg06_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu07:hover {
	background: url('/hg/images/main/quick_bg07_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu08:hover {
	background: url('/hg/images/main/quick_bg08_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu09:hover {
	background: url('/hg/images/main/quick_bg09_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu10:hover {
	background: url('/hg/images/main/quick_bg10_over.png') no-repeat center
		23px;
}

.swiper3 .swiper-slide.quick_menu11:hover {
	background: url('/hg/images/main/quick_bg11_over.png') no-repeat center
		23px;
}

/* 퀵메뉴 슬라이더 버튼*/
.quick_menu_link_btn_area a.linkleftbtn {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -14px;
	width: 30px !important;
	height: 30px !important;
	border: solid 1px #d1d1d1;
}

.quick_menu_link_btn_area a img {
	display: block;
	width: 28px !important;
	height: 28px !important;
	margin-top: 1px !important;
	margin-left: 1px !important;
	padding: 0 !important;
}

.quick_menu_link_btn_area a.linkrightbtn {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -14px;
	width: 30px !important;
	height: 30px !important;
	border: solid 1px #d1d1d1;
}

.main_section01 {
	overflow: hidden;
	height: 435px;
	background-color: #f3f3f1;
}

.main_section01_area {
	overflow: hidden;
	width: 1280px;
	margin: 40px auto 0;
}

.main_section01_area>div {
	overflow: hidden;
	display: inline-block;
	float: left;
	position: relative;
}

.notice_area {
	width: 370px;
}

.air_area {
	overflow: hidden;
	width: 538px;
}

.sd_tab {
	margin-top: 20px;
	overflow: hidden;
}

.sd_tab li {
	float: left;
	width: 90px;
	height: 56px;
}

.sd_tab li:first-child {
	width: 88px;
}

.sd_tab li a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-left: none;
	color: #888;
	font-size: 15px;
	line-height: 19px;
	text-align: center;
	box-sizing: border-box;
}

.sd_tab li a span {
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 16px;
}

.sd_tab li a span em {
	font-size: 10px;
}

.sd_tab li:first-child a {
	border-left: 1px solid #ddd;
}

.sd_tab li.active a {
	background: #f2f6f8;
	color: #333;
	z-index: 2;
}

.sd_tab li.active a:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 3px;
	padding: 0 1px;
	background: #0083cb;
}

.sd_tab li.active a:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f2f6f8;
}

.sd_tabcont {
	border: 1px solid #ddd;
	border-top: none;
}

.sdt_head {
	height: 45px;
	border-bottom: 1px solid #ddd;
	background: #f2f6f8;
	overflow: hidden;
	box-sizing: border-box;
}

.sdt_head ul {
	float: left;
	width: 266px;
	padding-right: 17px;
	box-sizing: border-box;
}

.sdt_head ul+ul {
	border-left: 1px solid #ddd;
	box-sizing: border-box;
}

.sdt_head ul li {
	float: left;
	width: 35.8%;
	color: #333;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
}

.sdt_head ul li:nth-child(2) {
	width: 24.6%;
}

.sdt_head ul li:nth-child(3) {
	width: 39.6%;
}

.sdt_cont {
	height: 204px;
	overflow: hidden;
	overflow-y: scroll;
}

.sdt_cont ul {
	float: left;
	width: 267px;
	padding: 12px 0;
	border-right: 1px solid #ddd;
	padding-right: 17px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	box-sizing: border-box;
}

.sdt_cont ul+ul {
	width: 250px;
	padding-right: 0;
	border: none;
}

.sdt_cont ul li {
	overflow: hidden;
}

.sdt_cont ul li span.nm {
	float: left;
	width: 35.8%;
	color: #333;
}

.sdt_cont ul li span.val {
	float: left;
	width: 24.6%;
	color: #888;
}

.sdt_cont ul li span.ico {
	float: left;
	width: calc(39.6% - 35px);
	padding-left: 35px;
	text-align: left;
}

.sdt_cont ul li span.i01 {
	background: url('/hg/images/icon/ico_fc01.png') no-repeat 5px center;
	color: #0083cb;
}

.sdt_cont ul li span.i02 {
	background: url('/hg/images/icon/ico_fc02.png') no-repeat 5px center;
	color: #1aac6c;
}

.sdt_cont ul li span.i03 {
	background: url('/hg/images/icon/ico_fc03.png') no-repeat 5px center;
	color: #f8741a;
}

.sdt_cont ul li span.i04 {
	background: url('/hg/images/icon/ico_fc04.png') no-repeat 5px center;
	color: #ff0909;
}

.video_area {
	width: 538px;
	margin: 0 33px;
}

.video_area .video_content_area {
	overflow: hidden;
	width: 538px;
	height: 306px;
	/*margin-top: 53px;*/
}

.news_area {
	width: 306px;
}

.main_section_title {
	overflow: hidden;
}

.main_section_title span {
	font-size: 21px;
	color: #000000;
	letter-spacing: -2px;
	font-weight: 500;
}

.main_section_title p.title_info_txt {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

.main_section01_area div .notice_slide_area {
	overflow: hidden;
}

/*.main_section01_btn_area {overflow: hidden; position: absolute; top: 0px; right: 0px;}
    a.btn {border:1px solid #d1d1d1;}
    a:hover {text-decoration: none;}
    a.btn + a.btn {margin-left: -1px;}*/
.main_section02 {
	overflow: hidden;
	height: 319px;
	/*background-color: #f3f3f1;*/
}

.main_section02_area {
	overflow: hidden;
	width: 1280px;
	margin: 35px auto 0;
}

.main_section02_area>div {
	overflow: hidden;
	display: inline-block;
	float: left;
	position: relative;
}

.snsArea {
	width: 320px;
}

.snsHeader {
	position: relative;
	border-bottom: solid 1px #d1d1d1;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 37px;
}

.snsHeader span {
	display: block;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	/*letter-spacing: -2px;*/
}

.snsHeader ul {
	position: absolute;
	top: 8px;
	right: 0;
}

.snsHeader after {
	display: block;
	content: '';
	clear: both;
}

.snsHeader li {
	float: left;
	margin-right: 3px;
}

.snsHeader li:last-child {
	margin-right: 0;
}

.bannerArea {
	
}

.bannerSlide {
	position: relative;
}

.bannerSlide .swiper-pagination {
	position: absolute !important;
	top: -27px;
	left: 0;
}

.sns_area {
	width: 320px;
}

.sns_area .sns_tab_area {
	overflow: hidden;
	position: absolute;
	top: 4px;
	right: 0px;
}

.sns_area .sns_tab_area ul {
	overflow: hidden;
}

.sns_area .sns_tab_area ul li {
	float: left;
	margin-right: 3px;
}

.sns_area .sns_tab_area ul li a {
	
}

.sns_area .sns_tab_area ul li a:hover {
	text-decoration: none;
}

.sns_area .sns_content_area {
	overflow: hidden;
	width: 312px;
	height: 187px;
	border: 4px solid #eae4e3;
	background-color: #ffffff;
	font-family: "Noto Sans KR DL", sans-serif;
}

.sns_area .sns_content_area ul {
	overflow: hidden;
	height: 157px;
	margin: 15px 10px 15px 10px;
}

.sns_area .sns_content_area ul li {
	
}

.sns_area .sns_content_area ul li+li {
	margin-top: 17px;
}

.sns_area .sns_content_area ul li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 27px;
	width: 2px;
	height: 188px;
	margin-top: -68px;
	z-index: 99;
}

.sns_area .sns_content_area ul li a {
	position: relative;
	display: block;
	padding-left: 40px;
	font-size: 14px;
	color: #000000;
	z-index: 100;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.sns_area .sns_content_area ul li a:hover {
	text-decoration: none;
}

.sns_area .sns_content_area ul.facebook_list li::before {
	background: #8698c2;
}

.sns_area .sns_content_area ul.facebook_list li a {
	background: url('/hg/images/main/sns_facebook_bg.png') no-repeat 0px
		center;
}

.sns_area .sns_content_area ul.naver_list li::before {
	background: #a4d37a;
}

.sns_area .sns_content_area ul.naver_list li a {
	background: url('/hg/images/main/sns_blog_bg.png') no-repeat 0px center;
}

.sns_area .sns_content_area ul.twitter_list li::before {
	background: #97cbf2;
}

.sns_area .sns_content_area ul.twitter_list li a {
	background: url('/hg/images/main/sns_twitter_bg.png') no-repeat 0px
		center;
}

.sns_area .sns_content_area ul.youtube_list li::before {
	background: #e37a7e;
}

.sns_area .sns_content_area ul.youtube_list li a {
	background: url('/hg/images/main/sns_youtube_bg.png') no-repeat 0px
		center;
}

.sns_area .sns_content_area ul.instagram_list li::before {
	background: #bf2899;
}

.sns_area .sns_content_area ul.instagram_list li a {
	background: url('/hg/images/main/sns_insta_bg.png') no-repeat 0px center;
}

.tab_area {
	width: 560px;
	margin: 0 40px;
}

.tab_area .tab_btn_area {
	overflow: hidden;
	margin-top: 10px;
}

.tab_area .tab_btn_area ul {
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
}

.tab_area .tab_btn_area ul li {
	float: left;
	width: 23%;
}

.tab_area .tab_btn_area ul li a:focus {
    color: #009e90;
    text-decoration: none;
}

.tab_area .tab_btn_area ul li:first-child::after {
	content: none;
}

.tab_area .tab_btn_area ul li::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 18px;
	background: #d1d1d1;
}

.tab_area .tab_btn_area ul li a {
	display: block;
	font-size: 18px;
	color: #000000;
	text-align: center;
}

.tab_area .tab_btn_area ul li:hover a {
    color: #00A791;
    text-decoration: none;
}

.tab_area .tab_btn_area ul li.on a {
    color: #00A791;
    text-decoration: underline;
    text-decoration-color: #00A791;
}

.tab_content_area {
	overflow: hidden;
	height: 185px;
}

.tab_content_area ul {
	overflow: hidden;
}

.tab_content_area ul li {
	margin-top: 10px;
	padding-left: 17px;
	background: url('/hg/images/icon/icon_dotted.png') no-repeat left center;
}

.tab_content_area ul li:first-child {
	margin-top: 20px;
}

.tab_content_area ul li a {
	overflow: hidden;
	display: inline-block;
	width: 460px;
	font-size: 14px;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: "Noto Sans KR DL", sans-serif;
}

.tab_content_area ul li span {
	float: right;
}

.tab_content_area ul .btn_more {
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 0px;
	border: 1px solid #d1d1d1;
}

.tab_content_area .hidden .btn_more {
	display: none;
}

.main_link_area {
	overflow: hidden;
}

.main_link_area ul {
	overflow: hidden;
}

.main_link_area ul li {
	
}

.main_link_area ul li+li {
	margin-top: 14px;
}

.main_link_area ul li a:hover {
	text-decoration: none;
}

.main_link_area ul li a img {
	text-decoration: none;
}

/* 알림판, 카드뉴스 슬라이더 버튼 */
.main_section01_btn_area {
	position: absolute;
	top: 0px;
	right: 0px;
}

.main_section01_btn_area:after {
	display: block;
	content: '';
	clear: both;
}

.main_section01_btn_area a {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	border: 1px solid #d1d1d1;
	padding: 0;
}

.main_section01_btn_area a.swiper-button-prev, .main_section01_btn_area a.swiper-button-prev2
	{
	border-right: 0;
}

.main_section01_btn_area a.swiper-button-next, .main_section01_btn_area a.swiper-button-next2
	{
	border-left: 0;
}

.main_section01_btn_area a img {
	display: block;
	width: 28px;
	height: 28px;
	margin: 0;
}

/* 알림판 슬라이더 */
.swiper1 .swiper-slide {
	/* width: fit-content !important; */
	height: 306px !important;
}

.swiper1 img {
	width: 370px !important;
	height: 306px !important;
}

/* 카드뉴스 슬라이더 */
.swiper2 .swiper-slide {
	/* width: fit-content !important; */
	height: 306px !important;
}

.swiper2 img {
	width: 306px !important;
	height: 306px !important;
}

/* sns 슬라이더 버튼 */
.main_section02_btn_area2 {
	position: absolute;
	top: -28px;
	right: 0px;
	height: 20px;
}

.main_section02_btn_area2:after {
	display: block;
	content: '';
	clear: both;
}

.main_section02_btn_area2 a {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	border: 1px solid #d1d1d1;
	padding: 0;
}

.main_section02_btn_area2 a img {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-top: 1px;
}

.main_section02_btn_area2 a:hover {
	text-decoration: none;
}

.main_section02_btn_area2 a.swiper-button-prev4 {
	border-right: 0;
}

.main_section02_btn_area2 a.swiper-button-next4 {
	border-left: 0;
}

/* sns 슬라이더 */
.swiper4 {
	margin-top: 40px;
	background: #fff;
}

.swiper4 .swiper-slide {
	width: 320px !important;
	height: 140px !important;
	padding: 0;
}

.swiper4 .swiper-slide a {
	display: block;
	text-align: center;
}

.swiper4 .swiper-slide a img {
	display: block;
	margin: 0 auto;
	width: 320px !important;
	height: 140px !important;
}

/*2022-12-07/낙동강유역청/검색창 시작*/
.search_wrap {
	margin-left: 484px;
	width: calc(100% - 255px);
	float: left;
}

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

/*2022-12-19/환경부/검색창크기수정 start*/
.search_wrap .search_area {
	float: left;
	padding-top: 30px;
}

.search_wrap .hotKeyword {
	float: left;
	margin: 20px 0 0 35px;
}

.search_txt {
	position: relative;
	padding: 0 !important;
}

.search_txt .inp_wrap {
	position: relative;
}

.search_txt .inp_wrap>form>input.sckeyword {
	width: 398px;
	box-sizing: border-box;
	border: 1px solid #0D76B0;
	background: #ffffff;
	height: 40px;
	border-radius: 25px;
	display: block;
	padding-right: 120px;
	padding-left: 65px;
	font-size: 16px;
	font-family: "Noto Sans KR R", sans-serif;
}

.search_txt label {
	position: absolute;
	left: 20px;
	top: 0;
	line-height: 53px;
	font-size: 16px;
	color: #000000;
}

.search_txt label:hover {
	cursor: text;
}

.search_txt .search_btn {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 18px;
	height: 18px;
	background:
		url('/search/totalSearch/images/simple-line-icons_magnifier_skyblue.png')
		no-repeat center;
	background-size: 100%;
	text-indent: -9999px;
}

/*2022-12-19/대구환경청/검색창크기수정 end*/
.search_txt>a {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 55px;
	height: 37px;
	padding-top: 18px;
	background: #4f8ec3
}

.search_wrap .hotKeyword .research input {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

/*2022-12-19/대구환경청/크기수정 start*/
.search_wrap .hotKeyword .research label {
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
	min-height: 29px;
	line-height: 29px;
	background: url("../../images/search/ic_check_off.png") no-repeat left
		center;
	cursor: pointer;
	font-size: 16px;
	color: #1C1B1B;
}

.search_wrap .hotKeyword .research input:checked+label {
	background: url('../../images/search/ic_check_on.png') no-repeat left
		center;
}

.search_wrap .hotKeyword button.btn_detail {
	margin-left: 20px;
	background: #FFFFFF url('../../images/search/ic_arr_detail_off.png')
		no-repeat right 10px center;
	border: 1px solid #000000;
	border-radius: 2px;
	font-weight: 400;
	font-size: 16px;
	height: 36px;
	color: #212121;
	padding: 0 25px 0 5px;
	box-sizing: border-box;
	width: 98px;
	letter-spacing: -0.075em;
}

.search_wrap .hotKeyword button.btn_detail.on {
	background: #ffffff url('../../images/search/ic_arr_detail_on.png')
		no-repeat right 15px center;
}

/* // 20221206 수정 */
.search_wrap .hotKeyword button.btn_detail i {
	font-size: 12px;
	color: #fff;
	background: url("../../images/search/common/icon_searchOff.png") right
		center no-repeat;
	padding-right: 13px;
}

.search_wrap .hotKeyword button.btn_detail.on i {
	font-size: 12px;
	color: #fff;
	background: url("../../images/search/common/icon_searchOn.png") right
		center no-repeat;
	padding-right: 13px;
}

/*2022-12-19/대구환경청/크기수정 end*/
.topmenuWrap {
	float: right;
	position: relative;
}

.topSlg {
	position: absolute;
	top: 36px;
	right: 375px;
}

.topmenu {
	margin-top: 37px;
}

.topmenu ul {
	background-color: #fff;
	border: solid 1px #dfdfdf;
	border-radius: 5px;
	border-radius: 7px;
	overflow: hidden;
}

.topmenu ul li {
	float: left;
	padding: 10px 12px;
	border-right: solid 1px #dfdfdf;
}

.topmenu ul li:last-child {
	border-right: solid 0px;
}

.topmenu ul li a {
	font-size: 13px;
	color: #272b2e;
	font-weight: 300;
}

input {
	outline: none;
}

.search_txt .search_btn_2 {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	font-size: 18px;
	width: 90px;
	height: 40px;
	border-radius: 25px;
	background-color: #0D76B0;
	color: #FFFFFF;
	font-family: "Noto Sans KR", sans-serif;
}

/*20231025*/
.tab_content_area ul li a {
	font-family: "Noto Sans KR R", sans-serif;
}

.m_search_wrap {
	display: none;
}

.m_menuopen {
	display: none;
}

.btn_more2 {
	display: none !important;
}

.m_main_link_area_img {
	display: none !important
}

#mb_nav {
	display: none;
}

.m_headerSearch {
	display: none;
}

.main_section01_btn_area a {
	background-color: #ffffff;
}

.visual_section .main_visual_area img {
	display: none;
}
/* 알림판 슬라이더 */

/*로고*/
/*pc*/
.m_logo {
	display: none;
}
/*태블릿*/
@media screen and (max-width: 1024px) {
	/*전체 */
	#wrap {
		letter-spacing: -0.25px;
	}
	body {
		min-width: inherit;
		font-family: "Noto Sans KR R", sans-serif !important;
	}
	.pc_logo {
		display: none;
	}
	.m_logo {
		display: block;
	}
	/*헤더*/
	.header .header_layer {
		max-width: 1280px;
		width: inherit;
	}
	address {
		color: #828282;
	}
	.m_search_wrap {
		display: block;
	}
	.m_menuopen {
		display: block;
	}
	.header .header_layer .home_logo {
		overflow: inherit;
	}
	#mb_nav {
		display: block;
	}
	.m_headerSearch {
		display: block;
	}

	/*20231017*/
	/* 퀵메뉴 슬라이더 이미지 - 이미지 추가시 아래 이름에 맞춰서 추가 */
	.swiper3 .swiper-slide.quick_menu01 {
		background: url(/hg/images/main/quick_bg01.png) no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu02 {
		background: url('/hg/images/main/quick_bg02.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu03 {
		background: url('/hg/images/main/quick_bg03.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu04 {
		background: url('/hg/images/main/quick_bg04.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu05 {
		background: url('/hg/images/main/quick_bg05.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu06 {
		background: url('/hg/images/main/quick_bg06.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu07 {
		background: url('/hg/images/main/quick_bg07.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu08 {
		background: url('/hg/images/main/quick_bg08.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu09 {
		background: url('/hg/images/main/quick_bg09.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu10 {
		background: url('/hg/images/main/quick_bg10.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu11 {
		background: url('/hg/images/main/quick_bg11.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu01:hover {
		background: url('/hg/images/main/quick_bg01_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu02:hover {
		background: url('/hg/images/main/quick_bg02_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu03:hover {
		background: url('/hg/images/main/quick_bg03_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu04:hover {
		background: url('/hg/images/main/quick_bg04_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu05:hover {
		background: url('/hg/images/main/quick_bg05_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu06:hover {
		background: url('/hg/images/main/quick_bg06_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu07:hover {
		background: url('/hg/images/main/quick_bg07_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu08:hover {
		background: url('/hg/images/main/quick_bg08_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu09:hover {
		background: url('/hg/images/main/quick_bg09_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu10:hover {
		background: url('/hg/images/main/quick_bg10_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}
	.swiper3 .swiper-slide.quick_menu11:hover {
		background: url('/hg/images/main/quick_bg11_over.png') no-repeat;
		background-size: 53%;
		background-position: center -10px;
	}

	/*바로가기서비스*/
	.quick_menu_area .quick_menu {
		width: inherit !important;
	}
	.home_logo a img {
		height: 45px;
		margin-top: 7px;
	}
	.visual_section .main_visual_area {
		overflow: hidden;
		max-width: 1280px;
		margin: 0 auto;
		width: inherit;
	}
	.header .header_layer {
		height: 100px;
	}
	.header .header_layer .home_logo {
		left: 30px;
	}
	.swiper4 .swiper-slide {
		width: inherit !important
	}
	.m_main_link_area_img {
		display: block !important;
	}

	/*20231011 수도권대기환경청*/
	/*수도권대기환경청 바로가기 서비스*/
	.quick_menu_common2 {
		overflow: hidden;
		margin-top: -127px;
		background-color: rgba(2, 20, 44, 0.7);
	}
	.quick_menu_common2 .quick_menu {
		overflow: hidden;
		max-width: 1280px;
		margin: 0 auto;
	}
	.quick_menu_common2 .quick_menu .quick_menu_title_area {
		overflow: hidden;
		display: block;
		margin: 25px 0;
	}
	.quick_menu_common2 .quick_menu .quick_menu_title_area strong {
		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
	}
	.quick_menu_common2 .quick_menu .quick_menu_link_area {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 0 40px;
	}
	.quick_menu_common2 .quick_menu .quick_menu_link_area .quick_menu {
		display: inline-block;
		float: left;
		/* width: 18% !important;*/
		text-align: center;
		border: 1px solid rgb(255, 255, 255, 0.5);
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 8px;
		box-sizing: border-box;
	}
	.quick_menu_common2 .quick_menu .quick_menu_link_area .quick_menu:hover
		{
		background-color: #00baaa;
		border: 1px solid #00baaa;
	}
	.quick_menu_common2 .quick_menu .quick_menu_link_area .quick_menu a {
		display: block;
		padding: 4px 0;
		font-size: 18px;
		color: #ffffff;
	}
	.quick_menu_link_btn_area {
		overflow: hidden;
	}
	.linkleftbtn {
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top: -17px;
		outline: none;
	}
	.linkrightbtn {
		position: absolute;
		top: 50%;
		right: 0px;
		margin-top: -17px;
		outline: none;
	}
	.quick_menu_link_area>.swiper5 {
		display: none;
	}
	.swiper3_container {
		display: none;
	}

	/*수도권대기환경청 바로가기 서비스*/

	/*수두권대기환경청 main_section_list*/
	.m_division20 {
		display: none;
	}

	/* 수두권대기환경청 //main_section_list*/
	/*air_area*/
	.air_common {
		width: 42% !important;
	}
	.air_common .sd_tab li {
		width: 16.66% !important;
	}
	.air_common .sdt_head ul {
		width: 50%;
	}
	.air_common .sdt_cont ul {
		width: 50%;
	}
	.main_section01_common {
		display: flex;
	}

	/**/
	/*air_area*/

	/*20231011 수도권대기환경청
/*20230918*/
	.main_section01 {
		overflow: hidden;
		/*
    height: 435px;
    */
		height: auto;
		background-color: #f3f3f1;
	}
	.main_section01_area {
		overflow: hidden;
		max-width: 1280px;
		/*
    margin: 40px auto 0;
    */
		margin: 40px auto 40px;
		/*추가 css*/
		display: flex;
		width: inherit;
	}

	/*20230918*/
	.main_section01_area>div {
		overflow: hidden;
		display: inline-block;
		float: left;
		position: relative;
	}

	/*20230919*/
	.notice_area {
		/**
    width: 370px;
    */
		width: 30%;
	}

	/*20230918*/
	.video_area {
		/*
    width: 538px;
    */
		width: 40%;
		margin: 0 33px;
	}

	/*20230918*/
	.video_area .video_content_area {
		overflow: hidden;
		width: 100%;
		height: 327px;
		/*
    margin-top: 53px;
     width: 538px;
    */
	}

	/*20230918*/
	.news_area {
		/*
    width: 306px;
    */
		width: 24%;
	}

	/*20230918*/
	/*20231011*/
	.news_area2 {
		margin: 0 25px;
	}

	/*20231011*/

	/*20230918*/
	.main_section02 {
		overflow: hidden;
		/*
    height: 319px;
    */
		height: auto;
		/*background-color: #f3f3f1;*/
	}

	/*20230918*/

	/*20230919*/

	/*20230920*/

	/*20230919*/
	.swiper1 .swiper-slide {
		/*
    width: inherit !important;
        */
		height: 306px !important;
	}

	/* 카드뉴스 슬라이더 */
	.swiper2 .swiper-slide {
		/*
    width: inherit !important;
    */
		height: 306px !important;
	}
	.swiper2 img {
		/* width: 306px !important;*/
		width: 100% !important;
		height: 306px !important;
	}

	/*20230919*/

	/*20230918*/
	.swiper4 .swiper-slide {
		/*
    width: 100% !important;
   */
		height: 140px !important;
		padding: 0;
	}

	/*
.swiper4 .swiper-slide a {
    display: block;
    text-align: center;
}
*/
	/*20231011 수정*/
	.swiper4 .swiper-slide a img {
		display: block;
		margin: 0 auto;
		/*
    width: 320px !important;
    */
		width: 100% !important;
		height: 140px !important;
	}

	/*20230918*/

	/*국립야생동물질병관리원*/
	.main_section_out {
		width: 100%
	}
	.main_section01_bg {
		background-color: #ffffff;
	}
	.main_section00_area {
		width: inherit;
		max-width: 1280px;
	}

	/*국립야생동물질병관리원*/

	/*메인모바일공통css*/
	.m_menuopen {
		display: none;
	}

	/*검색창 css 수정 start*/
	.search_flex {
		margin-left: 0 !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
	}

	/*검색창 css 수정 end*/
	/*모바일 메뉴 디자인*/
	#mb_nav {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		z-index: 9999;
		right: 0;
	}
	.m_search_wrap {
		display: none;
	}
	.on {
		display: block !important;
	}
	.close {
		display: none !important;
	}
	#mb_nav .gnb_area {
		width: 90%;
		right: 0;
		position: absolute;
		background-color: #ffffff;
		height: 100%;
		z-index: 9999;
	}

	/*로그인*/
	#mb_nav .gnb_area .login {
		width: 100%;
		height: 80px;
	}
	#mb_nav .gnb_area .login ul {
		background-color: #294467;
		height: 100%;
		padding: 0 20px;
	}
	#mb_nav .gnb_area .login ul li {
		display: inline-block;
		padding-top: 22px;
	}
	#mb_nav .gnb_area .login ul li a {
		display: block;
	}
	#mb_nav .gnb_area .login ul li a img {
		width: 22px;
		height: 36px;
	}
	#mb_nav .gnb_area .login ul .close_btn {
		float: right;
	}
	#mb_nav .gnb_area .login ul .close_btn a img {
		width: 26px;
		height: 26px;
	}
	#mb_nav .gnb_area .login a span {
		color: #ffffff;
		font-size: 20px;
		padding-left: 14px;
	}
	#mb_nav .gnb_area .login ul close_btn {
		float: right
	}
	#mb_nav .gnb_area>.mb_gnb_menu>ul>li.active {
		background-color: #ffffff;
	}

	/*로그인*/
	#mb_nav .gnb_area .mb_gnb_menu {
		background-color: #ffffff;
		position: relative;
	}
	#mb_nav .gnb_area>.mb_gnb_menu>ul>li {
		padding: 19px 0;
		width: 35%;
		background-color: #f4f4f4;
		border-bottom: 1px solid #d9d9d9;
	}
	#mb_nav .gnb_area>.mb_gnb_menu>ul>li>a {
		display: block;
		position: relative;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		color: #333333;
		text-align: center;
		font-weight: 500;
		letter-spacing: -0.5px;
	}
	#mb_nav .gnb_area .mb_gnb_menu>ul>li.active>a {
		color: #294467;
	}
	#mb_nav .gnb_area ul li .sub_menu {
		/*
    display: block;
    */
		color: #333333;
		position: absolute;
		top: 0;
		right: 20px;
		width: 58%;
		font-weight: 600;
		display: none;
	}

	/*
#mb_nav .gnb_area ul li .sub_menu > ul > li {
    display: none;
}

#mb_nav .gnb_area ul li .sub_menu.avtive > ul > li {
    display: block;
}
/*
#mb_nav .gnb_area ul li:hover .sub_menu {
        display: block;
    }
*/
	#mb_nav .gnb_area ul li .sub_menu ul {
		background: #ffffff;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li.sub_depth2_on.upBtn>a::after {
		background-image: url(../../mamo/images/icon/m_menu_up_arrow_icon.png);
	}
	#mb_nav .gnb_area ul li .sub_menu ul li.sub_depth2_on>a {
		color: #294467;
		border-bottom: 1px solid #294467;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu3 ul li>a {
		padding: 2px 0 2px 15px !important;
		display: inline-block;
		margin-left: 15px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu3 ul li>a::before {
		content: "";
		display: block;
		position: absolute;
		top: 11px;
		left: 5px;
		width: 5px;
		height: 1px;
		background-color: #5b5b5b;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu3 ul li.sub_depth4_on>a::before
		{
		background-color: #294467;
		height: 2px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li.sub_depth4_on>a
		{
		color: #294467;
		font-weight: 600;
		border-bottom: 1px solid #294467;
		display: inline-block;
		padding: 8px 15px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li.current_line>a>span
		{
		color: #294467;
		font-weight: 600;
		border-bottom: 1px solid #294467;
		display: inline-block;
		padding: 0;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_black img {
		width: 15px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_bg {
		background-color: #e9ecf0;
	}
	#mb_nav .gnb_area ul li aactive .sub_menu>ul>li>a {
		
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>a {
		border-bottom: 1px solid #d2d2d2;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li.active>a {
		color: #294467;
		border-bottom: 1px solid #294467;
	}
	#mb_nav .gnb_area ul li .sub_menu ul li a {
		display: block;
		padding: 12px 15px;
		font-size: 15px;
		font-weight: 600;
		color: #333333;
		position: relative;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>a::after {
		content: "";
		background-image: url(../../mamo/images/icon/m_menu_down_arrow_icon.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 18px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0, -50%);
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_black::after {
		display: none;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_black img {
		padding-left: 3px;
	}

	/*3뎁스메뉴*/
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 {
		display: none;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li.active .sub_menu2 {
		display: block;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li a {
		color: #5b5b5b;
		padding: 8px 15px;
		font-weight: 400;
		font-size: 13px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li a img {
		width: 11px;
		padding-left: 2px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li .sub_menu3 {
		padding-left: 10px;
	}

	/*검색부분*/
	.m_headerSearch {
		display: none;
		top: 101px;
		left: 0;
		background: #fff;
		padding: 17px 0px 17px 0px;
		width: 100%;
		position: inherit;
		z-index: 9999;
		border-bottom: 1px solid #d5d5d5;
	}
	legend, caption {
		position: absolute;
		height: 0;
		line-height: 0;
		font-size: 0;
		overflow: hidden;
	}
	.m_headerSearch div {
		float: left;
		position: relative;
		width: 75%;
		margin-left: 30px;
	}
	.m_headerSearch label {
		position: absolute;
		width: 1px;
		height: 1px;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.m_headerSearch input {
		width: 100%;
		height: 60px;
		border-radius: 70px;
		border: solid 3px #0183cb;
		background: #fff;
		font-size: 30px;
		padding: 0 0px 0 30px;
	}
	.m_headerSearch input::placeholder {
		color: #d5d5d5;
		font-size: 25px;
	}
	.m_headerSearch div>button {
		position: absolute;
		top: 50%;
		right: 0px;
		width: 27px;
		transform: translateY(-50%);
	}
	.m_headerSearch div>button>img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.m_headerSearch .btn_searchClose {
		height: 66px;
		color: #0083cb;
		font-size: 25px;
		font-family: "Noto Sans KR R", sans-serif;
		font-weight: bold;
		position: absolute;
		right: 30px;
	}
	.m_headerSearch.searchgreen .btn_searchClose {
		color: #65895F;
	}
	.m_headerSearch.searchgreen input {
		border: solid 3px #65895F;
	}

	/*검색부분*/
	.m_ndg_link_area {
		display: none !important;
	}
	#ark {
		display: none;
	}
	.header_padding {
		border-bottom: 1px solid #d5d5d5;
	}

	/*헤더 링크*/
	.header .header_layer .link_area {
		margin-top: -10px;
		right: 30px;
	}
	.header .header_layer .link_area ul {
		display: none;
		right: 1px;
	}

	/*검색창*/
	.search_flex {
		display: none !important;
	}

	/*모바일검색창*/
	.m_search_wrap {
		overflow: hidden;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 95px;
		margin-top: -10px;
		transform: translate(0, -50%);
		display: block;
	}
	.m_search_wrap .m_search_open_btn_blue {
		margin-top: 30px;
		display: block;
		width: 42px;
		height: 42px;
		background-color: #0d76b0;
		border-radius: 25px;
		background-image: url(../../hg/images/icon/m_search_btn.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		background-size: 21px 21px;
		text-indent: -9999px;
	}
	.m_search_wrap .m_search_open_btn_green {
		margin-top: 30px;
		display: block;
		width: 42px;
		height: 42px;
		background-color: #65895F;
		border-radius: 25px;
		background-image: url(../../mamo/images/icon/m_search_btn.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 21px 21px;
		text-indent: -9999px;
	}

	/*전체 보기 메뉴 아이콘*/
	.m_menuopen {
		display: block;
	}

	/*탭 메뉴*/
	.header #nav .gnb_area {
		display: none;
	}
	.mamo_visual {
		height: 800px;
	}
	.visual_section .main_visual_area strong {
		text-align: center;
		margin-top: 160px;
		line-height: 1.2em;
	}
	.visual_section .main_visual_area strong p {
		text-align: center;
	}

	/*메인 바로가기서비스*/
	.quick_menu_common {
		height: auto;
	}
	.quick_menu_common.blue {
		background: #d1e7f2;
	}
	.quick_menu_common.green {
		background: #dde7cf;
	}
	.quick_menu_common .quick_menu .quick_menu_title_area {
		float: inherit;
		width: 100%;
	}
	.quick_menu_common .quick_menu .quick_menu_title_area strong {
		text-align: center;
		margin-top: 0;
		padding-top: 23px;
		padding-bottom: 21px;
		font-size: 35px;
		letter-spacing: -0.25px;
	}

	/*퀵메뉴 슬라이더 */
	.quick_menu_common .quick_menu .quick_menu_link_area {
		height: 208px;
	}
	.main_link_area ul li+li {
		margin-top: 0;
		padding-left: 10px;
	}
	.main_link_area ul .m_main_link_area_img {
		padding-left: 0;
	}
	.main_link_area ul li {
		width: 100%;
	}

	/*20230918*/

	/*20230918*/
	.quick_menu_common .swiper3 .swiper-slide {
		height: 208px;
		margin-top: 35px;
	}
	.quick_menu_common .swiper3 .swiper-slide a {
		font-size: 20px;
		height: 208px;
		padding-top: 93px;
		letter-spacing: -0.25px;
		font-weight: 400;
	}

	/*main_section02 sns 메인반응형*/
	.main_section02 {
		height: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.main_section02_bg .main_section02_area {
		padding: 0;
	}
	.main_section02_area {
		flex-direction: column;
		align-items: center;
		overflow: initial;
		margin: 40px auto 50px;
		padding: 0 30px;
		width: inherit;
	}

	/*sns아이콘*/
	.snsHeader span {
		line-height: 34px;
		font-size: 30px;
		letter-spacing: -1.5px;
		font-weight: 600;
	}
	.snsHeader ul {
		top: 0;
	}
	.snsHeader li {
		margin-right: 10px;
	}
	.snsHeader li a img {
		width: 40px;
		height: 40px;
	}

	/*swiper_btn_box*/
	.swiper_btn_box {
		position: absolute;
		bottom: -60px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	/*유역환경청 SNS 배너*/
	.snsArea {
		width: 100%;
		padding-bottom: 105px;
		overflow: inherit !important;
	}
	.snsHeader {
		border: none;
		font-size: 30px;
	}

	/*슬라이더*/
	.swiper4 {
		margin-top: 20px;
	}
	.swiper4 .swiper-slide {
		height: 100% !important;
	}
	.swiper4 .swiper-slide a img {
		height: 100% !important;
	}
	.bannerSlide .swiper-pagination {
		bottom: -45px;
		top: inherit;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.bannerSlide {
		box-shadow: 10px 10px 21px rgba(0, 0, 0, 0.2);
	}
	.swiper-pagination-clickable .swiper-pagination-bullet {
		text-indent: -9999px;
	}
	.swiper-pagination-bullet {
		border-radius: 20px !important;
		width: 12px !important;
		height: 12px !important;
		margin-right: 10px !important;
	}
	.swiper-pagination-bullet-active {
		width: 47px !important;
	}
	.quick_menu_common2 .swiper-pagination-bullet-active {
		width: 10px !important;
	}
	.bannerSlide .swiper-pagination {
		position: initial !important;
		transform: initial;
		text-align: inherit;
		float: left;
		padding-top: 3px;
	}
	.main_section01_btn_area {
		top: 6px;
	}
	.main_section01_btn_area a {
		width: 38px;
		height: 38px;
	}
	.main_section01_btn_area a img {
		margin: 0 auto;
		margin-top: 50%;
		transform: translate(0, -50%);
		width: 35px;
		height: 35px;
		display: block;
	}

	/*일시정지*/
	.swiper_btn_box .main_section02_btn_area2 {
		bottom: -45px;
		top: inherit;
		left: 55%;
		position: initial;
		float: left;
	}
	.swiper_btn_box .main_section02_btn_area2 a {
		border: none;
		padding-top: 2px;
	}

	/*이전버튼*/
	.main_section02_btn_area2 a.swiper-button-prev4 {
		display: none;
	}

	/*다음 버튼*/
	.main_section02_btn_area2 a.swiper-button-next4 {
		display: none;
	}
	.main_section01_btn_area {
		padding-right: 30px;
	}

	/*공지/공고*/
	.tab_area {
		width: 100%;
		padding-bottom: 37px;
		margin: 0;
	}
	.main_section02_area>div {
		width: 100%;
	}
	.tab_area .tab_btn_area ul li {
		width: inherit;
		padding-right: 35px
	}
	.tab_area .tab_btn_area ul li::after {
		display: none;
	}
	.tab_area .tab_btn_area ul li a {
		font-size: 23px;
		font-weight: 600;
	}
	.tab_content_area ul .btn_more {
		top: 8px;
	}
	.btn_more {
		display: none !important;
	}
	.btn_more2 {
		display: block !important;
	}

	/*공모전*/
	.main_link_area {
		width: 100%;
	}
	.main_link_area ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.main_link_area ul li+li {
		margin-top: 0;
	}
	.tab_area .ta b_btn_area ul li a {
		font-size: 23px;
	}
	.main_link_area ul li a img {
		height: 100%;
		width: 100%;
	}
	.main_link_area ul .main_link_area_img {
		display: none;
	}
	.main_link_area {
		display: block;
		padding-bottom: 50px;
	}
	.main_link_area {
		padding-bottom: 50px;
	}
	/*main_section01 sns 메인반응형*/
	.main_section01 {
		height: auto;
	}

	/*알림판*/
	/*
    .main_section01_bg .main_section01_area {
        padding: 0 30px;
    }

    
    */
	.main_section01 .main_section01_area .notice_slide_area_container {
		overflow: inherit !important;
	}
	.notice_slide_area .swiper1 .swiper-slide-active {
		box-shadow: 2px 6px 8px rgba(0, 0, 0, 0.2);
	}
	.main_section01_area div .notice_slide_area {
		overflow: initial;
	}
	.news_area .swiper-container {
		overflow: hidden !important;
	}
	.main_section01_bg .swiper-container {
		overflow: hidden !important;
	}
	.main_section01_area {
		flex-direction: column;
		align-items: center;
		overflow: initial;
		margin: 49px auto 50px;
	}
	.notice_area {
		width: 100%;
		padding-bottom: 60px;
	}
	.swiper1 .swiper-slide {
		height: 100% !important;
		/*
        width: auto !important;
        */
	}

	/*홍보동영상*/
	.video_area {
		padding-bottom: 50px;
		width: 100%;
	}
	.main_section_title span {
		display: block;
		text-align: center;
		font-size: 30px;
		letter-spacing: -0.25px;
		font-weight: 600;
	}

	/*카드뉴스*/
	.news_area {
		width: 100%;
	}
	.news_slide_area {
		padding: 0 30px;
	}
	.swiper2 .swiper-slide {
		height: 100% !important;
		/*
        width: 100% !important
        */
	}
	.swiper2 img {
		width: 100% !important;
		height: 100% !important;
	}

	/*푸터*/
	.footer_area .footer_link_area>ul {
		width: inherit;
	}
	.footer_area .footer_con_area .footer_layout {
		width: inherit;
	}
	.footer_area .footer_link_area>ul>li {
		width: 50%;
	}
	.footer_area .footer_link_area>ul>li:nth-child(3) {
		display: none;
	}
	.footer_area .footer_link_area>ul>li:nth-child(4) {
		display: none;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li a img {
		display: none;
	}

	/*개인정보 처리방침*/
	.footer_area .footer_con_area {
		height: auto;
	}
	.footer_area .footer_con_area .footer_layout .footer_logo {
		display: none;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt {
		padding-top: 15px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 15px;
		letter-spacing: -1px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li::before {
		padding: 0px 0px 0 4px;
	}

	/*수도권 대기환경청*/
	.air_common {
		width: 100% !important;
		padding-top: 50px;
	}
	.sns_area_common {
		width: 100%;
		padding-bottom: 50px;
		overflow: inherit !important;
	}
	.main_img_link_area {
		width: 100%;
	}
	.air_common .sd_tab li {
		width: 33.333% !important;
	}
	.division20 {
		margin-bottom: 35px;
	}
	.air_common .division20 {
		padding: 0 30px;
	}
	.division20_pc {
		display: none;
	}
	.m_division20 {
		display: block;
		margin-bottom: 0;
		padding: 0 !important;
	}
	.air_common .sdt_head ul {
		width: 100%;
	}
	.m_division20 .sdt_head ul li {
		width: 33.3333%;
	}
	.m_division20 .sdt_head ul li:nth-child(2) {
		width: 33.333%;
	}
	.m_division20 .sdt_head ul li:nth-child(3) {
		width: 33.333%;
	}
	.m_division20 .sdt_cont ul {
		width: 100%;
		padding-right: 0;
	}
	.m_division20 .sdt_cont ul li span.nm {
		width: 33.333%;
	}
	.m_division20 .sdt_cont ul li span.val {
		width: 33.333%;
	}
	.m_division20 .sdt_cont ul li span.ico {
		width: 33.333%;
		float: inherit;
	}
	.air_common .main_section_title span {
		display: inline-block;
		font-size: 30px;
	}
	.sd_tab li:nth-child(4) a {
		border-left: 1px solid #ddd;
	}
	.main_section_title p.title_info_txt {
		font-size: 16px;
		line-height: 18px;
		text-align: right;
		width: 160px;
	}
	.quick_menu_common2 .quick_menu .quick_menu_title_area {
		text-align: center;
	}
	.link_btn {
		position: inherit;
		text-align: center;
		margin-top: 20px;
	}
	.quick_link_btn {
		text-align: center;
		display: none;
	}
	.quick_menu_common2 {
		height: 169px;
		margin-top: -168px;
	}
	.swiper3_container {
		position: absolute;
		display: block;
		bottom: -40px;
		width: 92%;
		text-align: center;
	}
	.quick_menu_common2 .quick_menu_link_area {
		overflow: initial !important;
		margin-bottom: 60px !important;
	}
	.quick_menu_common2 .quick_menu_link_area .swiper-container {
		overflow: hidden !important;
	}

	/*수도권대기환경청*/
	/*국립야생동물*/
	.wrap_body {
		min-width: 480px;
	}
	.m_main_section03 {
		display: none;
	}
	.m_main_section00 {
		padding-right: 0;
		overflow: inherit;
		height: auto;
	}
	.m_main_section00 .main_link_area ul li {
		width: 100%;
		height: 100%;
		padding: 35px 40px;
	}
	.m_main_section00 .main_link_area ul li .status_wrap {
		position: initial;
		padding-top: 20px;
		width: 100%;
		display: flex;
	}
	.m_main_section00 .main_link_area ul li .status_wrap>dl {
		width: 49%;
		height: 77px;
	}
	.m_main_section00 .main_link_area ul li .status_wrap>dl+dl {
		margin-left: 18px;
	}
	.m_main_section00 .main_link_area ul li p {
		width: auto;
	}
	.m_main_section00 .main_link_area ul li .tit {
		float: left;
		font-size: 32px;
	}
	.m_main_section00 .main_link_area ul li .txt {
		float: right;
		font-size: 16px;
	}
	.main_link_area ul li .status_wrap>dl dt {
		bottom: inherit;
		top: 20px;
		text-align: left;
		font-size: 18px;
		left: 60px;
	}
	.main_section_out ul {
		display: block;
	}
	.main_section_out ul li+li {
		margin-left: 0;
	}
	.main_link_area ul li .status_wrap>dl dd {
		margin-top: 15px;
		font-size: 25px;
		text-align: right;
		padding-right: 60px;
	}
	.main_link_area ul li .status_wrap>dl dd strong {
		font-size: 40px;
	}
	.main_section01_bg .sns_area .banner_slide {
		box-shadow: 10px 10px 21px rgba(0, 0, 0, 0.2);
	}
	.sns_area .banner_slide .swiper-pagination {
		position: initial !important;
		transform: initial;
		text-align: inherit;
		float: left;
		padding-top: 3px;
	}
	.visual_section .main_visual_area .visual_link {
		text-align: center;
	}
	.main_section02::before {
		position: inherit;
	}
	.main_section01_bg {
		padding-right: 0;
		padding: 0 30px;
	}
	.main_section01_area .video_area .video_content_area>p {
		padding: 0 30px;
	}
	.main_section02_bg .video_area .video_content_area>p {
		padding: 0 30px;
	}
	.tab_area_padding {
		padding-top: 50px;
	}
	.visual_section .main_visual_area strong p span {
		font-size: 32px !important;
	}
	.visual_section_09 .main_visual_area strong p {
		width: 410px;
		margin: 0 auto;
	}
	.ndg_link_area {
		display: none !important;
	}
	.m_ndg_link_area {
		display: block;
	}
	.visual_section_09 {
		background: url('../images/main/m_bg_main.png');
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: cover;
	}
	.quick_menu_area .quick_menu .quick_menu_link_area .swiper3 {
		width: 85%;
	}
	.notice_slide_area .swiper1 .swiper-slide a {
		display: block !important;
		position: relative !important;
	}
	.notice_slide_area .swiper1 .swiper-slide a img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	/*홍보동영상*/
	.video_area .video_content_area {
		height: auto;
	}
	.main_section01_area .video_area .video_content_area>p iframe {
		height: 420px !important
	}

	/*푸터*/
	.footer_area .footer_link_area ul li>div.footer_link_depth {
		width: 100% !important;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box
		{
		width: 100%;
		padding: 0;
		height: inherit;
		min-height: 0 !important;
		margin-left: 0px;
		overflow-y: scroll;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul
		{
		float: initial !important;
		height: auto;
	}
	.footer_area .footer_link_area ul li.active>div.footer_link_depth {
		height: 144px;
		overflow: hidden;
		position: absolute;
		left: 0;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul li a
		{
		font-size: 14px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul li
		{
		padding: 3px 15px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul
		{
		padding: 0 15px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box strong
		{
		display: none;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer-link_none
		{
		display: none;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(5) a img,
		.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(6) a img
		{
		display: none;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li a {
		padding-left: 3px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(1) a
		{
		padding-left: 0;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_bg img {
		width: 16px;
		padding-left: 1px;
		padding-bottom: 4px;
	}
}

@media screen and (max-width: 640px) {
	/*메인비주얼 */
	.visual_section {
		background: none;
		height: inherit;
	}
	.visual_section .main_visual_area {
		max-width: 100%; /* 이미지 컨테이너의 최대 너비는 화면 너비에 맞게 조절됩니다. */
		margin: 0 auto; /* 가운데 정렬을 위해 사용합니다. */
	}
	.visual_section .main_visual_area img {
		max-width: 100%; /* 이미지의 최대 너비도 화면 너비에 맞게 조절됩니다. */
		height: auto; /* 이미지의 높이가 가로세로 비율을 유지하도록 합니다. */
		display: block; /* 인라인 요소의 공백을 제거합니다. */
	}
	.visual_section .main_visual_area strong {
		margin-top: 31%;
		font-size: 39px;
	}
	.visual_section .main_visual_area strong {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%;
	}
	/*메인 로고*/
	.home_logo a img {
		height: 35px;
		margin-top: 0;
		margin-top: 13px;
	}
	.m_headerSearch {
		padding: 14px 0px 13px 0px;
	}
	.header .header_layer {
		height: 65px;
	}
	.m_search_wrap {
		right: 73px;
		top: 50%;
		margin: 0;
		padding: 0;
		transform: translate(0, -50%);
	}
	/*검색창 아이콘*/
	.m_search_wrap .m_search_open_btn_blue {
		margin-top: 0;
		width: 32px;
		height: 32px;
		background-size: 16px 16px;
		background-position: center;
	}
	.m_search_wrap .m_search_open_btn_green {
		margin-top: 0;
		width: 32px;
		height: 32px;
		background-size: 16px 16px;
		background-position: center;
	}
	.main_section02_area {
		margin: 0px auto 50px;
	}
	/*햄버그메뉴 아이콘*/
	.header .header_layer .link_area {
		right: 25px;
		top: 50%;
		margin: 0;
		padding: 0;
		transform: translate(0, -50%);
	}
	.header .header_layer .link_area a img {
		width: 24px;
	}
	.quick_menu_common .swiper3 .swiper-slide {
		margin-top: 13px;
	}
	.quick_menu_common .quick_menu .quick_menu_title_area strong {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 26px;
	}

	/*바로가기 서비스*/
	/* 퀵메뉴 슬라이더 이미지 - 이미지 추가시 아래 이름에 맞춰서 추가 */
	.swiper3 .swiper-slide.quick_menu01 {
		background: url(/hg/images/main/quick_bg01.png) no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu02 {
		background: url('/hg/images/main/quick_bg02.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu03 {
		background: url('/hg/images/main/quick_bg03.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu04 {
		background: url('/hg/images/main/quick_bg04.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu05 {
		background: url('/hg/images/main/quick_bg05.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu06 {
		background: url('/hg/images/main/quick_bg06.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu07 {
		background: url('/hg/images/main/quick_bg07.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu08 {
		background: url('/hg/images/main/quick_bg08.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu09 {
		background: url('/hg/images/main/quick_bg09.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu10 {
		background: url('/hg/images/main/quick_bg10.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu11 {
		background: url('/hg/images/main/quick_bg11.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu01:hover {
		background: url('/hg/images/main/quick_bg01_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu02:hover {
		background: url('/hg/images/main/quick_bg02_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu03:hover {
		background: url('/hg/images/main/quick_bg03_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu04:hover {
		background: url('/hg/images/main/quick_bg04_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu05:hover {
		background: url('/hg/images/main/quick_bg05_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu06:hover {
		background: url('/hg/images/main/quick_bg06_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu07:hover {
		background: url('/hg/images/main/quick_bg07_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu08:hover {
		background: url('/hg/images/main/quick_bg08_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu09:hover {
		background: url('/hg/images/main/quick_bg09_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu10:hover {
		background: url('/hg/images/main/quick_bg10_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.swiper3 .swiper-slide.quick_menu11:hover {
		background: url('/hg/images/main/quick_bg11_over.png') no-repeat;
		background-size: 60%;
		background-position: center 7px;
	}
	.quick_menu_area .quick_menu .quick_menu_link_area .swiper3 {
		width: 78%;
	}
	.quick_menu_common .swiper3 .swiper-slide a {
		padding-top: 93px;
		font-size: 16px;
	}
	.quick_menu_link_btn_area a.linkleftbtn {
		left: 15px;
		width: 25px !important;
		height: 25px !important;
		top: 46%;
	}
	.quick_menu_link_btn_area a img {
		width: 24px !important;
		height: 24px !important;
	}
	.quick_menu_link_btn_area a.linkrightbtn {
		right: 15px;
		width: 25px !important;
		height: 25px !important;
		top: 46%;
	}
	.quick_menu_common .quick_menu .quick_menu_link_area {
		height: 175px;
	}
	.main_section02_area {
		padding: 0 20px;
	}
	.snsHeader span {
		line-height: 0;
		font-size: 22px;
		font-weight: 600;
	}
	.snsHeader li a img {
		width: 30px;
		height: 30px;
	}
	.snsHeader ul {
		top: 9px;
		right: 13px;
	}
	.main_link_area {
		padding-bottom: 43px;
	}
	.swiper-pagination-bullet {
		width: 10px !important;
		height: 10px !important;
	}
	.swiper-pagination-bullet-active {
		width: 50px !important;
	}
	.tab_area .tab_btn_area {
		margin-top: 2px;
	}
	.tab_area .tab_btn_area ul li a {
		font-size: 16px;
	}
	.tab_area .tab_btn_area ul li {
		padding-right: 7%;
	}
	.tab_content_area ul li:first-child {
		margin-top: 19px;
	}
	.tab_content_area ul li {
		margin-top: 3px;
	}
	.tab_content_area ul li a {
		width: 80%;
		font-size: 13px;
	}
	.snsHeader {
		padding-top: 33px;
		line-height: 43px;
		height: 11px;
	}
	.snsHeader li {
		margin-right: 5px;
	}
	.swiper_btn_box {
		bottom: -46px;
	}
	.snsArea {
		padding-bottom: 75px
	}
	.tab_content_area ul li span {
		font-size: 11px;
	}
	.tab_content_area ul .btn_more {
		top: 0;
		width: 25px;
		height: 25px;
	}
	.main_section01_btn_area a {
		width: 26px;
		height: 26px;
	}
	.main_section_title span {
		font-size: 22px;
	}
	.main_section01_area {
		margin: 23px auto 50px
	}
	.tab_content_area ul .btn_more img {
		width: 100%;
		height: 100%;
	}
	.m_headerSearch input {
		height: 32px;
		font-size: 15px;
	}
	.tab_content_area {
		height: 144px;
	}
	.division20 {
		margin-bottom: 23px;
	}
	.video_area {
		padding-bottom: 38px;
	}
	.main_section01_btn_area a img {
		width: 26px;
		height: 26px;
	}
	.notice_area {
		padding-bottom: 40px;
	}
	.main_section01_area .video_area .video_content_area>p iframe {
		height: 228px !important;
	}
	.main_section01_btn_area {
		top: 7px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li a {
		font-size: 12px;
	}
	.address {
		font-size: 11px;
	}
	.m_headerSearch .btn_searchClose {
		height: 35px;
	}
	.m_headerSearch div>button {
		width: 23px;
	}
	.footer_area .footer_link_area {
		height: 42px;
	}
	.footer_area .footer_link_area>ul>li>a {
		font-size: 10px;
		padding: 0 20px;
		height: 42px;
		line-height: 42px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt {
		padding-top: 0px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul li a
		{
		width: 12px;
	}
	.m_headerSearch div {
		float: left;
		position: relative;
		width: 69%;
		margin-left: 30px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt {
		font-size: 11px;
	}
	.m_headerSearch input::placeholder {
		font-size: 14px;
	}
	
	/*팝업*/
    #container .popup_container  {
        width: 75% !important;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        margin: 0 auto !important;
    }
    #container .popup_container p img {
        width: 100% !important;
        height: auto !important;
    }
}

/*모바일*/
@media screen and (max-width: 480px) {
	/*
    .visual_section {
        overflow: hidden;
        background: url('../../hg/images/main/mob-01-hg.png');
        height: 340px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    */
	.m_headerSearch .btn_searchClose {
		height: 45PX;
	}
	/*헤더*/
	.header .header_layer .home_logo {
		left: 15px;
	}
	.header .header_layer .link_area {
		right: 21px;
	}
	.header .header_layer {
		height: 54px;
	}
	.home_logo a img {
		height: 30px;
		margin-top: 15px;
	}
	.m_menuopen img {
		width: 22px;
	}
	.m_search_wrap .m_search_open_btn_blue {
		width: 25px;
		height: 25px;
		background-position: center;
		background-size: 13px 13px;
		margin-top: 21px;
	}
	.m_search_wrap .m_search_open_btn_green {
		width: 26px;
		height: 26px;
		background-position: center;
		background-size: 16px 16px;
		margin-top: 23px;
	}
	.tab_area {
		padding-bottom: 20px;
	}
	.m_search_wrap {
		right: 57px;
		top: 31%;
	}

	/*메인비주얼 글씨*/
	.visual_section .main_visual_area strong {
		font-size: 30px;
		margin-top: 31%;
	}

	/*바로가기서비스*/
	.quick_menu_common .quick_menu .quick_menu_title_area strong {
		font-size: 23px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.quick_menu_area .quick_menu .quick_menu_link_area .swiper3 {
		width: 80% !important;
	}
	.quick_menu_common .swiper3 .swiper-slide a {
		font-size: 10px;
		padding-top: 80px;
	}
	.quick_menu_link_btn_area a.linkleftbtn {
		width: 22px !important;
		height: 22px !important;
		left: 15px;
	}
	.quick_menu_link_btn_area a.linkrightbtn {
		width: 22px !important;
		height: 22px !important;
		right: 15px;
	}
	.quick_menu_link_btn_area a img {
		width: 20px !important;
		height: 20px !important;
	}
	.quick_menu_common .quick_menu .quick_menu_link_area {
		height: 120px;
	}
	.quick_menu_common .swiper3 .swiper-slide {
		margin-top: -5px;
	}

	/* 퀵메뉴 슬라이더 이미지 - 이미지 추가시 아래 이름에 맞춰서 추가 */
	.swiper3 .swiper-slide.quick_menu01 {
		background: url(/hg/images/main/quick_bg01.png) no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu02 {
		background: url('/hg/images/main/quick_bg02.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu03 {
		background: url('/hg/images/main/quick_bg03.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu04 {
		background: url('/hg/images/main/quick_bg04.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu05 {
		background: url('/hg/images/main/quick_bg05.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu06 {
		background: url('/hg/images/main/quick_bg06.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu07 {
		background: url('/hg/images/main/quick_bg07.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu08 {
		background: url('/hg/images/main/quick_bg08.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu09 {
		background: url('/hg/images/main/quick_bg09.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu10 {
		background: url('/hg/images/main/quick_bg10.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu11 {
		background: url('/hg/images/main/quick_bg11.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu01:hover {
		background: url('/hg/images/main/quick_bg01_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu02:hover {
		background: url('/hg/images/main/quick_bg02_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu03:hover {
		background: url('/hg/images/main/quick_bg03_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu04:hover {
		background: url('/hg/images/main/quick_bg04_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu05:hover {
		background: url('/hg/images/main/quick_bg05_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu06:hover {
		background: url('/hg/images/main/quick_bg06_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu07:hover {
		background: url('/hg/images/main/quick_bg07_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu08:hover {
		background: url('/hg/images/main/quick_bg08_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu09:hover {
		background: url('/hg/images/main/quick_bg09_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu10:hover {
		background: url('/hg/images/main/quick_bg10_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}
	.swiper3 .swiper-slide.quick_menu11:hover {
		background: url('/hg/images/main/quick_bg11_over.png') no-repeat;
		background-size: 50%;
		background-position: center 25px;
	}

	/*sns*/
	.snsHeader {
		height: 24px;
		padding-top: 7px;
	}
	.snsHeader span {
		font-size: 18px;
		font-weight: 600;
		line-height: 16px;
	}
	.snsHeader ul {
		top: -10px;
		right: 4px;
	}
	.snsHeader li a img {
		width: 23px;
		height: 23px;
	}
	.main_section02_area {
		margin-top: 20px;
		padding: 0 15px;
	}
	.swiper4 {
		margin-top: 0;
	}
	.swiper-pagination-bullet {
		height: 6px !important;
		width: 6px !important;
	}
	.swiper-pagination-bullet-active {
		width: 30px !important;
	}
	.swiper_btn_box {
		bottom: -40px;
	}
	.bannerSlide {
		box-shadow: 6px 5px 21px rgba(0, 0, 0, 0.2);
	}
	.snsArea {
		padding-bottom: 50px;
	}
	.bannerSlide .swiper-pagination {
		padding-top: 5px;
	}

	/*공지공고*/
	.tab_content_area {
		height: 120px;
	}
	.tab_area .tab_btn_area ul {
		padding-bottom: 15px;
	}
	.tab_content_area ul li {
		margin-top: 2px;
		background-position: left 5px;
		padding-left: 8px;
	}
	.tab_area .tab_btn_area {
		margin-top: 8px;
	}
	.tab_area .tab_btn_area ul li {
		padding-right: 12px;
	}
	.tab_area .tab_btn_area ul li a {
		font-weight: bold;
		font-size: 14px;
	}
	.tab_content_area ul li a {
		width: 80%;
		font-size: 10px;
	}
	.tab_content_area ul li span {
		font-size: 10px;
	}
	.main_link_area {
		padding-bottom: 32px;
	}
	.tab_content_area ul .btn_more {
		top: 8px;
		right: 0px;
	}
	.tab_content_area ul li:first-child {
		margin-top: 12px;
	}

	/*알림판*/
	.notice_area {
		padding-bottom: 17px;
	}
	.division20 {
		margin-bottom: 12px;
	}
	.main_section01_area {
		margin: 30px auto 31px;
	}
	.main_section_title span {
		font-weight: 600;
		font-size: 18px;
		margin-top: 5px;
	}
	.main_section01_btn_area a {
		width: 24px;
		height: 24px;
	}
	.main_section01_btn_area a img {
		width: 20px;
		height: 20px;
	}
	.main_section01_btn_area {
		top: 5px;
		right: 0px;
		padding-right: 15px
	}

	/*홍보동영상*/
	.video_area {
		padding-bottom: 14px;
	}
	.main_section01_area .video_area .video_content_area>p {
		padding: 0 15px;
	}
	.main_section01_area .video_area .video_content_area>p iframe {
		height: 235px !important
	}

	/*카드뉴스
    .swiper2 .swiper-slide {
        width: 100% !important;
    }
    
    */
	.news_slide_area {
		padding: 0 15px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(5) a img,
		.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(6) a img
		{
		display: none;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt {
		padding-top: 5px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt address {
		font-size: 11px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul {
		margin: 0px 0 5px 0;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li a {
		font-size: 9px;
		position: relative;
		padding-left: 3px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul li a
		{
		font-size: 10px !important;
		line-height: 13px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul .footer_text_none::before
		{
		display: none;
	}
	.footer_area .footer_link_area {
		height: 35px;
	}
	.footer_area .footer_link_area>ul>li>a {
		height: 35px;
		line-height: 35px;
		padding: 0 20px;
		font-size: 11px;
		background-size: 18px !important;
		background: url(/gg/images/common/more_btn.png) no-repeat;
		background-position: right 18px center !important;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul li
		{
		padding: 5px 0 !important;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt {
		font-size: 8px;
	}
	.footer_area .footer_link_area ul li>div.footer_link_depth>div.footer_link_depth_box ul
		{
		padding: 0 20px;
	}

	/*검색*/
	.m_headerSearch input {
		height: 28px;
		padding: 0 0 0 15px;
		font-size: 16px;
	}
	.m_headerSearch div {
		margin-left: 15px;
		width: 76%;
	}
	.m_headerSearch input::placeholder {
		font-size: 14px;
	}
	.m_headerSearch div>button {
		width: 18px;
	}
	.m_headerSearch .btn_searchClose {
		height: 35px;
		right: 15px;
		font-size: 18px;
	}
	.m_headerSearch {
		padding: 10px 0px 10px 0px;
	}

	/*햄버거메뉴*/
	#mb_nav .gnb_area .login {
		height: 55px;
	}
	#mb_nav .gnb_area .login a span {
		font-size: 17px;
		padding-left: 10px;
		float: left;
	}
	#mb_nav .gnb_area .login ul li {
		padding-top: 16px;
	}
	#mb_nav .gnb_area .login ul li a img {
		width: 15px;
		height: 24px;
		float: left
	}
	#mb_nav .gnb_area .login ul .close_btn a img {
		width: 16px;
		height: 16px;
		margin-top: 3px;
	}
	#mb_nav .gnb_area>.mb_gnb_menu>ul>li {
		padding: 12px 0;
	}
	#mb_nav .gnb_area>.mb_gnb_menu>ul>li>a {
		font-size: 16px;
		font-weight: 600;
		height: 30px;
		line-height: 30px;
	}
	#mb_nav .gnb_area ul li .sub_menu {
		right: 15px;
	}
	#mb_nav .gnb_area ul li .sub_menu ul li a {
		font-size: 13px;
		padding: 8px 12px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>a::after {
		width: 10px;
		height: 6px;
		right: 10px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_black img {
		width: 12px;
		margin-top: 0px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li .sub_menu2 ul li a {
		font-size: 12px;
		font-weight: bold;
		padding: 8px 15px;
	}
	.footer_area .footer_con_area .footer_layout .footer_txt ul li:nth-child(1) a
		{
		padding-left: 0px;
	}
	#mb_nav .gnb_area ul li .sub_menu>ul>li>.sub_menu_bg img {
		width: 12px;
		padding-left: 1px;
		padding-bottom: 4px;
	}
}

.menuOpenn {
	display: block;
}

.menuClosee {
	display: none;
}

@media screen and (max-width: 640px) {
	.m_headerSearch {
		top: 66px !important;
	}
}

@media screen and (max-width: 480px) {
	.m_headerSearch {
		top: 55px !important;
	}
}

.videoContentArea {
	width: 100%;
	height: 306px;
	border: 0px;
}

.videoContentArea iframe {
	border: 0;
}

.tab_btn_area>ul>li:nth-child(5) {
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 0px;
	border: 1px solid #d1d1d1;
	width: 28px;
}

.tab_btn_area>ul>li:nth-child(5):after {
	display: none;
}

@media screen and (max-width: 1024px) {
	.tab_btn_area>ul>li:nth-child(5) {
		display: none;
		height: auto;
	}
	.tab_btn_area>ul>li:last-child {
		display: inline-block;
		position: absolute;
		top: 11px;
		right: 0px;
		border: 1px solid #d1d1d1;
		width: 3px;
	}
}

@media screen and (max-width: 640px) {
	.tab_btn_area>ul>li:last-child {
		width: 0;
		top: 0;
		padding-right: 30px;
	}
	#content>section>div.main_section02>div>div.tab_area>div.tab_btn_area>ul>li:last-child>a>img
		{
		width: 29px;
		height: 29px;
	}
}

@media screen and (max-width: 480px) {
	.tab_btn_area>ul>li:last-child {
		width: 0;
		top: 8px;
		height: 20px;
		padding-right: 20px;
	}
	#content>section>div.main_section02>div>div.tab_area>div.tab_btn_area>ul>li:last-child>a>img
		{
			width: 19px;
			height: 19px;
			margin-bottom: 5px;
	}
}