@charset "utf-8";

/* ==================================================================================================== *
 *
 *     WEBIS THEME DESIGN STYLE SHEET - PAGE
 *     COPYRIGHT © WEBIS.KR ALL RIGHTS RESERVED.
 *
 * ==================================================================================================== */

/* WEBIS THEME DESIGN : PAGE > COMMON */
.root_daum_roughmap .wrap_controllers {display:none}
.root_daum_roughmap .cont {display:none}

.ws_dl_list02_wrap .es_1st_dl .bs_1st_dt {min-width:7rem}

.ws_page_content_wrap {margin-bottom:10rem}
.ws_page_1st_title {position:relative;margin-top:5rem;margin-bottom:1.5rem;padding-left:3rem;color:#000;font-size:clamp(2rem, 2vw, 2.5rem)}
.ws_page_1st_bullet {display:block;position:absolute;top:0.8rem;left:0;width:1rem;height:1rem;border-radius:3px;background-color:var(--webis_color)}
.ws_page_1st_bullet:before {content:'';display:block;position:absolute;top:0;left:1.3rem;width:1rem;height:1rem;border-radius:3px;background-color:#00C587}
.ws_page_1st_bullet:after {content:'';display:block;position:absolute;top:1.3rem;left:0;width:1rem;height:1rem;border-radius:3px;background-color:#0FA7FF}
.ws_page_2nd_title {margin-top:3rem;margin-bottom:1.5rem;color:#000;font-size:clamp(1.8rem, 1.8vw, 2rem)}
.ws_page_1st_desc {padding:3rem;border-radius:1.5rem;background-color:#F8F8F8}
.ws_page_1st_desc .es_sub {margin-top:2rem;padding:2rem;border-radius:1rem;background-color:#FFF;color:#777;font-size:0.9em}
.ws_page_2nd_desc {padding:3rem;border-radius:1.5rem;border:1px solid #DDD}
.ws_page_2nd_desc .es_title {display:block;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #DDD;color:#000}
.ws_page_3rd_desc {line-height:1.7}
.ws_page_cs {display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;border-radius:1.5rem;border:2px dashed #DDD;color:#000;font-size:2rem}
.ws_page_cs .es_icon {width:3.4rem;height:3.4rem;background-image:url('../img/page/cs_icon.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_page_cs .es_bar {color:#BBB;font-size:1.4rem}
.ws_page_cs .es_tel {}
.ws_border_wrap {border-radius:1.5rem;border:1px solid #DDD}

/* WEBIS THEME DESIGN : PAGE > COMMON > BUTTON */
.ws_page_button_wrap {margin-top:3rem}
.ws_page_button_wrap .es_button {display:inline-block;min-width:18rem;height:6rem;border-radius:1rem;background-color:var(--webis_color);color:#FFF;font-weight:500;line-height:6rem;text-align:center}

/* WEBIS THEME DESIGN : PAGE > COMMON  > TABLE */
.ws_page_table_wrap {overflow-x:auto}

/* WEBIS THEME DESIGN : PAGE > COMMON > TAB */
.ws_page_tab_wrap {margin-bottom:5rem}
.ws_page_tab_wrap .es_tab_area {display:flex;flex-wrap:wrap;border-radius:0.5rem;background-color:#F8F8F8}
.ws_page_tab_wrap .es_tab_area .bs_list_box {width:calc(100% / 2)}
.ws_page_tab_wrap .es_tab_area .bs_list_box .is_tab_menu {display:flex;justify-content:center;align-items:center;width:100%;height:6rem;border-radius:0.5rem;border:1px solid #F8F8F8;text-align:center}
.ws_page_tab_wrap .es_tab_area .bs_list_box .is_tab_menu.tab_active {border-color:var(--webis_color);background-color:#FFF;color:var(--webis_color);font-weight:bold}

/* WEBIS THEME DESIGN : PAGE > COMMON > STEP */
.ws_page_step_wrap {display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 3rem}
.ws_page_step_wrap .es_list_area {display:flex;flex-direction:column;position:relative;width:100%}
.ws_page_step_wrap .es_list_area:before {content:'\e942';display:block;position:absolute;width:2rem;height:2rem;font-size:2rem;line-height:2rem;font-family:'xeicon';text-align:center}
.ws_page_step_wrap .es_list_area .bs_title {flex-shrink:0;display:flex;justify-content:center;align-items:center;height:7rem;border-radius:1.5rem;background-color:#EEE5DF;color:#000;font-size:clamp(1.8rem, 1.8vw, 2rem);line-height:1.3;text-align:center}
.ws_page_step_wrap .es_list_area .bs_desc {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:10rem;height:100%;padding:2rem 1rem;border-radius:1.5rem;background-color:#F9FAFB;color:#000;line-height:1.3;text-align:center}
.ws_page_step_wrap .es_list_area .bs_desc.we_text_left {text-align:left}

/* WEBIS THEME DESIGN : PAGE > 인사말 */
.ws_page_greeting_wrap {}
.ws_page_greeting_wrap .es_content_area {}
.ws_page_greeting_wrap .es_content_area .bs_image_box {position:relative;z-index:2;text-align:center}
.ws_page_greeting_wrap .es_content_area .bs_image_box img {max-width:100%}
.ws_page_greeting_wrap .es_content_area .bs_text_box {position:relative;margin-top:-5rem;padding:3rem;border-radius:2rem;box-shadow:0 -0.6rem 1.2rem rgba(var(--webis_color_rgb),.05);background-color:#FFF}
.ws_page_greeting_wrap .es_content_area .bs_text_box .is_title {display:block;margin-bottom:5rem;color:#000;font-size:clamp(2rem, 2vw, 3rem);text-align:center}
.ws_page_greeting_wrap .es_content_area .bs_text_box .is_title .ss_point {color:var(--webis_color);font-size:1.2em}
.ws_page_greeting_wrap .es_content_area .bs_text_box .is_desc {line-height:1.7}
.ws_page_greeting_wrap .es_content_area .bs_text_box .is_sign {display:block;margin-top:5rem;color:#000;font-weight:600;text-align:center}

/* WEBIS THEME DESIGN : PAGE > 설립목적 및 가치 */
.ws_page_overview_wrap {}
.ws_page_overview_wrap .es_top_area {padding:4rem 1rem;border-radius:1.5rem;box-shadow:0 0.4rem 1.2rem rgba(122,122,122,.12);border:1px solid #EEE;text-align:center}
.ws_page_overview_wrap .es_top_area .bs_title {color:var(--webis_color);font-family:'JoyfulStory';font-size:clamp(3rem, 4vw, 5rem)}
.ws_page_overview_wrap .es_purpose_area {display:flex;flex-wrap:wrap;gap:2rem}
.ws_page_overview_wrap .es_purpose_area .bs_item_box {display:flex;align-items:center;gap:2rem;width:100%;padding:3rem 3rem 3rem 2rem;border-radius:1.5rem;background-color:#F8F8F8}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_icon {flex-shrink:0;width:10rem;height:10rem;background-image:url('../img/page/purpose_icon.png');background-size:10rem;background-repeat:no-repeat}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_icon01 {background-position:0 0}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_icon02 {background-position:0 -10rem}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_icon03 {background-position:0 -20rem}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_icon04 {background-position:0 -30rem}
.ws_page_overview_wrap .es_purpose_area .bs_item_box .is_desc {}
.ws_page_overview_wrap .es_vision_area {padding:3rem 1rem;border-radius:1.5rem;background-color:rgba(var(--webis_color_rgb),.05);color:#000;font-weight:bold;font-size:clamp(2rem, 2vw, 2.5rem);text-align:center}
.ws_page_overview_wrap .es_vision_area .bs_point {box-shadow:0 -0.9rem 0 rgba(var(--webis_color_rgb),.15) inset;color:var(--webis_color)}

/* WEBIS THEME DESIGN : PAGE > 조직도 */
.ws_page_organ_wrap {}
.ws_page_organ_wrap .es_organ_area {}
.ws_page_organ_wrap .es_organ_area .bs_content_box {position:relative}
.ws_page_organ_wrap .es_organ_area .bs_content_box:before {content:'';display:block;position:absolute;top:0;left:50%;z-index:-1;width:1px;height:100%;background-color:#DDD}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item {display:flex;justify-content:center}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item .ss_text {display:flex;justify-content:center;align-items:center;position:relative;max-width:10rem;width:100%;height:7rem;border-radius:1.5rem;border:1px solid #DDD;background-color:#FFF;word-break:break-all;text-align:center}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center .ss_text {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center.is_center01 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center.is_center01 .ss_text {border-color:#FF9C00;background-color:#FF9C00;color:#FFF}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side .ss_text {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 .ss_text {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right01 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right02 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 .ss_text {border:3px solid var(--webis_color);color:var(--webis_color)}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text {border-color:#00C587;background-color:#00C587;color:#FFF}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 .ss_text {border:3px solid var(--webis_color);color:var(--webis_color)}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 {}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 .ss_text {border:3px solid var(--webis_color);color:var(--webis_color)}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom {width:100%}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom .ss_content {display:flex;gap:2rem;width:100%}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom .ss_content .ks_list {display:flex;justify-content:center;align-items:center;position:relative;width:calc(100% / 3 - (2 * 2rem / 3));height:7rem;border-radius:1.5rem;border:1px solid var(--webis_color);background-color:var(--webis_color);color:#FFF;text-align:center}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom .ss_content .ks_list:before {content:'';display:block;position:absolute;top:-1.5rem;left:50%;z-index:-1;width:1px;height:1.5rem;background-color:#DDD}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom .ss_content .ks_list:after {content:'';display:block;position:absolute;top:-1.5rem;left:50%;z-index:-1;width:calc(100% + 2.2rem);height:1px;background-color:#DDD}
.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom .ss_content .ks_list:last-child:after {display:none}

/* WEBIS THEME DESIGN : PAGE > 센터둘러보기 */
.ws_page_facility_wrap {}
.ws_page_facility_wrap .es_content_area {position:relative;text-align:center}
.ws_page_facility_wrap .es_content_area img {max-width:100%;border-radius:1.5rem}
.ws_page_facility_wrap .es_content_area .bs_button {position:absolute;top:50%;z-index:10;width:5rem;height:5rem;border-radius:50%;background-color:rgba(255,255,255,.6);color:#000;line-height:5rem;text-align:center;transform:translateY(-50%);transition:all .3s}
.ws_page_facility_wrap .es_content_area .bs_button:hover {background-color:#FFF}
.ws_page_facility_wrap .es_content_area .bs_button.bs_button_prev {left:1rem}
.ws_page_facility_wrap .es_content_area .bs_button.bs_button_next {right:1rem}

/* WEBIS THEME DESIGN : PAGE > 이용안내 */
.ws_page_use_wrap {}
.ws_page_use_wrap .es_use_area {display:flex;flex-wrap:wrap;gap:2rem}
.ws_page_use_wrap .es_use_area .bs_item_box {width:100%;padding:3rem 1rem;border-radius:1.5rem;text-align:center}
.ws_page_use_wrap .es_use_area .bs_item_box.bs_item01 {background-color:rgba(var(--webis_color_rgb),.05)}
.ws_page_use_wrap .es_use_area .bs_item_box.bs_item02 {background-color:rgba(0,197,135,.05)}
.ws_page_use_wrap .es_use_area .bs_item_box.bs_item03 {background-color:rgba(15,167,255,.05)}
.ws_page_use_wrap .es_use_area .bs_item_box .is_icon {display:inline-block;width:10rem;height:10rem;background-image:url('../img/page/use_icon.png');background-size:10rem;background-repeat:no-repeat}
.ws_page_use_wrap .es_use_area .bs_item_box .is_icon.is_icon01 {background-position:0 0}
.ws_page_use_wrap .es_use_area .bs_item_box .is_icon.is_icon02 {background-position:0 -10rem}
.ws_page_use_wrap .es_use_area .bs_item_box .is_icon.is_icon03 {background-position:0 -20rem}
.ws_page_use_wrap .es_use_area .bs_item_box .is_title {display:block;color:#000;font-size:2rem}
.ws_page_use_wrap .es_use_area .bs_item_box .is_desc {margin-top:1rem}
.ws_page_use_wrap .es_map_area {overflow:hidden;border-radius:1.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,.08)}
.ws_page_use_wrap .es_info_area {display:flex;flex-wrap:wrap;gap:2rem 7rem;padding:3rem}
.ws_page_use_wrap .es_info_area .bs_list_box {display:flex;align-items:flex-start}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_add {width:100%}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_tel {}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_fax {}
.ws_page_use_wrap .es_info_area .bs_list_box .is_label {flex-shrink:0;position:relative;padding-left:3rem;width:10rem;color:#000;font-weight:600}
.ws_page_use_wrap .es_info_area .bs_list_box .is_label:before {content:'';display:block;position:absolute;top:50%;left:0;width:2.5rem;height:2.5rem;background-image:url('../img/page/location_icon.png');background-size:2.5rem;background-repeat:no-repeat;transform:translateY(-50%)}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_add .is_label:before {background-position:0 0}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_tel .is_label:before {background-position:0 -2.5rem}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_fax .is_label:before {background-position:0 -5rem}
.ws_page_use_wrap .es_info_area .bs_list_box.bs_mail .is_label:before {background-position:0 -7.5rem}
.ws_page_use_wrap .es_info_area .bs_list_box .is_desc {}
.ws_page_use_wrap .es_traffic_area {}
.ws_page_use_wrap .es_traffic_area .bs_content_box {padding:5rem 0;border-bottom:1px solid #EEE}
.ws_page_use_wrap .es_traffic_area .bs_content_box:last-child {padding-bottom:0;border-bottom:none}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field {}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field .ss_title {margin-top:0;padding-left:0}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field .ss_icon {}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field .ss_icon img {}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field {}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_title {width:18rem;color:#000;font-size:1.8rem}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc {width:100%}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list {margin-bottom:2rem}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list:last-child {margin-bottom:0}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list .os_label {margin-bottom:1.5rem;color:#000;font-weight:bold}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list .os_desc {margin-top:1.5rem}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list .os_desc:first-child {margin-top:0}
.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_desc .ks_list .os_desc b {color:#000;font-weight:500}

/* WEBIS THEME DESIGN : PAGE > 나주시청소년상담복지센터 */
.ws_page_welfare_wrap {}
.ws_page_welfare_wrap .es_top_area {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0 3rem;padding:0 4rem;border-radius:1.5rem;box-shadow:0px 8px 30px 0px rgba(192, 192, 192, 0.23)}
.ws_page_welfare_wrap .es_top_area .bs_image_box {flex-shrink:0;align-self:flex-end;width:25%;text-align:center}
.ws_page_welfare_wrap .es_top_area .bs_image_box img {max-width:100%}
.ws_page_welfare_wrap .es_top_area .bs_text_box {padding:5rem 0}
.ws_page_welfare_wrap .es_top_area .bs_text_box .is_title {color:#000;font-size:clamp(2rem, 2vw, 2.5rem);font-family:GmarketSans, sans-serif}
.ws_page_welfare_wrap .es_top_area .bs_text_box .is_desc {margin-top:1rem}
.ws_page_welfare_wrap .es_alert_area {overflow:hidden;padding:3rem;border-radius:1.5rem;background-color:rgba(var(--webis_color_rgb),.05)}
.ws_page_welfare_wrap .es_alert_area .bs_title {display:inline-block;position:relative;margin-bottom:2rem;padding:1rem 3rem 1rem 0;border-radius:0 0.5rem 0.5rem 0;background-color:var(--webis_color);color:#FFF;font-weight:500}
.ws_page_welfare_wrap .es_alert_area .bs_title:before {content:'';display:block;position:absolute;top:0;right:100%;width:100%;height:100%;background-color:var(--webis_color)}
.ws_page_welfare_wrap .es_alert_area .bs_title:after {content:'';display:block;position:absolute;top:50%;right:0;border-top:1.8rem solid transparent;border-right:1rem solid;border-bottom:1.8rem solid transparent;color:#FFF8F3;transform:translateY(-50%)}
.ws_page_welfare_wrap .es_alert_area .bs_title .is_text {position:relative;z-index:1}
.ws_page_welfare_wrap .es_alert_area .bs_desc {}
.ws_page_welfare_wrap .es_alert_area .bs_sub {margin-top:2rem;padding:2rem;border-radius:1rem;background-color:#FFF;color:#777;font-size:0.9em}
.ws_page_welfare_wrap .es_1388_area {display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}
.ws_page_welfare_wrap .es_1388_area .bs_item_box {width:100%;padding:3rem 1rem;border-radius:1.5rem;border:1px solid #DDD;text-align:center}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon {display:inline-block;width:10rem;height:10rem;background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon01 {background-image:url('../img/page/counsel02_icon01.png')}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon02 {background-image:url('../img/page/counsel02_icon02.png')}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon03 {background-image:url('../img/page/counsel02_icon03.png')}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon04 {background-image:url('../img/page/counsel02_icon04.png')}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_icon05 {background-image:url('../img/page/counsel02_icon05.png')}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_title {display:block;margin-top:1rem;color:#000}
.ws_page_welfare_wrap .es_1388_area .bs_item_box .is_desc {margin-top:1rem}
.ws_page_welfare_wrap .es_info_area {display:flex;flex-wrap:wrap;gap:2rem}
.ws_page_welfare_wrap .es_info_area .bs_item_box {display:flex;align-items:center;gap:2rem;flex-basis:100%;flex-grow:1;padding:3rem;border-radius:1.5rem;background-color:#F8F8F8}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_icon {flex-shrink:0;width:10rem;height:10rem;background-image:url('../img/page/welfare_info_icon.png');background-size:10rem;background-repeat:no-repeat}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_icon01 {background-position:0 0}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_icon02 {background-position:0 -10rem}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_icon03 {background-position:0 -20rem}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_icon04 {background-position:0 -30rem}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_text_field .ss_title {color:#000}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_text_field .ss_desc {margin-top:1rem}
.ws_page_welfare_wrap .es_info_area .bs_item_box .is_text_field .ss_desc.ss_point {color:var(--webis_color);font-weight:bold;font-size:2.5rem}
.ws_page_welfare_wrap .es_item_area {display:flex;flex-wrap:wrap;gap:1rem}
.ws_page_welfare_wrap .es_item_area .bs_list_box {display:flex;justify-content:center;align-items:center;width:calc(100% / 2 - (1 * 1rem / 2));padding:2rem 1rem;border-radius:1rem;background-color:rgba(var(--webis_color_rgb),.05);color:var(--webis_color);font-weight:500;text-align:center}
.ws_page_welfare_wrap .es_step_area {}
.ws_page_welfare_wrap .es_step_area .bs_list_box {display:flex;flex-wrap:wrap;position:relative;margin-bottom:5rem}
.ws_page_welfare_wrap .es_step_area .bs_list_box:after {content:'\e942';display:block;position:absolute;top:100%;left:50%;width:3rem;height:5rem;color:var(--webis_color);font-size:4rem;line-height:5rem;text-align:center;font-family:'xeicon';transform:translateX(-50%)}
.ws_page_welfare_wrap .es_step_area .bs_list_box:last-child:after {display:none}
.ws_page_welfare_wrap .es_step_area .bs_list_box .is_title {display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;border-radius:1.5rem 1.5rem 0 0;background-color:var(--webis_color);color:#FFF;font-weight:600;font-size:2rem;text-align:center}
.ws_page_welfare_wrap .es_step_area .bs_list_box .is_desc {flex:1}
.ws_page_welfare_wrap .es_step_area .bs_list_box .is_desc .ss_sub_title {display:flex;justify-content:center;align-items:center;height:7rem;background-color:var(--webis_color_100);color:var(--webis_color);font-weight:bold;font-size:2rem;text-align:center}
.ws_page_welfare_wrap .es_step_area .bs_list_box .is_desc .ss_desc {padding:2.5rem;border-radius:0 0 1.5rem 1.5rem;background-color:rgba(var(--webis_color_rgb),.05)}
.ws_page_welfare_wrap .es_dream_step_area {}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box {display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;position:relative;margin-bottom:5rem}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box:after {content:'\e942';display:block;position:absolute;top:100%;left:50%;height:5rem;color:var(--webis_color);font-weight:bold;font-size:3rem;line-height:5rem;font-family:'xeicon';transform:translateX(-50%)}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box:last-child:after {display:none}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_text {width:20rem;padding:1.5rem 0;border-radius:1rem;border:1px solid var(--webis_color);color:var(--webis_color);font-weight:bold;text-align:center}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub {display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list {position:relative;width:100%;padding:1rem 1rem 3rem 1rem;border-radius:1rem;border:1px solid #DDD;background-color:#FFF}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list .ks_title {display:flex;justify-content:center;align-items:center;height:6rem;border-radius:1rem;background-color:var(--webis_color);color:#FFF;text-align:center}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list .ks_sub_title {display:block;margin-top:2rem;padding-left:1rem;color:#000;font-weight:bold}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list .ks_desc {margin-top:1rem;padding-left:1rem}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list .ks_desc .os_list {margin-top:0.5rem}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box.bs_middle {}
.ws_page_welfare_wrap .es_dream_step_area .bs_list_box.bs_bottom {}

/* WEBIS THEME DESIGN : PAGE > 온라인 심리검사 */
.ws_page_mentality_wrap {}
.ws_page_mentality_wrap .es_content_area {padding:5rem 0}
.ws_page_mentality_wrap .es_content_area .bs_title_box {position:relative;padding-bottom:3rem}
.ws_page_mentality_wrap .es_content_area .bs_title_box:before {content:'';display:block;position:absolute;bottom:0;left:8%;width:14.3rem;height:18.1rem;background-image:url('../img/page/mentality_title.png');background-position:bottom left;background-size:contain;background-repeat:no-repeat}
.ws_page_mentality_wrap .es_content_area .bs_title_box .is_title {color:#000;font-size:clamp(2rem, 2.5vw, 3rem);font-family:GmarketSans, sans-serif;text-align:center}
.ws_page_mentality_wrap .es_content_area .bs_title_box .is_title img {max-width:100%}
.ws_page_mentality_wrap .es_content_area .bs_title_box .is_desc {margin-top:1rem;text-align:center}
.ws_page_mentality_wrap .es_content_area .bs_sub_box {}
.ws_page_mentality_wrap .es_content_area .bs_sub_box .is_list {display:flex;gap:1rem;margin-bottom:1rem}
.ws_page_mentality_wrap .es_content_area .bs_sub_box .is_list:last-child {margin-bottom:0}
.ws_page_mentality_wrap .es_content_area .bs_sub_box .is_list i {flex-shrink:0;color:var(--webis_color_red);font-size:1.5em}
.ws_page_mentality_wrap .es_content_area .bs_content_box {margin-top:3rem;display:flex;flex-wrap:wrap;gap:2rem;padding:3rem;border-radius:1.5rem;background-color:var(--webis_color_blue_100)}
.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field {width:100%;border-radius:1.5rem;background-color:#FFF;text-align:center}
.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field a {display:block;padding:3rem 1rem}
.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field a .ss_title {color:#000;font-size:2.5rem}
.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field a .ss_desc {margin-top:1rem}
.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field a .ss_button {display:inline-block;margin-top:2rem;padding:1rem 2rem;border-radius:0.5rem;background-color:var(--webis_color_blue_550);color:#FFF}


/* ==================================================================================================== *
 *
 *     WEBIS MEDIA QUERIES EXTEND (DESKTOP BASE) - UNDER BREAKPOINT SIZE
 *
 * ==================================================================================================== */

/* WEBIS MEDIA QUERIES 4XL (2560px) DOWN (MAX) */
@media all and (max-width:2559.98px) {

}

/* WEBIS MEDIA QUERIES 3XL (1920px) DOWN (MAX) */
@media all and (max-width:1919.98px) {

}

/* WEBIS MEDIA QUERIES 2XL (1600px) DOWN (MAX) */
@media all and (max-width:1599.98px) {

}

/* WEBIS MEDIA QUERIES XL (1440px) DOWN (MAX) */
@media all and (max-width:1439.98px) {

}

/* WEBIS MEDIA QUERIES LG (1280px) DOWN (MAX) */
@media all and (max-width:1279.98px) {

}

/* WEBIS MEDIA QUERIES MD (1024px) DOWN (MAX) */
@media all and (max-width:1023.98px) {
	.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field .ss_title {display:block;margin-bottom:2rem}
	
	.ws_page_mentality_wrap .es_content_area .bs_title_box:before {left:0;width:11rem;height:14rem}
	.ws_page_mentality_wrap .es_content_area .bs_title_box .is_title img {max-width:17rem}
}

/* WEBIS MEDIA QUERIES SM (768px) DOWN (MAX) */
@media all and (max-width:767.98px) {	
	.ws_page_step_wrap .es_list_area:last-child:before {display:none}
	.ws_page_step_wrap .es_list_area:before {top:100%;left:50%;transform:translateX(-50%)}
	
	.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field .ss_icon {display:none}
}

/* WEBIS MEDIA QUERIES SS (640px) DOWN (MAX) */
@media all and (max-width:639.98px) {
	.ws_page_welfare_wrap .es_top_area .bs_image_box {display:none}
	
	.ws_page_mentality_wrap .es_content_area .bs_title_box:before {display:none}
	.ws_page_mentality_wrap .es_content_area .bs_title_box .is_title img {max-width:15rem}
	
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box.bs_middle .is_sub .ss_list:nth-child(2n):after {display:none}
}

/* WEBIS MEDIA QUERIES 2SS (480px) DOWN (MAX) */
@media all and (max-width:479.98px) {
	.ws_page_cs .es_tel {display:block}

	.ws_dl_list02_wrap .es_1st_dl .bs_1st_dt {width:100%;margin-right:0}
}

/* WEBIS MEDIA QUERIES 3SS (320px) DOWN (MAX) */
@media all and (max-width:319.98px) {

}

/* WEBIS MEDIA QUERIES 4SS (280px) DOWN (MAX) */
@media all and (max-width:279.98px) {
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item {margin-bottom:1rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_bottom {margin-top:2.5rem}
}


/* ==================================================================================================== *
 *
 *     WEBIS MEDIA QUERIES EXTEND (MOBILE BASE) - MORE THAN BREAKPOINT SIZE
 *
 * ==================================================================================================== */

/* WEBIS MEDIA QUERIES XS (0px) UP (MIN) */
@media all and (min-width:0px) {

}

/* WEBIS MEDIA QUERIES 4SS (280px) UP (MIN) */
@media all and (min-width:280px) {
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center {margin-top:-2.5rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center:first-of-type {margin-top:0}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_center.is_center01 {margin-top:2.5rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side {margin-top:-2.5rem;transform:translateX(11rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 {transform:translateX(-11rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 .ss_text:before {content:'';display:block;position:absolute;top:50%;left:100%;z-index:-1;width:6rem;height:1px;background-color:#DDD}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right01 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right02 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 .ss_text:before {content:'';display:block;position:absolute;top:50%;right:100%;z-index:-1;width:6rem;height:1px;background-color:#DDD}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 {margin-top:-7rem;margin-bottom:4rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text:before {content:'';display:block;position:absolute;top:-2.5rem;left:50%;z-index:-1;width:1px;height:12rem;background-color:#DDD}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text:after {content:'';display:block;position:absolute;bottom:-2.5rem;right:50%;z-index:-1;width:11rem;height:1px;background-color:#DDD}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 {margin-top:0;margin-bottom:1.5rem;transform:translateX(6rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 .ss_text:before {content:'';display:block;position:absolute;bottom:calc(100% + 3px);left:50%;z-index:-1;width:1px;height:1.5rem;background-color:#DDD}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 {margin-top:0;margin-bottom:4rem;transform:translateX(6rem)}
}

/* WEBIS MEDIA QUERIES 3SS (320px) UP (MIN) */
@media all and (min-width:320px) {
	.ws_page_welfare_wrap .es_1388_area .bs_item_box {width:calc(100% / 2 - (1 * 2rem / 2))}
}

/* WEBIS MEDIA QUERIES 2SS (480px) UP (MIN) */
@media all and (min-width:480px) {
	.ws_page_tab_wrap .es_tab_area .bs_list_box {flex:1}
	
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item .ss_text {max-width:18rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side {transform:translateX(20rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 {transform:translateX(-20rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 .ss_text:before {width:11rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right01 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right02 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 .ss_text:before {width:11rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text:after {width:20rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 {transform:translateX(11rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 {transform:translateX(11rem)}
	
	.ws_page_use_wrap .es_use_area .bs_item_box {width:calc(100% / 3 - (2 * 2rem / 3))}
	
	.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field {width:calc(100% / 2 - (1 * 2rem / 2))}
	
	.ws_page_welfare_wrap .es_step_area .bs_list_box .is_title {width:15rem}
	.ws_page_welfare_wrap .es_step_area .bs_list_box .is_desc .ss_sub_title {border-radius:0 1.5rem 0 0}
	.ws_page_welfare_wrap .es_step_area .bs_list_box .is_desc .ss_desc {border-radius:0 0 1.5rem 0}
	.ws_page_welfare_wrap .es_step_area .bs_list_box .is_title {border-radius:1.5rem 0 0 1.5rem}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list {margin-top:3rem}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box.bs_middle .is_sub .ss_list {width:calc(100% / 2 - (1 * 2rem / 2))}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box.bs_bottom .is_sub .ss_list {width:calc(100% / 3 - (2 * 2rem / 3))}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list:before {content:'';display:block;position:absolute;top:-3rem;left:50%;z-index:-1;width:1px;height:3rem;background-color:#DDD}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list:after {content:'';display:block;position:absolute;top:-3rem;left:50%;z-index:-1;width:calc(100% + 2rem);height:1px;background-color:#DDD}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list:last-child:after {display:none}
}

/* WEBIS MEDIA QUERIES SS (640px) UP (MIN) */
@media all and (min-width:640px) {
	.ws_page_greeting_wrap .es_content_area {padding:5rem 4rem;border-radius:2rem 2rem 0 0;background:linear-gradient(to bottom, rgba(var(--webis_color_rgb),.1), #FFF)}
	.ws_page_greeting_wrap .es_content_area .bs_text_box {margin-top:-9rem;padding:5rem}
	
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item .ss_text {max-width:22rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side {transform:translateX(24rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 {transform:translateX(-24rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 .ss_text:before {width:13rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right01 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right02 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 .ss_text:before {width:13rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text:after {width:24rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 {transform:translateX(13rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 {transform:translateX(13rem)}
	
	.ws_page_welfare_wrap .es_top_area {flex-direction:row-reverse}
	.ws_page_welfare_wrap .es_1388_area .bs_item_box {width:calc(100% / 3 - (2 * 2rem / 3))}
	.ws_page_welfare_wrap .es_item_area .bs_list_box {width:calc(100% / 3 - (2 * 1rem / 3))}
	.ws_page_welfare_wrap .es_dream_step_area .bs_list_box .is_sub .ss_list {width:calc(100% / 4 - (3 * 2rem / 4)) !important}
	
	.ws_page_mentality_wrap .es_content_area {padding:5rem 4rem;border-radius:2rem;background-color:rgba(var(--webis_color_blue_rgb),.05)}
	.ws_page_mentality_wrap .es_content_area .bs_content_box .is_item_field {width:calc(100% / 3 - (2 * 2rem / 3))}
	.ws_page_mentality_wrap .es_content_area .bs_sub_box {padding:2.5rem;border-radius:1.5rem;background-color:#FFF}
}

/* WEBIS MEDIA QUERIES SM (768px) UP (MIN) */
@media all and (min-width:768px) {
	.ws_page_content_wrap {font-size:1.8rem}
	
	.ws_page_tab_wrap .es_list_area .bs_tab_menu.tab_active {border-bottom-color:#FFF}
	
	.ws_page_step_wrap .es_list_area {width:calc(100% / 3 - (2 * 3rem / 3))}
	.ws_page_step_wrap .es_list_area:first-child:before {display:none}
	.ws_page_step_wrap .es_list_area:before {content:'\e93f';top:0;right:100%;width:3rem;height:7rem;line-height:7rem}
	
	.ws_page_greeting_wrap .es_content_area {padding:5rem 8rem}
	
	.ws_page_overview_wrap .es_purpose_area .bs_item_box {width:calc(100% / 2 - (1 * 2rem / 2))}
	
	.ws_page_welfare_wrap .es_item_area .bs_list_box {width:calc(100% / 4 - (3 * 1rem / 4))}
	.ws_page_welfare_wrap .es_info_area .bs_item_box {flex-basis:calc(100% / 2 - (1 * 2rem / 2))}
	
	.ws_page_use_wrap .es_info_area {padding:4rem}
	.ws_page_use_wrap .es_traffic_area .bs_content_box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
	.ws_page_use_wrap .es_traffic_area .bs_content_box .is_title_field {width:25%;border-right:1px solid #EEE;text-align:center}
	.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field {width:70%}
}

/* WEBIS MEDIA QUERIES MD (1024px) UP (MIN) */
@media all and (min-width:1024px) {
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item .ss_text {max-width:28rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side {transform:translateX(32rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 {transform:translateX(-32rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_left01 .ss_text:before {width:18rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right01 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right02 .ss_text:before,
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right03 .ss_text:before {width:18rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right04 .ss_text:after {width:32rem}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right05 {transform:translateX(17rem)}
	.ws_page_organ_wrap .es_organ_area .bs_content_box .is_item.is_side.is_right06 {transform:translateX(17rem)}
	
	.ws_page_use_wrap .es_traffic_area .bs_content_box .is_info_field {display:flex;flex-wrap:wrap}
	
	.ws_page_welfare_wrap .es_step_area .bs_list_box .is_title {width:20rem}
}

/* WEBIS MEDIA QUERIES LG (1280px) UP (MIN) */
@media all and (min-width:1280px) {

}

/* WEBIS MEDIA QUERIES XL (1440px) UP (MIN) */
@media all and (min-width:1440px) {

}

/* WEBIS MEDIA QUERIES 2XL (1600px) UP (MIN) */
@media all and (min-width:1600px) {

}

/* WEBIS MEDIA QUERIES 3XL (1920px) UP (MIN) */
@media all and (min-width:1920px) {

}

/* WEBIS MEDIA QUERIES 4XL (2560px) UP (MIN) */
@media all and (min-width:2560px) {

}


/* ==================================================================================================== *
 *
 *     WEBIS MEDIA QUERIES EXTEND (BETWEEN) - ONLY BETWEEN BREAKPOINT SIZES
 *
 * ==================================================================================================== */

/* WEBIS MEDIA QUERIES XS (0px ~ 279.98px) ONLY */
@media all and (min-width:0px) and (max-width:279.98px) {

}

/* WEBIS MEDIA QUERIES 4SS (280px ~ 319.98px) ONLY */
@media all and (min-width:280px) and (max-width:319.98px) {

}

/* WEBIS MEDIA QUERIES 3SS (320px ~ 479.98px) ONLY */
@media all and (min-width:320px) and (max-width:479.98px) {

}

/* WEBIS MEDIA QUERIES 2SS (480px ~ 639.98px) ONLY */
@media all and (min-width:480px) and (max-width:639.98px) {

}

/* WEBIS MEDIA QUERIES SS (640px ~ 767.98px) ONLY */
@media all and (min-width:640px) and (max-width:767.98px) {

}

/* WEBIS MEDIA QUERIES SM (768px ~ 1023.98px) ONLY */
@media all and (min-width:768px) and (max-width:1023.98px) {

}

/* WEBIS MEDIA QUERIES MD (1024px ~ 1279.98px) ONLY */
@media all and (min-width:1024px) and (max-width:1279.98px) {

}

/* WEBIS MEDIA QUERIES LG (1280px ~ 1439.98px) ONLY */
@media all and (min-width:1280px) and (max-width:1439.98px) {

}

/* WEBIS MEDIA QUERIES XL (1440px ~ 1599.98px) ONLY */
@media all and (min-width:1440px) and (max-width:1599.98px) {

}

/* WEBIS MEDIA QUERIES 2XL (1600px ~ 1919.98px) ONLY */
@media all and (min-width:1600px) and (max-width:1919.98px) {

}

/* WEBIS MEDIA QUERIES 3XL (1920px ~ 2559.98px) ONLY */
@media all and (min-width:1920px) and (max-width:2559.98px) {

}