@charset "utf-8";

/* ==================================================================================================== *
 *
 *     SAMPLE PAGE STYLESHEET
 *
 * ==================================================================================================== */

/* COMMON : S */
.ws_content_wrap {margin-top:5rem;margin-bottom:10rem}
.ws_content_wrap .es_title {display:block;position:relative;margin-top:5rem;margin-bottom:2rem;padding-left:3.5rem;color:#121212;font-weight:500;font-size:2.4rem}
.ws_content_wrap .es_title:before {content:'';display:block;position:absolute;top:0.7rem;left:0;width:2.8rem;height:2.1rem;background-image:url('../../img/page/bullet.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_content_wrap .es_title_q {display:block;position:relative;margin-top:7rem;margin-bottom:2rem;padding-left:3rem;color:#121212;font-weight:500;font-size:2.4rem}
.ws_content_wrap .es_title_q:before {content:'Q';display:block;position:absolute;top:-1px;left:0;font-weight:500}
.ws_content_wrap .es_sub_title {display:block;margin-top:1rem;;margin-bottom:1rem;color:#121212;font-weight:500}
.ws_content_wrap .es_point {;margin-top:1rem;;margin-bottom:1rem;color:#121212;font-weight:500}
.ws_content_wrap .es_desc .bs_point {color:#121212;font-weight:500}
.ws_content_wrap .es_desc .bs_alert {display:block;margin-top:1.5rem;color:#999;font-size:1.6rem}
.ws_content_wrap .es_bg {padding:3rem;border-radius:2rem;background-color:#F9F9F9}J
.ws_content_wrap .es_bg .bs_bg {border-radius:2rem;background-color:#FFF}
.ws_content_wrap .es_bd {padding:3rem;border-radius:2rem;border:1px solid #E8EBEE}
.ws_content_wrap .es_alert {display:block;margin-top:1.5rem;color:#999;font-size:1.6rem}

.ws_nav_sub_bg_wrap {height:50rem}

/* IMAGE */
.ws_content_wrap .es_image_area {text-align:center}
.ws_content_wrap .es_image_area img {max-width:100%}

/* TABLE */
.ws_content_wrap .es_table_area {border-top:2px solid #121212}
.ws_content_wrap .es_table_area .bs_alert {display:block;margin-top:1rem;color:#A0A0A0;font-size:1.6rem}
.ws_content_wrap .es_table_area th, .ws_content_wrap .es_table_area td {padding:0.8rem}

/* UL LIST */
.ws_content_wrap .es_ul_list_area {}
.ws_content_wrap .es_ul_list_area .bs_point {display:block;color:#121212;font-weight:500}
.ws_content_wrap .es_ul_list_area .bs_alert {display:block;margin-top:0.5rem;margin-bottom:1rem;color:#A0A0A0;font-size:1.6rem}
.ws_content_wrap .es_ul_list_area .bs_1st_ul {}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li {position:relative;margin-bottom:1.2rem;padding-left:1.8rem}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li:before {content:'';display:block;position:absolute;top:1rem;left:0;width:10px;height:10px;border-radius:50%;border:3px solid #00a0e0}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul {margin-top:1rem;margin-bottom:2.5rem;font-size:1.6rem}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul .is_2nd_li {position:relative;margin-bottom:1rem;padding-left:1.5rem}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul .is_2nd_li:before {content:'';display:block;position:absolute;top:1rem;left:0;width:8px;height:8px;border-radius:50%;background-color:#1E7AC2}
.ws_content_wrap .es_ul_list_area .bs_3rd_ul {margin-top:1rem;margin-bottom:2.5rem}
.ws_content_wrap .es_ul_list_area .bs_3rd_ul .is_3rd_li {position:relative;margin-bottom:1rem;padding-left:1.3rem}
.ws_content_wrap .es_ul_list_area .bs_3rd_ul .is_3rd_li:before {content:'';display:block;position:absolute;top:1rem;left:0;width:5px;height:5px;border-radius:50%;background-color:#045697}
.ws_content_wrap .es_ul_list_area .bs_4th_ul {margin-top:1rem;margin-bottom:0rem}
.ws_content_wrap .es_ul_list_area .bs_4th_ul .is_4th_li {position:relative;margin-bottom:1rem;padding-left:1.5rem}
.ws_content_wrap .es_ul_list_area .bs_4th_ul .is_4th_li:before {content:'';display:block;position:absolute;top:8px;left:0;width:6px;height:6px;border-right:2px solid #045697;border-bottom:2px solid #045697;transform:rotate(-45deg); }
.ws_content_wrap .es_ul_list_area .bs_5th_ul {margin-top:0.5rem;margin-bottom:0rem}
.ws_content_wrap .es_ul_list_area .bs_5th_ul .is_5th_li {position:relative;margin-bottom:0.5rem;padding-left:2rem}
.ws_content_wrap .es_ul_list_area .bs_5th_ul .is_5th_li:before {content:'';display:block;position:absolute;top:1.2rem;left:0;width:8px;height:2px;border:1px solid #045697}

/* QA LIST */
.ws_content_wrap .es_qa_list_area {}
.ws_content_wrap .es_qa_list_area .bs_1st_ul {}
.ws_content_wrap .es_qa_list_area .bs_1st_ul .is_1st_li {position:relative;margin-bottom:1.2rem;padding-left:2.5rem}
.ws_content_wrap .es_qa_list_area .bs_1st_ul .is_1st_li:before {content:'\e92b';position:absolute;top:0;left:0;color:#F3940F;font-family:'xeicon'}
.ws_content_wrap .es_qa_list_area .bs_2nd_ul {margin-top:1rem;margin-bottom:2.5rem}
.ws_content_wrap .es_qa_list_area .bs_2nd_ul .is_2nd_li {position:relative;margin-bottom:1rem;padding-left:1.5rem}
.ws_content_wrap .es_qa_list_area .bs_2nd_ul .is_2nd_li:before {content:'';display:block;position:absolute;top:1.4rem;left:0;width:0.7rem;height:1px;border-radius:50%;background-color:#999}

/* TOP ALERT */
.ws_content_wrap .es_top_alert_area {position:relative;padding:3rem 3rem 3rem 20rem;border-radius:2rem;box-shadow:0.7rem 0.7rem 0 #EEE;border:1px solid #E8EBEE;background-image:url('../../img/page/top_alert_icon.png');background-position:left 3rem center;background-repeat:no-repeat}
.ws_content_wrap .es_top_alert_area .bs_title {display:block;margin-bottom:1.5rem;color:#121212;font-weight:500;font-size:2.2rem}
.ws_content_wrap .es_top_alert_area .bs_desc {}
.ws_content_wrap .es_top_alert_area .bs_desc .is_point {display:block;margin-bottom:0.5rem;color:#121212;font-weight:500}
/* COMMON : E */

/* 기관소개 : S */ 
.ws_content_wrap .es_top_area {padding:4rem;border-radius:2rem;box-shadow:0.7rem 0.7rem 0 #EEE;border:1px dashed #E8EBEE;text-align:center}
.ws_content_wrap .es_top_area .bs_title {display:block;position:relative;margin-bottom:3rem;padding-top:5rem;padding-bottom:2rem;color:#121212;font-weight:500;font-size:3rem}
.ws_content_wrap .es_top_area .bs_title:before {content:'';display:block;position:absolute;top:0;left:50%;width:5rem;height:4.1rem;background-image:url('../../img/page/emblem.png');background-position:center;background-size:contain;background-repeat:no-repeat;transform:translateX(-50%)}
.ws_content_wrap .es_top_area .bs_title:after {content:'';display:block;position:absolute;bottom:0;left:50%;width:5rem;height:1px;background-color:#121212;transform:translateX(-50%)}
.ws_content_wrap .es_business_area {} 
.ws_content_wrap .es_business_area .bs_content_box {display:flex;align-items:center;min-height:24rem;margin-bottom:2rem;padding:3rem 1rem 3rem 3rem;background-color: #fff8e3;box-shadow: 0.7rem 0.7rem 0 #f7f7f7;border-radius:2rem;border:1px dashed #E8EBEE} 
.ws_content_wrap .es_business_area .bs_content_box.bg01 {background-color: #eefbf1;box-shadow: 0.7rem 0.7rem 0 #d1efd8}
.ws_content_wrap .es_business_area .bs_content_box.bg02 {background-color: #eefbf1;box-shadow: 0.7rem 0.7rem 0 #d1efd8}
.ws_content_wrap .es_business_area .bs_content_box.bg03 {background-color: #ffeef0;box-shadow: 0.7rem 0.7rem 0 #ffdbdf}
.ws_content_wrap .es_business_area .bs_content_box.bg04 {background-color: #ffeef0;box-shadow: 0.7rem 0.7rem 0 #ffdbdf}
.ws_content_wrap .es_business_area .bs_content_box.bg05 {background-color: #F0F7FF;box-shadow: 0.7rem 0.7rem 0 #deedff}
.ws_content_wrap .es_business_area .bs_content_box.bg06 {background-color: #F0F7FF;box-shadow: 0.7rem 0.7rem 0 #deedff}
.ws_content_wrap .es_business_area .bs_content_box.bg07 {background-color: #fff8e3;box-shadow: 0.7rem 0.7rem 0 #fdeec2}
.ws_content_wrap .es_business_area .bs_content_box.bg08 {background-color: #fff8e3;box-shadow: 0.7rem 0.7rem 0 #fdeec2}
.ws_content_wrap .es_business_area .bs_content_box .is_icon {flex-shrink:0;width:10rem;height:10rem;margin-right:1rem;background-color:#fff;background-image:url('../../img/page/intro_business.png');background-size:10rem;background-repeat:no-repeat;border-radius:5rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon01 {background-position:0 0rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon02 {background-position:0 -10rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon03 {background-position:0 -20rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon04 {background-position:0 -30rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon05 {background-position:0 -40rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon06 {background-position:0 -50rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon07 {background-position:0 -60rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_icon.icon08 {background-position:0 -70rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_text {padding-left:1rem}
.ws_content_wrap .es_business_area .bs_content_box .is_text .ss_title {display:block;color:#121212;font-weight:500;font-size:2.1rem} 
.ws_content_wrap .es_business_area .bs_content_box .is_text .ss_desc {margin-top:1rem}
.ws_content_wrap .es_history_area {} 
.ws_content_wrap .es_history_area ul {}
.ws_content_wrap .es_history_area ul .bs_list_box {display:flex;flex-wrap:wrap;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px dotted #E8EBEE}
.ws_content_wrap .es_history_area ul .bs_list_box .is_year {display:block;width:18rem;color:#121212;font-weight:500;font-size:3rem;line-height:1.3}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field {width:calc(100% - 18rem)}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field .ss_list {display:flex;position:relative;margin-bottom:1.5rem;padding-left:1.5rem}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field .ss_list:last-child {margin-bottom:0}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field .ss_list:before {content:'';display:block;position:absolute;top:1.3rem;left:0;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#BBB}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field .ss_list .ks_date {width:12rem;color:#333;font-weight:500}
.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field .ss_list .ks_desc {width:calc(100% - 12rem)}
/* 기관소개 : E */ 

/* 인사말 : S */
.ws_content_wrap .es_greet_center_area {margin:5rem 0}
.ws_content_wrap .es_greet_center_area .bs_box {padding:3rem 15rem 3rem 15rem;border-radius: 2rem;box-shadow: 0.7rem 0.7rem 0 #EEE; border: 1px dashed #E8EBEE;background-image: url('../../img/page/greet_icon.png');background-position: left 3rem center;background-repeat: no-repeat}
.ws_content_wrap .es_greet_center_area .bs_box .is_title {font-size:2rem}
.ws_content_wrap .es_greet_center_area .bs_box .is_desc {margin-top:0.8rem;font-size:1.6rem}
.ws_content_wrap .es_greet_area {margin:5rem 0}
.ws_content_wrap .es_greet_area .bs_image_box {position:relative}
.ws_content_wrap .es_greet_area .bs_image_box img {width:100%;max-width:100%}
.ws_content_wrap .es_greet_area .bs_image_box .is_content {position:absolute;top:50%;left:5%;transform:translateY(-50%)}
.ws_content_wrap .es_greet_area .bs_image_box .is_content h3 {font-size:3rem;line-height:1.4;letter-spacing: -1px}
.ws_content_wrap .es_greet_area .bs_image_box .is_content p {margin-top:1rem}
.ws_content_wrap .es_greet_area .bs_content_box {width:90%;margin-top:3rem;padding-left:5rem}
.ws_content_wrap .es_greet_area .bs_content_box b {font-size:2.4rem;font-weight:500}
.ws_content_wrap .es_greet_area .bs_content_box p {margin-top:1rem}
/* 인사말 : E */ 

/* 조직도 : S */
.ws_content_wrap .es_organ_area {width:740px;margin:5rem auto} 
.ws_content_wrap .es_organ_area ul {position:relative;text-align:center}
.ws_content_wrap .es_organ_area > ul:after {content:'';position:absolute;top:0;left:50%;width:1px;height:420px;background-color:#ddd;z-index:-1}
.ws_content_wrap .es_organ_area ul .bs_content_box {}
.ws_content_wrap .es_organ_area ul .bs_content_box img {max-width:100%;padding:10px;background-color:#fff;box-shadow: 0.7rem 0.7rem 0 #EEE;border: 1px dashed #E8EBEE;border-radius:1rem}
.ws_content_wrap .es_organ_area ul .bs_content_box .is_text {display:block;width:200px;height:70px;background:#ddd;border:1px solid #eee;border-radius:1rem;font-weight:400;line-height:70px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_top {width:200px;height:70px;margin:40px auto 0 auto}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_top1 {width:400px;height:110px;margin:40px auto}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_side {position:absolute}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_right {right:0}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_right .is_text {background-color:#8a9cc1;color:#fff}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_right:before {content:'';position:absolute;top:50%;right:200px;width:170px;height:1px;background-color:#ddd}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_top2 {margin:160px auto 40px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_top2 .is_text {background-color:#1e7ac2;color:#fff} 
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom {position:relative;margin-top:120px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom:after {content:'';position:absolute;top:-40px;;left:50%;transform:translateX(-50%);width:50%;height:1px;background-color:#ddd;z-index:-1}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul {display:flex;justify-content:center}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top {position:relative;width:50%}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top:after {content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:1px;height:145px;background-color:#ddd;z-index:-1}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text {display:block;width:200px;height:70px;margin:0 auto;background:#ddd;border:1px solid #eee;border-radius:1rem;font-weight:400;line-height:70px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_left {position:relative; background:#e1f0ff}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_left:before {content:'';position:absolute; bottom:-35px;left:50%; width:163px;height:1px;transform:translateX(-50%);background-color:#ddd;z-index:-1}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_right {position:relative; background:#e1f0ff}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_right:before {content:'';position:absolute; bottom:-35px;left:50%; width:254px;height:1px;transform:translateX(-50%);background-color:#ddd;z-index:-1}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_inner {position:relative; display:flex;justify-content:center;gap:1rem;margin-top:40px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_inner li {position:relative; flex:1;width:150px;height:70px;max-width:146px;margin:1%;margin-top:40px;background:#fff;border:1px solid #ddd;border-radius:1rem;font-size:2rem;line-height:70px}
.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_inner li:after {content:'';position:absolute;top:-47px;left:50%;transform:translateX(-50%);width:1px;height:90px;background-color:#ddd;z-index:-1}
/* 조직도 : E */ 

/* 오시는길 : S */
.ws_content_wrap .es_location_area {}
.ws_content_wrap .es_location_area .bs_title {margin-bottom:1rem;font-size:2.4rem}
.ws_content_wrap .es_location_area .bs_location_box {margin-bottom:2rem}
.ws_content_wrap .es_location_area .bs_traffic_box { }
.ws_content_wrap .es_location_area .bs_traffic_box .is_field {}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_title {position:relative;margin-bottom:1rem;padding-left:2rem;font-size:2rem}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_title:after {content:'';position:absolute;top:50%;left:0;width:10px;height:10px;border:3px solid #00a0e0;border-radius:50px;transform:translateY(-50%)}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_content {min-height:17rem;padding:3rem;background:#f7f7f7;border-radius:1rem}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_content ul {}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_content ul li {position:relative;margin-bottom:0.5rem;padding-left:1.5rem}
.ws_content_wrap .es_location_area .bs_traffic_box .is_field .ss_content ul li:after {content:'';position:absolute;top:1rem;left:0;width:5px;height:5px;background-color:#00a0e0;border-radius:50px}
/* 오시는길 : E */

/* 시설운영지원, 자원연계, 특성화사업, 홍보사업 : S */
.ws_content_wrap .es_image_area {width:90%;margin:0 auto}
.ws_content_wrap .es_image_area img {max-width:100%}
/* 시설운영지원, 자원연계, 특성화사업, 홍보사업 : E */

/* 종사자교육, 평가지원, 시설설치기준, 종사자기준, 아동기준 : S */
.ws_content_wrap strong {font-weight:500;color:#121212}
.ws_content_wrap b {font-weight:400;color:#121212}
.ws_content_wrap .es_desc .bs_2nd_ul > li {margin-bottom:2.5rem !important}
.ws_content_wrap .es_desc .bs_3rd_ul {margin-bottom:0}
/* 종사자교육, 평가지원, 시설설치기준, 종사자기준, 아동기준 : E */

 
/* 지역아동센터란 : S */
.ws_center_wrap {}
.ws_center_wrap .es_time_area {}
.ws_center_wrap .es_time_area .bs_content_box {display:flex;flex-wrap:wrap;align-items:flex-start;min-height:13.7rem;margin-top:2rem;padding:2.5rem;border-radius:2rem;border:1px solid #E8EBEE}
.ws_center_wrap .es_time_area .bs_content_box .is_label {width:8rem;margin-right:1.5rem;padding:0.3rem;border-radius:5rem;background-color:#121212;color:#FFF;font-size:1.6rem;text-align:center}
.ws_center_wrap .es_time_area .bs_content_box .is_label01 {background-color:#0095A9}
.ws_center_wrap .es_time_area .bs_content_box .is_label02 {background-color:#DE4F51}
.ws_center_wrap .es_time_area .bs_content_box .is_desc {color:#121212;font-weight:500;font-size:2.2rem}
.ws_center_wrap .es_time_area .bs_content_box .is_sub {display:block;width:100%;margin-top:0.5rem;font-size:1.4rem}
.ws_center_wrap .es_use_step_area {display:flex;flex-wrap:wrap;justify-content:space-between}
.ws_center_wrap .es_use_step_area .bs_list_box {position:relative;width:14.5%;margin:1rem 0;border-radius:1rem;background-color:#F0F7FF;font-size:1.6rem;text-align:center}
.ws_center_wrap .es_use_step_area .bs_list_box:after {content:'\e93f';position:absolute;top:50%;right:-2rem;width:2rem;height:2rem;border-radius:50%;background-color:#045697;color:#FFF;line-height:2rem;text-align:center;font-family:'xeicon';z-index:1}
.ws_center_wrap .es_use_step_area .bs_list_box:last-child:after {display:none}
.ws_center_wrap .es_use_step_area .bs_long {width:18%}
.ws_center_wrap .es_use_step_area .bs_list_box .is_title {display:block;padding:1rem 0;font-weight:500;border-radius:1rem 1rem 0 0}
.ws_center_wrap .es_use_step_area .bs_list_box .is_desc {margin:3rem 0;padding:0 1rem}
.ws_center_wrap .es_program_area {}
.ws_center_wrap .es_program_area .bs_content_box {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:3rem 0;border-bottom:1px dashed #DDD}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field {width:20%;text-align:center}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon {display:block;width:10rem;height:10rem;margin:0 auto;background-image:url('../../img/page/center_program.png');background-size:10rem;background-repeat:no-repeat}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon01 {background-position:0 0}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon02 {background-position:0 -10rem}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon03 {background-position:0 -20rem}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon04 {background-position:0 -30rem}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_icon05 {background-position:0 -40rem}
.ws_center_wrap .es_program_area .bs_content_box .is_title_field .ss_title {display:inline-block;width:14rem;border-radius:50px;padding:0.3rem 0;background-color:#EEE;color:#121212;font-weight:500}
.ws_center_wrap .es_program_area .bs_content_box .is_desc_field {width:75%}
.ws_center_wrap .es_program_area .bs_content_box .is_desc_field .ss_title {display:block;color:#121212;font-weight:500;font-size:2rem}
.ws_center_wrap .es_program_area .bs_content_box .is_desc_field .ss_desc {margin-top:1rem}
/* 지역아동센터란 : E */

/* 자치구별 담당기관 안내 : S */
.ws_content_wrap .es_partner_area {width:80%;margin:0 auto}
.ws_content_wrap .es_partner_area img {max-width:100%}
.ws_content_wrap .es_partner_area .bs_list_box {display:flex;flex-wrap:wrap;text-align:center}
.ws_content_wrap .es_partner_area .bs_list_box .is_list {width:31%;margin:1%;padding:3rem 2rem;border-radius:1rem;border:1px solid #E8EBEE}
.ws_content_wrap .es_partner_area .bs_list_box .is_list .ss_title{display:block;margin-top:1rem}
.ws_content_wrap .es_partner_area .bs_list_box .is_list .ss_content {display:block;margin-top:1rem;padding:1rem;border-radius:1rem;background-color:#f7f7f7;font-weight:500;font-size:2rem}
.ws_content_wrap .es_partner_area .bs_list_box2 {display:flex;margin-top:2rem;padding:1rem;text-align:center}
.ws_content_wrap .es_partner_area .bs_list_box2 .is_list {width:31%;margin:1%}
/* 자치구별 담당기관 안내 : E */

/* 특화사업-나답게크는아이 : S */
.ws_content_wrap .es_project_area {position:relative;margin-top:20rem;padding: 3rem;border-radius:2rem 0 2rem 2rem;border: 1px solid #E8EBEE}
.ws_content_wrap .es_project_area:after {content:'';position:absolute;right:-1px;bottom:100%;background-repeat:no-repeat;background-position:bottom right;background-size:contain}
.ws_content_wrap .es_project_area.es_project_01:after {width:78rem;height:17rem;background-image:url('../../img/page/project1.png')}
.ws_content_wrap .es_project_area.es_project_02:after {width:78rem;height:17rem;background-image:url('../../img/page/project2.png')}
.ws_content_wrap .es_project_area.es_project_03:after {width:78rem;height:17rem;background-image:url('../../img/page/project3.png')}
.ws_content_wrap .es_project_area.es_project_04:after {width:78rem;height:17rem;background-image:url('../../img/page/project4.png')}
.ws_content_wrap .es_project_area .bs_title_box {border-radius:1rem 1rem 0 0}
.ws_content_wrap .es_project_area .bs_title_box .is_title {position:relative;padding-left:3.5rem;font-size:2.4rem}
.ws_content_wrap .es_project_area .bs_title_box .is_title:before {content:'';display:block;position:absolute;top:0.7rem;left:0;width:2.8rem;height:2.1rem;background-image:url('../../img/page/bullet.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_content_wrap .es_project_area .bs_desc_box {} 
.ws_content_wrap .es_project_area .bs_desc_box .is_subject {margin-top:1.5rem;font-size:2rem}
.ws_content_wrap .es_project_area .bs_desc_box .is_desc {margin-top:1rem;word-break:keep-all}
.ws_content_wrap .es_project_area .bs_desc_box .is_desc .ss_point {text-decoration:underline;font-weight:500}
.ws_content_wrap .es_project_area .bs_item_box {display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;margin-top:2rem}
.ws_content_wrap .es_project_area .bs_item_box .is_item {display:flex;flex-direction:column;align-items:center;text-align:center}
.ws_content_wrap .es_project_area .bs_item_box .is_item img {max-width:100%}
.ws_content_wrap .es_project_area .bs_item_box .is_item span {width:14rem;padding:0.3rem;background-color:#eee;border-radius:5rem}
/* 특화사업-나답게크는아이 : E */


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_content_wrap .es_image_area {width:100%}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_content_wrap .es_center_area .bs_box .is_content .ss_field {flex-direction:column}
	.ws_content_wrap .es_center_area .bs_box .is_content .ss_content_field .ks_list {flex-direction:column}
	.ws_content_wrap .es_center_area .bs_box .is_content .ss_content_field .ks_list > li {width:100%}
	.ws_content_wrap .es_center_area .bs_box .is_content .ss_content_field .ks_list > li:before {top:100%;right:50%;transform:translate(50%,-50%) rotate(90deg)}

	.ws_content_wrap .es_business_area .is_item {height:26rem;padding:4rem 2rem}

	.ws_content_wrap .es_partner_area {width:100%}
	.ws_content_wrap .es_partner_area .bs_list_box .is_list {width:48%;padding:2rem 1rem}
	.ws_content_wrap .es_partner_area .bs_list_box2 li {flex-wrap:wrap}

	.ws_content_wrap .es_project_area {margin-top:14rem}
	.ws_content_wrap .es_project_area.es_project_01:after,
	.ws_content_wrap .es_project_area.es_project_02:after,
	.ws_content_wrap .es_project_area.es_project_03:after,
	.ws_content_wrap .es_project_area.es_project_04:after {width:100%;height:12rem}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_intro_area {padding:2rem}
	.ws_content_wrap .es_intro_area .bs_desc_box{margin:1rem}
	.ws_content_wrap .es_history_area ul .bs_list_box {flex-direction:column;align-items:flex-start}
	.ws_content_wrap .es_history_area ul .bs_list_box .is_date_field {width:100%;margin-top:2rem}
	.ws_content_wrap .es_business_area .is_item {height:auto}

	.ws_content_wrap .es_greet_area .bs_image_box .is_content h3 {font-size:1.8rem;font-weight:500}
	.ws_content_wrap .es_greet_area .bs_content_box {padding-left:2rem;font-size:1.6rem}
	.ws_content_wrap .es_greet_area .bs_content_box b {font-size:1.8rem}
	.ws_content_wrap .es_greet_center_area .bs_box {padding:10rem 2rem 2rem 2rem;background-size:10rem;background-position:left 3rem top 1rem}
	.ws_content_wrap .es_greet_center_area .bs_box .is_title {font-size:1.8rem}
	.ws_content_wrap .es_greet_center_area .bs_box .is_desc {margin-top:0.5rem;font-size:1.6rem}

	.ws_content_wrap .es_organ_area {width:100%}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_top1 {width:100%}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_right {right:50%;transform:translateX(50%)}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_right:before,.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom:after,.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_inner li:before{display:none}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom {margin-top:0px}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul {flex-direction:column}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top {width:100%;margin:0;margin-top:4rem}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_inner {gap:0;align-items:center;margin-top:0}
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_left:before,
	.ws_content_wrap .es_organ_area ul .bs_content_box.bs_bottom ul .is_top .ss_text.ss_right:before {display:none}
	.ws_content_wrap .es_location_area .bs_traffic_box .is_field {margin-top:2rem}

	.ws_content_wrap .es_center_area .bs_box .is_content .ss_program_field > li {width:100%;margin:1rem 0;padding:3rem 2rem}

 	.ws_content_wrap .es_top_alert_area {padding: 3rem 3rem 20rem 3rem;background-position: left 3rem bottom}
	.ws_center_wrap .es_time_area .bs_content_box {min-height:auto}
	.ws_center_wrap .es_time_area .bs_content_box .is_desc {font-size:2rem}
	.ws_center_wrap .es_use_step_area .bs_list_box {width:49%}
	.ws_center_wrap .es_use_step_area .bs_list_box:nth-child(2n):after {display:none}
	.ws_center_wrap .es_program_area .bs_content_box .is_title_field {width:100%}
	.ws_center_wrap .es_program_area .bs_content_box .is_desc_field {width:100%;margin-top:2rem}
}

/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_center_wrap .es_use_step_area .bs_list_box {width:32%}
	.ws_center_wrap .es_use_step_area .bs_list_box:nth-child(3):after {display:none}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}