@charset "utf-8";

/************************************************************************
 * 파일명      : media.css
 * 설명        : 메인화면 반응형
 * 작성자      : 박승연
 * 작성일      : 2021.10.12
************************************************************************/

@media (max-width:1400px) {

	/* 가운데 지표 선택 영역 */
	.m_cont .m_cont_layout.m_index_wrapper {
		padding: 30px;
	}

	/* 공지사항 + 팝업존 */
	.m_lastSection {
		background: #e6eaf6;
	}

	.m_popupzone {
		/*display: none;*/
	}

	/* 231102 YP */
	.m_lastSection .m_cont_layout {
		flex-wrap: nowrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: 0 30px;
	}

	/* 공지사항 */
	.m_notice {
		flex-wrap: wrap;
		width: 49%;
		height: auto;
		padding: 20px 0 10px;
	}

	.m_notice .tit {
		display: flex;
		align-items: flex-end;
		width: 100%;
		padding-bottom: 13px;
	}

	.m_notice .tit .tit_txt {
		width: 100%;
		padding: 0;
		background: none;
	}

	.m_notice ul.notice_list {
		height: auto;
		width: 100%;
		margin: 0 0 20px 0;
		border-bottom: 2px solid #ccc;
		border-top: 2px solid #ccc;
		padding: 10px;
	}

	.m_notice ul.notice_list li {
		height: auto;
		padding: 5px 0;
	}

	.m_notice ul.notice_list li:before {
		display: inline-block;
		content: '';
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #999;
		margin-right: 9px;
	}

	.m_notice ul.notice_list li a {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.m_notice .btnmore.no_tab {
		display: none;
	}

	.m_notice .tit .btnmore.only_tab {
		display: block;
		margin: 0;
	}

	/* 팝업존 */
	.m_popupzone_2 {
		width: 49%;
		height: auto;
		display: block;
		padding: 20px 0 10px;
	}

	.m_popupzone_2 .tit {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		padding-bottom: 13px;
	}

	.m_popupzone_2 .tit .tit_txt {
		font-size: 18px;
		font-family: 'NotoB';
		color: #303030;
	}

	.m_popupzone_2 .tit .move_btn {}

	.m_popupzone_2 .tit .move_btn button {
		width: 32px;
		height: 32px;
		background: url('../img/main/pop_btn_prev.png') no-repeat center, #fff;
		font-size: 0;
		border: 1px solid #d8d8d8;
		border-radius: 50%;
		cursor: pointer;
	}

	.m_popupzone_2 .tit .move_btn button.mvbtn_right {
		background: url('../img/main/pop_btn_next.png') no-repeat center, #fff;
		margin-left: 5px;
	}

	.m_popupzone_2 .pop_display {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		padding: 18px 40px;
		background: #698fff;
		box-sizing: border-box;
		overflow: hidden;
	}

	.m_popupzone_2 .pop_display .pop_illust {
		width: 30%;
		text-align: right;
		position: relative;
		z-index: 2;
	}

	.m_popupzone_2 .pop_display .pop_tit {
		width: 70%;
		font-size: 25px;
		color: #fff;
		margin-top: 10px;
	}

	.m_popupzone_2 .pop_display .pop_tit>span {
		font-size: 16px;
		color: #ffff00;
		display: block;
		padding-top: 5px;
	}

	.m_popupzone_2 .pop_display .pop_tit>div {
		margin-top: 15px;
	}

	.m_popupzone_2 .pop_display .pop_tit>div>span {
		font-size: 23px;
		color: #ffff00;
	}

	.m_popupzone_2 .pop_display .more {
		display: flex;
		width: 100%;
		margin-top: 10px;
		font-size: 14px;
		color: #fff;
	}

	.m_popupzone_2 .pop_display .more span {
		display: inline-block;
		width: 55px;
		height: 25px;
		background: url(../img/main/ico_arrow.png) no-repeat center;
	}

	.m_popupzone_2 .pop_display .circle {
		position: absolute;
		z-index: 0;
		width: 230px;
		height: 0;
		padding-bottom: 230px;
		border-radius: 50%;
		background: rgba(138, 227, 227, 0.15);
	}

	.m_popupzone_2 .pop_display .circle1 {
		background: rgba(204, 204, 204, 0.15);
		top: -160px;
		left: -90px;
	}

	.m_popupzone_2 .pop_display .circle2 {
		bottom: -115px;
		right: -50px;
	}

	.m_popupzone_2 .pop_display .circle3 {
		width: 430px;
		padding-bottom: 430px;
		bottom: -370px;
		right: -100px;
	}


	/* 231205 YP 기존 서브 : 모든지표 목록보기 css 삭제 */

	/* 이용가이드 221025 */
	.new_wrap .intr_main_img,
	.intr_sub_img {
		width: 100%;
		text-align: center;
	}

	.new_wrap #GuideMain .intr_main_txt {
		width: 100%;
		border: 1px solid #ddd;
		padding: 20px;
	}

	.new_wrap #menuList .sub_box .intr_sub_txt {
		width: 100%;
		border: 1px solid #ddd;
		padding: 20px;
	}

	.new_wrap #menuList .sub_box .intr_sub_txt ul {
		border-bottom: none;
		border-top: 1px dotted #ddd;
		padding: 15px 10px 0;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	header .center,
	.m_cont_layout,
	.m_cont_layout.board {
		padding: 0 20px;
	}

	.m_cont_layout.sitemap {
		padding: 0 20px;
	}

	.new_main .m_board {
		width: calc(100% - 480px - 220px);
	}

	.new_main .m_link {
		width: 220px;
	}

	.new_main .m_link ul li:after {
		margin: 0 20px;
	}

	.new_main .m_link ul li a {
		padding-left: 30px;
	}

	.new_main .m_link ul li a img {
		width: 37px;
		margin-right: 15px;
	}

	.new_main .m_link ul li a:after {
		width: 52px;
		height: 52px;
		margin-left: -8px;
	}

	.new_wrap .sub_tab {
		width: calc(100% - 40px);
	}

	.new_wrap .sub_tab a {
		font-size: 16px;
	}

	.new_wrap .container.no-res {
		padding: 0 20px;
	}

}

