
/* Mobile */
@media all and (max-width : 767px) {

    html {
        font-size: 9px;
        scroll-behavior: smooth;
       
    }
    body {
        overflow-x: hidden;
        overflow-y: auto;
        }
    .not_scroll {
        position: fixed;
        overflow: hidden;
        width: 100%;
        height: 100%
    }
    /* Header */
    #header {
        padding: 0 14px;
        background-color: #fff;
    }
    .header_inner {
        height: 60px;
        text-align: center;
        overflow: hidden;
    }
    .header_inner .logo_inner {
        height: 30px;
        display: inline-block;
        margin: 0 auto;
    }
    .header_inner .menu_inner {
        display: flex;
        align-items: center;
    }
    .main_banner {
        margin-top: 60px;
    }
    .main_banner .banner {
        margin-left: 0;
        position: relative;
        background: none;
        /* height: inherit; */
        height: 100%;
    }
    .sub_inner {
        width: 100%;
    }
    .banner_bottom .sub_inner {
        display: none;
    }
    .swiper-slide.slide02 .slide_inner > div, .swiper-slide.slide01 .slide_inner > div {
        margin-top: 30px;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 98% !important;
    }
    .slide_inner {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    .slide_inner img {
        margin-right: 0;
        margin-top: 50px;
    }
    .slide_inner > div {
        margin-top: 60px;
        padding: 0 20px;
    }
    .slide_inner > div h1 {
        line-height: 1.46;
        margin-bottom: 20px;
    }
    .slide_inner > div span {
        font-size: 1.5rem;
    }
    .swiper-progress-bar, .swiper-counter {
        right: 100%;
        transform: translateX(calc(100% + 20px));
        bottom: 0;
    }
    .swiper-progress-bar {
        margin: 0 -35px 15px 0;
    }
    .swiper-button-prev {
        left: 80% !important;
    }
    .swiper-button-next {
        right: 30px !important;
    }
    .main_banner .banner > div {
        padding-bottom: 0;
    }
    .swiper-slide.slide02 .slide_inner h1 {
        font-size: 3.8rem;
    }
    .swiper-slide.slide02 .slide_inner span {
        font-size: 2.2rem;
    }
    .main_banner .banner .swiper-wrapper {
        /* height: 300px; */
    }
    .swiper-slide.slide01, .swiper-slide.slide02 {
        background-size: auto 100px;
        height: 60%;
   }
    .main_news, .main_social .main_inner {
        flex-direction: column;
    }
    .header_inner .menu_inner nav {
        display: none;
    }
   
    .menu_inner .join_box.pc {
        display: none;
    }
    .menu_inner .join_box.m {
        display: block;
        background-color: #fff;
        margin-left: 0;
        padding: 20px;
        text-align: right;
        border-radius: 5px 5px 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .menu_inner .join_box.m li {
        margin-left: 12px;
    }
    .menu_inner .join_box.m a {
        font-size: 2.0rem;
        padding-top: 0;
        padding-left: 5px;
    }
    
    /* Menubar */
    .menu_bar {
        display: block;
        width: 22px;
        height: 16px;
        position: relative;
        z-index: 1000;
    }
    .menu_inner .menu_bar .line {
        background-color: #707070;
        height: 1px;
        margin-bottom: 3px;
        position: absolute;
        left: 0;
        border-radius: 20px;
        transition: 0.35s;
    }
    .menu_inner .menu_bar .line:nth-of-type(1) {
        width: 100%;
        top: 0;
    }
    .menu_inner .menu_bar .line:nth-of-type(2) {
        width: 100%;
        top: 50%;
    }
    .menu_inner .menu_bar .line:nth-of-type(3) {
        width: 100%;
        top: 100%;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(1) {
        transform: rotate(45deg);
        top: 50%;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(2) {
        display: none;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 50%;
    }
    .search_bar.pc {
        display: none;
    }
    .search_bar_m {
        width: 100%;
        padding: 0 20px;
        margin-top: 60px;
        display: block;
    }
    .search_bar_m span {
        color: #259B9A;
        font-weight: bold;
        font-size: 1.8rem;
        margin-bottom: 12px;
        display: inline-block;
    }
    .search_bar_m .search_bar_inner {
        border: 1px solid #249B9B;
        border-radius: 100px;
        display: flex;
        height: 60px;
    }
    .search_bar_m .search_bar_inner input {
        height: inherit;
        border: none;
        background-color: transparent;
        font-size: 2.0rem;
        transition: 0.35s;
        padding-left: 25px; 
    }
    #sch_submit {
        width: 70px;
        padding: 0;
        margin-right: 3px;
    }
    #sch_submit img {
        width: 100%;
        margin-top: 2px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        left: 90% !important;
    }



    /* Menu_modal */
    .menu_modal {
        display: block;
        background-color: #fff;
        width: 80vw;
        height: 100vh;
        z-index: 100;
        position: absolute;
        right: 0;
        top: 60px;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .menu_modal.menu_on {
        visibility: visible;
        right: 0;
        opacity: 1;
    }
    .menu_modal > ul {
        border-top: 1px solid #A4A7B1;
        font-family: 'LeferiBaseType-RegularA';
        padding: 10px 0;
    }
    .menu_modal > ul > li {
        border-bottom: 1px solid #fff;
        position: relative;
    }
    .menu_modal > ul > li:after {
        content:'';
        position: absolute;
        top: 20px;
        transform: translateY(-50%);
        right: 25.5px;
        width: 1px;
        height: 15px;
        background-color: #5F5F5F;
    }
    .menu_modal > ul > li.on:after {
        display: none;
    }
    .menu_modal > ul > li.on .gnb_depth_2 .gnb_2dli {
        display: block;
    }
    .menu_modal > ul > li:before {
        content:'';
        position: absolute;
        top: 20px;
        right: 18px;
        width: 15px;
        height: 1px;
        background-color: #5F5F5F;
    }
    .menu_modal > ul > li > a {
        color: #2E2E2E;
        font-weight: normal;
        padding: 10px 20px;
        display: block;
        text-align: left;
        font-size: 18px;
    }
    .gnb_1dli.gnb_1dli_on .gnb_depth_2 {
        padding: 30px 0;
    }
    .gnb_depth_2 {
        background-color: #fff;
        padding: 10px 24px;
    }
    .gnb_1dli.gnb_1dli_on .gnb_2dli {
        display: block;
        font-size: 1.7rem;
        padding-left: 40px;
    }
    /* modal menu  */
    .gnb_1dli.gnb_1dli_on .gnb_2dli.modal_on a {
        font-weight: 600;
        color: #000;
        position: relative;
    }
    .gnb_1dli.gnb_1dli_on .gnb_2dli.modal_on a:before {
        content:'';
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: #F39A96;
        left: -13px;
    }
    .gnb_1da {
        padding: 0 25px;
        display: inline-block;
    }
    .gnb_2dli {
        display: none;
        text-align: left;
        /* display: block; */
    }
    .gnb_2dli a {
        padding: 5px 0;
        display: inline-block;
        color: #707070;
        font-size: 12px;
    }
    .gnb_depth_m li.gnb_1dli:nth-of-type(1) .gnb_depth_2 li a:hover {
        color: #0071C0;
    }
    .gnb_depth_m li.gnb_1dli:nth-of-type(2) .gnb_depth_2 li a:hover {
        color: #009A74;
    }
    .gnb_depth_m li.gnb_1dli:nth-of-type(3) .gnb_depth_2 li a:hover {
        color: #C60046;
    }
    .gnb_depth_m li.gnb_1dli:nth-of-type(4) .gnb_depth_2 li a:hover {
        color: #FF3600;
    }
    .gnb_depth_m li.gnb_1dli:nth-of-type(5) .gnb_depth_2 li a:hover {
        color: #FFA500;
    }

    #area {
        height: auto;
    }

    /* 생산공정&특징 */
    .layout_main .main_inner {
        margin: 0;
        flex-direction: column;
    }
    .main_inner.item01 {
        padding-top: 62px;
        background: url('../img/greenk/contents/main_bg1.png')no-repeat right -77px top -44px;
    }
    .main_inner.item01 .contents01 .title {
        margin-bottom: 10px;
    }
    .main_inner.item01 > div .title {
        padding: 0;
        margin-bottom: 0;
        padding-left: 20px;
    }
    .main_inner.item01 > div .title span {
        font-size: 3.2rem;
        font-weight: 500;
    }
    .layout_main .main_inner .contents01 .img_inner {
        border-radius: 120px;
        overflow: hidden;
        position: absolute;
        left: -100px;
    }
    .main_inner.item01 .contents01 .img_inner > img {
        width: 420px;
    }
    .main_inner.item01 .contents02 {
        padding-top: 250px;
    }
    .main_inner.item01 .contents02 ul {
        padding: 20px 0 0 30px;
    }
    .main_inner.item01 .contents02 ul li {
        margin-bottom: 23px;
        display: flex;
        flex-direction: column;
    }
    .main_inner.item01 .contents02 ul li > div {
        display: flex;
        align-items: center;
    }
    .main_inner.item01 .contents02 ul li img {
        margin-right: 10px;
        width: 56px;
        height: 56px;
    }
    .main_inner.item01 .contents02 ul li span.m_title {
        display: inline-block;
        font-weight: 500;
    }
    .main_inner.item01 .contents02 ul li span.pc_title {
        display: none;
    }
    .main_inner.item01 .contents02 ul li p {
        font-size: 1.6rem;
    }
    .main_inner.item01 .contents02 ul li p i {
        display: inline;
    }
    .main_inner.item01 .contents02 ul li p b {
        display: block;
    }


    /* 인증서 */
    .main_inner.item02 {
        margin-top: 85px;
    }
    .slider_inner {
        width: 100%;
    }
    .main_inner.item02 > span {
        display: none;
    }
    .Certi_inner {
        padding-top: 34px;
        margin-bottom: 100px;
    }
    .Certi_inner > span {
        color: #009A74;
        font-size: 3.2rem;
        display: block;
        font-weight: 500;
        text-align: center;
        margin-bottom: 60px;
    }
    .slick-next.slick-arrow {
        right: 10px !important;
    }
    .slide01 .bx_inner {
        padding: 0 30px;
    }
    .slick-prev.slick-arrow {
        left: 10px !important;
        background: url('../img/greenk/icon/main_prev_m.png')no-repeat center center;
        background-size: contain;
        width: 50px;
        height: 50px;
    }
    .slick-next.slick-arrow {
        background: url('../img/greenk/icon/main_next_m.png')no-repeat center center;
        background-size: contain;
        width: 50px;
        height: 50px;
    }
    .slide01 .bx > div p {
        color: #656565;
    }



    /* Footer */
    .footer_bottom .main_inner, .footer_bottom .inner .sns_site {
        flex-direction: column !important;
    }
    .site_inner {
        display: none;
    }
    .footer_top {
        padding: 15px 0;
    }
    .footer_top .main_inner a {
        font-size: 1.3rem;
        padding: 0 9px;
        border-right: none;
        font-weight: 500;
        position: relative;
    }
    .footer_top .main_inner a:last-of-type:after {
        display: none;
    }
    .footer_top .main_inner a:after {
        content:"";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background-color: #fff;
    }
    .footer_bottom {
        padding: 70px 40px 20px 40px;
    }
    .footer_bottom .main_inner a {
        height: 30px;
    }
    .footer_bottom .main_inner a img {
        height: inherit;
    }
    .sns_site_inner {
        display: inline-block;
    }
    .footer_bottom .inner .sns_site {
        align-items: flex-start !important;
        gap: 15px;
    }
    .sns_site_inner .sns a {
        margin-right: 11px;
    }
    .footer_bottom .inner {
        padding-top: 0;
        gap: 24px;
        justify-content: space-between;
        height: auto;
    }
    .footer_bottom .sns_site .certificate > div img {
        width: 54px;
    }
    .footer_bottom .main_inner .desc small {
        margin-top: 6px;
        font-size: 0.8rem;
    }
    .footer_bottom .main_inner .desc span {
        font-size: 1.3rem;
        margin-top: 13px;
        color: #656565;
    }
    .footer_bottom .inner .sns_site .site {
        border: none;
    }
    .sns_site_inner .sns a {
        width: 27px;
        height: 27px;
    }

    #top_btn {
        width: 16vw;
        right: 20px;
        bottom: 320px;
        position: absolute;
    }
    .footer_bottom .inner, .footer_bottom .inner .main_inner {
        width: 100%;
    }
    .footer_bottom .inner .main_inner {
        padding: 0;
    }
    .footer_bottom .inner .sns_site {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer_bottom .inner .sns_site .site {
        margin-left: 0;
    }
    .footer_bottom .inner .sns_site .sns {
        margin-top: 0;
    }
    .footer_bottom .inner, .footer_top .main_inner .sns_site {
        flex-direction: column;
    }
    .footer_top .main_inner .info {
        border-bottom: 1px solid #668395;
        padding-bottom: 10px;
    }
    .footer_top .main_inner .info span {
        font-size: 1.4rem;
        padding: 0 10px;
    }
    .footer_top .main_inner .sns_site .sns a {
        height: 27px;
        width: 27px;
        margin: 0 10px;
    }
    .footer_top .main_inner .sns_site .sns a img {
        width: inherit;
        height: inherit;
    }
    .footer_top .main_inner .sns_site .site {
        margin-left: 0;
        width: 200px;
        margin-bottom: 15px;
    }

    /************ 서브페이지 ************/
    /* 서브페이지 공통 */
    #bo_w {
        margin-top: 0;
        padding-bottom: 0;
    }
    #bo_w h2 {
        font-size: 3.2rem;
    }
    #bo_w .sub_inner {
        padding: 0 20px;
        width: 100%;
    }
    .w61_inner .inner, .article_inner {
        width: 100%;
    }
    #bo_vc_w form {
        flex-direction: column;
    }
    .bo_vc_w_info .frm_input, .bo_vc_w_info {
        margin-right: 0;
    }
    .bo_vc_w .btn_confirm {
        position: inherit;
        transform: none;
        margin-top: 20px;
    }
    .bo_vc_w textarea {
        min-height: 100px;
        margin-top: 10px;
    }
    /* 갤러리게시판 */

    #bo_w .bo_w_tit .frm_input, #bo_w .write_div .wr_content, .bo_w_flie > div input {
        border: 1px solid #c9cad1;
        box-shadow: none;
    }
    #bo_w .write_div .wr_content {
        height: 340px;
    }
    #bo_w form > div:last-child {
        margin-top: 50px;
        align-items: flex-end !important;
    }
    #bo_w .write_div > * {
        width: 100%;
    }
    #bo_w .write_div.btn_confirm {
        width: auto !important;
    }
    .btn_confirm > * {
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 2rem;
        width: auto;
    }
    
    #sch_result .empty_list {
        margin-top: 30px;
    }
    .sub_banner {
        height: 240px;
        margin-top: 60px;
    }
    .sub_banner > div { 
        position: relative;
    }
    .sub_banner > div .banner_title {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
        left: 50%;
        padding-left: 0;
    }
    .inner {
        width: 100%;
        padding-top: 0;
    }
    .item_03 {
        padding: 50px 20px;
    }
    .item_04 {
        margin-top: 50px;
    }
    .w230_menu.pc {
        display: none;
    }
    .w230_menu.m {
        display: block;
    }
    .w230_menu.m .w230_menu_inner {
        width: 100%;
        margin-top: 20px;
    }
    .w230_menu.m .w230_menu_inner > div {
        padding-bottom: 20px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 2px !important;
    }
    .swiper-scrollbar-drag {
        border: 0.5px solid #4C999A;
        background: #4C999A !important;
        border-radius: 5px;
    }
    .w230_menu.m .w230_menu_inner a {
        font-size: 1.8rem;
    }
    .w230_menu .w230_menu_inner a {
        padding: 10px 0;
        width: 100%;
        display: inline-block;
    }
    .w231_inner .item {
        padding: 0;
    }
    .w230_inner .w235_item h1.title {
        margin-bottom: 10px;
    }
    #bo_w .bo_w_tit #btn_autosave {
        display: none;
    }
    #bo_w h2 {
        margin-top: 38px;
        margin-bottom: 12px;
    }
    


    /* 배너 */
    .banner01 {
        background: url('../img/greenk/contents/banner_1_m.png')no-repeat center bottom;
        background-size: cover
    }
    .banner02 {
        background: url('../img/greenk/contents/banner_2_m.png')no-repeat center bottom;
        background-size: cover
    }
    .banner03 {
        background: url('../img/greenk/contents/banner_3_m.png')no-repeat center bottom;
        background-size: cover
    }
    .banner04 {
        background: url('../img/greenk/contents/banner_4_m.png')no-repeat center bottom;
        background-size: cover
    }
    .banner05 {
        background: url('../img/greenk/contents/banner_5_m.png')no-repeat center bottom;
        background-size: cover
    }
    h1.sub_title {
        font-size: 2.65rem;
        font-weight: 800;
    }


    /* 로그인 */
    .mbskin {
        margin: 50px auto;
    }
    .mbskin .frm_input {
        line-height: 50px;
    }

    /* 회사소개-인사말 */
    .subpage_inner {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .subpage_inner.w21_inner {
        padding: 50px 43px 100px 43px;
    }
    .subpage_inner.w221_inner {
        padding: 50px 18px 260px 18px;
    }
    .w21_inner .item_02 {
        margin-top: 36px;
        flex-direction: column;
        gap: 110px;
    }
    .w21_inner .item_02 h1 {
        font-size: 3.0rem;
        line-height: 1.4;
        margin-bottom: 43px;
    }
    .w21_inner .item_02 p span {
        margin-bottom: 20px;
        line-height: 1;
    }
    .w21_inner .item_02 p small {
        margin-top: 44px;
    }
    .w21_inner .item_02 img {
        min-width: 100%;
        margin-top: 0;
    }
    .w210_inner .item_02 p i {
        display: inline;
    }

    /* 회사소개-CI소개 */
    .w220_inner .item_02{
        margin-top: 130px;
    }
    .w220_inner .item_02 .item_02_inner {
        width: 100%;
    }
    .w220_inner .item_02 .item_02_inner .top {
        flex-direction: column;
    }
    .w220_inner .item_01 img.img_01 {
        width: 172px;
    }
    .w220_inner .item_01 p {
        margin: 65px 0 83px 0;
    }
    .w220_inner .item_01 p i {
        display: inline;
    }
    .w220_inner .item_01 img.img_02 {
        width: 180px;
        margin-bottom: 0;
    }
    .w220_inner .item_02 .item_02_inner {
        margin-top: 30px;
        padding: 0;
    }
    .w220_inner .item_02 .item_02_inner .top {
        gap: 10px;
        margin-bottom: 10px;
    }
    .w220_inner .item_02 .item_02_inner > div > div small {
        display: none;
    }

    /* 회사소개-회사연혁 */
    .w23_inner {
        background: url('../img/greenk/contents/m23_bg_m.png')no-repeat center bottom;
        background-size: contain;
    }
    .year_inner .bottom .item01:before {
        display: none;
    }
    .year_inner .bottom .contents:nth-of-type(1) h2 {
        display: none;
    }
    .contents h2 {
        background-color: #fff;
        position: absolute;
        top: -50px;
        padding-bottom: 20px;
    }
    .year_inner .bottom .item01 .contents {
        position: relative;
    }
    .year_inner .bottom .item01 ul li {
        margin-bottom: 25px;
    }
    .year_inner .bottom .item01 ul li:after {
        border: 1px solid #306FBA;
    }
    .year_inner .bottom .item02 .contents ul li {
        font-size: 1.25rem;
        margin-bottom: 23px;
    }
    .year_inner .bottom > .item01 {
        flex: 0.3;
        padding-top: 20px;
        height: 1400px;
    }
    .year_inner .bottom .item02 .contents_inner {
        left: 20px;
    }
    .year_inner .bottom .item02 .contents_inner .contents {
        margin-bottom: 108px;
    }
    .year_inner .bottom .item02 .contents ul li {
        line-height: 1.55;
    }
    .year_inner .bottom > .item02 {
        flex: 0.7;
        padding-top: 20px;
    }
    .year_inner .bottom .item01 ul li {
        width: 35px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* 회사소개-오시는 길 */
    .w24_inner {
        width: 100%;
    }
    .w24_inner .map_title h1 {
        font-size: 4.0rem;
    }
    .map {
        height: 200px;
    }
    .w24_inner .item_03 .greenk {
        flex-direction: column;
        align-items: flex-start;
    }
    .w24_inner .item_03 .greenk img {
        width: 143px;
        margin-bottom: 7px;
    }
    .w24_inner .item_03 .greenk b {
        margin-left: 0;
    }
    .w24_inner .item_03 ul li {
        padding-left: 0;
        font-size: 1.8rem;
        margin-bottom: 25px;
    }
    .w24_inner .item_03 ul li span {
        width: 70px;
        padding-left: 20px;
    }
    .w24_inner .item_03 ul li:before {
        left: 0;
        width: 5px;
        height: 5px;
        border: 3px solid #306FBA;
    }

    /* 정부인증-환경표지/중증장애인생산시설 */
    .w31_inner .w220_inner {
        padding: 0 43px;
    }
    .w31_inner .w220_inner .item_01 > div h1 {
        font-size: 2.5rem;
        font-weight: 500;
    }
    .w220_inner .item_02 {
        margin-top: 65px;
    }
    .w31_inner .w220_inner .item_02 > div {
        padding-left: 0;
    }
    .w31_inner .w220_inner .item_02 > div p i {
        display: inline;
    }
    .w31_inner .w220_inner .item_02 > div, .w31_inner .item05 {
        flex-direction: column;
    }
    .w31_inner .w220_inner .item_02 > div img, .w31_inner .item05 > div img, .w32_inner .item_01 .sub_inner img, .w32_inner .item_02 .contents_inner img {
        margin-right: 0;
        width: 120px;
        height: 120px;
    }
    .w31_inner .item03 {
        padding: 37px 43px 63px 42px !important;
        margin-top: 60px;
    }
    .w31_inner .item03 .sub_inner span, .w31_inner .item04 span, .w31_inner .item04 span b, .w31_inner .item05 > div span, .w32_inner .item_01 .sub_inner h1, .w32_inner .item_02 .contents_inner span
     {
        font-size: 2.65rem;
        font-weight: bold;
    }
    .w31_inner .item03 .sub_inner span {
        margin-bottom: 40px;
    }
    .w31_inner .item04 {
        margin-top: 80px;
        padding: 0 43px;
    }
    .w31_inner .item04 p {
        margin-top: 20px;
    }
    .w31_inner .item05 {
        margin: 100px 0;
        padding: 0 43px;
        gap: 50px;
    }
    .w31_inner .item05 > div span {
        margin-bottom: 20px;
    }
    .w31_inner .item05 > div p i {
        display: inline;
    }
    .w31_inner .item06 img {
        width: 150px;
    }
    .w31_inner .w220_inner .item_02 > div span {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }
    .w31_inner small {
        display: block;
        font-size: 1.8rem;
    }
   
    /* 정부인증-사회적기업/녹색인증 */
    .w32_inner .item_01 > div {
          padding: 0 43px;
    }
    .w32_inner.subpage_inner {
        padding-top: 50px;
    }
    .w32_inner {
        background: none;
    }
    .w32_inner .item_01 .sub_inner .certi img {
        height: auto;
        width: 150px;
        margin-left: 0;
    }
    .w32_inner .item_02 {
        padding: 80px 0;
        margin-top: 100px;
    }
    .w32_inner .item_02 .contents_inner {
        flex-direction: column;
        gap: 50px;
        padding: 0 45px;
    }
    .w32_inner .item_02 .contents_inner p i, .w32_inner .item_01 .sub_inner p i {
        display: inline;
    }
    .w32_inner .item_01 .sub_inner h1 {
        margin-bottom: 23px;
    }
    .w32_inner .item_03 {
        margin-top: 100px;
        margin-bottom: 180px;
    }
    .w32_inner .item_02 .contents_inner span {
        margin-bottom: 23px;
    }

    /* 정부인증-각종인증서 */

    /* 사업분야-재제조 토너카트리지 */
    .subpage_inner.w41_inner {
        background: url('../img/greenk/contents/m41_bg.png')no-repeat top 160px right -20px;
        background-size: auto 140px;
    }
    .subpage_inner.w41_inner .sub_inner {
        width: 100%;
    }
    .w41_inner .item01 {
        margin-left: 0;
        padding: 0 43px;
    }
    .w41_inner .item01 h1, .w41_inner .item03 .desc h1 {
        font-size: 2.65rem;
    }
    .w41_inner .item03 .desc h1 {
        margin-bottom: 20px;
    }
    .pc_table {
        display: none;
    }
    .w41_inner .item03 .desc, .w41_inner .item02 {
        padding: 0 43px;
    }
    .w41_inner .item02 > span {
        margin-bottom: 28px;
        padding-left: 0;
    }
    .w41_inner .item03 {
        margin-top: 80px;
    }
    .w41_inner .item03 .contents_inner > .contents {
        margin-top: 20px;
        padding: 0 20px;
    }
    .w41_inner .item03 .contents_inner > .contents div img {
        width: 72px;
        height: 72px;
    }
    .w41_inner .item03 .contents_inner > .contents div span {
        font-size: 1.4rem;
        margin-top: 15px;
    }
    .w41_inner .item03 .contents_inner > .contents div small, .w41_inner .item03 .contents_inner > .contents div b {
        font-size: 1.3rem;
    }
    .w41_inner .item01 p i, .w41_inner .item03 .desc p i {
        display: inline;
    }
    .w41_inner .item03 .contents_inner > span {
        display: block;
        padding: 0 43px;
    }


    /* 사업분야-복사용지 */
    .w42_inner {
        width: 100%;
    }

    .w42_inner .item01, .w42_inner .item02 .desc {
        padding: 0 43px;
    }
    h1.sub_title span {
        font-weight: 800;
    }
    .w42_inner .item01 img {
        width: 60px;
        height: 60px;
    }
    .w42_inner .item01 .contents_inner {
        margin-top: 30px;
        margin-bottom: 80px;
    }
    .w42_inner .item01 .contents {
        gap: 10px;
    }
    .w42_inner .item01 .contents p i {
        display: inline;
    }
    .w42_inner .item01 .contents span {
        font-size: 1.8rem;
    }
    .w42_inner .item02 .desc {
        display: flex;
        flex-direction: column;
    }
    .w42_inner .item02 .desc h2 {
        order: 2;
    }
    .w42_inner .item02 .desc button {
        order: 1;
    }
    .w42_inner .item02 .desc p {
        order: 3;
        margin-bottom: 40px;
    }
    button#info {
        margin-left: 0;
        align-self: flex-start;
        padding: 7px 11px;
        font-size: 1.4rem;
    }
    .w42_inner .item02 img {
        width: 110%;
    }
    .w42_inner .item03 {
        margin-top: 40px;
        padding: 0 50px;
    }


    /* 사업분야-기능성의자 */
    .w43_inner .item01 {
        padding: 0 43px;
        margin-bottom: 60px;
    }
    .w43_inner .item01 .contents_inner {
        gap: 0;
    }
    .w43_inner .m_inner {
        background-color: #F8FDFC;
        padding: 35px 100px
    }
    .w43_inner .item01 h1, .w43_inner .item02 .sub_inner h1, .w44_inner .item01 h1 {
        font-size: 4rem;
        margin-bottom: 15px;
    }
    .w43_inner .item01 .contents_inner > div > img {
        min-width: 180px;
        width: 180px;
    }
    .w43_inner .item01 .contents_inner > div > img.m_img {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .w43_inner .sub_inner, .w43_inner .item05 .card_inner a.card {
        width: 100%;
    }
    .w43_inner .item01 .contents_inner, .w43_inner .item02 .sub_inner {
        flex-direction: column;
    }
    .w43_inner .item01 .contents_inner > div > img {
        margin-right: 0;
    }
    .chair_name {
        text-align: left;
    }
    .chair_name img, .w43_inner .item06 .desc img {
        height: 30px;
    }
    .chair_name h3 {
        font-size: 2.65rem;
    }
    .w43_inner .item02 {
        background: none;
        padding: 60px 0;
    }
    .w43_inner .item02 .sub_inner {
        padding: 0 43px;
        gap: 0;
    }
    .w43_inner .item02 .pc_title {
        display: none;
    }
    .w43_inner .item02 .m_title {
        display: block;
    }
    .yutube {
        margin: 0;
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .yutube .logo {
        margin-bottom: 30px;
        margin-left: 50px;
        height: 20px;
    }
    .yutube .logo img {
        height: inherit;
    }
    .yutube .yutube_inner {
        padding: 0 50px;
    }
    .yutube .yutube_inner iframe {
        border-radius: 5px;
        width: 100%;
        height: auto;
    }
    .w43_inner .item04 {
        margin-top: 30px;
        padding: 90px 35px;
        margin-bottom: 40px;        
    }
    .w43_inner .item05 > img {
        height: 28px;
        margin-left: 50px;
    }
    .w43_inner .item05 > span {
        font-size: 2rem;
    }
    .w43_inner .item05 .card_inner {
        flex-direction: row;
        margin-top: 30px;
        gap: 20px;
        padding: 0 20px;
    }
    .w43_inner .item05 .card_inner a.card {
        flex-direction: column;
        border-radius: 0;
        height: 200px;
    }
    .w43_inner .item05 .card_inner a.card .card_desc {
        padding-left: 0;
        padding: 10px;
        text-align: center;
        align-items: center;
    }
    .w43_inner .item05 .card_inner a.card .card_desc span {
        font-size: 1.4rem;
    }
    .w43_inner .item05 .card_inner a.card .card_desc h3, .w43_inner .item05 .card_inner a.card .card_desc h3 b {
        margin-bottom: 5px;
        font-size: 1.6rem;
    }
    .w43_inner .item05 .card_inner a.card .card_desc small {
        display: none;
    }
    .w43_inner .item05 .card_inner a.card .card_desc span i {
        display: inline;
    }
    .w43_inner .item06 .item06_img {
        padding: 0 40px;
    }
    .w43_inner .item06 .item06_img img {
        margin-top: 60px;
    }
    .w43_inner .item06 .desc img {
        margin-left: 50px;
    }
    .w43_inner .item06 span {
        font-size: 2.1rem;
    }

    /* 사업분야-골프퍼팅기 */
    .w44_inner .sub_inner {
        width: 100%;
    }
    .w44_inner .item02 img {
        width: 100%;
    }
    .w44_inner {
        padding: 0 43px;
        background: url('../img/greenk/contents/m44_bg.png')no-repeat top 50px right;
        background-size: auto 170px;
    }
    .w44_inner .item01 h1 {
        margin-bottom: 100px;
    }
    .w44_inner .item01 .contents_inner .contents {
        gap: 14px;
    }
    .w44_inner .item01 .contents_inner .contents img {
        width: 60px;
        height: 60px;
    }
    .w44_inner .item01 .contents_inner .contents p {
        margin-top: 5px;
    }
    .w44_inner .item01 .contents_inner .contents p i {
        display: inline;
    }
    .w44_inner .item01 .contents_inner > span, .w44_inner .item02 > span {
        margin-bottom: 20px;
    }
    .w44_inner .item01 .contents_inner .contents b, .w44_inner .item01 .contents_inner .contents span {
        margin-right: 5px;
        font-size: 1.8rem;
    }
    .w44_inner .item02 .video_inner {
        margin-bottom: 80px;
    }


    /* 제품구매-일반구매 */
    .w51_inner {
        padding: 0 43px;
    }
    .w51_inner > div span {
        margin-bottom: 25px;
    }
    .w51_inner .item_01 p {
        line-height: 1.7;
    }
    .w51_inner .item_02 > span {
        margin-top: 80px;
    }
    .w51_inner .item_02 .contents_inner {
        grid: '. .';
    }
    .w51_inner .item_02 .contents_inner > div span {
        font-size: 1.6rem;
    }
    .w51_inner .item_02 .contents_inner > div > div {
        height: 100px;
    }
    .w51_inner .item_02 .contents_inner > div > div img {
        height: inherit;
    }
    .w51_inner .item_02 .contents_inner > div b {
        margin: 20px 0;
        margin-bottom: 10px;
    }

    /* 제품구매-온라인구매 */
    .w52_inner {
        padding: 0 43px;
    }
    .w52_inner .sub_inner {
        width: 100%;
    }
    .w52_inner .item .contents_inner > div {
        flex-direction: column;
        gap: 30px;
    }
    .w52_inner .item .contents_inner > div .contents {
        gap: 30px;
        width: 100%;
    }
    .w52_inner .item .contents_inner > div .contents img {
        width: 70px;
        min-width: 70px;
        height: 70px;
        min-height: 70px;
    }
    .w52_inner .item .contents_inner .top {
        margin-bottom: 30px;
    }
    .w52_inner .item .contents_inner > div span {
        margin-bottom: 4px;
    }
    .w52_inner .item .contents_inner > div p {
        line-height: 1.45;
        word-break: keep-all;
    }
    .w52_inner .item .contents_inner > div p i {
        display: inline;
    }
    .btn_inner {
        margin: 67px 0 100px 0;
    }
    a.short_btn {
        padding: 22px 44px;
    }


    /* 커뮤니티-공지사항 */
    /* 커뮤니티-자유게시판 */
    /* 커뮤니티-묻고답하기 */


    /* 사회적경제_사회적경제조직 */
    /* 마을기업 */
    .item_03.w224_item {
        padding: 50px 0;
    }
    .item_03.w224_item .inner > * {
        padding: 0 20px;
    }
    .item_03.w224_item .inner, .item_03.w224_item .contents {
        padding: 0;
    }


    /* 사회적경제_사회적경제 */
    /* 예비사회적기업 */
    .w220_inner .inner, .w230_inner .inner {
        padding-top: 0;
    }
    .item_02.w222_item, .item_03.w225_item {
        padding-bottom: 100px;
    }
    .w222_inner.w222_item > p:nth-of-type(1) i:nth-of-type(1) {
        margin-top: 30px;
        display: block;
    }


    /* 사회적경제_사회적경제조직 */
    /* 자활기업 */
    .item_01.w225_item img {
        width: 50%;
        margin: 0 auto;
    }
    .item_02.w225_item {
        margin: 50px 0;
    }
    .item_04.w225_item {
        background: url('../img/asan/contents/w225_bg_m.png')no-repeat center right -300px;
        background-size: 150%;
    }
    .item_04.w225_item span.m_txt {
        display: block;
        font-size: 2.4rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        color: #249B9B;
        margin-bottom: 60px;
        line-height: 1.2;
    }
    .item_04.w225_item span.m_txt:after {
        content:'';
        position: absolute;
        width: 20%;
        height: 3px;
        background-color: #249B9B;
        bottom: -20px;
        left: 50%;
        transform: translatex(-50%);
    }
    .item_04.w225_item .inner img:nth-of-type(3) {
        padding-top: 40px;
    }


    /* 사회적경제_사회적경제 지원조직 */
    .banner_title {
        font-size: 4.6rem;
        text-align: center;
    }
    .banner_title i {
        display: block;
    }
    .w230_map01, .w230_map02 .map_desc {
        flex-direction: column;
    }
    .w230_map02 .map_desc {
        background: url('../img/asan/contents/w230_map02.svg')no-repeat center top;
        width: 100%;
        background-size: contain;
        padding-top: 400px;
    }
    .w230_map02 .map_desc .desc {
        height: auto;
    }
    .map_img h5 {
        font-size: 2.4rem;
        font-weight: 500;
        margin-bottom: 30px;
    }
    .w230_map01 .map_desc {
        margin-top: 50px;
    }
    .w230_map01 .map_img .desc .info span {
        font-size: 1.4rem;
        margin-bottom: 7px;
        padding-left: 28px;
        margin-right: 25px;
    }
    .w230_map01 .map_img .desc .info_01 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(2):before, .w230_map01 .map_img .desc .info_02 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(2):before, .w230_map01 .map_img .desc .info_03 span:nth-child(1):before {
        background-size: contain;
    }
    .w230_map01 .map_img .desc .info_02 span:nth-child(2):before {
        content:'';
        position: absolute;
        background: url('../img/asan/contents/w230_icon05.svg')no-repeat center left;
        background-size: contain;
        width: 25px;
        height: 15px;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .w230_map01 .map_img .desc .info_03 span:nth-child(2):before {
        content:'';
        position: absolute;
        background: url('../img/asan/contents/w230_icon01.svg')no-repeat center center;
        background-size: contain;
        width: 25px;
        height: 15px;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .w230_map01 .map_desc .detail_desc table thead tr td:last-child {
        width: 30%;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td {
        letter-spacing: -0.5px;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_01 {
        background: url('../img/asan/contents/w230_icon06.svg')no-repeat center center;
        background-size: 40%;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_02 {
        background: url('../img/asan/contents/w230_icon07.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_03 {
        background: url('../img/asan/contents/w230_icon08.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_04 {
        background: url('../img/asan/contents/w230_icon09.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.color {
        padding-left: 10px;
    }
    .w230_map01 .map_desc .detail_desc table thead tr td:nth-child(2) {
        padding-left: 20px; 
    }
    .color:before {
        width:5px;
        height: 25px;
    }
    .w230_map01 {
        padding: 40px 0;
        padding-bottom: 90px;
    }
    .w230_map01 .map_desc .more_desc .box ul li {
        display: flex;
    }
    .w230_map01 .map_desc .more_desc .box ul li b {
        margin-right: 0;
        min-width: 80px;
    }
    .w230_map02 .map_img h5 u {
        display: block;
        padding-top: 40px;
    }
    .w230_map02 .map_img h5 u:after {
        width: 350px;
        background: url('../img/asan/contents/w230_title02.svg')no-repeat center center;
        background-size: contain;
    }
    .w230_inner .w230_map02 {
        position: relative;
    }
    .w230_map02 .map_desc {
        gap: 100px;
    }
    .w230_map02 .map_desc .desc .contents:nth-of-type(2) {
        margin-top: 30px;
    }
    .w230_map02 .map_desc .desc:after {
        background-size: contain;
    }
    .w230_map02 .map_desc .desc_02:after {
        background: url('../img/asan/contents/map_desc02.png')no-repeat center left;
        background-size: contain;
        bottom: 200px;
    }
    .w230_map02 .map_desc .desc_03:after {
        background:url('../img/asan/contents/map_desc03.png')no-repeat center right;
        background-size: contain;
        height: 50px;
        left: 100%;
        transform: translatex(-100%);
    }
    .w230_map02 .map_desc .desc_02 img {
        border: 1px solid;
        display: none;
    }
    .w230_map02 .map_desc .desc_01:after {
        height: 24px;
        background: url('../img/asan/contents/map_desc01.png')no-repeat center right;
        background-size: contain;
    }


    /* 사회적경제_사회적경제 지원조직 */
    /* 충남사회적경제지원센터 */
    .w230_inner h1.title {
        margin-bottom: 20px;
        font-size: 3.2rem;
    }
    .w231_inner .item_01 table tbody tr {
        border-bottom: 1px solid #ddd;
        padding: 25px 0;
    }
    .w231_inner .item_01 table tr td {
        border-bottom: 0;
        padding: 0;
        margin-top: auto;
    }
    .w231_inner .item_01 table tr td u {
        margin-right: 20px;
    }
    .w231_inner .item_01 table tr td:nth-of-type(1) {
        width: auto;
    }
    .w231_inner .item_01 table tr td:nth-of-type(3) {
        width: 100%;
        margin-top: 15px;
    }
    .w231_inner .item_01.w231_item table tbody tr { 
        display: grid;
        grid-template-columns: 1fr 3fr;
    }
    .w231_inner .item_01 table tbody tr td:last-of-type {
        grid-column: 1 / 3;
        grid-row: 2 / 2;
    }
    .w231_inner .item_01 table tr:last-child  td:last-child span {
        display: block;
    }
    img.pc_img {
        display: none;
    }
    img.m_img {
        display: block;
        width: 100%;
    }
    .item_02 .item_02_inner {
        padding: 40px 0;
    }
    .w230_inner h1.title small {
        font-size: 1.4rem;
        padding-left: 18px;
    }
    .item_03_inner {
        padding: 40px 0;
    }
    /* 문의 */
    
    .item_04 .contents {
        flex-direction: column;
    }
    .item_04 .contents .site img {
        height: 100%;
    }


    /* 사회적경제_사회적경제 지원조직 */
    p.bx {
        padding: 20px;
    }
    /* 충남사회적경제네트워크 */
    .w231_inner .item_01.w232_item table tbody tr, .w231_inner .item_01.w234_item table tbody tr {
        display: flex;
        flex-direction: column;
    }
    .item_02.w232_item .item_02_inner {
        background: #fff;
    }


    /* 사회적경제_사회적경제 지원조직 */
    /* 충남사회적경제네트워크 */
    .w233_item table tbody tr td.bx2, .item_02.w233_item .item_02_inner .inner, .item_03.w233_item .item_03_inner .contents_01 > div {
        flex-direction: column;
    }
    .w233_item table tbody tr td.bx2 {
        gap: 30px;
    }
    .item_01.w233_item table tbody tr ul.list li {
        margin-bottom: 3px;
    }
    .w231_inner .item_01 table tbody tr:last-child {
        border-bottom: 1px solid #000;
    }
    .item_02.w233_item {
        margin-top: 60px;
    }
    .item_02.w233_item .item_02_inner {
        padding: 20px 0;
    }
    .item_02.w233_item .item_02_inner .inner .contents p {
        margin: 20px 0;
        font-size: 1.6rem;
    }
    .item_03.w233_item .item_03_inner .contents_02 .space {
        grid: '. .';
        margin-top: 35px;
    }
    .item_03.w233_item .item_03_inner .contents_03 .detail {
        display: grid;
        grid: '. . ';
    }
    .item_03.w233_item .item_03_inner .contents_02 .space div span {
        font-size: 1.6rem;
        padding-left: 18px;
    }
    .item_03.w233_item .item_03_inner .contents_02 .space div span:before {
        width: 10px;
        height: 10px;
    }
    .detail_tit {
        font-size: 1.9rem;
    }
    


    /* 사회적경제_사회적경제 지원조직 */
    /* 아산시사회적기업협의회 */
    .item_02.w234_item .item_02_inner {
        padding: 0 20px;
    }
    .item_05.w234_item {
        padding: 100px 0;
    }
    .item_05.w234_item .inner .contents div h2 {
        margin-bottom: 20px;
    }
    .item_05.w234_item .inner .contents {
        flex-direction: column;
        margin-bottom: 0;
    }
    .item_03.w234_item img.m_img {
        padding-left: 60px;
    }
    .item_05.w234_item .inner .contents div h2 {
        margin-top: 60px;
    }
    .item_05.w234_item .inner .contents:nth-of-type(1) > div:nth-of-type(1) h2 {
        margin-top: 0;
    }
    .item_02.w234_item {
        margin-top: 70px;
    }

    /* 사회적협동조합 품 */
    .item_01.w235_item table tbody tr:nth-of-type(1) td:last-of-type i {
        display: inline;
    }
    .item_05.w235_item img.m_img {
        padding: 40px 0;
    }
    .item_05.w235_item .contents .space .space_img.pc {
        flex-direction: column;
    }
    .item_03 .contents .list {
        gap: 0;
    }
    .item_03 .contents .list > div > div div span {
        font-size: 2.0rem;
    }
    .item_03 .contents .list > div > div div small {
        font-size: 1.5rem;
    }
    .w231_inner .item_01.w235_item table tbody tr {
        display: flex;
        flex-direction: column;
    }
    .item_04.w223_item {
        margin-bottom: 140px;
    }
    .w223_item .inner {
        padding: 0;
    }
    .w223_item .inner .title {
        padding: 0 20px;
    }
    .item_04.w223_item .inner table {
        width: auto;
    }
    .item_04.w223_item .inner table thead tr th:nth-of-type(3) {
        width: 50%;
    }
    .item_04.w223_item .inner table tbody tr:nth-of-type(3) td:nth-of-type(3) {
        padding-left: 0;
        padding: 5px 10px;
    }
    .item_04.w223_item .inner table tbody tr td {
        padding: 5px 10px;
        font-size: 1.2rem;
        text-align: left;
    }
    .item_04.w223_item .inner table thead tr th, .item_04.w223_item .inner table tbody tr td:nth-of-type(1) {
        font-size: 1.1rem;
    }
    /* 사회적경제_사회적경제 지원조직 */
    /* 사회적협동조합 온어스 */
    .item_01.w236_item table tbody tr {
        display: flex;
        flex-direction: column;
    }
    .item_05.w236_item .contents {
        grid: '.';
        gap: 32px;
    }
    .item_05.w236_item .title {
        margin-top: 80px;
    }
    .w236_item table tbody tr p.desc i:last-child {
        display: inline;
    }

    /* 알림마당 _ 사회적경제 캘린더 */
    .notice_cal_tab:before, .notice_cal_tab:after, .category_tag.notice {
        display: none;
    }
    .notice_bg {
        background: none;
        padding: 0;
    }
    .notice_ch_inner {
        flex-direction: column;
    }
    .notice_cal_tab ul {
        margin-top: 52px;
    }
    .notice_cal_tab ul li {
        font-size: 1.8rem;
        padding: 17px 30px;
    }
    .notice_bg {
        margin: 30px 0 30px 0;
    }
    .notice_bg .sch {
        padding: 10px 15px;
        padding-right: 5px;
    }
    .notice_bg .sch_inner .sch_btn {
        width: 60px;
        height: 60px;
    }
    .bo_v_nb li {
        padding: 20px;
    }
    .tag {
        width: 70px;
        font-size: 1.7rem;
        font-weight: 500;
    }
    #notice_detail {
        display: none;
    }
    .btn_bo_user_inner .sch_tit {
        margin-left: 14px;
    }
    .category_tag ul {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
    .category_tag ul li a {
        display: flex;
        font-size: 1.1rem;
        margin: 0;
        align-items: center;
        margin-bottom: 10px;
        color: #333;
    }
    .category_tag ul li a span {
        color: transparent;
        border-radius: 50%;
        font-size: 0.2rem;
        width: 10px;
        height: 10px;
    }
    .month_inner > * {
        display: none;
    }
    .month_inner {
        padding: 30px;
        margin-bottom: 150px;
        padding-bottom: 0;
    }
    .notice_cal_tab ul li {
        padding: 0;
    }
    #bo_w form > div, .img_bx > div {
        flex-direction: column;
        align-items: flex-start;
    }
    #bo_w form > div:last-child {
        flex-direction: row;
        align-items: flex-start;
    }
    label.date_bx, #bo_w form > div {
        padding-left: 0;
    }
    #bo_w form > div > label{
        margin: 5px 0;
    }
    #bo_w h1.notice_tit {
        margin: 30px 0;
    }
    #bo_v {
        padding: 0;
    }
    .v_social_info {
        flex-direction: column;
    }
    .social_info_logo {
        width: 100%;
        padding: 0;
    }
    /* 알림마당 _ 언론보도 */
    #bo_gall .gall_con {
        flex-direction: column;
    }
    #bo_gall .gall_img {
        margin-right: 0;
    }
    .td_datetime {
        width: auto;
    }
    #bo_gall .gall_img {
/*         width: 100%; */
    }
    

    /* 아카이브 _ 사회적경제 기업 */
    .type_inner {
        margin-top: 52px;
    }
    .category_inner ul.category01 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .category_inner {
        padding: 16px 14px;
    }
    .category_inner ul.category01 li {
        flex: inherit;
    }
    .category_inner ul li span {
        line-height: 1.2;
    }
    .category_inner ul li {
        padding: 20px;
    }
    .category_inner ul.category02 {
        grid-template-columns: repeat(2, 1fr)
    }
    .category_inner ul.category02 li a {
        padding: 0 15px;
        word-break: keep-all;
        line-height: 1.4;
        text-align: center;
    }
    .bo_fx {
        margin-bottom: 100px;
        float: none;
    }
    #bo_gall .gall_li {
        width: 100%;
    }
    .bo_fx span {
        margin-top: 0;
        border: 1px solid #A4A7B1;
    }
    .social_info_detail {
        width: 100%;
    }
    .social_logo, .social_info_logo.notice_img .social_logo
     {
        height: auto;
    }
    .sns_tit {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 0;
    }
    .sns_tit .bo_v_tit_site a {
        margin-left: 0;
        margin-right: 10px;
    }
    .sns_tit .bo_v_tit_site a.v_site_btn {
        padding: 6px 20px;
    }
    .social_info_detail ul li {
        padding: 22px 10px;
    }
    #bo_v_atc {
        margin-top: 40px;
    }
    .detail_info{
        font-size :2.2rem;
        padding-bottom: 16px;
    }
    .board_sch {
        padding:5px;
        margin-bottom: 30px;
    }
    .board_sch .nice-select, .notice_bg .nice-select {
        min-width: 100px;
        line-height: 60px;
    }
    .board_sch form .sch_bar {
        margin-left: 0;
        padding-left: 0;
    }
    .bo_sch .sch_btn {
        width: 50px;
        height: 50px;
    }
    .sch_btn {
        width: 30%;
    }
    /* 아카이브 자료실  */
    .w31_inner .tab_menu {
        padding: 5px;
        margin-bottom: 50px;
        margin-top: 37px;
    }
    .w31_inner .tab_menu ul li {
        padding: 0 5px;
    }
    .w31_inner .tab_menu ul li a {
        font-size: 2.0rem;
    }
    #bo_v_info .profile_info .profile_info_ct {
        flex-direction: column;
        align-items: flex-start;
    }
    #bo_v_info .profile_info .profile_info_ct > div {
        align-items: flex-start;
        flex-direction: column;
    }
    #bo_v_info span {
       width: 80px;
    }
    #bo_v_info strong.if_date {
        margin-top: -4px;
    }
    #bo_v_info .profile_info {
        margin: 20px 0;
    }
    #bo_v_title {
        margin-top: 37px;
    }

    /* 통합검색 */
    .sch_page_tit {
        display: none;
    }
    .sch_page_inner {
        background: none;
    }
    #sch_res_ov {
        margin-bottom: 30px;
    }
    .search_bar_m.sch_m {
        margin-top: 30px;
        padding: 0;
    }
    .search_bar_m.sch_m span {
        font-size: 2.4rem;
        margin-bottom: 12px;
        display: inline-block;
    }
    .search_board_result {
        margin: 40px 0;
    }
    .sch_res_list .sch_tit {
        padding: 14px 0;
    }
    .sch_res_list h2 {
        margin-bottom: 10px;
    }
    .sch_res_title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 22px;
        max-height: 178px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 250px;
    }



}


