@media (min-width: 721px) {
    .header_mo {
        display: none !important;
    }

    .mo_side_panel{
        display: none !important;
    }

    .mo_login_header {
        display: none;
    }
    .no_index_header .m_visual_text {
        display: none;
    }
    .menu-box {
        display: none;
    }

    .content_area_mb {
        display: none;
    }
    .apply_mothod_area .theme2 {
        display: none;
    }

    .industry_area .theme2 {
        display: none;
    }

    .industry_read .theme2 {
        display: none;
    }

    .donate_area .theme2 {
        display: none;
    }

    .donate_table.pc_table {
        width: 100%;
        border-collapse: collapse;
    }
    
    .donate_table.mo_table {
        display: none;
        width: 100%;
        border-collapse: collapse;
    }

    .volunteer_area .theme2 {
        display: none;
    }

    .volunteer_form_area .theme2 {
        display: none;
    }

    .board_list_area .theme2 {
        display: none;
    }

    .pc_only { display: inline-block; }
    .mo_only { display: none; }

    .board_read_area .theme2 {
        display: none;
    }

    .board_form_area .theme2 {
        display: none;
    }

    .schudule_area .theme2 {
        display: none;
    }

    .shop_area .other_area {
        display: none;
    }

    .findjob_area .theme2 {
        display: none;
    }

    .index_area .all>.list>.item {
        display: none;
    }

    .volunteer_form_area .table_area_mo {
        display: none;
    }
}