@media (max-width:1280px) {

	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	#header .logo2 {
		margin-left: 0;
		background-position: 20px center;
	}

	#header .gnb {
		width: calc(100% - 247px);
	}

	#header .gnb .gnb_wrap .gnb_sublist .sub_menu a {
		font-size: 15px;
	}

	#header .gnb .gnb_wrap .gnb_sublist .sub_menu a span {
		font-size: 12px;
	}


	.new_main .m_board {
		min-width: 380px;
		width: calc(100% - 448px - 190px);
		height: 320px;
	}

	.new_main .m_board:before {
		width: 330px;
	}

	.new_main .m_bd .list {
		height: 280px;
		padding: 30px 20px;
	}

	.new_main .m_bd .btn_tab {
		width: 110px;
		font-size: 17px;
	}

	.new_main .m_bd .list .m_bd_new p {
		width: calc(100% - 95px);
	}

	.new_main .m_bd .list .m_bd_new p .tit {
		font-size: 18px;
	}

	.new_main .m_popupzone {
		width: 408px;
		height: 320px;
	}

	.new_main .m_link {
		width: 190px;
		height: 320px;
	}

	.new_main .m_link ul li:after {
		margin: 0 20px;
	}

	.new_main .m_link ul li a {
		padding-left: 20px;
	}

	/* 캐러셀 지속가능발전목표(SDG) 폰트 사이즈*/
	.new_main .m_index_wrap .item .txt_box strong.sdg {
		font-size: 15px;
	}

}

@media (max-width:1080px) {

	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	.new_main .m_board {
		min-width: 340px;
		width: calc(58% - 190px);
	}

	.new_main .m_board:before {
		width: 300px;
	}

	.new_main .m_bd .btn_tab {
		width: 100px;
	}

	.new_main .m_popupzone {
		width: calc(42% - 40px);
	}

	.foot_menu .fnb .ftm_tit {
		margin: 0 15px;
	}

	.foot_menu .f_site_wrap {
		width: 440px;
	}

	.foot_menu .f_site {
		width: 220px;
	}

	.foot_menu .f_site ul {
		width: 220px;
	}

	.new_wrap .m_cont_layout.board .board_btn {
		flex-wrap: wrap;
	}

	.new_wrap .m_cont_layout.board .board_btn .btn_wrap {
		width: 100%;
	}

	.new_wrap .m_cont_layout.board .board_btn .btn_wrap1 {
		margin-bottom: 10px;
	}


}

