/************************************************************************
 * 파일명      : media.css
 * 설명        : 공통
 * 작성자      : 박승연
 * 수정일      : 2021.09.03
************************************************************************/
@media (max-width:1440px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	.top_btn{ bottom: 20px; }

	nav .lnb_wrap{ padding: 0 20px; }

	.sub-wrap,
	section.indicator-content{ padding: 20px 20px 50px !important; }
	section.intro-content,
	section.service-content, 
	section.data-content{ padding: 50px 20px !important; }

	.indicator-intro .intro-wrap p.goal-title { padding: 0 40px; }

	.info-content .search{ margin-top: 10px; }

	.indicator-content .row .goal .goal-title{ padding: 20px; }
}
@media (max-width:1400px) {

	/* YP 241013 header css 삭제 */
	
    nav .lnb_wrap {
        border: none;    
    }
    
    .info-content .report ul {
    justify-content: space-around;
    }
    
    /*section.indicator-content, 
    section.service-content,
    section.data-content, 
    section.intro-content {
        padding: 50px 75px;
        box-sizing: border-box;
    }*//* 241121 YP */
    
    
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	.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: 0 30px; }
	.new_main .m_link ul li a img{ width: 37px; margin-right: 20px; }
	
	
}

@media (max-width:1280px) {
    
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	.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 .status_board{ width: 408px; height: 320px; }
	.new_main .status_board .status_box{ height: 280px; }
	.new_main .status_board.status_sdg .summary strong{ font-size: 13px; }
	.new_main .status_board.status_sdg .summary .status em{ font-size: 13px; }
	
	.new_main .m_link{ width: 190px; height: 320px; }
	.new_main .m_link.m_link2 ul li a{ font-size: 16px; }
    
}

@media (max-width:1200px) {
	
	/* YP 241013 header css 삭제 */
    
    .main-content .main-content-wrap .wrapper {
        max-width: 56rem;
    }
    
    .main-content .main-content-wrap {
        top:-4.8em;
    }
    
    .banner {
        min-height: 410px;
    }
    
    .banner .titleWrap {
        padding-top: 60px;
    }
    
    .banner .titleWrap h2 {
        font-size: 36px;
        padding-bottom: 9px;
    }
    
    .banner .titleWrap p img {
        width: 320px;
    }
    
    .info-content-wrap .report {
        margin: 0;
    }
    
    .info-content-wrap .report ul li {
        width: 50%;
    }
    
    /*.info-content .text-wrap {
        padding: 0 40px;
    }*/
	
	/* *YP 230707 add */
	.data_zip{ max-width: calc(56rem - 20px); padding: 0 20px; }
}

@media (max-width:1100px) {
	
    /*.info-content .board {
        padding: 0 40px;
    }*/
    
	/* *YP 230710 add */
	.goal_wrap .goal.overall .details{ height: auto; }
    .goal_wrap .goal_item_box .goal.item{ width: 100%; }
	.goal_wrap .goal_item_box .goal.item:nth-child(2n+2) { margin-left: 0; }
	.goal_wrap .goal.item:nth-child(2) { border-top: unset; }
	
}

@media (max-width:1080px) {

	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	/* indicator */
	.indicator_wrap .depth1 .ltem { width: calc((100% - 40px) / 3); }

	.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 .status_board{ width: calc(42% - 40px); }
	
	.new_main .m_cont_layout.board .board_btn {flex-wrap: wrap;}
	.new_main .m_cont_layout.board .board_btn .btn_wrap {width: 100%;}
	.new_main .m_cont_layout.board .board_btn .btn_wrap1 {margin-bottom: 10px;}

}

@media (max-width:1024px) {
	
	.con_search{ display: block; height: auto; min-height: 50px; }
	.con_search .pc_only { display: none; }
	.con_search .filter_btn{ display: none; }
	.con_search .period{ display: none; }
	.con_search .filter_btn.on + .period{ display: block; width: 100%; margin-top: 10px; }
	.con_search .filter_btn.on + .period label{ margin-left: 10px; }

}