@media (max-width: 720px) {

    /* 메인페이지 */
    .header {
        display: none !important;
    }

    .header_mo {
        display: flex;
        align-items: center;
        height: 56px;
        padding: 0 16px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    
    .header_mo.is-main {
        background-color: transparent;
    }
    
    .mo_logo {
        height: 26px;
    }
    
    .mo_menu_btn {
        position: absolute;
        right: 50px;    
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: 0;
        padding: 0;
    }

    .mo_menu_btn img {
        width: 28px;
        height: 28px;
    }

    .quick_menu {
        display: none;
    }

    .wrap {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .index_area .gallery_area {
        width: 100%;
        height: 100%;
        float: left
    }

    .index_area .banner {
        width: 100%;
        max-width: 100%;
        height: 400px; 
        margin: 0 auto;
    }
    
    .index_area .banner .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .index_area .cate_area {
        width: 100%;
        height: auto;
        float: none;
    }
    
    .index_area .cate_area .wrap {
        height: auto;
        position: relative;
        margin-top: 40px;
        padding: 10;
    }

    .index_area .cate_area .wrap .list {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
    }

    .index_area .cate_area .wrap .list>.item {
        width: 80px;
        float: none;
        margin-right: 0px;
        margin-top: 40px;
    }
    .index_area .cate_area .wrap .list>.item:last-child {
        margin-right: 0
    }
    .index_area .cate_area .wrap .list>.item>.circle {
        width: 80px;
        height: 80px;
        float: left
    }
    .index_area .cate_area .wrap .list>.item>.circle>img {
        width: 100%;
        height: auto;
        float: left
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_1 {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/main_bn_01.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_1:hover {
        width: 80px;
        height: 80px;
        background-image: url("../img/pc/agency_01.png"); 
        background-size: contain;   
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_2 {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/main_bn_02.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_2:hover {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/job_01.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_3 {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/main_bn_03.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_3:hover {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/busines_01.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_4 {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/main_bn_04.png")
    }
    .index_area .cate_area .wrap .list>.item>a>.circle_4:hover {
        width: 80px;
        height: 80px;
        float: left;
        background-size: cover;   
        background-image: url("../img/pc/product_01.png")
    }
    .index_area .cate_area .wrap .list>.item>.txt_arae>.txt {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        line-height: 25px
    }

    
    .index_area .board_arae {
        height: auto !important;  
    }

    .index_area .board_arae .wrap {
        display: block;
        margin-top: 40px;
    }

    .index_area .board_arae .wrap .video_area {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
        cursor: pointer;
        margin-bottom: 24px;
    }

    .index_area .board_arae .wrap .list_area {
        width: 100%;
        height: auto;
        float: none;
        margin-left: 0;
    }

    .video_area iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    .index_area .gs_area .wrap {
        margin-top: 60px;
    }

    .index_area .gs_area .wrap>.title {
        width: 100%;
        line-height: 1.4;
        font-size: 30px;
    }

    .index_area .gs_area .wrap>.segement_area>.list>.item {
        width: 73px;
        height: 43px;
        opacity: 1;
        border-radius: 37.5px;
    }

    .index_area .gs_area .wrap>.segement_area>.list>.item>.btn {
        display: block;
        width: 100%;
        height: auto;
        float: left;
        line-height: 37px;
        text-align: center;
        font-size: 18px;
        color: #0058a8;
        cursor: pointer
    }

    .index_area .gs_area .wrap>.gs_list_area>.list>.item>.img_area {
        width: 42vw;
        height: 42vw;
        float: left
    }
    
    .index_area .gs_area .wrap>.gs_list_area>.list>.item>.img_area>img {
        width: 100%;
        height: 100%;
        float: left;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .index_area .gs_area .wrap>.gs_list_area>.list>.item {
        width: 42vw;
        height: 60vw;
        float: left;
        margin-right: 20px
    }

    .index_area .gs_area {
        width: 100%;
        height: 750px;
        float: left
    }

    .index_area .board_calendar .wrap>.section {
        width: 100%;
        height: auto;
        float: left
    }

    .index_area .board_calendar .wrap>.section:last-child {
        float: right;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .index_area .board_calendar .wrap>.section>.board>.list {
        width: 100%;
        height: auto;
        float: left;
        padding-top: 25px;
        box-sizing: border-box;
        margin-bottom: 50px;
    }

    .index_area .board_calendar {
        width: 100%;
        height: auto;
        float: left;
        background-color: #f9f9f9
    }

    .index_area .gallery_area .wrap .gallery_list_area>.list>.item {
        width: 42vw;
        height: 75vw;
        float: left;
        margin-right: 20px;
        cursor: pointer
    }

    .index_area .gallery_area .wrap .gallery_list_area>.list>.item>.img_area {
        width: 100%;
        height: 42vw;
        float: left;
        background-color: #8e8e8e
    }

    
    footer {
        width: 100%;
        height: 240px;
        float: left;
        background-color: #464646
    }

    footer>.foot_wrap {
        width: 90%;
        height: auto;
        float: left;
        margin-top: 30px;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    footer>.foot_wrap>.fot_nav {
        width: 100%;
        min-height: 60px;
        float: left
    }

    .mo_side_panel {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        height: 100%;
        background: #fff;
        z-index: 2000;
        transition: 0.35s;
        overflow-y: auto;
    }

    .mo_side_panel.active {
        right: 0;
    }

    .mo_dim {
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.55);
        z-index: 1500;
        display: none;
    }
    .mo_dim.active {
        display: block;
    }

    .side_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 20px;
        background: #0071ce; 
    }

    .side_header .side_logo {
        height: 35px;
    }

    .side_close_btn {
        border: none;
        background: none;
        padding: 0;
    }

    .side_close_btn img {
        width: 26px;
    }

    .side_menu_list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .side_menu_list > li {
        border-bottom: 1px solid #eee;
    }

    .depth1 {
        width: 100%;
        text-align: left;
        padding: 18px 20px;
        font-size: 18px;
        background: #fff;
        border: none;
    }

    .depth2 {
        display: none;
        background: #f5f9ff;
    }

    .depth2 li a {
        display: block;
        padding: 12px 25px;
        font-size: 16px;
        color: #222;
    }

    .depth1 {
        position: relative;
        width: 100%;
        padding: 18px 20px;
        font-size: 18px;
        background: #fff;
        border: none;
        display: flex;
        justify-content: space-between; 
        align-items: center;
    }

    .depth1 .arrow {
        width: 20px;
        height: 20px;
        transition: 0.2s;
    }

    .has-child.open .depth1 .arrow {
        transform: rotate(180deg);
    }

    .side_contact {
        padding: 25px 20px 40px 20px;
        background: #fff;
        border-top: 1px solid #eee;
    }
    
    .side_contact .title {
        color: #777;
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .side_contact .phone {
        font-size: 18px;
        font-weight: 600;
        color: #333;
    }

    /* 로그인페이지 */
    .mo_login_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 16px;
    }

    .mo_header_logo {
        height: 40px;
    }

    .mo_header_close {
        font-size: 32px;
        background: none;
        border: none;
        cursor: pointer;
        line-height: 1;
    }

    /* 기관소개 */
    .intro_area > .no_index_header > .img_area {
        position: relative;          
        width: 100%;
        height: 0;                    
        padding-top: 65%;             
        float: none;
    
        background-image: url("../img/pc/top_bn_01.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
     .no_index_header .m_visual_text {
        position: absolute;          
        inset: 0;                    
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    
        padding-top: 30%; 
        text-align: center;
        color: #fff;
        z-index: 1;
    }
    
     .no_index_header .m_visual_text .m_theme {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 8px;
    }
    
     .no_index_header .m_visual_text .m_path {
        font-size: 12px;
    }
    
    .round_area {
        display: none;
    }

    .reatangle .other_area .flow_area {
        display: none !important;
    }

    .reatangle .other_area .theme {
        display: block;
        text-align: center;
        font-size: 24px;    
        margin: 0 0;
    }

    .reatangle .round_area {
        display: none !important;
    }

    .no_index_header>.reatangle {
        width: 1200px;
        height: auto;
        float: left;
        position: relative;   
        bottom: -36px;
        left: 70%;
        margin-top: 20px;  
        transform: translateX(-50%);
    }

    .content_area {
        width: 100%;
        height: auto;
        float: right
    }

    .intro_area .content_area .img_area {
        width: 100%;
        height: 210px;        
        overflow: hidden;    
    }
    
    .intro_area .content_area .img_area img {
        width: 150%;             
        max-width: 600px;       
        height: auto;           
        display: inline-block;
    }

    .intro_area {
        overflow-x: hidden;
    }

    .no_index_header + .wrap {
        padding: 0 !important;
    }

    .no_index_header {
        width: 100%;
        height: 310px;
        float: left;
        background-color: #fff;
        position: relative;
    }

    .intro_area .content_area .desc_area {
        width: calc(100% - 20px); 
        margin: 0 10px;
    }

    /* 기관소개 - 운영목표 */
    .goal_area > .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .menu-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 85%;        
        max-width: 640px;  
        margin: 0 auto;    
        background: #fff;
        border: 1px solid #DDDDDD;
    }

    .menu-box .item {
        border-bottom: 1px solid #DDDDDD; 
        border-right: 1px solid #DDDDDD;
        padding: 18px 0;    
        text-align: center;
        font-size: 16px;
        color: #aaa;
    }

    .menu-box .item.on {
        background: #0067b3;
        color: #fff;
        font-weight: bold;
    }

    .menu-box .item.on a {
        color: #fff !important;
    }
    
    .menu-box .item:nth-child(2),
    .menu-box .item:nth-child(4) { border-right: none; }
    
    .menu-box .item:nth-child(3),
    .menu-box .item:nth-child(4) { 
        /* border-bottom: none;  */
    }

    .goal_area .no_index_header .center{
        display :none !important;
    }

    .goal_area .no_index_header .reatangle{
        display :none !important;
    }

    .goal_area .wrap {
        display :none !important;
    }

    .goal_area .txt {
        text-align: center;
        font-size: 35px;
    }

    .goal_area .chart_area {
        margin-top: 60px;
        width: 100%;
        display: flex;
        justify-content: center; 
    }

    .goal_area .chart_area img {
        width: 90%;
        max-width: 360px;
    }

    .banner_list .wrap {
        width: 1200px;
        height: 100%;
        float: left;
        margin-left: 0;
    }

    .banner_list .wrap .cent_box .owl-carousel {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner_list .wrap .cent_box .owl-carousel .item img {
        width: 100%;
        height: auto;
        display: block;
    }

    .goal_area .content_area_mb {
        margin-top: 70px
    }

    /* 기관소개 - 기관연혁 */

    .history_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    
    .history_area .no_index_header .center{
        display :none !important;
    }

    .history_area .no_index_header .reatangle{
        display :none !important;
    }

    .history_area .wrap {
        display :none !important;
    }

    .history_area .txt {
        text-align: center;
        font-size: 35px;
    }
    
    .history_area .chart_area {
        margin-top: 60px;
        width: 100%;
        display: flex;
        justify-content: center; 
    }

    .history_area .chart_area img {
        width: 90%;
        max-width: 360px;
    }

    .content_area_mb {
        margin-top: 70px;
        margin-bottom: 50px;
    }

    /* 기관소개 - 직원 조직도 및 현황 */
    .employee_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
        
    .employee_area .no_index_header .center{
        display :none !important;
    }

    .employee_area .no_index_header .reatangle{
        display :none !important;
    }

    .employee_area .wrap {
        display :none !important;
    }

    .employee_area .txt {
        text-align: center;
        font-size: 35px;
    }
    
    .employee_area .chart_area {
        margin-top: 60px;
        width: 100%;
        display: flex;
        justify-content: center; 
    }

    .employee_area .chart_area img {
        width: 90%;
        max-width: 360px;
    }

    /* 기관소개 - 시설현황 */
    .facilty_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .facilty_area .no_index_header .center{
        display :none !important;
    }

    .facilty_area .no_index_header .reatangle{
        display :none !important;
    }

    .facilty_area .content_area .theme_tit>.txt {
        text-align: center;
        font-size: 35px;
        font-weight: bold;
    }

    .facilty_area .content_area .table_area > .inner {
        display: flex;
        flex-direction: column-reverse; 
    }

    .facilty_area .content_area .table_area>.inner>.img_area {
        width: 90%;       
        height: 200px;     
        float: none;      
        background-size: cover;
        background-position: center;
        margin-bottom: 20px;
    }

    .facilty_area .content_area .table_area>.inner>.table {
        float: none;
        width: 90%;
        height: auto;
    }

    .facilty_area .content_area .table_area>.inner>.table table>tbody>tr>.col1>p {
        width: 90%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
    }

    .facilty_area .content_area .table_area>.inner>.table table>tbody>tr>.col2>p {
        width: 100%;
        height: auto;
        float: left;
        padding-left: 0px;
        font-size: 16px;
        color: #777;
    }
    
    .facilty_area .content_area .table_area {
        width: 100%;
        height: 100%;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .facilty_area .content_area .list_area {
        width: 100%;
        height: auto;
        margin-top: 50px;
        float: left;
        padding-left: 0px;
        box-sizing: border-box;
    }

    .facilty_area .content_area .list_area>.list>.item {
        width: 170px;
        height: 160px;
        float: left;
        margin-right: 10px;
        margin-bottom: 30px;
    }

    .facilty_area .content_area .list_area>.list>.item>.img_area {
        width: 100%;
        height: 130px;
        float: left;
        background-color: bisque;
    }

    .facilty_area .content_area .list_area>.list>.item:nth-child(3n) { 
        margin-right: 10px;
    }

    .facilty_area .content_area .list_area>.list>.item:nth-child(2n) { 
        margin-right: 0;
    }

    /* 법인소개 - 설립목적 */

    .establish_goal_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .establish_goal_area .no_index_header .center{
        display :none !important;
    }

    .establish_goal_area .no_index_header .reatangle{
        display :none !important;
    }

    .establish_goal_area .wrap{
        display :none !important;
    }

    .establish_goal_area .chart_area {
        margin-top: 60px;
        width: 100%;
        display: flex;
        justify-content: center; 
    }

    .establish_goal_area .chart_area img {
        width: 90%;
        max-width: 360px;
    }

    .establish_goal_area .txt {
        text-align: center;
        font-size: 35px;
    }

    /* 법인소개 - 법인현황 */

    .corporation_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    
    .corporation_area .no_index_header .center{
        display :none !important;
    }

    .corporation_area .no_index_header .reatangle{
        display :none !important;
    }

    .corporation_area .txt {
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .corporation_area .content_area .table_area>.inner>.table table>tbody>tr>.col2>p {
        width: 100%;
        height: auto;
        float: left;
        padding-left: 0px;
        font-size: 16px;
        color: #777;
    }

    .corporation_area .content_area .table_area {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 0px;
        box-sizing: border-box;
    }

    .corporation_area .content_area {
        margin-top: 70px
    }

    /* 법인소개 - 법인연혁 */

    .law_history_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .law_history_area .no_index_header .center{
        display :none !important;
    }

    .law_history_area .no_index_header .reatangle{
        display :none !important;
    }

    .law_history_area .txt {
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .law_history_area .content_area .graph_area {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 50px;
        margin-bottom: 120px;
        padding-left: 0px;
        box-sizing: border-box;
    }

    /* 법인소개 - 법인조직도 */

    .law_employee_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .law_employee_area .no_index_header .center{
        display :none !important;
    }

    .law_employee_area .no_index_header .reatangle{
        display :none !important;
    }

    .law_employee_area .wrap{
        display :none !important;
    }

    .law_employee_area .chart_area {
        margin-top: 60px;
        width: 100%;
        display: flex;
        justify-content: center; 
        margin-bottom: 50px;
    }

    .law_employee_area .chart_area img {
        margin-top: 60px;
        width: 90%;
        max-width: 360px;
    }

    .law_employee_area .txt {
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .law_employee_area

    /* 기관소개 - 오시는 길 */

    .direction_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_01.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .direction_area .content_area>.inner_area {
        width: 90%;
        height: auto;
        float: left;
        margin-top: 50px;
        margin-bottom: 120px;
        margin-left: 20px;
    }

    .direction_area .content_area>.inner_area>.map_area {
        width: 100%;
        height: 310px;
        float: left
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.taransport_area>.icon {
        margin-left: 10px;
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list>.item {
        /* width: 110px;
        height: 65px; */
        width: 29vw;
        height: 15vw;
        float: left;
        border-radius: 32.5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin-right: 5px
    } 

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area {
        width: 100%;
        height: 65px;
        float: left;
        margin-top: 80px;
        padding-left: 0px;
        box-sizing: border-box
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list>.item:last-child {
        margin-right: 0;
        background-color: #0058a8;
        width: 100%;
        margin-top: 10px;
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list>.item:nth-last-child(2) {
        margin-right: 0;
    }


    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list.quarter>.item {
        width: 21vw
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list.quarter>.item:last-child {
        margin-right: 0;
        background-color: #0058a8;
        width: 100%;
        margin-top: 10px;
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.mehtod_area>.inner>.list.quarter>.item:nth-last-child(2) {
        margin-right: 0;
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.location_area>.txt {
        width: auto;
        height: auto;
        float: left;
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #0058a8;
        margin-left: 10px
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area>.inner>.location_area>.addr {
        width: auto;
        height: auto;
        float: left;
        line-height: 20px;
        font-size: 17px;
        color: #777;
        margin-left: 35px
    }

    .direction_area .content_area>.inner_area>.side_area>.inner_area {
        width: 100%;
        height: auto;
        float: left;
        padding-top: 60px;
        padding-bottom: 50px;
        box-sizing: border-box
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.taransport_area.subway {
        margin-top: 80px
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.location_area>.caution {
        width: auto;
        height: auto;
        float: right;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        line-height: 40px;
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.location_area>.addr {
        width: auto;
        height: auto;
        float: left;
        line-height: 40px;
        font-size: 13px;
        color: #777;
        margin-left: 15px;
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.taransport_area>.way {
        width: auto;
        height: 100%;
        float: left;
        margin-left: 10px;
    }

    .direction_area .content_area>.inner_area>.where_area>.inner_area>.inner>.taransport_area>.way>.inner>p {
        width: 50vw;
        height: auto;
        float: left;
        font-size: 13px;
        color: #999
    }

    /* 사업안내 - 신청방법 */

    .apply_mothod_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .apply_mothod_area .no_index_header .center{
        display :none !important;
    }

    .apply_mothod_area .no_index_header .reatangle{
        display :none !important;
    }

    .apply_mothod_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .apply_mothod_area .txt {
        text-align: center;
    }

    .apply_mothod_area .content_area .table_area>.inner>.table table>tbody>tr>.col2>p {
        width: 100%;
        height: auto;
        float: left;
        padding-left: 0px;
        font-size: 16px;
        color: #777
    }

    .apply_mothod_area .content_area .table_area>.inner>.table table>tbody>tr>.col1>p {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500
    }
    .apply_mothod_area .content_area .table_area>.inner>.table table>tbody>tr>.col1 {
        width: 30%; /* 원하는 값 */
    }

    .apply_mothod_area .content_area .table_area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .apply_mothod_area .content_area {
        margin-top: 70px;
    }

    /* 사업안내 - 일자리찾기 */

    .findjob_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    
    .findjob_area .no_index_header .center{
        display :none !important;
    }

    .findjob_area .no_index_header .reatangle{
        display :none !important;
    }

    .tit_img_area img {
        content: url("../img/mb/findjob.png");
    }

    .findjob_area .content_area>.inner_area>.table_sub_arae1>.table table>tbody>tr>.col1 {
        width: 25%;
    }

    .findjob_area .content_area>.inner_area>.table_sub_arae2>.table table>tbody>tr>.col1 {
        width: 25%;
    }

    .findjob_area .content_area>.inner_area>.table_sub_arae1>.table table>tbody>tr>.col2>p {
        padding-left: 20px;
    }

    .findjob_area .content_area>.inner_area>.table_sub_arae2>.table table>tbody>tr>.col2>p {
        padding-left: 20px;
    }

    .findjob_area .content_area>.inner_area>.table_select_area .table_area tbody tr .col2>.box_area {
        padding-right: 10px;
    }

    .findjob_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .findjob_area .content_area>.inner_area .table_select_area {
        padding: 0 16px;
        box-sizing: border-box;
    }

    .findjob_area .content_area>.inner_area .table_list_area {
        padding: 0 16px;
        box-sizing: border-box;
    }

    .findjob_area .content_area>.inner_area>.table_select_area .table_area colgroup .col1 {
        width: 100px;
    }


    /* 사업안내 - 노인공익활동사업 */

    .industry_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .industry_area .no_index_header .center{
        display :none !important;
    }

    .industry_area .no_index_header .reatangle{
        display :none !important;
    }

    .industry_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .industry_area .wrap {
        margin-top: 150px;
    }

    .industry_area .content_area>.inner_area {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 120px;
        margin-left: 10px;
    }

    .industry_area .content_area>.inner_area>.list_area>.list>.item {
        width: 180px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-bottom: 60px;
        cursor: pointer;
    }

    .industry_area .content_area>.inner_area>.list_area>.list>.item>.img_area {
        width: 100%;
        height: 150px;
        float: left;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #ccc;
    }

    .industry_area .content_area>.inner_area>.list_area>.list>.item:nth-child(3n) {
        margin-right: 10px;
    }

    /* 사업안내 - 게시글 읽기 공통 */

    .industry_read .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .industry_read .no_index_header .center{
        display :none !important;
    }

    .industry_read .no_index_header .reatangle{
        display :none !important;
    }

    .industry_read .content_area .table_area>.inner>.table table>tbody>tr>.col1 {
        background-color: #f9f9f9;
        width: 30%;
    }

    .industry_read .content_area .table_area>.inner>.table table>tbody>tr>.col2>.tit {
        width: 85%;
        height: auto;
        float: left;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 16px;
    }

    .industry_read .content_area .table_area>.inner>.table table>tbody>tr>.col2>p {
        width: 100%;
        height: auto;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        color: #777;
        box-sizing: border-box;
    }

    .industry_read .content_area .theme_sub_tit {
        width: 80%;
        margin: 25px auto 0;
        float: none;
        text-align: center;
    }

    .industry_read .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .industry_read .content_area .table_area {
        padding: 0 16px;
        box-sizing: border-box;
    }

    /* 생산품 */

    .shop_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .shop_area .no_index_header>.reatangle>.other_area {
        width: 280px;
        height: auto;
        box-sizing: border-box;
        float: right;
        position: relative;
        display: flex;
    }

    .shop_area .no_index_header .center{
        display :none !important;
    }

    .shop_area .no_index_header>.reatangle {
        width: 280px;
        height: auto;
        float: left;
        position: relative;
        bottom: -36px;
        left: 70%;
        margin-top: 20px;
        transform: translateX(-50%);
    }

    .shop_area .no_index_header .reatangle{
        display :none !important;
    }

    .shop_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .shop_area .segment_area {
        width: 100%;
        float: none;                  
        display: flex;                
        overflow-x: auto;            
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; 
        scrollbar-width: none;       
    }

    .shop_area .segment_area::-webkit-scrollbar {
        display: none;
    }

    .shop_area .segment_area > li {
        flex: 0 0 auto;               
        margin-right: 10px;
        height: 100%;
        float: none;                  
    }

    .shop_area .content_area>.inner_area>.list_area {
        margin-left: 10px;
        margin-top: 20px;
    }

    .shop_area .content_area>.inner_area>.list_area>.list>.item:nth-child(3n) {
        margin-right: 10px;
    }

    .shop_area .content_area>.inner_area>.list_area>.list>.item {
        position: relative;
        width: 42vw;
        height: 60vw;
        float: left;
        margin-right: 10px;
        margin-bottom: 30px;
        overflow: hidden;
    }

     .shop_area .content_area>.inner_area>.list_area>.list>.item>.img_area {
        width: 100%;
        height: 42vw;
        float: left;
        background-color: wheat;
    }

    .shop_area .content_area>.inner_area>.list_area>.list>.item>.img_area>img {
        width: 42vw;
        height: 42vw;
        object-fit: fill;
    } 

    .shop_area .content_area>.inner_area>.list_area>.list>.item>.ho_area .ho_div {
        display: none;
        text-align: center;
        padding: 5px 5px 5px;
    }

    /* 참여마당 */
    
    .donate_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .donate_area .content_area .img_area > img:first-child {
        content: url("../img/mb/donate.png");
    }

    .donate_area .content_area>.inner_area>.img_area>.btn_area {
        width: 120px;
        height: 35px;
        bottom: 35px;
        left: 30px;
        border-radius: 20px;
    }

    .donate_area .no_index_header .center{
        display :none !important;
    }

    .donate_area .no_index_header .reatangle{
        display :none !important;
    }

    .donate_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .donate_area .content_area>.inner_area>.box>.tit_area>.kind_area>.list>.item {
        width: 100%;
        height: 110px;
        float: left;
        margin-bottom: 20px;
    }

    .donate_area .content_area>.inner_area>.box>.tit_area>.kind_area>.list>.item>.circle {
        width: 350px;
        height: 50px;
        float: none;         
        margin: 0 auto;     
        border-radius: 46.5px;
        display: block;
        text-align: center;
    }

    .donate_area .content_area>.inner_area>.box>.tit_area>.kind_area>.list>.item::after {
        content: "";
        display: block;
        clear: both;
    }
 
    .donate_area .content_area>.inner_area>.box>.tit_area>.kind_area>.list>.item>.box_area {
        width: 100%;
        height: auto;
        float: none;
        top: auto;
        transform: none;
        margin: 20px 0px 0px;
        padding: 12px 16px;
        box-sizing: border-box;
        border: none;
        text-align: center;
    } 


     .donate_area .content_area>.inner_area>.box>.tit_area>.kind_area>.list>.item>.circle {
        float: none;
        margin: 0 auto 8px;
    } 

    .donate_area .content_area>.inner_area>.box>.tit_area>.table_area {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 30px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .donate_area .content_area>.inner_area>.box>.tit_area>.txt {
        width: 100%;
        text-align: center;
        font-size: 25px;
        font-weight: 500;
        float: none;
    }
    
    /* 참여마당 - 후원하기 */

    .donate_form_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .donate_form_area .no_index_header .center{
        display :none !important;
    }

    .donate_form_area .no_index_header .reatangle{
        display :none !important;
    }

    .donate_form_area .content_area .img_area > img:first-child {
        content: url("../img/mb/donate.png");
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr { 
        height: 70px; border-bottom: 1px 
        solid #ccc; 
        box-sizing: border-box; 
        vertical-align: middle; 
    }

    .donate_table.pc_table {
        display: none;
    }

    .donate_table.mo_table {
        display: table;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col1 {
        background-color: #f9f9f9;
        width: 100px;
        min-width: 100px;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2 {
        padding: 12.5px 0px;
        box-sizing: border-box;
        width: 90px;
        min-width: 90px;
        text-align: center;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2>.input_area>.input {
        width: 40%;
        height: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2>.input_area>.input_three {
        width: 50px;
        height: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2>.input_area>.kind_select {
        width: 150px;
        height: 45px;
        float: left;
        box-sizing: border-box
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col3 {
        background-color: #f9f9f9;
        width: 100px;
        min-width: 100px;
        height: 150px;
    }


    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col3>.txt {
        width: 80%;
        height: auto;
        float: left;
        text-align: center;
        line-height: 70px;
        font-size: 16px;
        font-weight: 500;
    }


    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2>.input_area>.price_area {
        width: 110px;
        height: 45px;
        float: left;

    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col1>.txt {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        line-height: 70px;
        font-size: 16px;
        font-weight: 500;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2>.input_area>.radio_check>.item>.label {
        width: auto;
        height: 16px;
        float: none;
        line-height: 16px;
        font-size: 16px;
        color: #777;
    }

    .donate_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col3>.txt {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        line-height: 70px;
        font-size: 16px;
        font-weight: 500;
    }

    .donate_form_area .table_area {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .donate_form_area .tit_area .txt {
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    /* 참여안내 - 자원봉사 */

    .volunteer_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
    .volunteer_area .no_index_header .center{
        display :none !important;
    }

    .volunteer_area .no_index_header .reatangle{
        display :none !important;
    }

    .volunteer_area .content_area .img_area > img:first-child {
        content: url("../img/mb/volunteer.png");
    }

    .volunteer_area .content_area>.inner_area>.img_area>.btn_area {
        width: 180px;
        height: 40px;
        float: left;
        position: absolute;
        bottom: 30px;
        left: 25px;
        border-radius: 20px;
        background-color: #fff;
        cursor: pointer;
    }

    .volunteer_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .volunteer_area .table_area {
        padding: 0 15px;
    }

    
    .volunteer_area .content_area .flow_area > img {
        content: url("../img/mb/voluteer_process.png");
    }

    .volunteer_area .content_area>.inner_area>.box>.tit_area>.txt {
        width: 100%;
        text-align: center;
    }

    .volunteer_area .content_area>.inner_area>.box>.tit_area>.table_area {
        width: 90%;
        height: auto;
        float: left;
        margin-top: 30px;
    }

    .volunteer_area .content_area>.inner_area>.box>.tit_area>.flow_area > img {
        width: 90%;          
        max-width: 500px;   
        display: block;
        margin: 0 auto; 
        float: none;
    }

    /* 자원봉사 - 신청서 작성 */

    .volunteer_form_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area table tbody tr>.col2 {
        padding: 0px 0px;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area .img_area > img {
        content: url("../img/mb/volunteer.png");
    }

    .volunteer_form_area .no_index_header .center{
        display :none !important;
    }

    .volunteer_form_area .no_index_header .reatangle{
        display :none !important;
    }

    .volunteer_form_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.tit_area>.txt {
        width: 100%;
        text-align: center;
    }
/* 
    .volunteer_form_area .content_area>.inner_area>.box>.tit_area>.table_area {
        width: 90%;
        height: auto;
        float: left;
        margin-top: 30px;
    } */


    /* 참여안내 - 소통게시판 */

    .board_list_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .board_list_area .no_index_header .center{
        display :none !important;
    }

    .board_list_area .no_index_header .reatangle{
        display :none !important;
    }

    .board_list_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    /* 참여마당 - 소통게시판 */

    .board_list_area .content_area>.inner_area>.form_arae>.input_area>.select {
        width: 100%;
        height: 100%;
        float: left;
        box-sizing: border-box;
        border: none;
        margin-bottom: 10px;
    }

    .board_list_area .content_area>.inner_area>.form_arae>.btn {
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }

    .pc_only { display: none; }
    .mo_only {
        display: inline-block;
        margin-top: 10px;
        float: right;
    }

    .board_list_area .content_area>.inner_area>.form_arae>.input_area>.input {
        width: 270px;
        height: 100%;
        float: left;
        padding: 0 0px;
        box-sizing: border-box;
    }

    .board_list_area thead tr td:nth-child(3),
    .board_list_area thead tr td:nth-child(4),
    .board_list_area thead tr td:nth-child(5),

    .board_list_area tbody tr td:nth-child(3),
    .board_list_area tbody tr td:nth-child(4),
    .board_list_area tbody tr td:nth-child(5) {
        display: none !important;
    }

    .board_list_area .content_area > .inner_area {
        padding: 0 16px;   
        box-sizing: border-box;
    }

    .board_list_area .content_area>.inner_area>.table_area table thead tr td:nth-child(1) p {
        min-width: 40px;   
        display: inline-block;
    }

    .board_list_area .tit_area .txt {
        display: inline-block;
        /* max-width: calc(100% - 60px);   */
        max-width: 280px;  
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .board_list_area .content_area>.inner_area>.table_area table tbody tr td.tit_area .txt {
        width: 340px;
    }

    /* 참여안내 - 소통게시판 - 게시글 읽기 */

    .board_read_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .board_read_area .no_index_header .center{
        display :none !important;
    }

    .board_read_area .no_index_header .reatangle{
        display :none !important;
    }

    .board_read_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .board_read_area .content_area>.inner_area {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 120px;
    
        padding: 0 20px;   
        box-sizing: border-box;
    }

    .board_read_area .content_area>.inner_area>.tit_area {
        padding-left: 0px;
    }

    .board_read_area .content_area>.inner_area>.desc_area {
        padding-left: 0px;
    }

    /* 참여안내 - 게시판 글쓰기 */

    .board_form_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_04.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
    .board_form_area .no_index_header .center{
        display :none !important;
    }

    .board_form_area .no_index_header .reatangle{
        display :none !important;
    }

    .board_form_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    .board_form_area .content_area>.inner_area {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 120px;
    
        padding: 0 10px;   
        box-sizing: border-box;
    }

    .board_form_area .content_area>.inner_area>.box>.table_file_area .table_area table tbody tr>.col1 {
        width: 80px;      
        min-width: 80px;  
        box-sizing: border-box;
    }

    .board_form_area .content_area>.inner_area>.box>.table_file_area .table_area table tbody tr>.col2 {
        padding: 8px 10px;
        box-sizing: border-box;
    }

    .board_list_area>.no_index_header>.img_area.employ {
        background-image: url(../img/pc/top_bn_05.png);
    }

    .board_read_area>.no_index_header>.img_area.employ {
        background-image: url(../img/pc/top_bn_05.png);
    }

    /* 시니어갤러리 */

    .gallery_list_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_05.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .gallery_list_area .no_index_header .center{
        display :none !important;
    }

    .gallery_list_area .no_index_header .reatangle{
        display :none !important;
    }

    .gallery_list_area .content_area>.inner_area>.form_arae>.input_area>.select {
        width: 100%;
        margin-left: 0px;
    }

    .gallery_list_area .content_area>.inner_area>.form_arae>.input_area {
        width: 310px;
        height: 50px;
        float: left;
        border: 1px solid #efefef;
        box-sizing: border-box;
        margin-left: 25px;
    }

    .gallery_list_area .content_area>.inner_area>.form_arae>.btn {
        float: right;
    }

    .gallery_list_area .content_area>.inner_area>.form_arae>.input_area>.input {
        width: 270px;
        height: 100%;
        float: left;
        padding: 0 0px;
        box-sizing: border-box;
    }

    .gallery_list_area .content_area>.inner_area .list_area>.list>.item {
        width: 173px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-bottom: 35px;
        cursor: pointer;
    }

    .gallery_list_area .content_area>.inner_area .list_area>.list>.item:nth-child(3n) {
        margin-right: 10px;
    }

    .gallery_list_area .content_area>.inner_area .list_area>.list>.item:nth-child(2n) {
        margin-right: 0px;
    }

    .gallery_list_area .content_area>.inner_area .list_area>.list>.item>.thumb_area {
        height: 140px;
    }


    /* 기관소개 - 일정안내 */

    .schudule_area .no_index_header > .img_area {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 65%;
        float: none;
        background-image: url(../img/pc/top_bn_05.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .schudule_area .no_index_header .center{
        display :none !important;
    }

    .schudule_area .no_index_header .reatangle{
        display :none !important;
    }

    .schudule_area .theme2 {
        margin-top: 50px;
        text-align: center;
        font-size: 35px !important;
        font-weight: bold !important;
    }

    /* 문서공개 */

    .board_list_area>.no_index_header>.img_area.document,
    .board_list_area>.no_index_header>.img_area.safety {
        background-image: url(../img/pc/top_bn_05.png);
    }

    .board_list_area .content_area>.inner_area>.form_arae>.input_area {
        width: 300px;
        height: 50px;
        float: left;
        border: 1px solid #efefef;
        box-sizing: border-box;
        margin-left: 15px;
    }

    .board_list_area .content_area>.inner_area>.table_area table thead tr td:nth-child(2) p {
        min-width: 40px;
        display: inline-block;
    }

    /* 팝업 */
    
    .pop_inner {
        position: fixed;
        top: 45% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 9999;
    
        width: 350px;
        height: 500px;
        padding: 0;
        background: #fff;
        border-radius: 10px;
      }
    
      .pop_inner .pop_area {
        width: auto !important;
        height: auto !important;
        padding: 0;
      }
    
      .pop_inner .pop_area img {
        display: block;
    
        max-width: 350px;   
        max-height: 500px;  
        width: auto;
        height: auto;
      }
    
      .pop_inner .bot_area {
        width: 100%;
        text-align: center;
        background: #f1f1f1;
      }

      .layer_popup .pop_inner {
        width: 350px;
        height: auto;
        float: left;
        position: absolute;
        z-index: 9;
    }

    .list > a {
        display: none
    }

    .index_area .all>.list>.item {
        width: 100px;
        height: 45px;
        float: left;
        border: 1px solid #0058a8;
        box-sizing: border-box;
        border-radius: 25px;
        margin-right: 10px;
        margin-left: 150px;
        margin-top: 30px;
        background-color: #0058a8;
    }

    .index_area .all .list .item .btn {
        display: block;
        width: 100%;
        height: auto;
        float: left;
        line-height: 37px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
    }

    .index_area .gs_area .wrap>.gs_list_area>.list>.item:nth-of-type(2n) { 
        margin-right: 0;
    }

    .all {
        margin-top: 50px;
    }

    .index_area .board_arae .wrap .list_area>.list>.item {
        height: 35px;
    }

    .index_area .board_calendar .wrap>.section>.board>.list>.item {
        height: 35px;
    }

    footer>.foot_wrap>.fot_nav>.address_area>.address>.txt>p
    {
        height: auto !important;
        line-height: 25px;
    }

    .index_area .gallery_area .wrap .gallery_list_area>.list>.item:nth-child(2n) {
        margin-right: 0;
    }
    
    .index_area .gallery_area .wrap .gallery_list_area>.list>.item>.txt_area {
        line-height: 20px;
    }

    .index_area .gs_area .wrap>.segement_area>.list {
        float: none;
    }

    .donate_area .content_area>.inner_area>.box>.tit_area>.table_area table>tbody>tr>.col2>p {
        padding-left: 0px;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area table {
        display: none;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table colgroup .col1 {
        width: 350px;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table colgroup .col2 {
        width: 400px; 
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table {
        width: 100%;
        height: auto;
        float: left;
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr {
        height: 70px;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col1>.txt {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        line-height: 70px;
        font-size: 16px;
        font-weight: 500;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2 {
        padding: 12.5px 20px;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area {
        width: 100%;
        height: 45px;
        float: left;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input {
        width: 100%;
        height: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input input {
        width: 100%;
        height: 100%;
        float: left;
        border: none;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input_three {
        width: calc((100% - 40px) / 3);
        height: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input_three input {
        width: 100%;
        height: 100%;
        float: left;
        border: none;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.hypen>.txt {
        width: 100%;
        height: auto;
        float: left;
        line-height: 45px;
        text-align: center;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area
    .table_area_mo table tbody tr>.col2>.input_area>.hypen {
        float: left;
        width: 15px;        /* 적당한 값 */
        height: 100%;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo {
        padding: 0 16px;
        box-sizing: border-box;
    } 

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area {
        width: 100%;
        height: 45px;
        float: left;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input {
        width: 100%;
        height: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.input_area>.input>.select {
        width: 100%;
        height: 100%;
        float: left;
        border: none;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.text_area {
        height: auto;
    }

    .volunteer_form_area .content_area>.inner_area>.box>.table_form_area .table_area_mo table tbody tr>.col2>.text_area>.txt_area {
        width: 100%;
        height: 115px;
        float: left;
        resize: none;
        border: 1px solid #ebebeb;
        padding: 10px;
        box-sizing: border-box;
    }

    .board_list_area .content_area>.inner_area>.form_arae {
        width: 100%;
        height: 200px;
        float: left;
        padding: 45px 0;
        box-sizing: border-box;
        background: #F9F9F9;
    }

}