/* Tablet _ iPad */


/* Tablet _ iPad Pro */
@media all and (min-width : 768px) and (max-width : 1024px) {

    html {
        font-size: 15px;
        
    }

    /* Heade */
    .header_inner {
        padding: 0 30px;
        height: 120px;
    }
    .header_inner .logo_inner {
        height: 60px;
    }
    .header_inner .menu_inner nav {
        display: none;
    }

    /* Menubar */
    .menu_bar {
        display: block;
        width: 42px;
        height: 26px;
        position: relative;
        z-index: 1000;
    }
    .menu_inner .menu_bar .line {
        background-color: #484848;
        height: 2px;
        margin-bottom: 3px;
        position: absolute;
        left: 0;
        border-radius: 20px;
        transition: 0.35s;
    }
    .main_banner .banner .swiper-wrapper{
        height: 100%;
    }
    .menu_inner .menu_bar .line:nth-of-type(1) {
        width: 100%;
        top: 0;
    }
    .menu_inner .menu_bar .line:nth-of-type(2) {
        width: 100%;
        top: 50%;
    }
    .menu_inner .menu_bar .line:nth-of-type(3) {
        width: 100%;
        top: 100%;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(1) {
        transform: rotate(45deg);
        top: 50%;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(2) {
        display: none;
    }
    .menu_inner .menu_bar.menu_on .line:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 50%;
    }
    .search_bar.pc {
        display: none;
    }
    .menu_inner .join_box.pc {
        display: none;
    }

    .banner02, .banner03, .banner04, .banner05 {
        background-size: cover;
    }


    /* Menu_modal */
    .menu_modal {
        display: block;
        background-color: #fff;
        width: 80vw;
        height: 100vh;
        z-index: 2;
        position: absolute;
        right: 0;
        top: 0;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .menu_modal.menu_on {
        visibility: visible;
        right: 0;
        opacity: 1;
    }
    .menu_modal > ul > li > a {
        color: #2E2E2E;
        font-size: 1.8rem;
        font-weight: 600;
        padding: 25px;
    }
    .gnb_1dli.gnb_1dli_on .gnb_depth_2 {
        padding: 30px 0;
    }
    .gnb_depth_2 {
        background-color: #fff;
        padding: 0;
    }
    .gnb_1dli.gnb_1dli_on .gnb_2dli {
        display: block;
        font-size: 1.7rem;
        padding-left: 40px;
    }
    .gnb_1da {
        padding: 0 25px;
        display: block;
        text-align: left;
    }
    .gnb_2dli {
        display: none;
    }
    .gnb_2dli a {
        padding: 7px 0;
        display: inline-block;
        color: #989898;
    }
    
    /* Footer */
    .top_btn {
        width: 22vw;
        right: 0;
        bottom: 20vh;
    }
    .footer_top .main_inner, .footer_top .main_inner .sns_site
    {
        flex-direction: column;
    }
    .footer_top .main_inner .sns_site .sns {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .footer_top .main_inner .sns_site .sns a {
        height: 80px;
        width: 80px;
        margin: 0 15px;
    }
    .footer_top .main_inner .sns_site .sns a img {
        width: inherit;
        height: inherit;
    }
    .footer_top .main_inner .sns_site .site {
        margin-left: 0;
        width: 400px;
        margin-bottom: 40px;
    }
    .footer_top .main_inner .sns_site .site > a {
        padding: 25px 40px;
        font-size: 2.1rem;
    }
    .footer_bottom .main_inner .desc span, .footer_bottom .main_inner .desc small {
        font-size: 1.3rem;
    }
    .footer_bottom .main_inner a.footer_logo {
        width:80%;
    }
    
    /* Main */
    /* 배너 */
 
    .main_banner .banner {
        margin-left: 0;
        position: relative;
        background: none;
        height: inherit;
    }
    /* .main_banner .banner:after {
        content:'';
        position: absolute;
        width: 80%;
        height: 560px;
        top: 0;
        right: 0;
        background-color: #ffe8e6;
        border-radius: 250px 0 0 250px;
    } */
    .sub_banner > div { 
        position: relative;
    }
    .sub_banner > div .banner_title {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        margin-top: 0;
        z-index: 1;
    }
    .banner_title i {
        display: block;
    }
    .slide_inner {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    .slide_inner > div {
        padding: 100px 30px;
    }
    .slide_inner > div h1 {
        font-size: 5.0rem;
    }
    .slide_inner > div span {
        font-size: 2.0rem;
    }
    .slide_inner img {
        margin-top:120px;
        margin-right: 0;
        width: 80%;
    }
    .main_banner {
        height: 580px;
    }
    .main_news, .main_social .main_inner {
        flex-direction: column;
    }
    .header_inner .menu_inner nav {
        display: none;
    }
    .layout_main .main_inner {
        padding: 0 30px;
    }
    .menu_inner .join_box.pc {
        display: none;
    }
    .menu_inner .join_box.m {
        display: block;
        background-color: #fff;
        margin-left: 0;
        padding: 20px;
        text-align: right;
        border-radius: 5px 5px 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .menu_inner .join_box.m li {
        margin-left: 12px;
    }
    .menu_inner .join_box.m a {
        font-size: 2.0rem;
        padding-top: 0;
        padding-left: 5px;
    }
    .search_bar.pc {
        display: none;
    }
    .main_news, .main_social .main_inner {
        flex-direction: column;
    }
    .header_inner .menu_inner nav {
        display: none;
    }
    .menu_inner .join_box.pc {
        display: none;
    }
    .menu_inner .join_box.m {
        display: block;
        background-color: #fff;
        margin-left: 0;
        padding: 20px;
        text-align: right;
        border-radius: 5px 5px 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .menu_inner .join_box.m li {
        margin-left: 12px;
    }
    .menu_inner .join_box.m a {
        font-size: 2.0rem;
        padding-top: 0;
        padding-left: 5px;
    }
    .swiper-button-prev {
        left: 60% !important;
    }
    .swiper-button-next {
        right: 0 !important;
        /* left: 70% !important; */
        right: 0;
    }
  
    .swiper-counter {
        bottom: 0;
    }
    .swiper-progress-bar {
        bottom: 15px;
        width: 200px;
        left: 100px;
    }
    .swiper-counter {
        left: 40px;
        width: 350px;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 98% !important;
    }
    .search_bar_m {
        width: 100%;
        padding: 0 30px;
        margin-top: 100px;
    }
    .search_bar_m span {
        color: #259B9A;
        font-weight: bold;
        font-size: 2.5rem;
    }
    .search_bar_m .search_bar_inner {
        border: 1px solid #249B9B;
        border-radius: 100px;
        display: flex;
        height: 110px;
    }
    .search_bar_m .search_bar_inner input {
        height: inherit;
        border: none;
        background-color: transparent;
        font-size: 2.0rem;
        transition: 0.35s;
        padding-left: 42px; 
    }
    #sch_submit {
        width: 140px;
    }
    #sch_submit img {
        width: 100%;
    }
    .swiper-container {
        height: 100%;
    }
    .swiper-slide.slide01, .swiper-slide.slide02 {
        height: 55%;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
       /*  left: 740px !important; */
        left: 70% !important;
    }
    .w31_inner .tab_menu {
        margin-top: 60px;
    }

    /* 공지사항 & 언론보도 */
    .board_title .more {
        width: 42px;
    }
    .board_title .more img {
        width: 100%;
    }
    .board_title .title {
        display: flex;
        align-items: center;
    }
    .board_title h3 {
        font-weight: 800;
        font-size: 3.2rem;
    }
    .board_title .title img {
        width: 70px;
        margin-right: 20px;
    }
    .main_news {
        margin-top: 200px;
    }
    .main_news > div .desc {
        font-size: 2.0rem;
    }
    .main_news > div .desc li small {
        width: 200px;
        font-size: 1.8rem;
        text-align: right;
    }
    .main_news .notice {
        margin-right: 0;
    }
    .main_news .notice .desc li {
        padding: 25px 0;
    }
    .main_news .notice .desc li span {
        overflow:hidden; 
        text-overflow:ellipsis; 
        white-space:nowrap;
    }
    .main_social {
        padding: 0 0 50px 0;
    }
    .main_social .main_inner .map .map_title {
        background: none;
    }
    .main_site .main_inner .site_contents {
        padding: 0;
        gap: 10px;
    }
    .main_news .news .desc .news_box {
        height: 400px;
        padding: 40px;
    }
    .main_news > div.news {
        margin-top: 40px;
    }
    .main_news .news .desc .news_box .news_desc {
        margin-top: 15px;
    }
    .main_news .news .desc .news_box .news_desc i {
        margin: 5px 0 20px 0;
        line-height: 1.4;
        overflow:hidden; 
        text-overflow:ellipsis; 
        /* white-space:nowrap; */
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .main_news .news .desc .news_box .thum {
        min-height: 170px;
        margin-right: 30px;
    }
    .main_news .news .desc .news_box .news_desc span {
        font-size: 2.2rem;
    }
    .main_news .news .desc .news_box .news_desc i {
        font-size: 1.8rem;
    }
    /* 사회적경제 */
    .main_social {
        background: none;
    }
    .main_social .main_inner .map {
        margin-bottom: 30px;
    }
    .main_social .main_inner .contents .item > a .item_title small {
        display: none;
    }
    .main_social .main_inner .map .map_title .more_btn {
        font-size: 2.1rem;
        padding-right: 60px;
    }
    .main_social .main_inner .map .map_title .more_btn:after {
        width: 45px;
        height: 45px;
        background-size: cover;
    }
    .main_social .main_inner .contents .bottom > a {
        height: 300px;
    }
    /* 유관기관 */
    .main_site {
        background: none;
    }
    .main_site .main_inner .site_contents {
        display: grid;
        grid-template-areas: '. . ';
        gap: 20px;
    }
    .main_site .main_inner .site_contents .item {
        padding: 15px 10px;
        border-radius: 80px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main_site .main_inner .site_contents .item:nth-of-type(2) img {
        margin-top: 0;
    }
    .main_site .main_inner .site_contents .item img {
        width: 60%;
    }
    

    /* 서브페이지 공통 */
    .banner_title {
        font-size: 4.0rem;
        line-height: 1.3;
    }
    img.pc_img {
        display: none;
    }
    img.m_img {
        display: block;
        width: 100%;
    }
    .w220_inner .inner, .w230_inner .inner {
        padding: 0 30px;
        padding-top: 40px;
    }
    .item_05.w234_item .inner .contents {
        flex-direction: column;
    }
    .item_02.w234_item .item_02_inner, .item_02.w234_item .item_02_inner .inner {
        padding: 0 30px;
    }
    .inner {
        width: 100%;
        padding: 30px;
    }
    .w230_menu.pc {
        display: none;
    }
    .w230_menu.m {
        display: block;
        margin-bottom: 0;
    }
    .w230_menu.m .w230_menu_inner {
        width: 100%;
        margin-top: 40px;
    }
    .w230_menu.m .w230_menu_inner > div {
        padding-bottom: 20px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 2px !important;
    }
    .swiper-scrollbar-drag {
        border: 0.5px solid #4C999A;
        background: #4C999A !important;
        border-radius: 5px;
    }
    .w230_menu.m .w230_menu_inner a {
        font-size: 2.2rem;
        font-weight: 500;
    }
    .w230_menu .w230_menu_inner a {
        padding: 15px 0;
        width: 100%;
        display: inline-block;
    }
    .type_inner {
        margin-top: 60px;
    }
    #bo_btn_top {
        margin-top: 50px;
    }
    .del_btn button {
        font-size: 1.6rem;
    }
    #bo_gall .gall_li {
        height: 570px;
    }
    .notice_inner #bo_gall .gall_li {
        height: 620px;
    }



    /* 문의 */
    .item_04 .contents .item>div div:nth-of-type(1) {
        flex: none;
        padding: 0 20px;
    }
    .item_04 .contents .item>div {
        height: 80px;
    }
    .item_04 .contents {
        flex-direction: column;
    }
    .w231_inner .item {
        padding: 60px 0;
    }
    
    /* 알림마당 */
    #bo_gall .gall_con {
        flex-direction: column;
    }
    .sch_inner .sch_btn {
        width: 40px;
        height: 40px;
    }


    /* 사회적경제_사회적경제 지원조직 */
    .banner_title {
        font-size: 3.2rem;
        margin-top: 0;
        /* text-align: center; */
        /* padding-top: 50px;  */
        line-height: 1.3;
    }
    .banner_title i {
        display: block;
    }
    .w230_map01, .w230_map02 .map_desc {
        flex-direction: column;
    }
    .w230_map02 .map_desc {
        width: 100%;
        background-size: contain;
        padding-top: 0;
    }
    .w230_map02 .map_desc .desc {
        height: auto;
        margin-top: 40px;
    }
    .map_img h5 {
        font-size: 2.4rem;
        font-weight: 500;
        margin-bottom: 30px;
    }
    .w230_map01 .map_desc {
        margin-top: 50px;
    }
    .w230_map01 .map_img .desc .info span {
        font-size: 1.4rem;
        margin-bottom: 7px;
        padding-left: 28px;
        margin-right: 25px;
    }
    .w230_map01 .map_img .desc .info_01 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(2):before, .w230_map01 .map_img .desc .info_02 span:nth-child(1):before, .w230_map01 .map_img .desc .info_02 span:nth-child(2):before, .w230_map01 .map_img .desc .info_03 span:nth-child(1):before {
        background-size: contain;
    }
    .w230_map01 .map_img .desc .info_02 span:nth-child(2):before {
        content:'';
        position: absolute;
        background: url('../img/asan/contents/w230_icon05.svg')no-repeat center left;
        background-size: contain;
        width: 25px;
        height: 15px;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .w230_map01 .map_img .desc .info_03 span:nth-child(2):before {
        content:'';
        position: absolute;
        background: url('../img/asan/contents/w230_icon01.svg')no-repeat center center;
        background-size: contain;
        width: 25px;
        height: 15px;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .w230_map01 .map_desc .detail_desc table thead tr td:last-child {
        width: 30%;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td {
        letter-spacing: -0.5px;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_01 {
        background: url('../img/asan/contents/w230_icon06.svg')no-repeat center center;
        background-size: 20%;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_02 {
        background: url('../img/asan/contents/w230_icon07.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_03 {
        background: url('../img/asan/contents/w230_icon08.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.icon_04 {
        background: url('../img/asan/contents/w230_icon09.svg')no-repeat center center;
    }
    .w230_map01 .map_desc .detail_desc table tbody tr td.color {
        padding-left: 10px;
    }
    .w230_map01 .map_desc .detail_desc table thead tr td:nth-child(2) {
        padding-left: 20px; 
    }
    .color:before {
        width:5px;
        height: 25px;
    }
    .w230_map01 {
        padding: 40px 0;
        padding-bottom: 90px;
    }
    .w230_map01 .map_desc .more_desc .box ul li {
        display: flex;
    }
    .w230_map01 .map_desc .more_desc .box ul li b {
        margin-right: 0;
        min-width: 80px;
    }
    .w230_map01 .map_img .map img {
        width: 100%;
    }
    .w230_map02 .map_img h5 u {
        display: block;
        padding-top: 40px;
    }
    .w230_map02 .map_img h5 u:after {
        width: 350px;
        background: url('../img/asan/contents/w230_title02.svg')no-repeat center center;
        background-size: contain;
    }
    .w230_inner .w230_map02 {
        position: relative;
    }
    .w230_map02 .map_desc {
        gap: 100px;
    }
    .w230_map02 .map_desc .desc .contents:nth-of-type(2) {
        margin-top: 30px;
    }
    .w230_map02 .map_desc .desc:after {
        background-size: contain;
    }
    .w230_map02 .map_desc .desc_02:after {
        background: url('../img/asan/contents/map_desc02.png')no-repeat center left;
        background-size: contain;
        bottom: 250px;
        width:350px;
        height: 70px;
    }
    .w230_map02 .map_desc .desc_03:after {
        background:url('../img/asan/contents/map_desc03.png')no-repeat center right;
        background-size: contain;
        height: 90px;
        width: 250px;
        left: 100%;
        top: -95px;
        transform: translatex(-100%);
    }
    .w230_map02 .map_desc .desc_02 img {
        border: 1px solid;
        display: none;
    }
    .w230_map02 .map_desc .desc_01:after {
        height: 50px;
        top: -60px;
        background: url('../img/asan/contents/map_desc01.png')no-repeat center right;
        background-size: contain;
        width: 300px;
    }

   

    /* 사회적경제_사회적경제 */
    /* 사회적기업 */
    .item_03 .contents .list {
        gap: 20px;
    }
    .w21_item .item_01 .desc > div img.t_img {
        display: block;
        padding: 0 100px;
    }
    .w221_item .inner img.t_img {
        display: block;
    }
    .item_03.w221_item .inner .contents img {
        padding-top: 50px;
    }
    
    /* 사회적경제_사회적경제조직 */
    /* 사회적협동조합 */
    .item_04.w223_item .inner table {
        width: auto;
    }

    /* 사회적경제_사회적경제조직 */
    /* 자활기업 */
    .item_04.w225_item {
        background: url('../img/asan/contents/w225_bg_m.png')no-repeat center right 180%;
        background-size: 150%;
    }
    .item_04.w225_item span.m_txt {
        display: block;
        font-size: 3.0rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        color: #249B9B;
        line-height: 1.2;
        margin-top: 80px;
    }
    .item_04.w225_item span.m_txt:after {
        content:'';
        position: absolute;
        width: 20%;
        height: 3px;
        background-color: #249B9B;
        bottom: -20px;
        left: 50%;
        transform: translatex(-50%);
    }
    .item_04.w225_item .inner img:nth-of-type(3) {
        padding-top: 40px;
    }
    .item_04.w225_item img {
        padding-top: 80px;
    }
    /* 사회적경제_사회적경제 지원조직 */
    /* 충남사회경제네트워크 */
    .item_02.w232_item .item_02_inner {
        background: #fff;
    }

    /* 사회적경제_사회적경제 지원조직 */
    /* 충남사회적경제성장지원센터 */
    .item_03.w233_item .item_03_inner .contents_03 .detail {
        display: grid;
        grid: '. . ';
    }
    .w233_item table tbody tr td.bx2, .item_02.w233_item .item_02_inner .inner, .item_03.w233_item .item_03_inner .contents_01 > div {
        flex-direction: column;
    }
    .item_02.w233_item .item_02_inner .inner {
        align-items: flex-start;
    }
    .item_02.w233_item .item_02_inner .inner .contents {
        width: 100%;
    }

    /* 사회적경제_사회적경제 지원조직 */
    /* 아산시사회적기업협의회 */
    .item_05.w234_item .inner .contents div img {
        width: 100%;
    }

    /* 사회적경제_사회적경제 지원조직 */
    /* 사회적협동조합 품 */
    .item_05.w235_item .contents .space .space_img.pc {
        flex-direction: column;
    }
    .category_inner ul.category02 {
        grid-template-columns: repeat(3, 1fr)
    }
    .category_inner ul li {
        word-break: keep-all;
        text-align: center;
    }
    #gall_ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .gall_row .col-gn-3 {
        width: 100%;
    }
    .social_info > div u {
        line-height: auto;
    }
    #bo_gall .gall_text_href a {
        line-height: 60px;
    }
    .category_inner ul.category01 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .w230_map01 {
        flex-direction: column;
    }

    /* 사회적경제_사회적경제 지원조직 */
    /* 사회적협동조합 온어스 */
    .item_05.w236_item .contents {
        gap: 20px;
    }
    .notice_ch_inner {
        flex-direction: column;
        gap: 30px;
    }

    /* 열린마당_사회적경제캘린더 */

    .m_img.t_img {
        display: none;
    }
    .notice_cal_tab:after, .notice_cal_tab:before {
        display: none;
    }
    .notice_cal_tab ul li {
        border-radius: 40px;
    }
    .category_tag ul li {
        position: relative;
        padding-left: 10px;
        margin-left: 8px;
    }
    .category_tag ul li span {
        color: transparent;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        top: 50%;
        left: 0;
        position: absolute;
        content:'';
        transform: translateY(-50%);
    }
    .cal_title {
        padding: 50px 0;
    }
    .notice_cal_tab {
        margin-top: 60px;
    }
    .cal_inner {
        padding: 0;
        padding-bottom: 120px;
    }
    .category_tag.notice {
        display: none;
    }
    .notice_bg .category_tag.notice ul li.cate_ch {
        display: inline-block;
    }
    .notice_bg {
        padding: 0;
        background: none;
    }
    #notice_detail {
        display: none;
    }
    .notice_bg .sch {
        padding: 15px;
        padding-right: 5px;
        border-radius: 85px;
    }
    .notice_bg .sch_inner .sch_btn {
        width: 80px;
        height: 80px;
    }
    .month_inner {
        background-color: #fff;
    }
    .date_sch .sch .sch_inner input[type="date"], input.sch_input {
        height: 60px;
    }


}


/* Laptop */
@media screen and (min-width : 1025px) and (max-width : 1395px) {

    body {
    }
}




/*반응형 font-size 설정*/
@media screen and (max-width: 768px){html{font-size:9.98px}}
@media screen and (max-width: 750px){html{font-size:9.98px}}
@media screen and (max-width: 740px){html{font-size:9.88px}}
@media screen and (max-width: 730px){html{font-size:9.77px}}
@media screen and (max-width: 720px){html{font-size:9.66px}}
@media screen and (max-width: 710px){html{font-size:9.55px}}
@media screen and (max-width: 700px){html{font-size:9.44px}}
@media screen and (max-width: 690px){html{font-size:9.33px}}
@media screen and (max-width: 680px){html{font-size:9.22px}}
@media screen and (max-width: 670px){html{font-size:9.11px}}
@media screen and (max-width: 660px){html{font-size:9px}}
@media screen and (max-width: 650px){html{font-size:8.88px}}
@media screen and (max-width: 640px){html{font-size:8.77px}}
@media screen and (max-width: 630px){html{font-size:8.66px}}
@media screen and (max-width: 620px){html{font-size:8.55px}}
@media screen and (max-width: 610px){html{font-size:8.44px}}
@media screen and (max-width: 600px){html{font-size:8.33px}}
@media screen and (max-width: 590px){html{font-size:8.22px}}
@media screen and (max-width: 580px){html{font-size:8.11px}}
@media screen and (max-width: 570px){html{font-size:8px}}
@media screen and (max-width: 560px){html{font-size:7.88px}}
@media screen and (max-width: 550px){html{font-size:7.77px}}
@media screen and (max-width: 540px){html{font-size:7.66px}}
@media screen and (max-width: 530px){html{font-size:7.55px}}
/*@media screen and (max-width: 520px){html{font-size:7.44px}}*/
/*@media screen and (max-width: 510px){html{font-size:7.33px}}*/
/*@media screen and (max-width: 500px){html{font-size:7.22px}}*/
/*@media screen and (max-width: 490px){html{font-size:7.11px}}*/
/*@media screen and (max-width: 480px){html{font-size:7px}}*/
/*@media screen and (max-width: 470px){html{font-size:14.98px}}*/
/*@media screen and (max-width: 460px){html{font-size:14.66px}}*/
/*@media screen and (max-width: 450px){html{font-size:14.34px}}*/
/*@media screen and (max-width: 440px){html{font-size:14.02px}}*/
/*@media screen and (max-width: 430px){html{font-size:13.71px}}*/
/*@media screen and (max-width: 420px){html{font-size:13.38px}}*/
/*@media screen and (max-width: 410px){html{font-size:13.07px}}*/
/*@media screen and (max-width: 400px){html{font-size:12.75px}}*/
/*@media screen and (max-width: 390px){html{font-size:12.43px}}*/
/*@media screen and (max-width: 380px){html{font-size:12.11px}}*/
/*@media screen and (max-width: 370px){html{font-size:11.79px}}*/
/*@media screen and (max-width: 360px){html{font-size:11.47px}}*/
/*@media screen and (max-width: 350px){html{font-size:11.16px}}*/
/*@media screen and (max-width: 340px){html{font-size:10.83px}}*/
/*@media screen and (max-width: 330px){html{font-size:10.52px}}*/
/*@media screen and (max-width: 320px){html{font-size:10.2px}}*/
/*반응형 font-size설정 끝*/