@media (max-width:980px) {

	/* lnb */
	header .lnb {
		display: none;
	}

	/* 햄버거 메뉴 */
	#header .center .gnb {
		display: flex;
		align-items: center;
		width: auto;
	}

	/* 220915 */
	#header .gnb .gnb_wrap {
		display: none;
	}

	#header .gnb .burger_menu {
		display: block;
	}

	#header .burger_menu .sideBg .side_menu li.m_none {
		display: none;
	}

	/* 메인배경 움직이는 도형 삭제 */
	.main_shape_wrap.active {
		display: none;
	}

	.main_bg.index_bg {
		background: url('../img/main/main_bg01.gif') no-repeat top center;
		background-size: cover;
	}

	/* 메인 상단 슬로건 ~ 검색창 */
	.main_bg {
		min-height: 541px;
	}

	.main_shape_bg {
		height: 145px;
	}

	.main_title {
		padding-top: 36px;
	}

	.main_title .slogan {
		display: none;
	}

	.main_title .m_search {
		width: 90%;
	}

	.main_title .m_search .searchbox {
		width: calc(100% - 170px);
	}

	.main_title .m_search .searchbox .m_srh_input {
		padding: 15px 0;
	}

	.main_title .m_search .searchbox .btnsearch {
		top: 11px;
	}

	.main_title .m_search .searchbox button {
		right: -172px;
	}

	.main_title .m_search .searchbox button.btn_alllist {
		height: 58px;
		background: url('../img/main/ico_plus.gif') #24377b no-repeat 14px 20px;
		font-size: 13px;
	}

	/* 풋터 - 220919 edit */
	#footer_wrap .m_cont_layout {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	#footer_wrap .footer_menu {
		height: auto;
	}

	#footer_wrap .m_cont_layout.foot_address {
		text-align: center;
	}

	#footer_wrap .foot_address .foot_logo {
		margin-right: 0;
	}

	/* 211126 박승연 추가 */
	#footer_wrap .copyright {
		padding: 15px 0 0 0;
	}

	#footer_wrap .foot_address .foot_logo {
		padding-bottom: 50px;
	}

	/* 서브 헤드 */
	.sub_head .sub_tit {
		font-size: 30px;
	}

	.sub_head .breadcrumbs ol.breadcrumbs_list li.breadcrumbs_item a {
		font-size: 14px;
	}

	/* 모든지표 목록보기 221111 Edit */
	.m_cont_layout.board .board_table thead tr th.m_none,
	.m_cont_layout.board .board_table tbody tr td.m_none {
		display: none;
	}

	.m_cont_layout.board .board_table thead tr th.num,
	.m_cont_layout.board .board_table tbody tr td.num {
		width: 100px;
	}

	.m_cont_layout.board .board_table thead tr th.tit,
	.m_cont_layout.board .board_table tbody tr td.tit {
		width: calc(100% - 100px);
	}

	/* 나의 관심지표 */
	.m_cont_layout .tree_layout,
	.m_cont_layout .my_index {
		width: 100%;
	}

	.MySttsBoard-table colgroup col.colchkBox {
		width: 10%
	}

	.MySttsBoard-table colgroup col.cate {
		display: none
	}

	.MySttsBoard-table thead tr th.offcCol {
		display: none;
	}

	.MySttsBoard-table tbody td.row2 {
		display: none
	}

	.contents .my_index .s_index:first-of-type {
		margin-top: 30px;
	}

	/* 사이트맵 (220613) */
	.m_cont_layout.sitemap .sitemap {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.m_cont_layout.sitemap .sitemap>li {
		width: 32%;
		margin-right: 0;
	}

	.m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(3n)) {
		margin-right: 2%;
	}

	.m_cont_layout.sitemap>ul>li.home.block {
		margin-left: 20px;
		border-left: 1px solid #8da6cd;
	}

	.m_cont_layout.sitemap .sitemap_tit {
		margin-top: 15px;
	}

	/*마이페이지  엑셀 버튼*/
	.btn_excelDown {
		right: 10px;
		top: 40px;
		display: inline-block;
		padding: 5px 13px;
		background: #394d96;
		font-size: 7px;
		color: #fff;
		transition: .2s;
	}

	/*.btn_excelDown span:after{content:'다운';}*/

	/* 231102 YP : 기존 운영정책 css 삭제 */


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	#wrap {
		padding-bottom: 0;
	}

	#header.sub_header .top_search>.btn_search {
		right: 10px;
		width: 40px;
		height: 40px;
	}

	#header.sub_header .top_search .search_box .search_form {
		width: 100%;
	}

	#header.sub_header .top_search .search_box .btn_close {
		position: absolute;
		left: 50%;
		bottom: -50px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #fff !important;
		-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	}


	#footer_wrap {
		position: relative;
	}

	#footer_wrap .m_cont_layout.foot_menu {
		padding: 0;
	}

	.foot_menu .f_site_wrap {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-top: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
	}

	.foot_menu .f_site,
	.foot_menu .f_site ul {
		width: 250px;
	}

	.foot_menu .fnb .ftm_tit {
		margin: 0 20px;
	}

	.new_main .con_01 {
		padding: 35px 0 40px;
	}

	.new_main .slogan {
		font-size: 22px;
	}

	.new_main .slogan strong {
		font-size: 26px;
	}

	.new_main .slogan:before {
		background-size: 85%;
		left: -45px;
	}

	.new_main .slogan:after {
		background-size: 85%;
		right: -45px;
	}

	.new_main .keyword {
		margin-top: 15px;
	}

	.new_main .m_index {
		height: 308px;
		margin-top: 30px;
	}

	.new_main .m_index h3 {
		width: 230px;
		padding: 0 20px 0 25px;
		margin-top: -100px;
		font-size: 20px;
		line-height: 30px;
	}

	.new_main .m_index h3 strong {
		font-size: 26px;
	}

	.new_main .m_index_wrap {
		width: calc(100% - 230px);
		padding: 20px 75px 20px 60px;
	}

	.new_main .m_index_wrap:after {
		right: 73px;
	}

	.new_main .m_index_wrap .item {
		width: 214px;
	}

	.new_main .m_index_wrap .item .txt_box strong {
		position: relative;
		font-size: 18px;
	}

	.new_main .m_index_wrap .item .txt_box strong.new_win:after {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 10px;
		filter: unset;
	}

	.new_main .m_index_wrap .item .txt_box span {
		font-size: 13px;
	}

	.new_main .m_index_wrap .item .hover_box {
		display: none;
	}

	.new_main .m_index .controls .btn {
		width: 44px;
		height: 44px;
	}

	.new_main .m_index .controls .btn:after {
		width: 8px;
		height: 8px;
	}

	.new_main .m_index .controls .btn_next {
		right: 15px;
	}

	.new_main .m_index_wrap .item a:hover,
	.new_main .m_index_wrap .item a:focus,
	.new_main .m_index_wrap .item a:active {
		cursor: pointer;
	}

	.new_main .m_index_wrap .item a:hover .txt_box strong:after,
	.new_main .m_index_wrap .item a:focus .txt_box strong:after,
	.new_main .m_index_wrap .item a:active .txt_box strong:after {
		-webkit-filter: brightness(0.26);
		filter: brightness(0.26);
	}

	#subContainer .sub_bg {
		min-height: 350px;
	}

	.contents .board_box {
		min-height: 350px;
	}

	.new_main .con_02 {
		padding: 40px 0;
	}

	.new_main .m_board {
		width: 100%;
		height: 300px;
		max-width: 100%;
		margin-bottom: 40px;
	}

	.new_main .m_bd .btn_tab {
		font-size: 16px;
	}

	.new_main .m_bd .list {
		height: auto;
	}

	.new_main .m_bd .list li {
		padding-top: 10px;
	}

	.new_main .m_bd .list .m_bd_new p .tit {
		font-size: 18px;
	}

	.new_main .m_bd .list .m_bd_new p span {
		font-size: 13px;
	}

	.new_main .m_popupzone {
		-webkit-transition: unset;
		-o-transition: unset;
		transition: unset;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		min-width: 460px;
		max-width: 67%;
		height: 320px;
		margin-bottom: 46px;
		border: 1px solid #e0e0e0;
		border-radius: 20px;
		padding: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.new_main .m_popupzone .m_popup_swiper {
		height: calc(100% - 20px);
	}

	.new_main .m_popupzone .controls {
		width: auto;
		padding: 0 10px;
		border: 1px solid #e0e0e0;
		border-radius: 0 0 20px 20px;
		text-align: center;
		right: 50%;
		bottom: -46px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}

	.new_main .m_popupzone .controls .btn {
		margin-left: 0;
		border: unset;
	}

	.new_main .m_popupzone .swiper-pagination {
		bottom: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.new_main .m_link {
		width: calc(33% - 20px);
		height: auto;
	}

	.new_main .m_link ul li a {
		padding-left: 22%;
	}

	.new_main .m_link ul li:after {
		margin: 0;
	}

	.new_wrap .sub_head .breadcrumbs {
		padding-top: 20px;
	}

	.new_wrap .sub_head .sub_tit {
		padding: 20px 0 40px;
		font-size: 26px;
	}

	.new_wrap .board_pager a {
		width: 32px;
		height: 32px;
	}

	.new_wrap .board_pager>a.first {
		background-position: 9px 9px;
	}

	.new_wrap .board_pager>a.prev {
		background-position: 11px 9px;
	}

	.new_wrap .board_pager>a.next {
		background-position: 14px 9px;
	}

	.new_wrap .board_pager>a.last {
		background-position: 11px 9px;
	}

	.new_wrap .sub_tab.sub_tab07 li {
		width: calc((100% - 60px) / 6);
	}

	.new_wrap .sub_tab.sub_tab06 li {
		width: calc((100% - 60px) / 5);
	}

	.new_wrap .sub_tab li.all {
		width: 60px !important;
	}

	.new_wrap .sub_tab a {
		padding: 0 10px;
		font-size: 15px;
	}

	.new_wrap .contents .my_index .s_index:first-of-type {
		margin-top: 20px;
	}

	/* 개인정보처리방침 */
	.new_wrap .pagetitle h2 {
		font-size: 18px;
	}

	.new_wrap .confirm_cntnt.list ul {
		width: 100%;
	}

	.new_wrap .labeling li {
		width: 50%;
	}

	.new_wrap .labeling li:nth-child(-n+4) {
		border-bottom: unset;
	}

	.new_wrap .labeling li:nth-child(2) {
		border-right: 1px solid #e6e6e6;
	}

	.new_wrap .labeling li:nth-child(3) {
		border-right: unset;
	}

	.new_wrap .labeling li:nth-child(5) {
		border-left: 1px solid #e6e6e6;
	}

	/* 지표누리 소개 */
	.new_wrap .intro .intro_tit {
		font-size: 18px;
	}

	.new_wrap .intro .intro_box .intro_tit {
		font-size: 20px;
	}

	.new_wrap .intro .intro_box .intro_tit:before {
		background-size: 85%;
	}

	.new_wrap .intro .intro_cont>ul li.level2 {
		font-size: 16px;
	}

	/* 이벤트 */
	.new_wrap .event_lists ul li a {
		padding: 25px 0;
	}

	.new_wrap .event_lists ul li:hover a .img:after {
		font-size: 17px;
	}

	.new_wrap .event_lists ul li a p.tit {
		width: calc(100% - 220px);
		font-size: 17px;
	}

	.new_wrap .event_lists ul li a p.tit span.date {
		font-size: 14px;
	}

	.new_wrap .event_lists ul li a div.img {
		width: 200px;
		height: 63px;
	}

	.new_wrap .event_banner {
		background-image: none;
		background: #f3f4f6;
		width: 100%;
		height: 150px;
	}

	.new_wrap .event_banner .title {
		padding-top: 65px;
		font-size: 20px;
	}

}

@media (max-width:900px) {

	/* 가운데 지표 선택 영역 */
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box {
		padding: 12px;
	}

	.illust_wrap {
		padding: 15px 0 10px;
	}

	.illust_wrap img {
		width: 50%;
	}

	.tit_wrap {
		padding-bottom: 5px;
	}

	.btn_bnr1 .tit_wrap .tit,
	.btn_bnr2 .tit_wrap .tit,
	.index_bnr .tit_wrap .tit {
		font-size: 16px;
	}

	.btn_bnr1 .tit_wrap .tit span,
	.btn_bnr2 .tit_wrap .tit span {
		font-size: 15px;
	}

	/* 서브 : 모든지표 목록보기 */
	.m_cont_layout.board .board_search .board_search_wrap {
		height: 30px;
	}

	.m_cont_layout.board .board_search .board_search_wrap input {
		padding: 3px 12px;
		font-size: 13px;
	}

	.m_cont_layout.board .board_search .board_search_wrap select,
	.m_cont_layout.board .board_search .board_search_wrap a.search_btn {
		line-height: 30px;
		font-size: 13px;
	}

	/* 서브 : 소개페이지 (220929) */
	.m_cont_layout.intro .intro_cont .intro_img {
		overflow-x: auto;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	.new_main .m_link ul li a {
		padding-left: 20%;
	}
}

@media (max-width:785px) {

	/* 이용가이드 221025 */
	.intr_img {
		width: 100%;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	.new_main .m_link ul li a {
		padding-left: 18%;
	}
}


@media (max-width:768px) {

	/* 가운데 지표 선택 영역 */
	.m_cont .m_cont_layout.m_index_wrapper .m_index,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box {
		flex-wrap: wrap;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .btn_bnr1,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .btn_bnr2,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box .index_bnr,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .btn_bnr1 a,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .btn_bnr2 a,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box .index_bnr a {
		display: flex;
		width: 100%;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box {
		margin: 8% 0;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box .index_bnr:nth-of-type(2) {
		margin: 3% 0;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box {
		position: relative;
		background: none;
		border-radius: 0;
		padding: 0;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box:before {
		position: absolute;
		width: calc(100% + 60px);
		height: 112%;
		left: -30px;
		top: -6%;
		display: block;
		content: '';
		background: rgba(128, 168, 249, 0.4);
	}

	.illust_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		flex: 1;
		padding: 15px 0;
	}

	.tit_wrap {
		position: relative;
		display: flex;
		align-items: center;
		flex: 2;
		text-align: left;
	}

	.tit_wrap .tit {}

	.tit_wrap .btn_go {
		position: absolute;
		right: 5%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.btn_bnr1 .tit_wrap .tit,
	.btn_bnr2 .tit_wrap .tit,
	.index_bnr .tit_wrap .tit {
		font-size: 17px;
	}

	.btn_bnr1 .tit_wrap .tit span,
	.btn_bnr2 .tit_wrap .tit span {
		font-size: 16px;
	}

	/* 공지사항 + 팝업존 */
	.m_lastSection .m_cont_layout {
		flex-wrap: wrap;
	}

	/* 공지사항 */
	.m_notice {
		position: relative;
		width: 100%;
		flex-wrap: nowrap;
		align-items: center;
		padding: 15px 0;
		margin-top: 10px;
		z-index: 0;
		overflow: visible;
	}

	.m_notice:before {
		position: absolute;
		display: block;
		content: '';
		width: calc(100% + 60px);
		top: 0;
		left: -30px;
		background: #fff;
		height: 100%;
		z-index: -1;
	}

	.m_notice .tit {
		width: auto;
		padding-bottom: 0;
	}

	.m_notice ul.notice_list {
		border: none;
		margin-bottom: 0;
		padding: 0;
	}

	.m_notice ul.notice_list li {
		padding: 0 0 0 15px;
		font-size: 15px;
	}

	.m_notice ul.notice_list li:not(:nth-of-type(1)) {
		display: none;
	}

	.m_notice ul.notice_list li:before {
		display: none;
	}

	.m_notice .btnmore.no_tab {
		display: block;
		white-space: nowrap;
		font-size: 0;
		padding: 0 15px;
		margin: 0;
	}

	.m_notice .tit .btnmore.only_tab {
		display: none;
	}

	/* 팝업존 */
	.m_popupzone_2 {
		width: 100%;
		display: block;
	}

	.m_popupzone_2 .tit {
		display: none;
	}

	/* 서브 : 모든지표 목록보기 */
	/*.m_cont_layout .board_tab a {font-size: 15px;}*/
	/* 231105 YP */
	.excelicon {
		display: none;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	header .nurizip {
		font-size: 12px;
	}

	header .nurizip span:before {
		width: 35px;
	}

	.new_main .slogan {
		font-size: 20px;
	}

	.new_main .slogan strong {
		font-size: 22px;
	}

	.new_main .slogan:before {
		background-size: 60%;
		left: -35px;
	}

	.new_main .slogan:after {
		background-size: 60%;
		right: -35px;
	}

	.new_main .m_search {
		margin-top: 20px;
	}

	.new_main .m_search .m_srh_input {
		height: 50px;
		font-size: 15px;
	}

	.new_main .m_search .btnsearch {
		top: 7px;
	}

	.new_main .keyword span {
		display: none;
	}

	.new_main .keyword .key_list {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.new_main .m_index {
		height: auto;
		margin-top: 20px;
	}

	.new_main .m_index h3 {
		width: 100%;
		margin-top: 30px;
		text-align: center;
		font-size: 16px;
		line-height: 1.3;
	}

	.new_main .m_index h3 strong {
		font-size: 20px;
	}

	.new_main .m_index h3 strong+br {
		display: none;
	}

	.new_main .m_index_wrap {
		width: 100%;
		padding: 20px 20px 30px;
	}

	.new_main .m_index_wrap:before {
		width: 80px;
		height: calc(100% - 30px);
		left: 18px;
		background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 80%);
		background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.5)), color-stop(80%, #fff));
		background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 80%);
	}

	.new_main .m_index_wrap:after {
		width: 80px;
		height: calc(100% - 30px);
		right: 18px;
		background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 80%);
		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.5)), color-stop(80%, #fff));
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 80%);
	}

	.new_main .m_index_wrap .item .thumnail {
		height: 120px;
	}

	.new_main .m_index_wrap .item .thumnail img {
		width: 100%;
		height: auto;
	}

	.new_main .m_index_wrap .item .txt_box {
		height: calc(100% - 120px);
		padding: 16px 20px;
	}

	.new_main .m_index_wrap .item .txt_box strong {
		text-align: center;
		font-size: 18px;
	}

	.new_main .m_index_wrap .item .txt_box strong.new_win:after,
	.new_main .m_index_wrap .item .txt_box span {
		display: none;
	}

	.new_main .m_index_wrap .item .txt_box strong span {
		display: inline;
	}

	.new_main .m_index_wrap .item a:before {
		content: '';
		display: block;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 50px;
		height: 50px;
		background: rgba(0, 0, 0, 0.25);
		border-radius: 0 20px 0 20px;
		z-index: 1;
	}

	.new_main .m_index_wrap .item a.new_win:after {
		content: '';
		display: block;
		position: absolute;
		top: 16px;
		right: 16px;
		width: 18px;
		height: 18px;
		background: url('../img/main/new_tab.svg') no-repeat center/ 100%;
		z-index: 2;
		-webkit-filter: brightness(2);
		filter: brightness(2);
	}

	.new_main .m_index .controls .btn {
		top: 90px;
	}

	.new_main .m_index .controls .btn_prev {
		left: 15px;
	}

	.new_main .m_board {
		margin-bottom: 27px;
	}

	.new_main .m_bd .list .m_bd_new .new_txt .tit,
	.new_main .m_bd .list .m_bd_new .date {
		font-size: 18px;
	}

	.new_main .m_popupzone {
		min-width: auto;
		width: calc(100% - 220px);
		max-width: 70%;
	}

	.new_main .m_link {
		width: 200px;
	}

	.new_main .m_link ul li a {
		padding-left: 15%;
	}

	#footer_wrap .m_cont_layout.foot_menu {
		padding: 0;
	}

	#footer_wrap .footer_menu a.ftm_tit,
	#footer_wrap .address {
		font-size: 15px;
	}

	#footer_wrap .copyright {
		font-size: 14px;
	}

	.foot_menu .f_site {
		width: 50%;
		border: unset;
	}

	.foot_menu .f_site:last-child {
		border-left: 1px solid #c3c3c3;
	}

	.foot_menu .f_site ul {
		width: 100%;
		bottom: 40px;
	}

	.foot_menu .fnb {
		width: 100%;
	}

	.foot_menu .fnb li {
		width: 50%;
		text-align: center;
	}

	.foot_menu .fnb li:after {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		height: 100%;
		top: 0;
		left: 0;
		background: #c3c3c3;
	}

	.foot_menu .fnb li:nth-child(3):after {
		display: none;
	}

	.foot_menu .fnb li:nth-child(n+3) {
		border-top: 1px solid #c3c3c3;
	}

	.foot_menu .fnb .ftm_tit {
		line-height: 40px;
		margin: 0;
	}

	.foot_menu .f_site .tog_btn {
		line-height: 40px;
	}

	.new_wrap .compareIdxBody {
		display: none;
	}

	.new_wrap .m_cont_layout.compareIdx {
		display: block !important;
	}

	/* 서브 : 모든지표 목록보기 */
	.new_wrap .m_cont_layout .board_tab {
		display: none;
	}

	.new_wrap .m_cont_layout .board_select {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* 개인정보처리방침 */
	.new_wrap .tac.sub_tit {
		font-size: 20px;
	}

	.new_wrap .contents2 .intro_txt {
		font-size: 15px;
		padding: 15px 20px;
	}

	.new_wrap .contents2 .labeling_tit,
	.new_wrap .policy_cont_wrap h4 {
		font-size: 18px;
	}

	.new_wrap .policy_cont_wrap>.text_list {
		padding-left: 10px;
	}

	/* 지표누리 소개 */
	.new_wrap .intro .intro_cont .intro_img img {
		margin-right: 0;
	}

	.new_wrap .intro .index_wrap ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.new_wrap .intro .index_wrap .item {
		margin-left: 10px;
	}

}

@media (max-width:680px) {

	/* 사이트맵 (220613) */
	.m_cont_layout.sitemap .sitemap_tit {
		font-size: 24px;
	}

	.m_cont_layout.sitemap .sitemap>li {
		width: 48%;
	}

	.m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(3n)) {
		margin-right: 0;
	}

	.m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(2n)) {
		margin-right: 4%;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	.new_main .m_popupzone {
		height: 280px;
	}

}

@media (max-width:650px) {

	/* 서브 : 소개페이지 (220929) */
	.m_cont_layout.intro .intro_cont .intro_img img {
		width: 100%;
	}

	/* 운영정책 221115 SY Add */
	.top_confirm_cntnt table.confirm_cntnt td li.m1,
	.top_confirm_cntnt table.confirm_cntnt td li.m2,
	.top_confirm_cntnt table.confirm_cntnt td li.m3,
	.top_confirm_cntnt table.confirm_cntnt td li.m4,
	.top_confirm_cntnt table.confirm_cntnt td li.m5,
	.top_confirm_cntnt table.confirm_cntnt td li.m6 {
		background-size: 80px;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	/*통합 지표목록*/
	.new_wrap .m_cont_layout.board .board_btn .btn_wrap2 span {
		width: 100%;
		margin-bottom: 5px;
	}
}

@media (max-width:600px) {

	/* 모바일 구간 패딩 좌우 조절 */
	.m_cont_layout.board,
	.m_cont_layout {
		padding: 0 20px;
	}

	.m_cont_layout.m_title_layout {
		padding: 0;
	}

	.m_cont .m_cont_layout.m_index_wrapper {
		padding: 20px;
	}

	.m_lastSection .m_cont_layout {
		padding: 0 20px;
	}

	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box {
		margin: 10% 0;
	}

	/*(1029)추가*/
	.m_notice:before,
	.m_cont .m_cont_layout.m_index_wrapper .m_index .index_box:before {
		width: calc(100% + 50px);
	}

	/* 메인 상단 슬로건 ~ 검색창 */
	.main_bg {
		min-height: 541px;
	}

	.main_shape_bg {
		height: 104px;
	}

	.main_title {
		padding-top: 21px;
	}

	.main_title .slogan {
		display: none;
	}

	.main_title .m_search {
		width: 90%;
	}

	.main_title .m_search .searchbox {
		width: calc(100% - 164px);
		padding: 0 50px 0 15px;
	}

	.main_title .m_search .searchbox .m_srh_input {
		padding: 8px 0;
		font-size: 14px;
	}

	.main_title .m_search .searchbox .btnsearch {
		top: 8px;
		right: 5px;
	}

	.main_title .m_search .searchbox .btnsearch img {
		width: 70%;
	}

	.main_title .m_search .searchbox button {
		right: -166px;
	}

	.main_title .m_search .searchbox button.btn_alllist {
		height: 45px;
		background: url('../img/main/ico_plus.gif') #24377b no-repeat 11px 13px;
		font-size: 13px;
		white-space: nowrap;
		font-size: 12px;
	}

	/* 서브 헤드 */
	#subContainer .sub_bg .sub_head:before {
		background: url(../img/main/sub_head_figure2.png) no-repeat center;
		background-size: cover;
	}

	.sub_head .sub_tit {
		font-size: 24px;
	}

	/* 231102 YP */
	.sub_head .breadcrumbs ol.breadcrumbs_list li.breadcrumbs_item a {
		font-size: 13px;
	}


	/* 서브 : 모든지표 목록보기 */
	.m_cont_layout.board .board_search {
		margin: 20px 0;
	}

	.m_cont_layout.board .board_btn .btn_wrap a {
		margin-bottom: 5px;
	}

	.m_cont_layout .board_select {
		top: -80px;
	}

	/* 이용가이드 221025 */
	#GuideMain {
		padding: 30px 0;
	}

	#menuList {
		padding: 30px 0 0;
	}

	.guide_tab {
		height: 43px;
	}

	.guide_tab ul {
		height: 43px;
	}

	.guide_tab ul li {
		height: 43px;
	}

	.guide_tab ul li a {
		line-height: 43px;
	}

	#menuList .sub_box .intr_sub_txt ul li .tit {
		width: 100%;
	}

	#menuList .sub_box .intr_sub_txt ul li .exp {
		width: 100%;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	.new_main .m_popupzone {
		width: 100%;
		min-width: auto;
		max-width: 100%;
		height: auto;
		margin-bottom: 66px;
	}

	.new_main .m_link {
		width: 100%;
		max-width: 100%;
	}

	.new_main .m_link ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.new_main .m_link ul li {
		width: 50%;
		height: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.new_main .m_link ul li:nth-child(2n) {
		border-left: 1px solid #e0e0e0;
	}

	.new_main .m_link ul li:nth-child(n+3):after {
		border-bottom: unset;
	}

	.new_main .m_link ul li:after {
		margin: 0;
	}

	.new_main .m_link ul li a {
		padding: 12px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.new_main .m_link ul li a:hover img {
		-webkit-filter: brightness(10);
		filter: brightness(10);
	}

	.new_main .m_link ul li a:after {
		display: none;
	}

	.new_main .m_link ul li a img {
		width: 32px;
		margin-right: 10px;
		margin-bottom: 0;
	}

	.new_main .m_link ul li a:after {
		width: 55px;
		height: 55px;
		margin-left: 0;
		margin-bottom: 34px;
	}

	.new_main .m_link ul li .link_intro {
		border-radius: 20px 0 0 0;
	}

	.new_main .m_link ul li .link_guide {
		border-radius: 0 20px 0 0;
	}

	.new_main .m_link ul li .link_idx {
		border-radius: 0 0 0 20px;
	}

	.new_main .m_link ul li .link_api {
		border-radius: 0 0 20px 0;
	}

	/* event */
	.new_wrap .event_lists ul li a div.img {
		width: 40%;
	}

	.new_wrap .event_lists ul li a p.tit {
		width: calc(60% - 20px);
	}

}

@media (max-width:570px) {

	#footer_wrap .footer_menu a.ftm_tit {
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		white-space: nowrap;
	}

	#footer_wrap .footer_menu a.ftm_tit:nth-child(3) {
		background: none;
	}

}

