@media all and (max-width: 1300px){
    .menus{display:none;}
    .all_menu{display:none;}

    header {padding:10px;height:70px;position: relative;-webkit-box-shadow:  0 2px 5px rgba(0,0,0,.5);-moz-box-shadow:  0 2px 5px rgba(0,0,0,.5);box-shadow:  0 2px 5px rgba(0,0,0,.5);}
    header#main_hd {padding: 0 15px;}
    header .width-fixed{padding:0;height:100%;}
    header .logo{width:220px;position: absolute;top:50%;left:10px;transform: translate(0%,-50%);margin:0;}

    header .sns {display: none;}
    header .sns.m_mode {display:block !important;}
    header .mobile_btn {display:block;width:40px;height:40px;cursor: pointer;position: absolute;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;top:50%;right:15px;transform:translateY(-50%);z-index: 200;}
    header .mobile_btn span{display:block;width:100%;height:4px;background:#000;border-radius: 20px 20px;position: absolute;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

    header .mobile_btn span:first-child {top:10%;transform: translate(0% , 0%)}
    header .mobile_btn span:nth-child(2) {top:50%;transform: translate(0% , -50%)}
    header .mobile_btn span:last-child {top:90%;transform: translate(0% , -100%)}


    header .mobile_btn.active{right:initial;z-index: 91;}
    header .mobile_btn.active span:first-child{background:#fff;top: 50%;transform: translate(0%, -50%) rotate(45deg);}
    header .mobile_btn.active span:nth-child(2){opacity: 0;}
    header .mobile_btn.active span:last-child{background:#fff;top: 50%;transform: translate(0%, -50%) rotate(-45deg);}

    header .search_btn{display:block;width:50px;height:50px;position: absolute;right:0;cursor: pointer;}

    header .mobile_menu{width:100%;display:block;background:rgba(0,0,0,0.3);position: fixed;right:-100%;height:100vh;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;z-index:90;}
    header .mobile_menu.active{right:0;}
    header .mobile_menu > div {width:calc(100% - 70px);background: #fff;height:100%;position:absolute;right:0;}
    header .mobile_menu > div ul.top li{font-size:1.6em;border-bottom:1px solid #ddd;position: relative}
    header .mobile_menu > div ul.in_m li {font-size:1em;padding:15px;}
    header .mobile_menu > div ul.in_m li:last-child{border-bottom:none;}

    header .mobile_menu  div ul.top li span {position: relative;}
    header .mobile_menu  div ul.top li span:after {content: "";position: absolute;right: 20px;top: 50%;transform: translateY(-50%) rotate(90deg);background: url(../img/arrow-01.png) center / contain no-repeat;width: 20px;height: 20px;}
    header .mobile_menu  div ul.top li.active span:after {content: "";position: absolute;right: 20px;top: 50%;transform: translateY(-50%) rotate(270deg);background: url(../img/arrow-01.png) center / contain no-repeat;width: 20px;height: 20px;}

    header .mobile_menu > div ul.top li span{padding:20px;display:block;}
    header .mobile_menu > div ul.in_m{display:none;background-color:#eee;}
    header .mobile_menu > div ul.in_m.active{display:block;}

    .sns_mobile ul {width: 100%;display:flex;align-items:center;justify-content:center;}
    .sns_mobile ul li {width: 33.33%;text-align: center;border-bottom: 1px solid #ddd;}
    .sns_mobile ul li + li {border-left: 1px solid #ddd;}
    .sns_mobile ul li a img {height: 50px;width:50px;}

    .sub_content {font-size:3vw;height:30vw;}
}
@media all and (max-width: 1200px){
    .width-fixed{width:100%;padding:0 15px;}

    .nav {width: 100%;}


    .main-box .con-box .left{width:100%;margin-right:0;margin-bottom:20px;}
    .main-box .con-box .right{width:100%;}
    .main-box .con-box .right:after{content:"";clear:both;display:block;}
    .main-box .con-box .right .map{width:calc(50% - 10px);margin-right:20px;float:left;height:230px;}
    .main-box .con-box .right .map .link_btn{width:60%;}
    .main-box .con-box .right .facebook{width:calc(50% - 10px);height:230px;margin:0;}
    #facebook_slide{height:230px;}
    #facebook_slide .img{height:230px !important;}
    .main-box .con-box .right .facebook .text{height:230px;}

    .quick-menu .quick-title{width:100%;padding-bottom:20px;}
    .quick-menu .quick-list{width:100%;margin:0;}

    .sub_list{padding:10px 0;}
    .sub_list2{padding:0;margin:40px 0 0 0;}


    /*.map_info{padding:15px;}*/
    .map_info > div > div h2{font-size:20px;}
    .map_info > div > div p{font-size:14px;}

    .sub_education > div{padding:10px;min-height: 273px;}
    .sub_education ul li{font-size:14px;letter-spacing: -1px;padding:2px 0;}

    #bo_gall .gall_li{width:25%;}

    #bo_gall .gall_img{height:23vw;}
    #bo_gall .gall_img span{line-height:23vw;}

    #best_items .owl-nav{display:none;}

    #best_items .item .img{height:23vw;max-height:23vw;}

    header .menus div.menu_di ul.depth_ul{/*left:0 !important;*/width:100%;border-top:1px solid #ddd;}
    header .menus div.menu_di ul.depth_ul li{display:inline-block;}
}

@media all and (max-width: 960px){
    body{font-size:0.7em;}
    .nav {width: 100%;}
    /* header */
    /* header */

    /* main */
    .main-top{height:55vw;padding: 4vw 0;margin-bottom: 10vw;}
    .main-wrap{height:56vw;}
    #main-slide .img{height:56vw;}

    #main-slide .text {padding:3vw;}
    #main-slide .text h2{font-size:3.2vw;}

    .main-box{margin-top:-12vw;padding: 10vw 0 5vw 0;}
    .main-box .con-box .left{padding:4vw;min-height:40vw;margin-bottom:2vw;}
    .latest-ul li{padding-bottom:2vw;}
    .board-list{height:100%;min-height: 40vw;}
    .board-list .empty_list{padding:20vw 0 !important;font-size:18px;}

    .main-box .con-box .right .map{width:100%;margin-bottom:2vw;margin-right:0;}
    .main-box .con-box .right .facebook{width:100%}

    .quick-menu .quick-title {text-align: center;margin-bottom:3vw;}
    .quick-menu .quick-title img{width:8vw;}
    .quick-menu .quick-title div h2{font-size:2.8vw;}
    .quick-menu .quick-title div h2:last-child{font-size:3.6vw;}
    .quick-menu .quick-list ul li div{width:80px;height:80px;}
    .quicks .quick-list ul li span {font-size:1.35em;}

    .lists span:first-child{flex:7}
    .lists span:last-child{flex:3}

    .main_sec .main_intro {width: 100%;gap:15px;}

    .quicks .quick-list ul {gap:10px;}

    .main_top .txt .logo {margin-bottom:50px;}
    .main_top .txt .logo img {width:30vw}
    .main_top .txt .tit h3 {font-size:4vw;}
    .main_top .txt .tit h3:last-child {font-size:2.4vw;}
    .main_top .txt .btm {font-size:2vw;}
    /* main */

    /* sub */
    .sub_head .sub_title {width:100%;}
    .nav .nav_map{display:none;}


    .nav .width-fixed{padding:0;}

    .sub_wrap{padding:20px 0;}

    * + .sub_stitle {margin-top:50px;}

    .sub_title h2.sub_tit{font-size:2em;}
    .sub_title h2.sub_tit.small{font-size:2em;}
    .sub_title h2.sub_tit.cal{font-size:3em;}
    .sns_link > div > div{height:120px;width:120px;}
    .sns_link {gap:40px;}
    /* sub */

    /* 인사말 */
    .sub_con {padding:0;}
    .intro_top .txt{font-size:1.7em;}

    .intro_sub {margin-top:50px;}
    .intro_sub .intro_content p br {display: none;}

    .signature .sign:before {width:40px;height:40px;}
    .signature .sign img{width:38%;}

    /* 인사말 */

    /* 지역자활센터안내*/
    .center_con {padding: 0;}
    .map_wrap > div > div.left ul li {width: 100%;}
    /* 지역자활센터안내*/

    /* 자활기업소개 */
    .map_wrap.com {flex-direction:column;}
    .map_wrap.com > div {width:100%;}
    .map_wrap.com > div.center_data {width:100%;padding:0;}
    .map_wrap > div > div#map {height:50vw;border-radius:7vw;}
    .map_wrap > div > div.left ul li {padding:10px;}
    /* 자활기업소개 */

    /* 센터소개 */
    .sub_sec{padding:5vw 0;}
    #contact #map{height:50vw;border-radius:7vw;}
    /*.center_top .txt{font-size:3.4vw;line-height: normal}*/
    .map_info{display:block;margin-top: 20px;}
    .map_info > div {width:100%;flex:none;}
    .map_info > div:last-child{flex:none;width:100%;margin-left:0;margin-top:20px;/*border-top:1px solid #ddd;*/padding-top:20px;}
    .map_info > div > div h2{font-size:3.5vw;}
    .map_info > div > div p{font-size:2.3vw;letter-spacing: -1px;}
    /* 센터소개 */

    /* 조직현황 */
    .group_map {display:none;}
    .group_map_m {display:block;margin:20px 0;}
    .group_map_m img{width:100%;}
    .group_table table th{font-size:15px;padding:5px;}
    .group_table table td{font-size:14px;padding:5px;}
    /* 조직현황 */

    /* 센터안내 */
    #contact {margin-top: 10px;}
    /* 센터안내 */

    /* 활성화 지원*/
    .box_con{padding:14px;}
    .box_con .left{width:130px;}
    .box_con .left h2{font-size:20px;}
    .box_con .left h2:before{width:20px;height:16px;background-size:20px 16px;margin-right:10px;}
    .box_con ul li{font-size:14px;letter-spacing: -1px;}
    /* 활성화 지원*/

    /* 자활사업 홍보 */
    .box_con2{padding:15px;}
    .box_con2 h2{font-size:20px;}
    .box_con2 ul li{font-size:14px;}
    /* 자활사업 홍보 */

    /* 교육훈련 */
    .sub_list .sub_education {gap:10px;}
    .sub_education > div{width:100%;position: relative;min-height: auto;margin-bottom:10px;padding:15px;}
    .sub_education h2{margin:0 0 10px 0;}
    /*.sub_education .img{position:absolute;right:10px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:80px;height:80px;}*/
    .sub_education ul li{font-size:14px;letter-spacing: -1px;padding:2px 0;word-break:keep-all;}
    /* 교육훈련 */

    /* 대관신청 */
    .down_btn{padding:10px 0;}
    .rental_contact {grid-template-columns: 1fr 1fr;}
    .rental_contact > div {box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .1);}
    /* 대관신청 */

    /* 게시판 */
    #bo_v header{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    #bo_list .tbl_head01 thead th{padding:10px;height:auto;border-right:none;}

    .bo_tit{width:100%;}
    /*#bo_list .tbl_head01 a{width:50%;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
    .th_hidden{display:none;}
    .td_hidden{display:none;}
    .btn_next a{width: 70%;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .btn_prv a{width: 70%;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

    #bo_list .tbl_head01 tr.bo_notice td {padding: 15px 2px !important;}
    footer .ft_bottom {text-align:center;}
    /* 게시판 */

    .sch_list ul li{font-size:0.95em;margin-top:4px;}


}

@media all and (max-width: 720px) {
    body{font-size:0.65em;}

    .sub_head {height:45vw;}
    .sub_head .sub_title {padding-top:40px;}
    .sub_head .sub_title h2 {font-size: 3vw;}
    .sub_head .sub_title h3 {font-size: 2.5vw;}

    .n_mode{display:none !important;}
    .m_mode{display:block !important;}

    .main_top {height:100vh;}
    .main_top .txt {}

    .main_top .txt .tit {width: 70vw;margin: 0 auto;}


    .box_con{display:block;}
    .box_con .left{width:100%}
    .box_con .right{width:100%;}

    .sub_list ul li{font-size:1.4em;padding:2px 0;padding-left:10px;}

    /* 메인 */
    .sns_link {gap:15px;}
    .sns_link > div {display:flex;justify-content:center;align-items:center;flex-direction:column;}
    .sns_link > div > div {width:min(20vw, 20vh);height:min(20vw, 20vh);}
    .main_thrd .loc_cnt > div span {font-size: 1.6em;}

    .main_top .txt .logo img {width:28vw}
    .main_top .txt .tit h3 {font-size:4.5vw;margin-bottom:20px;}
    .main_top .txt .tit h3:last-child {font-size:3vw;}
    .main_top .txt .btm {font-size:2.5vw;}

    .main_top .bg_icon1 {width: 32vw;height: 58.2vw;}
    .main_top .bg_icon2 {width: 36.8vw;height: 53.1vw;}
    .main_top .bg_icon3 {right:0;width: 29.2vw;height: 25.7vw;}
    /* 메인 */

    /* sub */
    .main_thrd .loc_cnt {gap:5px;}
    .quicks {padding:25px 0;}

    /* sub */

    /* 인사말 */
    .intro_sub {flex-direction: column;}
    .signature .sign img{width:50%;}
    /* 인사말 */

    /* 교육훈련 */
    .sub_list .sub_education {margin-top:40px;display:flex;flex-direction:column;}
    .sub_list .sub_education > div {display:flex;justify-content:center;align-items:center;flex-direction:column;}
    .sub_list .sub_education > div > div:last-child {width:70%;}

    /* 교육훈련 */

    /* 대관신청 */
    .rental_title{display:flex;justify-content:center;align-items:center;flex-direction:column;}
    .rental_title > div {width:100%;}
    .rental_title > div strong {width:20%;}
    .rental_title > div span {width:100%;}
    .rental_info ul li div {width:14vw;height:14vw;}
    /* 대관신청 */


    /* 페이징 */
    .pg_current{height: 30px;line-height: 30px;width: 30px;min-width: 30px;}
    .pg_page{height: 30px;line-height: 30px;width: 30px;min-width: 30px;}
    /* 페이징 */

    /* 게시판 */
    #bo_gall .gall_li{width:33.33%;float:left;}
    .gall_row .box_clear{clear:none}
    #bo_gall .bo_cnt{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}

    #bo_gall .gall_img{height:29.5vw;}
    #bo_gall .gall_img span{line-height:29.5vw;}
    #best_items .item .img{height:29.5vw;max-height:29.5vw}
    #best_items .owl-dots{padding:2vw 0;}
    .best_items{margin-bottom:5vw;}
    #best_items .owl-dots .owl-dot{width:10px;height:10px;margin:0 1vw;}

    #bo_cate{margin-bottom:2vw;}
    /* 게시판 */

    #ft_links {padding: 10px 0;}
    #ft_links .item a img {height:40px;}


    /* 교육일정 */
    .edu_schedule table th{padding:3vw 0;font-size:3vw;}
    .edu_schedule table td{padding:0;height: 14vw;font-size: 2vw;}

    .sch_list{}
    .sch_list ul li{font-size:0.7em;padding:1px;}
    /* 교육일정 */

    .quick_btn{width:12vw;height:12vw;right:6px;bottom:6px;}
    .quick_btn a img{width:70%;height:70%;}
    .quick_btn a span{display:none;}

    .sns_quick {width:12vw;bottom:calc(12vw + 10px);right:6px;grid-template-columns: 1fr;}
    .sns_quick > div{width:100%;height:12vw;}
    .sns_quick > div a{display: block;width:100%;}
    .sns_quick > div img{width:100%;}

    .schedule_tbl{display:none;}
    .schedule_mobile{display:block;}
}

@media all and (max-width: 560px){
    .sub_wrap {padding:20px 0 40px 0;}
    body{font-size:0.6em;}
    header .mobile_menu > div ul.top li span {padding:15px 10px;font-size: 1em;}
    .nav {height:45px;margin: -25px auto 0 auto;}
    /* main */
    .quicks {padding: 15px 0;}
    .quicks .quick-list ul li div {margin:0 auto 10px auto;padding:7px;}
    .quick-menu .quick-list ul li div {width:65px;height:65px;}
    .quick-menu .quick-title{text-align: center;width:100%;}
    .quick-menu .quick-title img{width:10vw;}
    .quick-menu .quick-title div h2{font-size:3.5vw;}
    .quick-menu .quick-title div h2:last-child{font-size:4.4vw;}


    .quick-menu .quick-list ul li {width: 100%;}

    .quicks .quick-list ul {display:grid;grid-template-columns: 0.5fr 0.5fr 0.5fr;}

    .main_sec .main_intro > div {padding:20px;}
    .main_sec .main_intro {grid-template-columns: 1fr;}

    .main_tit h3 {font-size:3.2em;}

    .sns_link {margin-top: 40px;gap:5px;}
    .sns_link > div > div {width: min(15vw, 15vh);height: min(15vw, 15vh);}

    .main_sns {padding:70px 0;}
    .main_last {padding:50px 0;}

    .main_thrd {padding: 70px 0;}
    .main_thrd .loc_cnt {margin-top:60px;}
    .main_thrd .loc_cnt > div span {font-size: 1.4em;}
    .main_thrd .loc_cnt > div button {font-size:1.2em;padding:5px 20px;}

    .main_top .txt .logo img {width:35vw}
    .main_top .txt .tit h3 {font-size:5vw;margin-bottom:20px;}
    .main_top .txt .tit h3:last-child {font-size:3.5vw;}
    .main_top .txt .btm {font-size:3vw;}
    /* main */

    .intro_sub .intro_content h2{font-size:8vw;}

    /* 센터소개 */
    .sub_stitle {margin-bottom: 0;}
    .center_top .txt{font-size:4vw;}
    .map_info > div:last-child {margin-top: 0;}

    .sub_box p{margin-top:20px;}
    .sub_box .img{padding:10vw 6vw;}
    /* 센터소개 */

    /* 조직현황 */
    .group_table table td {height:50px;}
    /* 조직현황 */

    /* 지역자활센터안내*/
    .map_wrap > div > div.left {padding: 15px 0;}
    .map_wrap > div > div.left ul {gap:5px;}
    .map_wrap > div > div.left ul li {padding:5px;font-size:1.2em;}
    .map_wrap > div.center_data {width:100%;position:relative;padding:0;max-width: 100%;right:initial;}
    /* 지역자활센터안내*/

    /* 자활기업소개 */
    .map_wrap.com > div.center_data table tr td input[type=button] {width: 50%;padding:6px;}
    .map_wrap.com > div.center_data table tr td.td_center {text-align: center;}
    .map_wrap > div.center_data input[type=button] {width:100%;padding:10px;}

    .sub_box .img .txt h3{font-size:4.6vw;}
    /* 자활기업소개 */

    /* 자활사업 활성화지원 */
    .sub_list2 {grid-template-columns: 1fr;gap: 20px;}
    /* 자활사업 활성화지원 */

    /* 대관신청 */
    .rental_title > div {padding:10px 15px;}
    /* 대관신청 */

    .edu_schedule table td{height:20vw;}
    .sch_list{max-height: 10vw;left:0;bottom:0;width:100%;}
    .sch_list ul li{font-size:2vw;padding:1px;}
}

@media all and (max-width: 480px){

    /* header */
    header{height:50px;padding:0;}
    header#main_hd{padding:0;}
    header .logo{width:35%}

    header .mobile_btn {width:30px;height:30px;}
    header .mobile_btn.active{right:calc(100% - 40px)}
    header .mobile_menu > div{width:calc(100% - 50px);}

    /* header */

    /* main */
    .main_top .txt .tit {width:auto;}

    .main_sec {padding: 60px 0;}
    .latest-ul li{font-size:3.4vw;width:auto;}
    .latest-ul li:hover:before, .latest-ul li.active:before{font-size: 3vw;bottom: -12px;}

    .main_sec .main_intro > div {padding:10px 15px;}
    .main_sec .main_intro > div img {width: 50px;margin-bottom:10px;}
    .main_sec .main_intro > div h4 {font-size:1.6em;}
    .main_sec .main_intro > div p {font-size:1.3em;margin-top:10px;}

    .lists{padding:1vw;}
    .lists span:first-child{font-size:3vw;}
    .lists span:last-child{font-size:2.4vw;}

    .board-list .more_btn{width:4vw;height:4vw;top:-7vw;}
    .board-list .more_btn span:last-child{height:4vw;}


    .main-box .con-box .right .map{height:40vw;}
    .main-box .con-box .right .map .link_btn > div h2{font-size:3.6vw;}
    .main-box .con-box .right .map .link_btn > div p{font-size:3vw;}
    .main-box .con-box .right .map .link_btn > div span{font-size:3.2vw}
    .main-box .con-box .right .map .link_btn > div h2:after{top:2.2vw;}

    .main-box .con-box .right .facebook{height:40vw;}
    .main-box .con-box .right .facebook .text{padding:2vw;height:40vw;}
    .main-box .con-box .right .facebook .text p{font-size:3vw;min-height:30vw;max-height:30vw;}
    .main-box .con-box .right .facebook .text span{font-size:3.2vw;}
    #facebook_slide {height:40vw;}
    #facebook_slide .img{height:40vw !important;}
    #facebook_slide img.face-logo{width:6vw;height:6vw;}


    .quick-menu .quick-title{text-align: center;width:100%;}
    .quick-menu .quick-title img{width:10vw;}
    .quick-menu .quick-title div h2{font-size:3.5vw;}
    .quick-menu .quick-title div h2:last-child{font-size:4.4vw;}



    .board-list .empty_list{font-size:3.2vw;width:100%;}

    .main_tit h3 {font-size:2em;word-break:keep-all;}
    .main_tit p {font-size:1.4em;word-break:keep-all;}

    .main_thrd {padding: 50px 0;}
    .main_thrd .loc_cnt {align-items:unset;}
    .main_thrd .loc_cnt > div {display:flex;justify-content: space-between;align-items: center;flex-direction:column;flex:1;}
    .main_thrd .loc_cnt > div span {margin:10px 0;}
    .main_thrd .loc_cnt > div span.cnt {font-size:5em;}
    .main_thrd .loc_cnt > div button {padding:5px;}

    .main_sns {padding: 50px 0;}

    .last_wrap .board-list {margin-top:20px;}
    .sns_link > div > span {font-size: 1.3em;}

    .last_wrap .board-list > div {padding: 10px 0;}
    /* main */

    /* sub */
    .sub_head {height:50vw;}
    .nav {height:35px;margin: -17px auto 0 auto;}
    .nav .home{width: 13vw;height: auto;padding: 2vw 2vw;}
    .nav .home img {width:25px;height:25px;}
    .nav .home:after {right:-7px;}
    .nav label{padding: 3.6vw;font-size: 3.4vw;width:calc(100% - 13vw);}
    .nav #sub_menus{width: calc(100% - 13vw);gap:2.5vw}
    .nav #sub_menus li{font-size:2.6vw;}
    .nav > div{gap:0;}

    /* sub */

    /* footer */
    .link-list .navs{display:none;}
    #ft_links {padding: 5px 0;}
    #ft_links .item a img {height: 30px;}
    footer .ft_top {padding:10px 0;}
    footer .ft_top ul {display:flex;align-items:center;justify-content:center;}
    footer .ft_top ul li{font-size:3vw;}
    footer .ft_top p{font-size:3vw;}
    footer .ft_top p br{display:block;}

    footer .ft_bottom {text-align: center}
    footer .ft_bottom .logo{width:40%;margin-bottom:2vw;margin-right:0;}
    footer .ft_bottom .copy{font-size:3vw;}

    /* footer */


    /* 인사말 */
    .intro_top .txt {font-size: 1.3em;word-break: keep-all;}
    /*.intro_top .txt{font-size:3.2vw;left:0;line-height:3.8vw;padding:3vw 2.2vw;border:2px solid #ddd;-webkit-border-radius:3vw;-moz-border-radius:3vw;border-radius:3vw;text-align: center;position: relative;width:100%;top:0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;}*/
    .intro_top img{display:none}
    /*.intro_top .txt span{font-size:2vw;letter-spacing: -1px;}*/


    /* 인사말 */

    /* 센터소개 */
    .sub_list{padding:0;}
    .sub_list ul li{;padding:0.8vw 0;text-indent: -2vw;padding-left:2vw;line-height: normal;letter-spacing: -1px;}
    .sub_list ul.type2 li{padding:0.8vw 0 ;text-indent: -2vw;padding-left:2vw;line-height: 4.2vw;}
    .sub_stitle h2{font-size:4vw;}
    .sub_stitle h2:before{margin-right:2vw;width:4vw;height:4vw;background-size: 4vw 4vw;}
    .sub_stitle.m-top{padding-top:6vw;}
    .map_info > div img{width:8vw;height:8vw;}
    /* 센터소개 */

    /* 조직현황 */
    .group_table table th{font-size:3vw;padding:0.5vw;}
    .group_table table td{font-size:2.6vw;padding:0.5vw;}
    .group_table table td:first-child {padding:0.5vw;}
    .group_table table td ul li{padding:0;line-height:normal;}
    .group_table table td ul li:before{margin-right:0;font-size: 15px;}
    /* 조직현황 */

    /* 센터소개 */
    .map_info > div {gap:0;padding:10px 0;}
    .map_wrap .center_data table th{font-size:3vw;padding:1.5vw 0.5vw;}
    .map_wrap .center_data table td{font-size:2.6vw;padding:1.5vw 0.5vw;}
    .map_wrap .center_data table td input[type=button]{font-size:3vw;}
    /* 센터소개 */

    /* 활성화지원 */
    .box_con .left h2{font-size:3.5vw;}
    .box_con .left h2:before{width:3.5vw;height:3vw;background-size:3.5vw 3vw;}
    .box_con ul li{line-height: normal;padding:0;}
    .sub_list2 {gap:10px;}
    .sub_list2 .box_con li {font-size:3vw;}
    /* 활성화지원 */

    /* 자활사업홍보*/
    .box_con2 h2{font-size:3.5vw;}
    .box_con2 h2:before{font-size:2vw;margin-right:2vw;}
    .box_con2 ul li{font-size:3vw;line-height: normal;padding:0 0 0 2vw;text-indent:-2vw;letter-spacing:-1px;}
    .sub_list2 .box_con2 li {font-size:1.3em;padding: 3px 10px;}
    /* 자활사업홍보*/

    /* 교육훈련 */
    .sub_education > div{padding:4vw;}
    .sub_education h2{font-size:4vw;}
    .sub_education h2:before{width:4vw;height:4vw;background-size:4vw 4vw;margin-right:2vw;}
    .sub_list .sub_education > div .img{width:15vw;height:15vw;}

    /* 교육훈련 */


    /* 대관신청 */
    .rental_info{padding:2vw;}
    .sub_title h2.sub_tit span{font-size:3vw;padding:6px 15px;top:-1vw;}

    .rental_title > div strong {width: 50%;font-size:3.4vw;}
    .rental_title > div span {font-size:3.4vw;}

    .down_btn button{font-size:3.4vw;padding:4vw;}
    .rental_info ul {display:grid;gap:15px 5px;margin-top:15px;grid-template-columns: 1fr 10px 1fr}
    .rental_info ul li div {width:18vw;height:18vw;}
    .rental_info ul li.arrow.etc {display: none;}
    .rental_info ul li span {font-size:1.2em;}

    .rental_contact {gap:15px;margin: 15px 0 10px 0;grid-template-columns:1fr;}
    .rental_contact > div {padding: 15px 0px;}
    .rental_contact > div h2 {font-size:1.4em;}
    .rental_contact > div p {font-size:1.2em;}
    /* 대관신청 */

    /* 게시판 */
    .th_hidden{display:none}
    .td_hidden{display:none;}
    #bo_list .tbl_head01 thead {display:none;}
    #bo_list .tbl_head01 td{font-size:1.2em;padding: 10px 2px !important;}
    #bo_list .tbl_head01 tr.bo_notice td {padding: 10px 2px !important;}
    #bo_v_atc{padding-bottom:5vw;border-bottom:1px solid #ddd;margin-bottom:5vw;}
    #bo_v header{height:auto;box-shadow: none;}
    #bo_v_title .bo_v_tit{font-size:4vw;padding:4vw 0;}

    #bo_v_info .profile_info{margin:2vw 0;}
    #bo_v_info strong{font-size:3.5vw;}
    .bo_v_com{margin:0;display:none;}
    .bo_v_nb li{font-size:3.4vw;}
    .list_btn{padding:2vw 10vw;font-size:3.5vw;}

    #bo_gall .gall_img img {width: 100%;}
    #bo_gall .gall_li{width:100%;float:left;}
    #bo_gall .gall_img{height:72vw;max-height:initial}
    #bo_gall .gall_img span{line-height:45vw;}
    #bo_gall .gall_box{margin-bottom:5vw;}
    #bo_cate ul{zoom:0.8;}
    #best_items .item .img{height:72vw;max-height:initial}

    #bo_v_file li{padding:2vw;}
    #bo_v_file a{font-size:3vw;}
    #bo_v_file li i{font-size:4vw;margin-right:2vw;}

    #bo_btn_top {margin:0;}

    /* 게시판 */

    /* 페이징 */
    .pg_wrap {margin: 10px auto 0 auto;}
    .pg_current{height: 6vw;line-height: 6vw;width: 6vw;min-width: 6vw;font-size:2vw;padding:0;}
    .pg_page{height: 6vw;line-height: 6vw;width: 6vw;min-width: 6vw;font-size:2vw}
    /* 페이징 */

    /* 팝업 */
    #hd_pop{width:100% !important;}
    .hd_pops{width:calc(100% - 20px) !important;}
    .hd_pops_con{width:100% !important;}
    /* 팝업 */
    .sns_mobile ul li a img {height: 40px;width:40px;}
}