/* 인사말 페이지 스타일 시작*/
.page_greeting_wrap {
    padding: 0px 0;
}

.greeting_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 상단 라벨 */
.greeting_label {
    display: inline-block;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 30px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(51, 111, 180, 0.3);
}

/* 메인 타이틀 */
.greeting_main_title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 50px;
    line-height: 1.4;
}

.greeting_main_title .highlight {
    color: #336fb4;
}

/* 컨텐츠 섹션 */
.greeting_content_section {
    background: #fff;
    border-radius: 12px;
    padding: 50px;
    /*box-shadow: 0 2px 12px rgba(0,0,0,0.08);*/
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

/* 이미지 영역 */
.greeting_image_area {
    flex-shrink: 0;
    width: 35%;
}

.greeting_image_box {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.greeting_image_box img {
    width: 100%;
    height: auto;
    display: block;
}

/* 텍스트 영역 */
.greeting_text_area {
    flex: 1;
}

.greeting_subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #336fb4;
    margin-bottom: 25px;
}

.greeting_content {
    line-height: 2;
    color: #555;
    font-size: 16px;
    margin-bottom: 40px;
}

/* 서명 영역 */
.greeting_signature {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 30px;
    border-top: 2px solid #E3F2FD;
    gap: 15px;
}

.greeting_signature_text {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.greeting_signature_image {
    height: 50px;
    width: auto;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .greeting_content_section {
        padding: 40px;
        gap: 40px;
    }
    
    .greeting_main_title {
        font-size: 32px;
    }
    
    .greeting_content {
        font-size: 15px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_greeting_wrap {
        padding: 30px 0;
    }
    
    .greeting_container {
        padding: 0 0px;
    }
    
    .greeting_main_title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    
    .greeting_content_section {
        flex-direction: column;
        padding: 30px 25px;
        gap: 30px;
    }
    
    .greeting_image_area {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    
    .greeting_text_area {
        width: 100%;
    }
    
    .greeting_subtitle {
        font-size: 20px;
    }
    
    .greeting_content {
        font-size: 14px;
        line-height: 1.8;
    }
    
    .greeting_signature {
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
    }
    
    .greeting_signature_text {
        font-size: 16px;
    }
    
    .greeting_signature_image {
        height: 40px;
    }
}

@media (max-width: 480px) {
    .greeting_main_title {
        font-size: 22px;
    }
    
    .greeting_content_section {
        padding: 25px 20px;
    }
    
    .greeting_subtitle {
        font-size: 18px;
    }
    
    .greeting_content {
        font-size: 13px;
    }
}
/* 인사말 페이지 스타일 끝 */


/*부산지원단 소개 스타일 시작*/
.sub_nav_wrap {margin-top:3rem}
.sub_nav_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.sub_nav_1st_wrap {}
.sub_nav_1st_wrap .es_1st_ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li {overflow:hidden;background-color:#F5F5F5}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child {border-radius:50px 0 0 50px}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {border-radius:0 50px 50px 0}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li_on {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li_on:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {display:block;height:6rem;padding:0 4rem;background-color:#F5F5F5;color:#777;line-height:6rem;text-align:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {border-radius:50px;background-color:#336fb4;color:#FFF;font-weight:500}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on,
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on:hover {}
.es_vision_area {
    text-align: center;
}

.es_vision_area + .is_desc {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.head_wrap .es_height {height:9rem}
	.head_wrap .es_logo_area a img {max-width:30rem}
	
	.main_visual_wrap .es_main_visual_area .bs_content_box .is_image_field {height:30rem}
	
	.sub_head_title_wrap {margin-top:5rem}
	.sub_head_title_wrap .es_title {font-size:3rem}
	
	.sub_nav_1st_wrap .es_1st_ul {justify-content:flex-start;background-color:#F5F5F5}
	.sub_nav_1st_wrap .es_1st_ul .bs_1st_li {width:50%}
	.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child,
	.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {border-radius:0}
	.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {padding:0}
	.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {border-radius:0;}
	.sub_nav_2nd_wrap .es_1st_ul .bs_1st_li {width:50%}
	.sub_nav_2nd_wrap .es_1st_ul .bs_1st_li:nth-child(2n + 1) {border-left:1px solid #DDD}
	.sub_nav_2nd_wrap .es_1st_ul .bs_1st_li:nth-child(5n + 1) {border-left:0}
	
}


/* COMMON */
.ws_page_content_wrap {margin-top:5rem;margin-bottom:10rem}

/* TITLE */
.ws_title {font-size:2.5rem}
.ws_title.ws_bullet {position:relative;padding-left:3rem}
.ws_title.ws_bullet:before {content:'';position:absolute;top:50%;left:0;width:1rem;height:2rem;border-radius:1rem;background-color:rgba(var(--webis_color_100_rgb),.7);transform:translateY(-50%) rotate(-42deg)}
.ws_title.ws_bullet:after {content:'';position:absolute;top:50%;left:0.7rem;width:1rem;height:2rem;border-radius:1rem;background-color:rgba(var(--webis_color_rgb),.7);transform:translateY(-50%) rotate(42deg)}

/* TEXT */
.ws_desc_bg {padding:3rem;border-radius:1rem;background-color:#F7F7F7}

/* ALERT */
.ws_alert_wrap {margin-top:3rem;padding:3rem;border-radius:0 0 5rem 0;background-color:rgba(var(--webis_color_amber_200_rgb),.15)}
.ws_alert_wrap .es_title {display:block;margin-bottom:1.5rem;color:#000}
.ws_alert_wrap .es_desc {}
.ws_alert_wrap .es_desc .bs_sub_title {}
.ws_alert_wrap .es_desc .bs_point {display:block;margin-top:1rem}
.ws_alert_wrap .es_desc .bs_desc {}

/* BUTTON */
.ws_btn_wrap {}
.ws_btn_wrap .es_btn {overflow:hidden;position:relative;display:inline-block;z-index:0;margin:2rem 0;padding:1rem 3rem;border:1px solid #787878;border-radius:0.5rem;background-color:transparent}
.ws_btn_wrap .es_btn:before {content:'';position:absolute;top:0;left:0;z-index:-1;width:0;height:100%;background:linear-gradient(45deg, var(--webis_color), var(--webis_color_250))}
.ws_btn_wrap .es_btn:hover {border:1px solid var(--webis_color);color:#FFF}
.ws_btn_wrap .es_btn:hover:before {width:100%;transition:0.3s}

/* CONTENT09 */
.ws_content09_wrap .es_content_area .bs_content_box {border-bottom:1px dashed #DDD;background-color:#FFF}
.ws_content09_wrap .es_content_area .bs_content_box .is_alert_field {border-radius:0 0 5rem 0;background-color:rgba(var(--webis_color_amber_200_rgb),.15)}
.ws_content09_wrap .es_content_area .bs_content_box .is_alert_field .ss_list ul {width:100%}
.ws_content09_wrap .es_content_area .bs_content_box .is_alert_field02 {background-color:rgba(var(--webis_color_blue_200_rgb),.1)}

/* INTRO */
.ws_intro_wrap {position:relative}
.ws_intro_wrap .es_content_area {margin-top:8rem;padding:8rem 6rem 6rem 12rem;border-radius:10rem 0 0 0;background-color:rgba(var(--webis_color_400_rgb),.05)}
.ws_intro_wrap .es_content_area .bs_content_area {}
.ws_intro_wrap .es_content_area .bs_content_area .is_title {display:block;margin-bottom:2rem;color:#000;font-size:2.5rem}
.ws_intro_wrap .es_content_area .bs_content_area .is_dsec {}
.ws_intro_wrap .es_content_area .bs_image_area {overflow:hidden;width:100%;height:100%;margin-top:-12rem;border-radius:1rem;box-shadow:1rem 1rem 2rem rgba(0,0,0,.15)}
.ws_intro_wrap .es_content_area .bs_image_area img {width:100%;max-width:100%;height:100%;object-fit:cover;background-color:#AAA}
.ws_intro_wrap .es_content_area .bs_line_area {opacity:0.2;display:flex;align-items:center;gap:1rem;position:absolute;left:0;bottom:9rem;transform:rotate(-90deg)}
.ws_intro_wrap .es_content_area .bs_line_area .is_text {display:block;color:var(--webis_color);;font-size:1.4rem;font-weight:bold;text-transform:uppercase}
.ws_intro_wrap .es_content_area .bs_line_area .is_line {width:5rem;height:1px;background-color:var(--webis_color)}
	
/* TABLE */
.ws_table02_wrap {overflow-x:auto;margin:1rem 0;border-top:1px solid #000}
.ws_table02_wrap table {}
.ws_table02_wrap table thead {}
.ws_table02_wrap table thead tr {}
.ws_table02_wrap table thead tr th {background-color:#F7F7F7}
.ws_table02_wrap table thead tr th span {display:block;color:#777;font-size:1.4rem}
.ws_table02_wrap table thead tr td {}
.ws_table02_wrap table tbody {}
.ws_table02_wrap table tbody tr {}
.ws_table02_wrap table tbody tr th,
.ws_table02_wrap table tbody tr td {text-align:center}
.ws_table02_wrap table tbody tr th {}
.ws_table02_wrap table tbody tr th:first-child {border-left:0}
.ws_table02_wrap table tbody tr th:last-child {border-right:0}
.ws_table02_wrap table tbody tr td {border-right:1px solid #DDD}
.ws_table02_wrap table tbody tr td:first-child {border-left:0}
.ws_table02_wrap table tbody tr td:last-child {border-right:0}

/* CONTENT */

/* 인사말 */
.ws_page_greeting_wrap {}
.ws_page_greeting_wrap .es_content_area {display:flex;flex-wrap:wrap;justify-content:space-between}
.ws_page_greeting_wrap .es_content_area .bs_image_box {width:100%;text-align:center}
.ws_page_greeting_wrap .es_content_area .bs_image_box img {max-width:100%;border-radius:2rem}
.ws_page_greeting_wrap .es_content_area .bs_content_box {width:100%}
.ws_page_greeting_wrap .es_content_area .bs_content_box .is_title {position:relative;z-index:1;padding:5rem 0;color:#000;font-size:2.5rem;line-height:1.4}
.ws_page_greeting_wrap .es_content_area .bs_content_box .is_title:before {content:'';display:block;position:absolute;top:2rem;left:0;width:5rem;height:0.5rem;background-color:var(--webis_color)}
.ws_page_greeting_wrap .es_content_area .bs_content_box .is_desc {line-height:1.7}
.ws_page_greeting_wrap .es_content_area .bs_content_box .is_desc .ss_point {display:block;margin-bottom:3rem;color:#000;font-size:1.8rem}
.ws_page_greeting_wrap .es_content_area .bs_content_box .is_sign {display:inline-block;margin-top:3rem;color:#000}

/* 비전·미션 */
.ws_page_mission_wrap {}
.ws_page_mission_wrap .es_mission_area {position:relative;margin-bottom:2rem;padding-bottom:1.5rem;font-size:1.8rem;text-align:center}
.ws_page_mission_wrap .es_mission_area:after {content:'';display:block;position:absolute;bottom:0;left:50%;width:2.5rem;height:2px;background-color:#BBB;transform:translateX(-50%)}
.ws_page_mission_wrap .es_vision_area {color:var(--webis_color);font-weight:bold;font-size:2.5rem;/*text-align:center*/padding-top:30px;}
.ws_page_mission_wrap .es_value_area {position:relative;margin:5rem 0}
.ws_page_mission_wrap .es_value_area .bs_center_box {position:relative;max-width:42rem;width:100%;margin:0 auto;padding:5rem 5rem 0 5rem;text-align:center}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_circle {display:inline-block;position:relative;width:100%;border-radius:50%;background-image:linear-gradient(130deg,rgba(33,247,230,1) 0%, rgba(0,201,81,1) 100%)}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_circle:before {content:'';display:block;padding-top:100%}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_circle:after {content:'';display:block;position:absolute;top:50%;left:50%;width:calc(100% - 2rem);height:calc(100% - 2rem);border-radius:50%;background-color:#FFF;transform:translate(-50%, -50%)}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field {position:absolute;width:32%;border-radius:50%;border:2px solid #336fb4;background-color:#FFF}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field:before {content:'';display:block;padding-top:100%}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field.is_content01 {top:0;left:50%;transform:translateX(-50%)}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field.is_content02 {bottom:5%;left:0}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field.is_content03 {bottom:5%;right:0}
.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field .ss_text {position:absolute;top:50%;left:50%;color:var(--webis_color);font-weight:bold;font-size:2rem;transform:translate(-50%, -50%)}
.ws_page_mission_wrap .es_value_area .bs_content_box {}
.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content01 {}
.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content02 {}
.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content03 {}
.ws_page_mission_wrap .es_value_area .bs_content_box .is_title {color:#000;font-weight:bold;font-size:2rem}
.ws_page_mission_wrap .es_value_area .bs_content_box .is_title .ss_label {color:var(--webis_color);font-size:1.6rem}
.ws_page_mission_wrap .es_value_area .bs_content_box .is_desc {margin-top:1rem;font-size:1.8rem}
.ws_page_mission_wrap .es_business_area {display:flex;justify-content:center;align-items:center;margin-top:10rem}
.ws_page_mission_wrap .es_business_area .bs_content_box {position:relative;width:20rem}
.ws_page_mission_wrap .es_business_area .bs_content_box:before {content:'';display:block;padding-top:100%}
.ws_page_mission_wrap .es_business_area .bs_content_box:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2rem;border:1px solid;transform:rotate(-45deg);opacity:.5}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content01:after {border-color:#80E4A8}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content02:after {border-color:var(--webis_color_700)}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content03:after {border-color:var(--webis_color_800)}
.ws_page_mission_wrap .es_business_area .bs_content_box .is_content_field {}
.ws_page_mission_wrap .es_business_area .bs_content_box .is_content_field:after {content:'';display:block;position:absolute;top:50%;left:50%;width:calc(100% - 2rem);height:calc(100% - 2rem);border-radius:2rem;transform:translate(-50%, -50%) rotate(-45deg)}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content01 .is_content_field:after {background-color:#80E4A8}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content02 .is_content_field:after {background-color:var(--webis_color_700)}
.ws_page_mission_wrap .es_business_area .bs_content_box.bs_content03 .is_content_field:after {background-color:var(--webis_color_800)}
.ws_page_mission_wrap .es_business_area .bs_content_box .is_content_field .ss_text {position:absolute;top:50%;left:50%;z-index:1;color:#FFF;font-weight:bold;font-size:2rem;transform:translate(-50%, -50%)}

/* 주요사업 */
.ws_page_business_wrap .ws_step03_wrap .es_content_area .bs_list_box {border-bottom:1px dashed #DDD}

/* 조직도 */
.ws_page_organ_wrap {}
.ws_page_organ_wrap .es_content_area {position:relative}
.ws_page_organ_wrap .es_content_area .bs_list_box {position:relative}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_text {display:flex;align-items:center;justify-content:center;position:relative;height:7rem;border-radius:50px;color:#FFF;font-weight:500;font-size:1.8rem;text-align:center}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field {position:relative}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field .ss_list {position:relative}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field .ss_list .ks_text {display:flex;align-items:center;justify-content:center;height:7rem;border-radius:50px;color:#FFF;font-weight:500;font-size:1.8rem;text-align:center}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field .ss_list .ks_list {position:relative}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field .ss_list .ks_list .os_list {}
.ws_page_organ_wrap .es_content_area .bs_list_box .is_sub_list_field .ss_list .ks_list .os_list .rs_text {}
.ws_page_organ_wrap .es_content_area .bs_center_box {padding-bottom:7rem}
.ws_page_organ_wrap .es_content_area .bs_center_box:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#DDD;z-index:-1}
.ws_page_organ_wrap .es_content_area .bs_center_box .is_text {width:20rem;margin:0 auto}
.ws_page_organ_wrap .es_content_area .bs_center_box.bs_center01 {}
.ws_page_organ_wrap .es_content_area .bs_center_box.bs_center01:before {}
.ws_page_organ_wrap .es_content_area .bs_center_box.bs_center01 .is_text {background-color:var(--webis_color_700)}
.ws_page_organ_wrap .es_content_area .bs_center_box.bs_center02 {clear:both;padding-top:3rem}
.ws_page_organ_wrap .es_content_area .bs_center_box.bs_center02 .is_text {background-color:var(--webis_color)}
.ws_page_organ_wrap .es_content_area .bs_side_box {position:absolute}
.ws_page_organ_wrap .es_content_area .bs_side_box:before {content:'';display:block;position:absolute;top:50%;width:35.5rem;height:1px;background-color:#DDD;z-index:-1}
.ws_page_organ_wrap .es_content_area .bs_side_box .is_text {width:20rem;border:1px solid #DDD;background-color:#FFF;color:#000}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_left {top:8rem;left:50%;transform:translateX(-200%)}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_left:before {left:100%}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_left .is_text {}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_right {top:8rem;right:50%;transform:translateX(200%)}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_right:before {right:100%}
.ws_page_organ_wrap .es_content_area .bs_side_box.bs_right .is_text {}
.ws_page_organ_wrap .es_content_area .bs_bottom_box {}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field {display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field:before {content:'';display:block;position:absolute;top:0;left:50%;width:68%;height:1px;background-color:#DDD;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list {width:calc(100% / 3 - (2 * 2rem / 3));padding-top:3rem}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#DDD;z-index:-1}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list .ks_text {background-color:#DDD;color:#000}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list .ks_list {}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list .ks_list .os_list {position:relative;margin-top:1rem;padding:1.5rem 1rem;border-radius:50px;border:1px solid #DDD;background-color:#FFF;text-align:center}
.ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list .ks_list .os_list .rs_text {}

/* 자원봉사란 */
.ws_page_overview_wrap {} 
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box {padding:3rem}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_icon {width:10rem;height:10rem;background-image:url('https://temp29.goodnanum.com//global/img/volunteer/overview_icon.png');background-repeat:no-repeat;background-position:center;background-size:cover}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_icon01 {background-position:0 0}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0 -10rem}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0 -20rem}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0 -30rem}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_title {margin:1rem}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box .is_desc {display:block}
.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box:after {display:none}
.ws_page_overview_wrap .ws_ol_list_wrap {padding:3rem;border-radius:1rem;background:#F7F7F7}
.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area {display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:3rem;border-radius:2rem;background-color:#FFF}
.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area .bs_list {display:flex;width:49%;height:8rem;padding:1rem;border-bottom:1px solid #EEE}
.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area .bs_list:hover {border-bottom:1px solid var(--webis_color);transition:0.3s}
.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area .bs_list .is_label {width:15%;font-weight:bold}
.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area .bs_list .is_desc {width:90%}

/* 자원봉사 단체 */
.ws_page_group_wrap {}
.ws_page_group_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon {background-image:url('../../../global/img/volunteer/group_icon.png');background-repeat:no-repeat;background-position:center;background-size:cover}
.ws_page_group_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon01 {background-position:0 0}
.ws_page_group_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon02 {background-position:0 -10rem}
.ws_page_group_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon03 {background-position:0 -20rem}
.ws_page_group_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon04 {background-position:0 -30rem}

/* 자원봉사 활동처 */
.ws_page_site_wrap {}
.ws_page_site_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon {background-image:url('../../../global/img/volunteer/site_icon.png');background-repeat:no-repeat;background-position:center;background-size:cover}
.ws_page_site_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon01 {background-position:0 0}
.ws_page_site_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon02 {background-position:0 -10rem}
.ws_page_site_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon03 {background-position:0 -20rem}
.ws_page_site_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon04 {background-position:0 -30rem}

/* 자원봉사 참여안내 */
.ws_page_guide_wrap {}

/* 자원봉사 캠프 */
.ws_page_camp_wrap {}
.ws_page_camp_wrap .ws_content06_wrap {margin-top:5rem}
.ws_page_camp_wrap .ws_content06_wrap .ws_title {margin-top:0}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area {display:block}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_title_box {width:100%}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_title_box .is_desc {margin-bottom:2rem}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box {width:100%}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list_field .ss_inner {border-radius:1rem 1rem 3rem;background-color:rgba(var(--webis_color_orange_400_rgb),.08)}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list_field .ss_inner:after {color:rgba(var(--webis_color_orange_400_rgb),.5)}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list_field .ss_inner .ks_title {font-weight:500}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list02 .ss_inner:after {content:'\e9bf'}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list03 .ss_inner:after {content:'\ea3a'}
.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list04 .ss_inner:after {content:'\ea04'}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area {display:flex;gap:3rem;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px dashed #DDD}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_image_box {overflow:hidden;width:50%;height:35rem;border-radius:1rem}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_image_box img {width:100%;max-width:100%;height:100%;object-fit:cover}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box {width:50%}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_title {display:block;margin-bottom:3rem;color:#000;font-size:2.2rem}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field {margin-bottom:2rem}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field dl {position:relative;padding-left:3.5rem}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field dl:before {content:'';position:absolute;top:-0.5rem;left:0;color:#000;font-weight:normal;font-size:2.4rem;font-family:'xeicon'}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field dl:nth-child(1):before {content:'\e9f5'}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field dl:nth-child(2):before {content:'\e9d3'}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list_field dl:nth-child(3):before {content:'\eb23'}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_sub_title {display:inline-block;padding:0.5rem 3rem;border-radius:1rem 1rem 0 0;);background-color:rgba(var(--webis_color_orange_400_rgb),.4);;color:#000;font-weight:500}
.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box .is_list {padding:2.5rem 3rem;border-radius:0 1rem 1rem 1rem;background-color:rgba(var(--webis_color_orange_400_rgb),.08)}

/* 청소년자원봉사 */
.ws_faq_wrap {margin-top:5rem;padding:6rem 5rem;border-radius:1rem;background-color:rgba(var(--webis_color_lime_rgb),.05);text-align:center}
.ws_faq_wrap .es_title {position:relative;display:inline-block;margin:0 auto;margin-bottom:5rem;color:#000;font-size:2.5rem}
.ws_faq_wrap .es_title:before {content:'';position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1rem;background-color:rgba(var(--webis_color_lime_rgb),.2)}
.ws_faq_wrap .es_content_area {text-align:left}
.ws_faq_wrap .es_content_area .bs_dl_list_box {margin-bottom:3rem}
.ws_faq_wrap .es_content_area .bs_dl_list_box .is_title {display:block;padding:1rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--webis_color_lime_600_rgb),.1);color:#000;font-size:1.8rem}
.ws_faq_wrap .es_content_area .bs_dl_list_box .is_title .ss_label {display:inline-block;width:3rem;height:3rem;margin-right:0.5rem;border-radius:3rem 3rem 0;background-color:rgba(var(--webis_color_lime_600_rgb),.8);color:#FFF;text-align:center}
.ws_faq_wrap .es_content_area .bs_dl_list_box .is_desc {padding:2rem 3rem;border:1px solid #DDD;border-top:0;border-radius:0 0 2rem 2rem;background-color:#FFF}

/* 교육안내 */
.ws_page_education_wrap {}
.ws_page_education_wrap .ws_content22_wrap .es_content_area {border:none}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_image_box {overflow:hidden;width:40%;height:30rem;border-radius:1rem}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box {padding:0 0 0 5rem}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box dl:nth-child(1):before {content:'\e902'}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box dl:nth-child(2):before {content:'\e9f5'}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box dl:nth-child(3):before {content:'\ea8d'}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box .is_title {font-size:2.5rem}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box .is_desc {margin-bottom:3rem}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box .is_alert_field {margin-top:3rem;padding:3rem;border-radius:0 0 5rem 0;background-color:rgba(var(--webis_color_amber_200_rgb),.15)}
.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box .is_alert_field .ss_title {display:block;margin-bottom:1.5rem;color:#000}
.ws_page_education_wrap .ws_btn_wrap {margin-top:3rem;padding-top:1rem;border-top:1px dashed #DDD}
.ws_page_education_wrap .ws_dl_list01_wrap .es_1st_dl .bs_1st_dt {margin-right:2rem}
.ws_page_education_visit_wrap {}
.ws_page_online_visit_wrap {}

/* 인센티브 */
.ws_page_incentive_wrap {}
.ws_page_incentive_wrap {}
.ws_page_incentive_wrap .ws_content16_wrap {}
.ws_page_incentive_wrap .ws_content16_wrap .es_content_area {border:none;border-radius:0 0 5rem 0;background-color:rgba(var(--webis_color_rose_rgb),.02)}
.ws_page_incentive_wrap .ws_content16_wrap .es_content_area .bs_image_box {}
.ws_page_incentive_wrap .ws_content16_wrap .es_content_area .bs_image_box img {overflow:hidden;width:100%;max-width:100%;height:100%;border-radius:1rem;object-fit:cover}
.ws_page_incentive_wrap .ws_content16_wrap .es_content_area .bs_text_box {border-right:10px dotted rgba(var(--webis_color_rose_rgb),.05)}
.ws_page_incentive_wrap .ws_content16_wrap .es_content_area .bs_text_box .is_label {display:inline-block;margin-bottom:1rem;color:rgba(var(--webis_color_rose_rgb),.4);font-weight:bold;font-size:1.4rem}

/* 종합보험 */
.ws_page_insurance_wrap {}
.ws_page_insurance_wrap .ws_content07_wrap .es_content_area .bs_content_box {}
.ws_page_insurance_wrap .ws_content07_wrap .es_content_area .bs_content_box .is_title {border:0;border-radius:1rem 1rem 0 0;background-color:rgba(var(--webis_color_violet_600_rgb),.1);color:#000}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon {background-image:url('../../../global/img/volunteer/insurance_icon.png');background-repeat:no-repeat;background-position:center;background-size:cover}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon01 {background-position:0 0}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon02 {background-position:0 -10rem}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon03 {background-position:0 -20rem}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon04 {background-position:0 -30rem}
.ws_page_insurance_wrap .ws_step07_wrap .es_content_area .bs_list_box .is_icon.is_icon05 {background-position:0 -40rem}

/* 할인가맹점 */
.ws_store_wrap {}
.ws_store_wrap .es_content_area {display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}
.ws_store_wrap .es_content_area .bs_list_box {flex: 0 0 calc(33.333% - 2rem);margin-bottom:2rem;padding:2rem;border:1px solid #EEE;border-radius:1rem}
.ws_store_wrap .es_content_area .bs_list_box:hover {box-shadow:0 0 2rem rgba(0,0,0,0.05)}
.ws_store_wrap .es_content_area .bs_list_box .is_image_field {}
.ws_store_wrap .es_content_area .bs_list_box .is_image_field .ss_image {max-width:100%;border-radius:1rem}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field {margin-top:2rem;}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_title_zone {}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_title_zone .ks_label {display:inline-block;margin-bottom:0.5rem;padding:0.1rem 1.5rem;border-radius:0.3rem;background-color:rgba(var(--webis_color_rgb),.1);color:var(--webis_color)}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_title_zone .ks_title {display:block;margin-bottom:1rem;color:#000;font-size:2rem}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_list_zone {display:flex;align-items:baseline}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_list_zone .ks_title {flex-shrink:0;width:25%;color:#000}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_list_zone .ks_title .os_icon {display:inline-block;margin-right:0.5rem;color:var(--webis_color)}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_list_zone .ks_title .os_icon {display:inline-block;margin-right:0.5rem;color:var(--webis_color)}
.ws_store_wrap .es_content_area .bs_list_box .is_text_field .ss_list_zone .ks_dsec {}



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

}


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

}


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

}


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

}

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

}


@media all and (max-width:1023.98px) {
	.ws_intro_wrap .es_content_area .bs_line_area {display:none}
	.ws_intro_wrap .es_content_area {padding:8rem}
	.ws_intro_wrap .es_content_area .bs_image_area {margin-top:5rem}
	
	.ws_page_mission_wrap .es_value_area .bs_content_box {margin-top:3rem;padding:3rem;border-radius:2rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,.08)}
	
	.ws_page_overview_wrap .ws_ol_list_wrap .es_content_area .bs_list {width:100%;height:auto}
	
	.ws_page_incentive_wrap .ws_content16_wrap .es_content_area .bs_text_box {padding:2rem;border-top:10px dotted rgba(var(--webis_color_rose_rgb),.05);border-right:0}

	.ws_store_wrap .es_content_area {gap:1rem}
	.ws_store_wrap .es_content_area .bs_list_box {flex: 0 0 calc(50% - 1rem)}
	
	.ws_page_education_wrap .ws_content22_wrap .es_content_area {flex-direction:column}
	.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_image_box {width:100%}
	.ws_page_education_wrap .ws_content22_wrap .es_content_area .bs_text_box {width:100%;padding:2rem 0 0}
}


@media all and (max-width:767.98px) {
	.ws_content09_wrap .es_content_area .bs_content_box {padding:3rem 0}
	
	.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area {flex-direction:column}
	.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_image_box {width:100%}
	.ws_page_camp_wrap .ws_about_camp_wrap .es_content_area .bs_text_box {width:100%}
	.ws_page_camp_wrap .ws_content06_wrap .es_content_area .bs_content_box ul .is_list_field .ss_inner {min-height:18rem}
	
	.ws_faq_wrap {padding:6rem 1rem}
}


@media all and (max-width:639.98px) {
	.ws_intro_wrap .es_content_area {padding:7rem 3rem 3rem}
	
	.ws_page_mission_wrap .es_business_area .bs_content_box {width:30%}
	
    .ws_page_organ_wrap .es_content_area .bs_side_box:before {width:100%}
    .ws_page_organ_wrap .es_content_area .bs_side_box.bs_left {left:0;transform:translateX(0)}
    .ws_page_organ_wrap .es_content_area .bs_side_box.bs_right {right:0;transform:translateX(0)}
	.ws_page_organ_wrap .es_content_area .bs_side_box .is_text {width:15rem}
    .ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field {flex-direction:column;gap:0}
    .ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field:before {display:none}
    .ws_page_organ_wrap .es_content_area .bs_bottom_box .is_sub_list_field .ss_list {width:100%}
}


@media all and (max-width:479.98px) {
	.ws_page_overview_wrap .ws_step08_wrap .es_content_area .bs_list_box {padding:2rem}
	
	.ws_store_wrap .es_content_area .bs_list_box {flex: 0 0 100%}
}


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

}


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

}


@media all and (min-width:0px) {

}

@media all and (min-width:280px) {

}


@media all and (min-width:320px) {

}


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

}


@media all and (min-width:640px) {

}

@media all and (min-width:768px) {
	.ws_page_mission_wrap .es_mission_area {font-size:2rem}
	.ws_page_mission_wrap .es_vision_area {font-size:3rem}
	.ws_page_mission_wrap .es_value_area .bs_center_box .is_content_field .ss_text {font-size:2.2rem}
	.ws_page_mission_wrap .es_value_area .bs_content_box .is_title {font-size:2.5rem}
	.ws_page_mission_wrap .es_business_area {gap:10rem}
	.ws_page_mission_wrap .es_business_area .bs_content_box .is_content_field .ss_text {font-size:2.2rem}
}


@media all and (min-width:1024px) {
	.ws_page_greeting_wrap .es_content_area .bs_image_box {width:35%}
	.ws_page_greeting_wrap .es_content_area .bs_content_box {width:60%}
	.ws_page_greeting_wrap .es_content_area .bs_content_box .is_title {font-size:3rem}
	.ws_page_greeting_wrap .es_content_area .bs_content_box .is_desc .ss_point {font-size:2rem}
	
	.ws_page_mission_wrap .es_vision_area {font-size:3.5rem}
	.ws_page_mission_wrap .es_value_area {margin:10rem 0}
	.ws_page_mission_wrap .es_value_area .bs_content_box {position:absolute;width:calc(50% - (42rem / 2) - 3rem)}
	.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content01 {top:0;left:0;text-align:right}
	.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content02 {bottom:0;left:0;text-align:right}
	.ws_page_mission_wrap .es_value_area .bs_content_box.bs_content03 {bottom:0;right:0}
	.ws_page_mission_wrap .es_value_area .bs_content_box .is_title {font-size:3rem}
	.ws_page_mission_wrap .es_business_area {margin-top:20rem}
}


@media all and (min-width:1280px) {
	.ws_page_greeting_wrap .es_content_area .bs_content_box .is_title {font-size:3.5rem}
	.ws_page_greeting_wrap .es_content_area .bs_content_box .is_desc .ss_point {font-size:2.5rem}
}


@media all and (min-width:1440px) {

}

@media all and (min-width:1600px) {

}

@media all and (min-width:1920px) {

}

@media all and (min-width:2560px) {

}


@media all and (min-width:0px) and (max-width:279.98px) {

}

@media all and (min-width:280px) and (max-width:319.98px) {

}

@media all and (min-width:320px) and (max-width:479.98px) {

}

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

}

@media all and (min-width:640px) and (max-width:767.98px) {

}

@media all and (min-width:768px) and (max-width:1023.98px) {

}

@media all and (min-width:1024px) and (max-width:1279.98px) {

}

@media all and (min-width:1280px) and (max-width:1439.98px) {

}

@media all and (min-width:1440px) and (max-width:1599.98px) {

}

@media all and (min-width:1600px) and (max-width:1919.98px) {

}

@media all and (min-width:1920px) and (max-width:2559.98px) {

}
/*부산지원단 소개 스타일 끝*/

/*부산지원단 연혁스타일 시작*/
.sub_nav_wrap {margin-top:3rem}
.sub_nav_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.sub_nav_1st_wrap {}
.sub_nav_1st_wrap .es_1st_ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li {overflow:hidden;background-color:#F5F5F5}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child {border-radius:50px 0 0 50px}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {border-radius:0 50px 50px 0}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {display:block;height:6rem;padding:0 4rem;background-color:#F5F5F5;color:#777;line-height:6rem;text-align:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {border-radius:50px;background-color:#336fb4;color:#FFF;font-weight:500}

/* 연혁 페이지 스타일 */
.page_history_wrap {
    padding: 0px 0;
}

.history_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.history_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* 테이블 컨테이너 */
.history_table_container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 2px solid #BBDEFB;
    border-radius: 12px;
}

/* 테이블 기본 스타일 */
.history_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.history_table th,
.history_table td {
    padding: 20px 15px;
    border-bottom: 1px solid #E3F2FD;
    text-align: left;
    vertical-align: top;
    line-height: 1.8;
}

/* 연도 열 */
.history_table th {
    width: 120px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #E3F2FD;
    border-bottom: 1px solid #2a5a94;
}

/* 내용 열 */
.history_table td {
    font-size: 15px;
    color: #555;
    word-break: keep-all;
}

.history_table tbody tr:hover {
    background: #F8FCFF;
}

/* 마지막 행 하단 테두리 제거 */
.history_table tr:last-child th,
.history_table tr:last-child td {
    border-bottom: none;
}

/* 텍스트 강조 */
.history_table td strong {
    color: #336fb4;
    font-weight: 700;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .history_section {
        padding: 30px;
    }
    
    .history_table th {
        width: 100px;
    }
    
    .history_table th,
    .history_table td {
        padding: 15px 12px;
        font-size: 14px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_history_wrap {
        padding: 30px 0;
    }
    
    .history_container {
        padding: 0 0px;
    }
    
    .sub_nav_1st_wrap .es_1st_ul {
        justify-content: flex-start;
        background-color: #F5F5F5;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li {
        width: 50%;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child,
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {
        border-radius: 0;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {
        padding: 0;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {
        border-radius: 0;
    }
    
    .history_section {
        padding: 25px 20px;
    }
    
    /* 테이블을 카드 형태로 변경 */
    .history_table_container {
        border: none;
    }
    
    .history_table {
        border: none;
    }
    
    .history_table thead {
        display: none;
    }
    
    .history_table tbody,
    .history_table tr,
    .history_table td {
        display: block;
        width: 100%;
    }
    
    .history_table tr {
        margin-bottom: 20px;
        border: 2px solid #BBDEFB;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .history_table th {
        display: block;
        width: 100%;
        padding: 15px;
        text-align: center;
        background: linear-gradient(135deg, #336fb4, #4a8fd9);
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        border: none;
        border-radius: 0;
    }
    
    .history_table td {
        display: block;
        width: 100%;
        padding: 20px;
        border: none;
        font-size: 14px;
    }
    
    .history_table tr:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .history_table th {
        font-size: 18px;
        padding: 12px;
    }
    
    .history_table td {
        font-size: 13px;
        padding: 15px;
    }
}
/*부산지원단 연혁 스타일 끝*/


/*부산지원단 주요사업 스타일 시작*/
.sub_nav_wrap {margin-top:3rem}
.sub_nav_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.sub_nav_1st_wrap {}
.sub_nav_1st_wrap .es_1st_ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li {overflow:hidden;background-color:#F5F5F5}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child {border-radius:50px 0 0 50px}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {border-radius:0 50px 50px 0}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li_on {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li_on:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {display:block;height:6rem;padding:0 4rem;background-color:#F5F5F5;color:#777;line-height:6rem;text-align:center}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a:hover {}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {border-radius:50px;background-color:#336fb4;color:#FFF;font-weight:500}
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on,
.sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on:hover {}

/* 주요사업 페이지 스타일 */
.page_greeting_wrap {
    padding: 0px 0;
}

.greet01_wrap {
    max-width: 1280px;
    margin: 0 auto;
}

/* 이미지 영역 */
.bs_image_box {
    margin: 40px 0;
    text-align: center;
}

.bs_image_box img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
}

/* 섹션 타이틀 */
.bs_text_box {
    margin-top: 60px;
}

.bs_text_box .is_title {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 3px solid #336fb4;
    text-align: center;
}

/* 주요사업 카드 레이아웃 */
.business_card_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.business_card {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.business_card:hover {
    border-color: #336fb4;
    box-shadow: 0 8px 24px rgba(51, 111, 180, 0.15);
    transform: translateY(-5px);
}

/* 카드 번호 */
.business_card .card_number {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(51, 111, 180, 0.3);
}

/* 카드 제목 */
.business_card .card_title {
    font-size: 22px;
    font-weight: 700;
    color: #336fb4;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 4px solid #336fb4;
}

/* 카드 내용 */
.business_card .card_content {
    line-height: 1.8;
    color: #555;
}

.business_card .card_content .content_item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    font-size: 15px;
}

.business_card .card_content .content_item:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #336fb4;
    font-weight: 700;
    font-size: 18px;
}

.business_card .card_content .content_item:last-child {
    margin-bottom: 0;
}

/* 강조 텍스트 */
.business_card .card_content .highlight {
    color: #336fb4;
    font-weight: 600;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .greet01_wrap {
        max-width: 95%;
        padding: 0 0px;
    }
    
    .business_card_wrap {
        gap: 20px;
    }
    
    .business_card {
        padding: 25px;
    }
    
    .business_card .card_title {
        font-size: 20px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_greeting_wrap {
        padding: 30px 0;
    }
    
    .sub_nav_1st_wrap .es_1st_ul {
        justify-content: flex-start;
        background-color: #F5F5F5;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li {
        width: 50%;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li:first-child,
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li:last-child {
        border-radius: 0;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a {
        padding: 0;
    }
    
    .sub_nav_1st_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {
        border-radius: 0;
    }
    
    .bs_text_box .is_title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .business_card_wrap {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .business_card {
        padding: 20px;
    }
    
    .business_card .card_number {
        width: 40px;
        height: 40px;
        font-size: 16px;
        top: 15px;
        right: 15px;
    }
    
    .business_card .card_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .business_card .card_content .content_item {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .bs_text_box .is_title {
        font-size: 20px;
    }
    
    .business_card .card_title {
        font-size: 16px;
    }
    
    .business_card .card_content .content_item {
        font-size: 13px;
    }
}

/*부산지원단 주요사업 스타일 끝*/

/* 우리동네 지역아동센터 페이지 스타일 시작*/
.page_center_info_wrap {
    padding: 50px 0;
}

.center_info_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 이미지 영역 */
.center_image_box {
    margin-bottom: 50px;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
}

.center_image_box img {
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

/* 섹션 래퍼 */
.center_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.center_section:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

/* 섹션 번호 뱃지 */
.section_badge {
    display: inline-block;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 0 4px 12px rgba(51, 111, 180, 0.3);
}

/* 섹션 타이틀 */
.section_title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 3px solid #336fb4;
}

/* 섹션 내용 */
.section_content {
    line-height: 1.9;
    color: #555;
    font-size: 15px;
}

.section_content p {
    margin-bottom: 15px;
}

/* 리스트 스타일 */
.info_list {
    margin: 20px 0;
    padding-left: 0;
    list-style: none;
}

.info_list_item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 1.8;
}

.info_list_item:before {
    content: '▸';
    position: absolute;
    left: 0;
    color: #336fb4;
    font-weight: 700;
}

/* 강조 박스 */
.highlight_box {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border-left: 4px solid #336fb4;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.highlight_box strong {
    color: #336fb4;
    font-weight: 700;
}

/* 안내 박스 */
.notice_box {
    background: #F8F9FA;
    border: 1px solid #E9ECEF;
    padding: 15px 20px;
    margin: 15px 0;
    border-radius: 8px;
    font-size: 14px;
    color: #666;
}

.notice_box:before {
    /*content: '※ ';*/
    color: #336fb4;
    font-weight: 700;
}

/* 서브 타이틀 */
.sub_title {
    font-size: 18px;
    font-weight: 700;
    color: #336fb4;
    margin: 25px 0 15px;
    padding-left: 15px;
    border-left: 4px solid #336fb4;
}

/* 시간표 스타일 */
.time_table {
    background: #fff;
    border: 2px solid #BBDEFB;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.time_row {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.time_row:last-child {
    border-bottom: none;
}

.time_label {
    flex-shrink: 0;
    width: 150px;
    font-weight: 700;
    color: #333;
}

.time_value {
    flex: 1;
    color: #555;
}

/* 프로그램 세부 항목 */
.program_detail_item {
    background: linear-gradient(135deg, #F8FCFF, #fff);
    border: 2px solid #BBDEFB;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.program_detail_item:hover {
    border-color: #336fb4;
    box-shadow: 0 8px 24px rgba(51, 111, 180, 0.2);
    transform: translateY(-5px);
}

.program_detail_header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #E3F2FD;
}

.program_detail_icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.program_detail_title {
    font-size: 20px;
    font-weight: 700;
    color: #336fb4;
}

.program_detail_content {
    line-height: 1.8;
    color: #555;
}

.program_detail_content ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.program_detail_content li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.program_detail_content li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #336fb4;
    font-weight: 700;
    font-size: 18px;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .center_section {
        padding: 30px;
    }
    
    .section_title {
        font-size: 22px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_center_info_wrap {
        padding: 30px 0;
    }
    
    .center_info_container {
        /*padding: 0 15px;*/
		padding: 0 0px;
    }
    
    .center_section {
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    
    .section_badge {
        font-size: 14px;
        padding: 6px 16px;
    }
    
    .section_title {
        font-size: 20px;
    }
    
    .section_content {
        font-size: 14px;
    }
    
    .sub_title {
        font-size: 16px;
    }
    
    .program_detail_icon {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
    
    .program_detail_title {
        font-size: 18px;
    }
    
    .time_row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .time_label {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .center_section {
        padding: 20px 15px;
    }
    
    .section_title {
        font-size: 18px;
    }
    
    .highlight_box {
        padding: 15px;
    }
    
    .program_detail_item {
        padding: 20px;
    }
}
/* 우리동네 지역아동센터 페이지 스타일 끝*/


/* 나답게 크는 아이 페이지 스타일 시작 */
.page_nadapge_wrap {
    padding: 0px 0;
}

.nadapge_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 이미지 영역 */
.nadapge_image_box {
    margin-bottom: 50px;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
}

.nadapge_image_box img {
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

/* 인트로 섹션 */
.intro_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.intro_main_title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #336fb4;
    display: flex;
    align-items: center;
}

.intro_main_title:before {
    content: '1';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.intro_content {
    line-height: 2;
    color: #333;
    font-size: 16px;
}

.intro_content strong {
    color: #336fb4;
    font-weight: 700;
    font-size: 1.7rem;
}

/* 정보 박스 */
.info_highlight_box {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border: 2px solid #336fb4;
    border-radius: 8px;
    padding: 25px;
    margin: 30px 0;
}

.info_row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    line-height: 1.8;
}

.info_row:last-child {
    margin-bottom: 0;
}

.info_label {
    flex-shrink: 0;
    width: 30px;
    color: #336fb4;
    font-weight: 700;
    font-size: 1.7rem;
}

.info_text {
    flex: 1;
    color: #333;
    font-size: 15px;
}

.info_text strong {
    color: #336fb4;
    font-weight: 700;
}

/* 프로그램 섹션 */
.program1_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.program1_main_title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #336fb4;
    display: flex;
    align-items: center;
}

.program1_main_title:before {
    content: '2';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

/* 프로그램 카드 */
.program1_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 30px;
}

.program1_card {
    background: linear-gradient(135deg, #fff, #F8FCFF);
    border: 2px solid #BBDEFB;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
}

.program1_card:hover {
    border-color: #336fb4;
    box-shadow: 0 8px 24px rgba(51, 111, 180, 0.2);
    transform: translateY(-5px);
}

.program1_card_header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #E3F2FD;
}

.program1_icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-right: 15px;
    flex-shrink: 0;
}

.program1_card_title {
    flex: 1;
}

.program1_label {
    font-size: 25px;
	font-weight:bold;
    color: #666;
    margin-bottom: 5px;
}

.program1_name {
    font-size: 18px;
    font-weight: 700;
    color: #336fb4;
}

.program1_time {
    font-size: 13px;
    color: #999;
    margin-top: 3px;
}

.program1_card_content {
    line-height: 1.9;
    color: #555;
	text-align: left;
}

.program1_item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.program1_item:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #336fb4;
    font-weight: 700;
    font-size: 1.7rem;
}

.program1_item:last-child {
    margin-bottom: 0;
}

/* 안내 노트 */
.notice_note {
    background: #FFF9E6;
    border-left: 4px solid #FFB800;
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
}

.notice_note p {
    margin: 0;
    padding: 5px 0;
    line-height: 1.8;
    color: #666;
    font-size: 14px;
}

.notice_note p:before {
    content: '※ ';
    color: #FFB800;
    font-weight: 700;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .intro_section,
    .program1_section {
        padding: 30px;
    }
    
    .intro_main_title,
    .program1_main_title {
        font-size: 2.5rem;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_nadapge_wrap {
        padding: 30px 0;
    }
    
    .nadapge_container {
        padding: 0 0px;
    }
    
    .intro_section,
    .program1_section {
        padding: 25px 20px;
    }
    
    .intro_main_title,
    .program1_main_title {
        font-size: 22px;
    }
    
    .intro_main_title:before,
    .program1_main_title:before {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .intro_content {
        font-size: 15px;
    }
    
    .program1_cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .program1_card {
        padding: 25px 20px;
    }
    
    .program1_icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    
    .program1_name {
        font-size: 16px;
    }
    
    .info_row {
        /*flex-direction: column;*/
    }
    
    .info_label {
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .intro_main_title,
    .program1_main_title {
        font-size: 20px;
    }
    
    .intro_content {
        font-size: 14px;
    }
    
    .program1_card_header {
        flex-direction: column;
        /*align-items: flex-start;*/
    }
    
    .program1_icon {
        margin-bottom: 15px;
    }
}
/* 나답게 크는 아이 페이지 스타일 끝 */


/* 야간연장돌봄 페이지 스타일 시작*/
.page_night_care_wrap {
    padding: 0px 0;
}

.night_care_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 이미지 영역 */
.night_care_image_box {
    margin-bottom: 50px;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
}

.night_care_image_box img {
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

/* 섹션 공통 스타일 */
.night_care_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.section_main_title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #336fb4;
    display: flex;
    align-items: center;
}

.section_main_title:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.section_main_title.title_1:before { content: '1'; }
.section_main_title.title_2:before { content: '2'; }
.section_main_title.title_3:before { content: '3'; }

/* 인트로 박스 */
.intro_highlight_box {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border-left: 4px solid #336fb4;
    padding: 25px;
    border-radius: 8px;
    line-height: 1.9;
    color: #333;
    font-size: 16px;
}

/* 서브 타이틀 */
.sub_section_title {
    font-size: 18px;
    font-weight: 700;
    color: #336fb4;
    margin: 30px 0 15px;
    padding-left: 15px;
    border-left: 4px solid #336fb4;
}

/* 내용 */
.section_content {
    line-height: 1.9;
    color: #555;
    font-size: 15px;
}

.section_content ul {
    margin: 15px 0;
    padding-left: 0;
    list-style: none;
}

.section_content li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.section_content li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #336fb4;
    font-weight: 700;
    font-size: 18px;
}

/* 이용 절차 스텝 */
.step_container {
    margin-top: 40px;
}

.step_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.step_card {
    background: linear-gradient(135deg, #fff, #F8FCFF);
    border: 2px solid #BBDEFB;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.step_card:hover {
    border-color: #336fb4;
    box-shadow: 0 8px 24px rgba(51, 111, 180, 0.2);
    transform: translateY(-5px);
}

.step_card:not(:last-child):after {
    content: '→';
    position: absolute;
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #336fb4;
    font-weight: 700;
    z-index: 1;
}

.step_number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.step_title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.4;
}

.step_desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 정보 그리드 */
.info_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.info_box {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border: 2px solid #336fb4;
    border-radius: 12px;
    padding: 25px;
}

.info_box_title {
    font-size: 18px;
    font-weight: 700;
    color: #336fb4;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #336fb4;
}

.info_box_content {
    line-height: 1.8;
    color: #333;
    font-size: 15px;
}

/* 안내 박스 */
.notice_box {
    background: #FFF9E6;
    border-left: 4px solid #FFB800;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.notice_box p {
    margin: 0;
    padding: 5px 0;
    line-height: 1.8;
    color: #666;
    font-size: 14px;
}

.notice_box p:before {
    content: '※ ';
    color: #FFB800;
    font-weight: 700;
}

/* 연락처 강조 */
.contact_highlight {
    background: #fff;
    border: 2px solid #336fb4;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 15px 0;
    text-align: center;
}

.contact_highlight strong {
    color: #336fb4;
    font-size: 18px;
    font-weight: 700;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .night_care_section {
        padding: 30px;
    }
    
    .section_main_title {
        font-size: 24px;
    }
    
    .step_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .step_card:nth-child(2n):after {
        display: none;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_night_care_wrap {
        padding: 30px 0;
    }
    
    .night_care_container {
        padding: 0 0px;
    }
    
    .night_care_section {
        padding: 25px 20px;
    }
    
    .section_main_title {
        font-size: 22px;
    }
    
    .section_main_title:before {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .intro_highlight_box {
        font-size: 15px;
        padding: 20px;
    }
    
    .step_grid,
    .info_grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .step_card:after {
        display: none;
    }
    
    .step_number {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
    
    .contact_highlight strong {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .section_main_title {
        font-size: 20px;
    }
    
    .intro_highlight_box {
        font-size: 14px;
    }
    
    .sub_section_title {
        font-size: 16px;
    }
}
/* 야간연장돌봄 페이지 스타일 끝*/


/* 운영센터 안내 페이지 스타일 시작*/
.page_center_list_wrap {
    padding: 0px 0;
}

.center_list_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 섹션 스타일 */
.center_list_section {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* 상단 제목 영역 */
.center_title_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid #336fb4;
}

.center_main_title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
}

.center_main_title:before {
    content: '●';
    color: #336fb4;
    font-size: 24px;
    margin-right: 10px;
}

.center_date {
    font-size: 15px;
    color: #666;
    font-weight: 500;
}

/* 테이블 컨테이너 */
.center_table_container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 2px solid #BBDEFB;
    border-radius: 12px;
}

/* 테이블 스타일 */
.center_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    min-width: 800px;
}

.center_table th,
.center_table td {
    padding: 15px 12px;
    border: 1px solid #E3F2FD;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
}

/* 헤더 */
.center_table thead th {
    background: linear-gradient(135deg, #336fb4, #4a8fd9);
    color: #fff;
    font-weight: 700;
    border: none;
}

.center_table thead th:first-child {
    border-radius: 10px 0 0 0;
}

.center_table thead th:last-child {
    border-radius: 0 10px 0 0;
}

/* 바디 */
.center_table tbody td {
    color: #555;
}

.center_table tbody tr:hover {
    background: #F8FCFF;
}

/* 순번 열 */
.center_table .col_num {
    width: 80px;
    font-weight: 600;
    color: #336fb4;
}

/* 구/군 열 */
.center_table .col_region {
    width: 120px;
}

/* 센터명 열 */
.center_table .col_center {
    width: 200px;
    font-weight: 600;
}

/* 운영시간 열 */
.center_table .col_time {
    width: 100px;
    color: #336fb4;
    font-weight: 600;
}

/* 주소 열 */
.center_table .col_address {
    text-align: left;
}

/* 연락처 열 */
.center_table .col_phone {
    width: 150px;
}

/* 비고 열 */
.center_table .col_note {
    width: 150px;
    color: #FF6B6B;
    font-weight: 500;
}

/* 빈 행 스타일 */
.center_table .empty_row {
    height: 60px;
    background: #FAFAFA;
}

/* 하단 안내문구 */
.center_notice {
    margin-top: 30px;
    padding: 25px;
    background: linear-gradient(135deg, #FFF9E6, #FFF5CC);
    border-left: 4px solid #FFB800;
    border-radius: 8px;
}

.center_notice p {
    margin: 0;
    padding: 5px 0;
    font-size: 15px;
    color: #666;
    line-height: 1.8;
}

.center_notice p:before {
    content: '※ ';
    color: #FFB800;
    font-weight: 700;
    font-size: 16px;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .center_list_section {
        padding: 30px;
    }
    
    .center_table {
        min-width: 700px;
    }
    
    .center_table th,
    .center_table td {
        padding: 12px 10px;
        font-size: 14px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .page_center_list_wrap {
        padding: 30px 0;
    }
    
    .center_list_container {
        padding: 0 0px;
    }
    
    .center_list_section {
        padding: 25px 20px;
    }
    
    .center_title_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .center_main_title {
        font-size: 20px;
    }
    
    .center_date {
        font-size: 14px;
    }
    
    .center_notice {
        padding: 20px;
    }
    
    .center_notice p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .center_main_title {
        font-size: 18px;
    }
    
    .center_table {
        min-width: 600px;
    }
    
    .center_table th,
    .center_table td {
        padding: 10px 8px;
        font-size: 13px;
    }
}
/* 운영센터 안내 페이지 스타일 끝*/