@media (max-width:480px) {

	.m_popupzone_2 .pop_display {
		padding: 18px 20px;
	}


	/* 게시판 내부 */
	.contents .board_box {
		margin: 40px 0;
	}

	.contents .board_box .board_table tr th {
		padding: 15px 20px 15px 30px;
	}

	.contents .board_box .btn_right a {
		font-size: 14px;
	}

	.contents .board_box ul {
		margin-top: 20px;
	}

	.contents .board_box ul li {
		font-size: 14px;
		padding: 13px 30px;
	}

	.contents .board_box ul li a {
		padding-left: 30px;
	}

	/* 나의 관심지표 */
	.m_cont_layout .tree_layout {
		display: none;
	}

	.contents .my_index .s_index .lists {
		height: 120px;
	}

	.m_cont_layout.myIndex {
		margin-top: 0;
	}

	.contents .my_index .s_index h3.title {
		font-size: 16px;
	}

	.contents .my_index .s_index .group li i {
		font-size: 17px;
	}

	.contents .my_index .s_index .group li a {
		font-size: 13px;
	}

	.contents .my_index .s_index .group a {
		line-height: 1.9;
	}

	.contents .my_index .s_index .btn_Area a.btn {
		font-size: 11px;
	}

	.contents .my_index .excel_btn {
		display: none;
	}

	/* 이벤트 (220816) */
	.event_tab {
		height: 45px;
	}

	.event_tab ul {
		height: 45px;
	}

	.event_tab ul li {
		height: 45px;
	}

	.event_tab ul li a {
		font-size: 15px;
		line-height: 45px;
	}

	.event_lists ul li a {
		padding: 15px 0;
	}

	.event_lists ul li a p.tit {
		display: none;
	}

	.event_lists ul li a p.tit span.date {
		font-size: 13px;
	}

	.event_lists ul li a div.img {
		width: 150px;
		height: 48px;
	}

	/* 운영정책 221115 SY Add */
	.confirm_cntnt.list td.head {
		width: 100px;
	}


	/*************************************************
		231102 YP 메인개편 css edit
	*************************************************/
	#header .logo1 {
		width: 100px;
		height: 50px;
	}

	#header .center .logo2 {
		width: 120px;
		margin-left: -20px;
		background-position: 20px 8px;
	}

	.foot_menu .fnb li {
		width: 100%;
		border-top: 1px solid #c3c3c3;
	}

	.foot_menu .fnb li:after {
		display: none;
	}

	.foot_menu .f_site_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.foot_menu .f_site {
		width: 100%;
		border: unset !important;
	}

	.foot_menu .f_site:first-child {
		border-bottom: 1px solid #c3c3c3 !important;
	}

	.new_main .keyword a {
		font-size: 12px;
	}

	.new_main .m_board {
		min-width: auto;
		margin-bottom: 18px;
	}

	.new_main .m_board:before {
		width: 210px;
	}

	.new_main .m_bd .btn_tab {
		width: 80px;
	}

	.new_main .m_bd .list .tit {
		width: calc(100% - 105px);
		font-size: 15px;
	}

	.new_main .m_bd .list .date {
		font-size: 15px;
	}

	.new_main .m_bd .list .m_bd_new .new_txt span {
		font-size: 13px;
	}

	.new_main .m_link ul li a img {
		width: 28px;
		margin-right: 8px;
	}

	.contents .board_box .board_table tr th,
	.contents .board_box .board_table tr td {
		padding: 10px 15px;
	}

	/* 개인정보처리방침 */
	.new_wrap .labeling li {
		width: 100%;
		height: auto;
		padding: 15px 0;
		border: 1px solid #e6e6e6 !important;
	}

	.new_wrap .labeling li:nth-child(n+2) {
		border-top: unset !important;
	}

}

/* 박승아 추가_20251105 */
@media (max-width:425px) {
	.m_header_popup_swiper li .popup_content {
		flex-direction: column;
		align-items: center;
	}
}

/* 박승아 추가_20251105 */
@media (max-width:400px) {

	.burger_menu .sideBg .side_menu {
		right: -100%;
		width: 100%;
	}

	.m_header_popup_swiper li .popup_content .text strong {
		font-size: 15px;
	}

	.m_header_popup_swiper li .popup_content .text span {
		font-size: 12px;
	}

	.m_header_popup_swiper li .popup_content {
		gap: 10px;
	}

	.m_header_popup_swiper li .popup_content .thumnail img {
		width: 30px;
	}

	.m_header_popup_swiper li {
		padding: 10px;
	}

	.m_header_popup_swiper li .btn_view {
		font-size: 12px;
	}

	.m_header_popupzone .popup_radios span input[type=radio]+label {
		font-size: 12px
	}

	.m_header_popupzone .popup_radios {
		padding: 8px 10px;
	}

	.m_header_popupzone .popup_radios {
		gap: 5px;
	}

}

@media (max-width:300px) {

	.m_f_site {
		width: 100%;
		border-right: none;
		border-left: none;
	}

	/* 220919 Add */

}