@charset "utf-8";


/* 공통 */
.align_c{text-align: center;}
.keep-all{word-break: keep-all;}
.line_gab_100 {border-top: 1px #dedede solid;margin-top: 100px;padding-bottom: 100px;}
.line_gab_50 {border-top: 1px #dedede solid;margin-top: 50px;padding-bottom: 50px;}
.flex_item{display: flex;}
.flex_item_col{display: flex;justify-content: center;flex-direction: column;}
.fixedclear::after{content: '';display: block;clear: both;}
.m_br_show{display: none;}




/* 메인 */
/* 새여울문화장터 */
.txt_bg{background-color: #f3f3f3;display: flex;align-items: center;word-break: keep-all;height: 100%;margin-left: -16px;padding: 30px;}
.txt_bg dd{color: #757575;}
.link{border: 1px solid #ccc;width: 40%;padding: 4px 0;text-align: center;display: inline-block;border-radius: 3px;}
.link:hover{background: #5489d7;color: #fff;}
.r_pad_none{padding-right: 0}


/* 새여울 커뮤니티센터 준공 */
.center_bg{background-image: url(/theme/sintan/inct/img/center_bg.png);}
.center{height: 400px; color: #fff;}
.center_link{display: inline-block;border-radius: 3px;border: 1px solid #fff;width: 200px;line-height: 2.5;color: #fff;text-align: center;} 
.center_link:hover{color: #fff;background: #0079c3;}







/* 서브페이지 */
/* 이사장 인사말 */
.txt_area_wrap{position: relative;}
.txt_area{position: absolute;top: -140px;left: 66px;width: 80%;height: 300px;padding: 50px;letter-spacing: -2px; font-size: 2rem;line-height: 3rem;color: #fff;background: #4497df url(/theme/sintan/inct/img/txt_area_bg.png) no-repeat;background-size: 72%;background-position-x: 80%;background-position-y: 80%;}

/* .overview .item_wrap{display: flex;justify-content: space-between;}
.overview .item dt{font-size: 1.2rem;}
.overview .item:nth-child(1){width: 32%;height: 250px;background-color: #4497df;color: #fff;text-align: center;display: flex; align-items: center; justify-content: center;}
.overview .item:nth-child(2){width: 32%;height: 250px;border: 1px solid #ccc;text-align: center;display: flex; align-items: center; justify-content: center;}
.overview .item:nth-child(3){width: 32%;height: 250px;border: 1px solid #ccc;text-align: center;display: flex; align-items: center; justify-content: center;}

.overview .item_02{padding: 20px 40px;}
.overview .item_02:nth-child(1){border: 1px solid #ccc;}
.overview .item_02:nth-child(2){border: 1px solid #ccc;}
.overview .item_02:nth-child(1) dt{margin-right: 30px;}
.overview .item_02:nth-child(2) dt{margin-right: 50px;} */

.ul_item{padding: 15px 20px;}
.ul_item li{list-style-type: circle;}

.overview h1{font-size: 1.8rem;padding-bottom: 15px;text-align: center;font-weight: 500;letter-spacing: -2px; color: #0079c3;}
.overview table{ border-collapse: collapse;width: 100%;border-top: 2px solid #4497df}
.overview table tr {border-bottom: 1px solid #ddd;}
.overview table th{padding: 15px 20px;color: #000;}


/* 조직도 */
.bg_blue{ background-color: #3796d7; color: #fff;border-radius: 7px 7px 0 0;font-size: 18px;}
.bg_gray{ background-color: #9FADBD; color: #fff;border-radius: 7px 7px 0 0;font-size: 18px;}

.chart_sec01{display: block; margin-bottom: 2rem;}
.chart_sec01::before{content: "";background-color: #ccc;height: 59.8%;width: 1px;position: absolute;z-index: -9999;right: 50%;}
.chart_sec01 .center_a{display: block;width: 15rem;line-height: 3.5; font-weight: 500;margin: 0 auto; text-align: center; background-color: #002C60; color: #fff; font-size: 18px;border-radius: 10px;}
.chart_sec01 .org_group .right{width: 50%;float: right; margin-top: 2rem;position: relative;}
.chart_sec01 .org_group .right::before{content: "";width: 40%; position: absolute; background-color: #ccc; display: block;height: 1px;left: 0;top: 50%;z-index: -9999;}
.chart_sec01 .org_group .right ul{ width: 15rem;text-align: center;margin: 0 auto;line-height: 2.5; font-weight: 500; font-size: 16px;border-radius: 10px;border: 2px solid #9FADBD;}

.chart_sec02{display: block; margin-bottom: 8rem;}
.chart_sec02 .center_b{width: 15rem; line-height: 3.5; font-weight: 500;margin: 0 auto; text-align: center; background-color: #3796d7; color: #fff; font-size: 18px;border-radius: 10px;}
.chart_sec02 .center_c{width: 15rem;line-height: 2.5; font-weight: 500; margin: 0 auto; margin-top: 2rem;text-align: center; font-size: 16px;border-radius: 10px;border: 2px solid #3796d7;background: #fff;}
.chart_sec02 .org_group .right{width: 50%;float: right; margin-top: 2rem;position: relative;}
.chart_sec02 .org_group .right::before{content: "";width: 40%; position: absolute; background-color: #ccc; display: block;height: 1px;left: 0;top: 50%;z-index: -9999;}
.chart_sec02 .org_group .right ul{ width: 15rem;text-align: center;margin: 0 auto;line-height: 2.5; font-weight: 500; font-size: 16px;border-radius: 10px;border: 2px solid #9FADBD;}

.chart_sec03{display: flex;text-align: center;position: relative;}
.chart_sec03::before{content: ""; background-color: #ccc; width: 76%; padding: 0.1px; position: absolute; z-index: -9999; left: 12%; top: -5rem;}
.chart_sec03 .part_item{width: calc(100%/4);padding: 0 15px;}
.chart_sec03 .part_item:nth-child(1){padding-left: 0px;}
.chart_sec03 .part_item:nth-child(4){padding-right: 0px;}

.chart_sec03 .part{position: relative;;width: 100%; background-color: #487F79; color: #fff;line-height: 3;border-radius: 10px;margin-bottom: 15px;font-size: 18px;}
.chart_sec03 .part::before{position: absolute;content: "";width: 1px;;height: 100px;top: -80px;left: 50%;background: #ccc;z-index: -9999;}
.chart_sec03 .part_top{border: 2px solid #487F79;border-radius: 10px;line-height: 3;margin-bottom: 48px;background-color: #fff;}
.chart_sec03 .part_people{border: 1px solid #9FADBD;border-radius: 10px;position: relative;background-color: #fff;}
.chart_sec03 .part_people::before{position: absolute;content: "";width: 1px;;height: 100px;top: -80px;left: 50%;background: #ccc;z-index: -9999;}
.chart_sec03 .part_ul{padding: 20px;}
.chart_sec03 .part_ul li{line-height: 2.5;}

/* ci */
.green{background-color:#568944;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.pink{background-color: #f15976;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px}
.color_item{display: flex;justify-content: center;align-items: center;}
.color_item .txt_20{font-size: 16px;}
.color_txt{width: 60%;}

/* bi */
.bi_download{display: flex;justify-content: center;}
.bi_download a li{width: 300px;color: #fff;padding: 10px;text-align: center;}
.bi_download a:nth-child(1){background-color: #0079c3;margin-right: 16px;}
.bi_download a:nth-child(2){background-color: #002C60;}

.bi01{background-color:#fb5373;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi02{background-color:#fac000;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi03{background-color:#73bd50;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi04{background-color:#54bdd8;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi05{background-color:#052839;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}

.bi06{background-color:#a03238;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi07{background-color:#4a8b2c;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi08{background-color:#0095a9;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi09{background-color:#0f7686;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}
.bi10{background-color:#595757;width: 100px;height: 100px;border-radius: 50%;margin-right: 30px;}

/* 거점시설현황 */
.city .max_img{overflow: hidden;}
.city .max_img img{transition: transform 0.8s ease;}
.city .max_img img:hover{transform: scale(1.2);}
.city_txt_01{font-size: 1.5rem;color: #0079c8;text-align: center;border-bottom: 1px solid #ccc;padding: 10px;font-weight: 500;}
.city_ulbox{padding: 10px 20px;}
.city_twrap{display: flex; align-items: center;}
.city_txt_area{width: 100%;}
.city_txt_area table{ border-collapse: collapse;width: 94%;margin: 10px 20px;word-break: keep-all;}
.city_txt_area th{background-color: #eee;}
.city_txt_area td, th {  padding: 8px 10px;border-bottom: 1px solid #ddd;}
.addr{position: relative; padding-left: 50px;}
.addr::before{content: url(/theme/sintan/inct/img/sub04b_icon01.png);display: inline-block;position: absolute;top: -4px;left: 0;transform: scale(0.9);transform-origin: top left;}
.tel{position: relative; padding-left: 50px;}
.tel::before{content: url(/theme/sintan/inct/img/sub04b_icon02.png);display: inline-block;position: absolute;top: -4px;left: 0;transform: scale(0.9);transform-origin: top left;}
.th01{width: 15%;}
.txt_s{font-size: 14px; color: #797979;}






@media only screen and (max-width: 1319px) {
    .txt_area{padding: 50px 30px;font-size: 1.8rem;line-height: 2.5rem;}
}
@media only screen and (max-width: 1319px) {
    .txt_area{font-size: 1.5rem; line-height: 2.2rem;}
}
@media only screen and (max-width: 992px) {
    /* 공통 */
    .line_gab_100 {border-top: 1px #dedede solid;margin-top: 50px;padding-bottom: 50px;}
    .line_gab_50 {border-top: 1px #dedede solid;margin-top: 50px;padding-bottom: 50px;}
    .m_br_show{display: block;}

    /* 서브 */
    .txt_area{display: none;}
    .big_txt_01 {font-size: 24px;line-height: 30px;}
    .overview h1 {font-size: 24px;}

    /* 조직도 */
    .chart_sec01::before {height: 64%;}
    .chart_sec01 .center_a {width: 10rem;}
    .chart_sec01 .org_group .right ul {width: 10rem;}
    .chart_sec02 {margin-bottom: 5rem;}
    .chart_sec02 .center_b {width: 10rem;}
    .chart_sec02 .center_c {width: 10rem;}
    .chart_sec02 .org_group .right ul { width: 10rem;}
    .chart_sec03::before {top:-3rem}
    .chart_sec03 .part::before {height: 50px;top: -49px;}
    .chart_sec03 .part_top {margin-bottom: 30px;}
}

@media only screen and (max-width: 768px) {
    .bi_download{display: flex;flex-direction: column;}
    .bi_download a li{width: 100%;}
    .bi_download a:nth-child(1){margin-right: 0;margin-bottom: 10px;}

}

@media only screen and (max-width: 576px) {
    /* 공통 */
    .line_gab_100 {border-top: 1px #dedede solid;margin-top: 15px;padding-bottom: 15px;}
    .line_gab_50 {border-top: 1px #dedede solid;margin-top: 15px;padding-bottom: 15px;}
    .m_t_mar_15{margin-top: 15px;}
    .sub_tit_txt .txt_34 {font-size: 1.5rem;}  
    

    /* 새여울문화장터 */
    .culture_wrap .t_mar_50{margin-top: 0px;}
    .r_pad_none{padding-right: 15px}
    .txt_bg{margin-left: 0;padding: 16px;}
    .txt_bg .t_mar_30{margin-top: 16px;}
    .txt_bg .txt_22{font-size: 1.2rem;}

    /*보도자료 */
    .banner .t_pad_30{padding-top: 0;}

    /* 센터활동 */
    .link_gab {padding-top: 0px;padding-bottom: 0px;}

    /* 서브 */
    .big_txt_01 {font-size: 20px;line-height: 30px;}
    .overview h1 {font-size: 20px; padding-bottom: 0;}
    .overview table th {padding: 10px;}

    /* 조직도 */
    .chart_sec01::before {height: 74%;}
    .chart_sec01 .org_group .right ul {line-height: 2;}

    .chart_sec02 .center_c {line-height: 2;}
    .chart_sec02 {margin-bottom: 2rem;}
    .chart_sec02 .org_group .right ul {line-height: 2;}

    .chart_sec03 {display: flex; flex-direction: column;}
    .chart_sec03 .part_item {width: 100%;padding: 15px 0px;}
    .chart_sec03::before {display: none;}
    .chart_sec03 .part::before {display: none;}
    .chart_sec03 .part_ul { padding: 10px;}

    /* ci */
    .ci .pad_50 {padding: 20px;}
    .ci .b_mar_50{margin-bottom: 15px;}
    .small_txt_01 {font-size: 18px;line-height: 25px;}
    .ci p{text-align: left;}
    .color_txt { width: 65%;}
    .green{width: 50px;height: 50px;}
    .pink{width: 50px;height: 50px;}

    /* bi */
    .color_txt .b_mar_15{margin-bottom: 5px;}
    .bi01{width: 50px;height: 50px;}
    .bi02{width: 50px;height: 50px;}
    .bi03{width: 50px;height: 50px;}
    .bi04{width: 50px;height: 50px;}
    .bi05{width: 50px;height: 50px;}

    .bi06{width: 50px;height: 50px;}
    .bi07{width: 50px;height: 50px;}
    .bi08{width: 50px;height: 50px;}
    .bi09{width: 50px;height: 50px;}
    .bi10{width: 50px;height: 50px;}

    /* 커뮤니티센터 */
    .center{height: 230px;}
    .center .txt_40{font-size: 25px;}
    .center .b_mar_20{margin-bottom: 10px;}
    .center .txt_18{font-size: 16px;}
    .center .f_wet_05{font-weight: 400;}
    .center_link {width:150px ;}
    .b_mar_30 {margin-bottom: 20px;}
    
    
    /* 거점시설현황  */
    .city_txt_area table { width: 100%; margin: 0;}
    .th01{width: 20%;}
    .city_ulbox {padding: 0px;margin-top: 15px;}
    .city_ulbox .b_mar_20{margin-bottom: 15px;}
    .city_ulbox .b_mar_5 { margin-bottom: 18px;}
    .city_txt_01{font-size: 1.2rem;}
    .addr{ padding-left: 40px;}
    .addr::before{top: 0px;left: 0;transform: scale(0.8);transform-origin: top left;}
    .tel{padding-left: 40px;}
    .tel::before{top: 0px;left: 0;transform: scale(0.8);transform-origin: top left;}
}

@media only screen and (max-width: 415px) {
    .chart_sec01 .org_group .right ul {width: 8rem;}
    .chart_sec02 .org_group .right ul {width: 8rem;}

    /* .city_ulbox .b_mar_25 {margin-bottom: 20px;} */
}