@media (max-width:980px) {
	
	/*.board_list .cate,*/
	.board_list .date,
	.board_list .view{ display: none; }
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* top btn */
	.top_btn{ bottom: 0; border-radius: 50%; }
	
	/* main */
	.new_main .con_01 { padding: 40px 0; }
	.indicator_wrap{ height: 100%; }
	.indicator_wrap .inner_wrap { width: 100%; }
	.indicator_wrap .depth_scroll { padding: 20px 16px 12px 20px; }
	.indicator_wrap .depth_scroll > .inner { padding-right: 10px; }
	.indicator_wrap .depth1{ width: 100%; height: 300px; border-right: none; border-bottom: 2px solid rgba(117, 117, 117, 0.3); border-radius: 30px 30px 0 0; }
	.indicator_wrap .depth1 .ltem { width: calc((100% - -50px) / 8); }
	.indicator_wrap .depth1 .ltem .btn span{ font-size: 15px; }
	.indicator_wrap .depth1 ul { gap: 10px; }
	.indicator_wrap.sdg .depth1{ height: auto; border-bottom: unset; }
	.indicator_wrap.sdg .depth1 .ltem{ width: calc((100% - 50px) / 6); }
	.indicator_wrap.sdg .depth1 .ltem .btn{ height: 136px; }
	
	
	.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 .status_board{ width: 100%; min-width: 460px; max-width: 67%; height: 230px; border-radius: 20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
	.new_main .status_board h3{ width: 100%; position: absolute; top: 30px; z-index: 1; text-align: center; }
	.new_main .status_board .status_list ul li p{ gap: 5px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }
	.new_main .status_board .status_list ul li strong{ display: flex; justify-content: flex-end; align-items: flex-end; }
	.new_main .status_board .status_list ul li strong span{ font-size: 16px; }
	
	/* SDG style */
	.new_main .status_board.status_sdg{ height: auto; }
	.new_main .status_board.status_sdg .status_box{ height: auto; padding: 70px 20px 30px; }
	.new_main .status_board.status_sdg .status_list{ margin-top: 0; padding: 20px 20px 25px; }
	.new_main .status_board.status_sdg .status_list ul li{ justify-content: center; gap: 20px; }
	.new_main .status_board.status_sdg .summary{ padding-top: 20px; gap: 20px; }
	.new_main .status_board.status_sdg .summary > div { flex: 1; }
	
	.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_main .m_link ul li a:after { width: 50px; height: 50px; margin-left: -6px; }
	.new_main .m_link ul li .link_forum img,
	.new_main .m_link ul li .link_case img{ margin-right: 15px; padding-left: 3px; }
	
	/* sub m_link 개수 2개 */
	.new_main .m_link.m_link2 ul li a{ gap: 15px; font-size: 16px; }
	.new_main .m_link.m_link2 ul li a img{ width: 40px; }
	.new_main .m_link.m_link2 ul li a:after{ width: 55px; height: 55px; margin-left: 0; margin-top: -35px; }
	
	/* 241121 YP layout 공통 */
	.sdg_wrap_en{ padding-bottom: 161px !important; }
	
	/* 241121 YP breadcrumb */
	nav.info .lnb_wrap ul{ padding-top: 20px; }
	nav.info .lnb_wrap ul li a{ font-size: 14px; }
	nav.info .lnb_wrap h2{ padding: 20px 0 40px; font-size: 26px; }
	
    section.service-content,
    section.intro-content {
        padding: 20px 20px 50px !important;
    }
	
	/* 게시판 페이지 버튼 */
	.info-content .page a{ width: 32px; height: 32px; }
	
	.info-content .board .tab{ height: auto; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.info-content .board .tab:before{ height: 100%; border-radius: 0; }
	.info-content .board .tab a{ width: 25%; height: 40px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-size: 16px; background: #f5f5f5; border-radius: 0 !important; }
	.info-content .board .tab a:nth-child(4n):not(:hover, :focus){ border-right-color: transparent; }
	.info-content .board .tab a.on{ height: 40px; background: #f5f5f5; border-radius: 0; }
	
	section.intro-content,
	section.service-content, 
	section.data-content{ padding-top: 20px !important; }
	
	section.service-content > .right a { height: 30px; padding: 0 15px; font-size: 13px; }

}

@media (max-width:940px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	/* indicator  */
	.indicator_wrap .depth1 .ltem { width: calc((100% - 50px) / 6); }

}

@media (max-width:900px) {
    .info-content .report ul li {
		width: 50%;
	}
        
	/* 지표서비스 : 관심지표 등록 모달 (211126) */
	.myIndex_popup .popCont .popBtm .group_btn a.add,
	.myIndex_popup .popCont .popBtm .group_btn .group_add {display: none;}
     
	/* 240108 YP add */
	.service-content .graph_btn_area .left a.btn_gr span { display: none; }
	
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	.new_main .m_link ul li a{ padding-left: 20%; }
	
}

@media (max-width:785px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	
	/* main */
	.new_main .m_link ul li a{ padding-left: 18%; }
	
}

@media (max-width:768px) {
    
	/* YP 241013 header css 삭제 */
    
    .banner {
        min-height: 190px;
    }
    
    .banner .titleWrap {
        padding-top: 45px;
    }
    
    .banner .titleWrap p img {
        width: 210px;
    }
    
    .banner .titleWrap h2 {
        display: none;
    }
    
    .main-content .main-content-wrap {
        top:-2.3em;
    }
    
    .main-content .main-content-wrap .wrapper .box,
    .main-content .main-content-wrap .wrapper .lastBox2 {
        width: 33.3333%;
    }
    
    .main-content .main-content-wrap .wrapper .lastBox {
        display: none;
    }

    .main-content .main-content-wrap .wrapper .lastBox2 img {
        display: block; 
        width: 100%;
    }
    
    /* YP 241013 footer css 삭제 */
    
    /*.info-content .report ul {
        padding: 10px 0 20px 0;
    }*/
    
    .info-content-wrap .report ul li {
        width: 100%;
    }
    
    .info-content .board .tab {
        flex-wrap: wrap;
        margin:30px 0 0;/* *YP 230807 edit */
    }
    
    .info-content .board .tab a {
        width: 50%;
        box-sizing: border-box;
    }
    
    .info-content .board .tab a.on {
        border: 1px solid #2e62b8;
    }
    
    
    /********************* 게시판 목록 : table ***********************/
    .info-content .board .infos {
        display: block;
        font-size: 14px;
        color:#666;
        font-weight: 500;
        font-family: 'NotoM';
        margin: 10px 0 5px;
    }
    
    .info-content .board .infos span.totals {
        margin-right: 10px;
    }
    
    .tab + .board-table a:hover,
    .tab + .board-table a:focus {
        text-decoration:underline !important;
    }
	.tab + .board-table{
        border-bottom-width:0;
		margin-top: 20px; /* *YP 230807 add */
    }
    
    .tab + .board-table tbody,
	.tab + .board-table tr,
    .tab + .board-table td {
        display:block;
        position:relative;
        width:100%;
        box-sizing:border-box;
    }
    
    .tab + .board-table col {
        display:none;
    }
    
    .tab + .board-table [data-cell-header] {
        overflow:hidden;
        display:flex;
        padding:10px;
    }
    
    .tab + .board-table [data-cell-header]:before,
    .tab + .board-table [data-cell-header]:after {
        display:block;
        left:0;
        min-width:100px;
        width:15%;
        box-sizing:border-box;
    }
    
    .tab + .board-table [data-cell-header]:before {
        content:attr(data-cell-header);
        top:0;
        height: calc(92% + 17px);
        text-align:left;
        z-index:2;
        color: #222;
        font-size: 0.95em;
        font-weight: 700;
        font-family: 'NotoB';
    }
    
    .tab + .board-table [data-cell-header]:after{
        content:'';
        position:absolute;
        bottom:0;
        height:100%;
        z-index:1;
    }
    
    .tab + .board-table td[colspan][data-cell-header]:before,
    .tab + .board-table td[colspan][data-cell-header]:after {
        display:none !important;
    }
    
    .tab + .board-table td[colspan] {
        display:block;
        text-align:center;
    }
    
    .tab + .board-table thead {
        display:none;
    }
    
    .tab + .board-table td {
        /*text-align:left;*/
        border-right-width:0 !important;
		height: auto; padding-left: 0;
    }
    
    .tab + .board-table td:last-child {
        border-bottom-width:0;
    }
    
    
	/*nav.lnb {
        height:53px;
    }
    
    nav .lnb_wrap ul {
        line-height: 53px;
        font-size: 16px;
    }
    
    nav .lnb_wrap ul li {
        background: url(../images/sub/right_arrow.png) no-repeat 0 24px;
    }*//* 241121 YP */
    
    .info-content .tab + .board-table tbody td {
        padding: 0 30px; height: auto;
    }    
    
    .info-content .tab + .board-table tbody tr {
        border: none;
        line-height: 2.1;
        padding: 10px 0;
    }
    
    .info-content .tab + .board-table tbody tr:nth-last-of-type(2n - 1) {
        background: #f8f8f8;
    }
    
    /*.info-content .board-table tbody {
        border-top: 1px solid #5a5a5a;
        border-bottom: none;
    }*/
    
    .info-content .page>a, 
    .info-content .page>span.first, 
    .page>span.last {
        display: none;
    }
    
    .info-content .page>span.prev, 
    .info-content .page>span.next {
        width: 49%;    
    }
    
    .info-content .page>span a {
        position: relative;
    }
    
    .info-content .page>span a small {
        display: block;
        position: absolute;
        transform: translate(-50%,-50%);
        left:50%;
        top:50%;
        font-size: 15px; 
        color:#666;
        white-space: nowrap;
    }
    
    .info-content .page>span.prev>a>img {
        position: absolute;
        transform: translate(-50%,-50%);
        left:15%;
        top:50%;
    }
    
    .info-content .page>span.next>a>img {
        position: absolute;
        transform: translate(50%,-50%);
        right:15%;
        top:50%;
    }
    
    .info-content .page {
		/*justify-content: space-between; 221125 SY Delete */
    }
	
	.info-content .page span {
		/*margin: 0 3px;  221125 SY Add */
	}
	
	.info-content .page select {
		margin-left: 10px; /* 221125 SY Add */
	}
    
    .info-content .page a {
        /*width: 100%;
        padding: 5px 0;
        margin: 0;*/
    }
   /********************************************************/
    
    /*section.indicator-content, 
    section.service-content,
    section.data-content, 
    section.intro-content {
        padding: 25px 40px 50px;
        box-sizing: border-box;
    }*/
    
    .indicator-content .row {
        flex-wrap: wrap;
    }
    
    .indicator-content .row .goal {
        width: 100%;
    }
    
    .indicator-content .row .sub-goal {
        margin-top: 15px;
    }
    
    .indicator-intro .intro-wrap p.goal-title span {
        font-size: 19px;
        margin-left: 30px;
    }
    
    .indicator-intro {
        min-height:180px; 
    }
    
    .indicator-intro .intro-wrap p.goal-title img {
        
    }
    
    .service-content .visual {
        margin-top: 20px;
		margin-bottom: 0;
    }
    
    section.service-content .right {
        padding-bottom: 15px;
    }
    
    section.service-content h3 {
        font-size: 19px;
    }
	.service-content .visual .tab_btn a {
        width: 50%;
        box-sizing: border-box;
    }
    
    .service-content .visual .tab_content {
        border-top: none;
        top: -5px;
    }
    
    /* .service-content .visual dt {
        width: 50%;
        box-sizing: border-box;
    }
    
    .service-content .visual dd {
        border-top: none;
    } */
    
    .sub-wrap .top_btn {
        right:30px;
        bottom: -10px;
    }
    
    section.sub-wrap .content-box p.content-title {
        font-size: 18px;/* 241121 YP edit */
        margin-bottom: 15px;
    }
    
    section.sub-wrap .first-box {
        margin-bottom: 30px;
    }
    
    section.sub-wrap .content-box, section.sub-wrap .image-box {
        padding-bottom: 30px;
    }
	
	
	/* *YP 230710 add */
	.goal_wrap .goal.overall{ margin-bottom: 30px; }
	.goal_wrap .status_tit{ font-size: 21px; }
	.goal_wrap .details .title a{ font-size: 19px; }
	.goal_wrap .details .total{ height: 24px; margin-top: 3px; line-height: 22px; font-size: 13px; }
	.goal_wrap .details .summary{ font-size: 14px; }
	
	/* *YP 230807 add */
	.info-content .tab + .board-table tbody td.title{ text-align: center; }
	
	.search-form select{ font-size: 13px; }
	.search-form select + .search-input{ min-width: 160px; width: calc(100% - 138px) !important; font-size: 13px; }
	.search-form select + .search-input::placeholder{ font-size: 13px; }
	.search-form select + .search-input::-moz-placeholder{ font-size: 13px; }
	.search-form select + .search-input:-ms-input-placeholder{ font-size: 13px; }
	.search-form select + .search-input::-ms-input-placeholder{ font-size: 13px; }
	.search-form select + .search-input::placeholder{ font-size: 13px; }
	.search-form .search-btn{ font-size: 13px; }
	
	/* *YP 240111 add - footer 하단고정 해제 */
	#wrap { padding-bottom: 0; }
	footer { position: relative; }
	/*.sub-wrap{ min-height: 0; }
	.indicator-intro ~ .sub-wrap{ min-height: 0; }*//* 241121 YP */
	
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	
	/* main */
	/* indicator  */
	.indicator_wrap .depth1 .ltem { width: calc((100% - 30px) / 4) !important; }
	.indicator_wrap .depth1 .ltem .btn span{ font-size: 13px; }
	.indicator_wrap.sdg .depth1 { height: 470px; }
		
	.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 .status_board{ min-width: auto; width: calc(100% - 220px); max-width: 70%; }
	.new_main .status_board .status_list ul li p{ font-size: 16px; }
	
	/* SDG style */
	.new_main .status_board.status_sdg .summary{ flex-direction: column; gap: 0; }
	.new_main .status_board.status_sdg .summary > div{ flex: auto; }
	
	.new_main .m_link{ width: 200px; }
	.new_main .m_link ul li a { padding-left: 15%; }
	
	/* 241121 YP breadcrumb */
    nav.indicator ul li a { font-size: 16px; }
	
	.info-content .board .tab a{ font-size: 14px; }
	.info-content .board .tab a:nth-child(2n):not(:hover, :focus) {
        border-right-color: transparent;
    }
	.info-content .board .tab a:hover, .info-content .board .tab a:focus{ border-bottom: 1px solid #e0e0e0; }
	
	.sdgs_top { width: 180px; height: 230px; }
	
	.indicator-content .row .goal .goal-num{ padding-bottom: 0; }
	.indicator-content .row .goal:first-child .goal-num{ padding-bottom: 5px; }
	.indicator-content .row .goal .goal-cont{ padding: 10px 0; }
	.indicator-content .row .goal .goal-cont p{ padding-right: 20px; font-size: 15px; }
	

}

@media (max-width:700px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	.indicator_wrap .depth1 .ltem { width: calc((100% - 30px) / 4) !important; }

	.new_main .status_board .status_list ul li p { font-size: 16px;	flex: 1; }

}

@media (max-width:680px) {
    .service-content .explain .row {
        flex-wrap: wrap;
    }
    .service-content .explain .row h4.tit {
        width: 100%;
        margin-bottom: 10px;
    }
    .service-content .explain .row .cont {
        width: 100%;
    }
    
    .service-content .explain .row .cont .wrap {
        margin-bottom: 5px;
    }
    
    .service-content .explain .row .cont {
        padding-left: 15px;
    }
		
}

@media (max-width:600px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/*main*/
	.new_main .con_01{ min-height: 0; }
	/* indicator  */
	.indicator_wrap{ border-radius: 20px; }
	.indicator_wrap .depth1{ height: 365px; padding-bottom: 15px; border-bottom: unset; border-radius: 20px; }
	.indicator_wrap .depth1 .ltem { width: calc((100% - 20px) / 3) !important; }
	.indicator_wrap .depth1 .ltem .btn{ height: 100px; padding: 10px }
	.indicator_wrap.sdg .depth1 { height: 390px; }
	.indicator_wrap.sdg .depth1 .ltem .btn { height: 110px; }

	
	.new_main .status_board{ width: 100%; min-width: auto; max-width: 100%; height: auto; margin-bottom: 20px; }
	
	.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%; }
	.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 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -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 a.link_intro{ border-radius: 20px 0 0 0; }
	.new_main .m_link ul li a.link_guide{ border-radius: 0 20px 0 0; }
	.new_main .m_link ul li a.link_forum{ border-radius: 0 0 0 20px; }
	.new_main .m_link ul li a.link_case{ border-radius: 0 0 20px 0; }
	
	/* sub m_link 개수 2개 */
	.new_main .m_link.m_link2 ul li { height: 100%; }
	.new_main .m_link.m_link2 ul li:after{ border-bottom: unset; }
	.new_main .m_link.m_link2 ul li a{ padding: 12px 10px; -ms-flex-direction: row; flex-direction: row; gap: 0; }
	.new_main .m_link.m_link2 ul li a img{ width: 32px; margin-right: 10px; }
	.new_main .m_link.m_link2 ul li a:after{ width: 65px; height: 65px; margin-left: 0; margin-top: -35px; }
	.new_main .m_link.m_link2 ul li:first-child a{ border-radius: 20px 0 0 20px; }
	.new_main .m_link.m_link2 ul li:last-child a{ border-radius: 0 20px 20px 0; }
	
}

@media (max-width:570px) {
    .service-content .visual .tab_btn a {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    
    /* 지표서비스 : 관심지표 등록 모달 (211126) */
	.myIndex_popup .popCont {width: 260px; height: 350px;}
	.myIndex_popup .popCont .close {width: 40px; height: 40px;}
	.myIndex_popup .popCont .close i {font-size: 22px; margin: 9px 0 0 9px;}
	.myIndex_popup .popCont .popTit {font-size: 18px; padding: 20px;}
	.myIndex_popup .popCont .popBtm {height: calc(100% - 67px); padding: 0 30px 36px;}
	.myIndex_popup .popCont .popBtm .group_list {height: calc(100% - 40px);}
	.myIndex_popup .popCont .popBtm .group_list li {font-size: 14px;}
	.myIndex_popup .popCont .popBtm .group_list li i {margin-right: 7px;}
	.myIndex_popup .popCont .popBtm .group_btn {margin-top: 5px;}
	
	/* *YP 230807 add */
	/*.board_detail .board_table tr th{ padding: 15px 20px; }*/
	.board_detail .board_table input[type="file"]{ width: 100%; }
	.con_search .index_select{ margin-right: 0; }
	.con_search .head_tit{ margin-right: 10px; }
	.con_search .index_select select{ width: calc(100% - 103px); }
	
	/* *YP 230829 add */
	.con_search .period .period_tit{ display: block; font-size: 14px; }
	.con_search .period select{ width: calc(100% - 130px); min-width: 80px; }
}

@media (max-width:480px) {
	
	/*************************************************
		241013 YP css edit
	*************************************************/
	/* main */
	.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; }
	.board_detail .board_table tr th,
	.board_detail .board_table tr td{ padding: 10px 15px; }
	
}

@media (max-width:400px) {
    section.sub-wrap {
        padding-top: 5px;
    }
    
    /* YP 241013 header css 삭제 */
    
    /*nav.lnb {
        height:48px;
    }
    
    nav .lnb_wrap ul {
        line-height: 48px;
        font-size: 15px;
    }
    
    nav .lnb_wrap ul li {
        background: url(../images/sub/right_arrow.png) no-repeat 0 20px;
    }*//* 241121 YP */
    
    .info-content .report ul li {
        padding: 15px;
        box-sizing: border-box;
    }
    
    .info-content .report ul li p {
        font-size: 14px;
        line-height: 1.3;
    }
    
    /*.info-content .report ul li a img {
        max-width: 100%;
    }*/
    
    .info-content .search {/* *YP 230807 edit */
        /*height: 110px;*/
		padding: 35px 15px;
    }
    
    .info-content .search .search-form {
        max-width: 360px;
    }
    
    /*.info-content .board {
        padding: 0 15px;
    }*//* 241121 YP */
    
    .info-content .board .tab {
        margin-top:30px;
    }
    
    .info-content .board .tab a {
        padding: 8px 0;
        font-size: 14px;
    }
    
    section.indicator-content, 
    section.service-content,
    section.data-content, 
    section.intro-content {
        padding: 30px 15px;
        box-sizing: border-box;
    }
    
    .indicator-intro .intro-wrap p.goal-title {
        padding: 0 15px;
    }
    
    .indicator-intro .intro-wrap p.goal-title span {
        font-size: 17px;
        margin-left: 20px;
    }
    
    .indicator-intro {
        min-height:150px; 
    }
    
    .indicator-intro .intro-wrap p.goal-title img {
        width: 83px;
        height: 83px;
    }
    
    section.service-content h3 {
        font-size: 17px;
    }
    
    .sub-wrap .top_btn {
        padding: 8px;
        bottom: -15px;
    }
    
    .info-content .text-wrap {
        padding: 0 15px;
    }
    
    section.sub-wrap .content-box p.content-title {
        font-size: 19px;
        margin-bottom: 12px;
    }
    
    section.sub-wrap .first-box {
        margin-bottom: 20px;
    }
    
    section.sub-wrap .content-box, section.sub-wrap .image-box {
        padding-bottom: 20px;
    }
	
	
	/* *YP 230710 add */
	.goal_wrap .thumb_link{ width: 100%; height: 83px; margin: 0 0 20px; text-align: center; }
	.goal_wrap .thumb_link a img { width: 83px; height: 83px; }
	.goal_wrap .details .summary{ margin-top: 5px; }
	.goal_wrap .details .title a{ font-size: 17px; }
	.goal_wrap .goal_item_box{ padding-top: 10px; }
	.goal_wrap .goal.item .details{ width: 100%; }
	
	/* YP 230807 add */
	.board_box .board_table tr th{ padding: 15px 20px; }
	.info-content .board_detail{ padding-top: 30px; }

	/* YP 230807 add */
	.con_search{ padding: 10px; }
	.con_search button{ right: 10px; }
	
	.service-content .visual .tab_content { padding: 15px; }
	
	/* 241121 YP breadcrumb */
    nav.indicator ul li a { font-size: 15px; }
	
	
	.info-content .search .search-form {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
	.info-content .search{ padding: 0;}
	
	.sdgs_top{ height: 150px; }
}

@media (max-width:384px) {
    
	/* YP 241013 header css 삭제 */
    
    .banner {
        min-height: 160px;
    }
    
    .banner .titleWrap p img {
        width:54.68vw ;
    }
    
    .main-content .main-content-wrap {
        max-width: 350px;
        margin: 0 auto;
    }
    
    /* YP 241013 footer css 삭제 */
    
    section.indicator-content, section.service-content {
        padding-top:18px;
    }

	/* YP 241013 header css 삭제 */
}

@media (max-width:320px) {
    
	/* YP 241013 header css 삭제 */
    
    .info-content .board .tab a {
        padding: 8px 0;
        font-size: 13px;
    }
    
    .info-content .page>span a small {
        font-size: 14px; 
    }
    
    .indicator-intro .intro-wrap p.goal-title span {
        font-size: 15px;
        line-height: 1.5;
    }
}

/* *YP 240111 */