@charset "utf-8";

/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - EVENT
 *     COPYRIGHT © WEBIS.KR ALL RIGHTS RESERVED.
 *
 * ==================================================================================================== */

/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - FORM
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : EVENT > FORM */
.ws_form_radio,
.ws_form_checkbox {
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none
}

.ws_required {color:#FF0000}

/* WEBIS BLOCK DESIGN : EVENT > FORM > RADIO */
/* ✅️ [CLAUDE-260318] - clip 기법으로 변경: label 클릭 시 스크롤 점프 방지 */
.ws_form_radio {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap;opacity:0;clip:rect(0,0,0,0)}
.ws_form_radio_icon {display:inline-block;position:relative;width:2rem;height:2rem;margin-right:0.5rem;vertical-align:middle}
.ws_form_radio_icon:before {content:'';display:inline-block;position:absolute;top:-1px;left:0;width:2rem;height:2rem;border-radius:50%;border:1px solid #DDD;background-color:#FFF}
.ws_form_radio_icon:after {content:'';display:inline-block;position:absolute;top:0.4rem;left:0.5rem;width:1rem;height:1rem;border-radius:50%;background-color:var(--webis_color);transform:scale(0);opacity:0}
input[type=radio]:checked {}
input[type=radio]:checked + .ws_form_radio_icon {}
input[type=radio]:checked + .ws_form_radio_icon:before {border-color:var(--webis_color)}
input[type=radio]:checked + .ws_form_radio_icon:after {transform:scale(1);opacity:1}

/* WEBIS BLOCK DESIGN : EVENT > FORM > CHECKBOX */
/* ✅️ [CLAUDE-260318] - clip 기법으로 변경: position:absolute;top:0;left:0 사용 시 label 클릭 시 브라우저가 input 위치(페이지 최상단)로 스크롤되는 버그 수정 */
.ws_form_checkbox {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap;opacity:0;clip:rect(0,0,0,0)}
.ws_form_checkbox_icon {display:inline-block;position:relative;width:2rem;height:2rem;margin-right:0.5rem;vertical-align:middle}
.ws_form_checkbox_icon:before {content:'';display:inline-block;position:absolute;top:-1px;left:0;width:2rem;height:2rem;border-radius:3px;border:1px solid #DDD;background-color:#FFF}
.ws_form_checkbox_icon:after {content:'\e929';display:inline-block;position:absolute;top:-1px;left:0;width:2rem;height:2rem;color:#FFF;line-height:2rem;text-align:center;font-family:'xeicon';transform:scale(0);opacity:0}
input[type=checkbox]:checked {}
input[type=checkbox]:checked + .ws_form_checkbox_icon {}
input[type=checkbox]:checked + .ws_form_checkbox_icon:before {border-color:var(--webis_color);background-color:var(--webis_color)}
input[type=checkbox]:checked + .ws_form_checkbox_icon:after {transform:scale(1);opacity:1}

/* WEBIS BLOCK DESIGN : EVENT > FORM > TERMS */
.ws_terms_wrap .es_content_area {border-top:1px solid #E6E8EC !important}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - CAPTCHA
 *
 * ==================================================================================================== */

#captcha {display:flex;flex-wrap:wrap;gap:0.5rem}
#captcha legend {overflow:hidden;position:absolute;text-indent:-9999px;margin:0;padding:0;font-size:0;line-height:0}
#captcha #captcha_img {height:6rem;border:1px solid #DDD}
#captcha #captcha_mp3 {overflow:hidden;position:relative;width:6rem;height:6rem;border:1px solid #DDD;text-indent:-999px}
#captcha #captcha_mp3:before {content:'\ea5b';display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#999;font-size:2.5rem;line-height:6rem;font-family:'xeicon';text-align:center;text-indent:0}
#captcha #captcha_mp3:hover:before {color:#333}
#captcha #captcha_reload {overflow:hidden;position:relative;width:6rem;height:6rem;border:1px solid #DDD;text-indent:-999px}
#captcha #captcha_reload:before {content:'\e977';display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#999;font-size:2.5rem;line-height:6rem;font-family:'xeicon';text-align:center;text-indent:0}
#captcha #captcha_reload:hover:before {color:#333}
#captcha #captcha_key {height:6rem;padding:0 1.5rem;border:1px solid #DDD;background-color:#FFF}
#captcha #captcha_info {display:block;width:100%;margin-top:1rem;font-size:1.3rem}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - COMMON
 *
 * ==================================================================================================== */

img {max-width:100%}

/* WEBIS BLOCK DESIGN : EVENT > COMMON */
.ws_page_board_wrap {margin-bottom:10rem}
.ws_page_board_wrap .es_top_area {display:flex;justify-content:space-between;align-items:center;margin:2rem 0}

.ws_title {display:block;margin-top:7rem;margin-bottom:2rem;color:#000;font-size:2.5rem}
.ws_sub_title {display:block;margin-top:4rem;margin-bottom:2rem;color:#000;font-size:2rem}
.ws_1st_desc {margin-top:3rem;padding:1.5rem;border-radius:1rem;border:1px solid #E6E8EC;background-color:#FAFBFC;color:#667085;font-size:1.4rem}
.ws_table_label {margin-bottom:1rem;color:#777;font-size:1.4rem}
.ws_table_title_label_wrap {display:flex;justify-content:space-between;align-items:flex-end;margin-top:3rem;margin-bottom:2rem}
.ws_table_title_label_wrap * {margin:0}

.ws_state {padding:2px 5px;border-radius:3px;background-color:#000;color:#FFF;font-weight:500;font-size:1.4rem}
.ws_wait {background-color:#DDD;color:#000}
.ws_ing {background-color:#000;color:#FFF}
.ws_cancel {background-color:#E70000}

.ws_empty_wrap {display:flex;justify-content:center;align-items:center;width:100%;min-height:30rem;border-radius:1rem;background-color:#F8F8F8;text-align:center}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > CATEGORY */
.ws_board_category_wrap {}
.ws_board_category_wrap .es_content_area {display:flex;flex-wrap:wrap;justify-content:center}
.ws_board_category_wrap .es_content_area .bs_list_box {margin-right:0.5rem;padding:0 !important;border-bottom:none !important}
.ws_board_category_wrap .es_content_area .bs_list_box:last-child {margin-right:0}
.ws_board_category_wrap .es_content_area .bs_list_box .is_text {display:block;height:4rem;padding:0 1.5rem;border-radius:3px;border:1px solid #E6E8EC;color:#000;line-height:4rem}
.ws_board_category_wrap .es_content_area .bs_list_box .is_text:hover {background-color:#F5F5F5}
.ws_board_category_wrap .es_content_area .bs_list_box .is_text.is_on {border-color:#001952;background-color:#001952;color:#FFF;font-weight:500}

.ws_board_category_1st_wrap {margin-bottom:3rem}
.ws_board_category_1st_wrap .es_content_area {overflow:hidden;display:flex;flex-wrap:wrap;position:relative}
.ws_board_category_1st_wrap .es_content_area:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#DDD}
.ws_board_category_1st_wrap .es_content_area .bs_list_box {width:20%}
.ws_board_category_1st_wrap .es_content_area .bs_list_box .is_text {display:flex;align-items:center;justify-content:center;height:6.5rem;border:1px solid #DDD;border-left:0;text-align:center}
.ws_board_category_1st_wrap .es_content_area .bs_list_box:first-child .is_text {border-left:1px solid #DDD}
.ws_board_category_1st_wrap .es_content_area .bs_list_box .is_text.is_on {border-color:#001952;background-color:#001952;color:#FFF;font-weight:500}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > TOTAL */
.ws_total_wrap {color:#777;font-size:1.5rem}
.ws_total_wrap .es_total {font-weight:bold}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > LIST TYPE */
.ws_list_type_wrap {}
.ws_list_type_wrap .es_button {display:inline-flex;align-items:center;gap:0.4rem;width:auto;height:3.2rem;padding:0 1rem;border-radius:0.6rem;border:1px solid #E6E8EC;font-size:1.4rem;line-height:1}
.ws_list_type_wrap .es_button i {font-size:1.4rem;line-height:1}
.ws_list_type_wrap .es_button:hover {border-color:#CCC}
.ws_list_type_wrap .es_button.es_tab_active {border-color:var(--webis_color);color:var(--webis_color)}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > BUTTON */
.ws_button_wrap {margin-top:4rem}
.ws_button_wrap .es_button {display:inline-block;vertical-align:middle;min-height:6rem;padding:0 4rem;border-radius:3px;border:1px solid #F5F5F5;background-color:#F5F5F5;line-height:6rem}
.ws_button_wrap .es_submit {border-color:var(--webis_color);background-color:var(--webis_color);color:#FFF}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > OPTION BUTTON */
.ws_option_button_wrap {overflow:hidden;margin-top:1rem}
.ws_option_button_wrap .es_button {display:inline-block;vertical-align:middle;min-height:4rem;padding:0 1.5rem;border-radius:3px;border:1px solid #000;color:#000;font-size:1.5rem;line-height:4rem}
.ws_option_button_wrap .es_submit {background-color:#000;color:#FFF}

/* WEBIS BLOCK DESIGN : EVENT > COMMON > STATE */
.ws_state_wait {border-color:#FF7E00 !important;background-color:#FFFBF5 !important;color:#FF7E00 !important} /* 대기 */
.ws_state_receipt {border-color:#FF8E37 !important;background-color:#FF8E37 !important;color:#FFF !important} /* 접수 */
.ws_state_ing {border-color:#006EBC !important;background-color:#D7EEFF !important;color:#006EBC !important} /* 진행중 */
.ws_state_cancel {border-color:#EF1919 !important;background-color:#FFDCDC !important;color:#EF1919 !important} /* 취소 */
.ws_state_end {border-color:#BBB !important;background-color:#E6E8EC !important;color:#000 !important} /* 마감 */


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - LIST
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : EVENT > LIST > SEARCH */
.ws_item_search_form {margin-bottom:3rem;padding:3rem;border-radius:1rem;border:1px solid #E6E8EC;box-shadow:0 1rem 1.5rem 0 rgba(87,87,87,.08)}
.ws_item_search_form .ws_item_search_wrap {}
.ws_item_search_form .ws_item_search_wrap .es_content_area {display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:2rem}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_label {min-width:5rem;height:3rem;color:#777;font-size:1.5rem;line-height:3rem}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_content_box {}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_content_box .is_label {display:inline-flex;align-items:center;cursor:pointer}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_content_box .is_label .ss_text {}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_content_box .is_label .ws_form_radio {}
.ws_item_search_form .ws_item_search_wrap .es_content_area .bs_content_box .is_label .ws_form_radio:checked + .ss_text {}
.ws_item_search_form .ws_item_search_wrap .es_item_keyword_area {margin-bottom:0}
.ws_item_search_form .ws_item_search_wrap .es_item_keyword_area .bs_label {height:4.5rem;line-height:4.5rem}
.ws_item_search_form .ws_item_search_wrap .es_item_keyword_area .bs_content_box {display:flex;align-items:center;gap:0.8rem}
.ws_item_search_form .ws_item_search_wrap .es_item_keyword_area .bs_content_box .ws_form_input {flex:1;min-width:auto;height:4.5rem}
.ws_item_search_form .ws_item_search_wrap .es_item_keyword_area .bs_content_box .ws_form_button {height:4.5rem;padding:0 2rem;border-radius:5px;border-color:var(--webis_color);background-color:var(--webis_color);color:#FFF}

/* WEBIS BLOCK DESIGN : EVENT > LIST > VERTICAL */
.ws_item_list_vertical_wrap {}
.ws_item_list_vertical_wrap .es_content_area {}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box {margin-bottom:2rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field {display:flex;flex-wrap:wrap;align-items:center;position:relative;border:1px solid #E6E8EC;transition:all .3s}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box a.is_link_field:hover {border-color:#000}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_image_zone {flex-shrink:0;position:relative;width:35rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_image_zone .ks_image {width:100%;height:35rem;object-fit:cover}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box div.is_link_field .ss_image_zone:after {content:'접수마감';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#FFF;font-weight:500;font-size:2.5rem;z-index:1}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone {position:relative;width:calc(100% - 35rem);padding:3rem 5rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box div.is_link_field .ss_text_zone {opacity:0.5}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title {}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label {margin-bottom:1rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_label {display:inline-block;vertical-align:middle;min-height:3rem;padding:0 1.5rem;border-radius:3px;border:1px solid #000;color:#000;font-size:1.4rem;line-height:3rem;letter-spacing:-1px}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_state {background-color:#000;color:#FFF}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_end {border-color:#E6E8EC;background-color:#E6E8EC;color:#000}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_category {}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_subject {overflow:hidden;display:-webkit-box;height:3.8rem;color:#000;font-size:2.5rem;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info {display:flex;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #000}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list {overflow:hidden;position:relative;width:50%;margin-top:1rem;padding-right:2rem;padding-left:1.2rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list:before {content:'';display:block;position:absolute;top:1.1rem;left:0;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#000}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_label {float:left;width:9rem;color:#000;font-weight:500}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc {overflow:hidden;display:-webkit-box;float:left;width:calc(100% - 9rem);height:2.4rem;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .count {color:#000;font-weight:bold}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .total {}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .wait {font-size:1.4rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .wait .point {color:#000;font-weight:bold}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_button {display:block;position:absolute;top:3rem;right:5rem;min-height:3rem;padding:0 1.5rem;border-radius:3px;border:1px solid #000;color:#000;font-size:1.4rem;line-height:3rem}
.ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_check {position:absolute;top:1rem;left:1rem;z-index:10}

/* WEBIS BLOCK DESIGN : EVENT > LIST > HORIZON */
.ws_item_list_horizon_wrap {}
.ws_item_list_horizon_wrap .es_content_area {display:flex;flex-wrap:wrap;gap:3rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box {width:calc(100% / 3 - (2 * 3rem / 3))}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field {display:block;position:relative;padding:2rem;border-radius:1rem;border:1px solid #E6E8EC;transition:all .3s}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box a.is_link_field:hover {box-shadow:0 1rem 1.5rem 0 rgba(87,87,87,.08)}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_image_zone {position:relative}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_image_zone .ks_image {max-width:100%;border-radius:1rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box div.is_link_field .ss_image_zone:after {content:'접수마감';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;background-color:rgba(0,0,0,.5);color:#FFF;font-weight:500;font-size:2.5rem;z-index:1}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone {position:relative;margin-top:3rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box div.is_link_field .ss_text_zone {opacity:0.5}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title {}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label {margin-bottom:1rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_label {display:inline-block;vertical-align:middle;min-height:2.2rem;padding:0 0.8rem;border-radius:3px;border:1px solid #000;color:#000;font-size:1.4rem;line-height:2.2rem;letter-spacing:-1px}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_state {background-color:#000;color:#FFF}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_category {border-color:#F5F5F5;background-color:#F5F5F5}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_subject {overflow:hidden;display:-webkit-box;height:3rem;color:#000;font-weight:600;font-size:2rem;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info {margin-top:2rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list {overflow:hidden;display:flex;margin-top:0.5rem;font-size:1.5rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_label {width:9rem;color:#999}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc {overflow:hidden;display:-webkit-box;width:calc(100% - 9rem);height:2.2rem;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .count {color:#000;font-weight:bold}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .total {}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .wait {font-size:1.4rem}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc .wait .point {color:#000;font-weight:bold}
.ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_check {position:absolute;top:1rem;left:1rem;z-index:10}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - VIEW
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : EVENT > VIEW */
.ws_item_view_wrap {}
.ws_item_view_wrap .es_tab_area {display:flex;position:relative;margin-top:7rem}
.ws_item_view_wrap .es_tab_area:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--webis_color);z-index:-1}
.ws_item_view_wrap .es_tab_area .bs_list_box {flex:1;display:flex;justify-content:center;align-items:center;height:6rem;border:1px solid #DDD;border-bottom:0;border-left:0;color:#777;text-align:center;cursor:pointer}
.ws_item_view_wrap .es_tab_area .bs_list_box:first-child {border-left:1px solid #DDD}
.ws_item_view_wrap .es_tab_area .bs_list_box.bs_tab_on {border:1px solid var(--webis_color) !important;border-bottom:0 !important;background-color:#FFF;color:var(--webis_color);font-weight:500}
.ws_item_view_wrap .es_title_area {margin-bottom:3rem}
.ws_item_view_wrap .es_title_area .bs_label_box {}
.ws_item_view_wrap .es_title_area .bs_label_box .is_label {display:inline-block;min-height:2.2rem;margin-bottom:0.5rem;padding:0 0.8rem;border-radius:3px;border:1px solid #F5F5F5;background-color:#F5F5F5;font-size:1.4rem;line-height:2.2rem}
.ws_item_view_wrap .es_title_area .bs_label_box .is_state {background-color:#000;color:#FFF}
.ws_item_view_wrap .es_title_area .bs_label_box .is_end {border-color:#E6E8EC;background-color:#E6E8EC;color:#000}
.ws_item_view_wrap .es_title_area .bs_label_box .is_category {}
.ws_item_view_wrap .es_title_area .bs_title {display:block;color:#000;font-size:2.5rem}
.ws_item_view_wrap .es_title_area .bs_info_box {display:flex;gap:2rem;margin-top:1rem;font-size:1.4rem}
.ws_item_view_wrap .es_title_area .bs_info_box .is_list_field {display:flex;gap:0.5rem}
.ws_item_view_wrap .es_title_area .bs_info_box .is_list_field .ss_label {color:#777;font-weight:500}
.ws_item_view_wrap .es_title_area .bs_info_box .is_list_field .ss_desc {color:#888}
.ws_item_view_wrap .es_info_area {display:flex;flex-wrap:wrap;gap:5rem;margin-top:3rem}
.ws_item_view_wrap .es_info_area .bs_image_box {flex-shrink:0;width:40%;border-radius:1rem;border:1px solid #E6E8EC}
.ws_item_view_wrap .es_info_area .bs_image_box img {width:100%;border-radius:1rem}
.ws_item_view_wrap .es_info_area .bs_text_box {width:calc(60% - 5rem)}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field {}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone {overflow:hidden;margin-bottom:1rem}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_label {float:left;width:10rem;color:#000;font-weight:500}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc {float:left;widtH:calc(100% - 10rem)}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc .os_count {color:#000;font-weight:500}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc .os_total {}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc .os_wait {font-size:1.4rem}
.ws_item_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc .os_wait .rs_point {color:#000;font-weight:bold}
.ws_item_view_wrap .es_content_area {}
.ws_item_view_wrap .es_content_area .bs_state {color:#1D4ED8;font-weight:500}
.ws_item_view_wrap .es_content_area .bs_cancel {color:#FF0000}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - WIRTE
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : EVENT > WRITE */
.ws_item_write_wrap {}
.ws_item_write_wrap .es_content_area {border-top:1px solid #000}
.ws_item_write_wrap .es_content_area .bs_list_box {display:flex;flex-wrap:wrap;padding:2rem 0;border-bottom:1px solid #E6E8EC}
.ws_item_write_wrap .es_content_area .bs_list_box:last-child {margin-bottom:0}
.ws_item_write_wrap .es_content_area .bs_list_box .is_label {display:flex;align-items:center;width:20%;color:#000;font-weight:500}
.ws_item_write_wrap .es_content_area .bs_list_box .is_desc {width:80%}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - REGISTER CONFIRM
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : EVENT > REGISTER CONFIRM */
.ws_board_confirm_wrap {}
.ws_board_confirm_wrap .es_content_area {max-width:80rem;width:100%;margin:0 auto}
.ws_board_confirm_wrap .es_content_area .bs_title {color:#000;font-size:3.5rem;text-align:center}
.ws_board_confirm_wrap .es_content_area .bs_desc {text-align:center}
.ws_board_confirm_wrap .es_content_area .bs_form_box {margin-top:2rem;padding:3rem;border-radius:3rem;box-shadow:0 0.4rem 1.2rem rgba(122,122,122,.12);border:1px solid #E6E8EC}
.ws_board_confirm_wrap .es_content_area .bs_form_box label {display:block;margin-bottom:1rem;color:#000;font-weight:500;font-size:1.5rem}
.ws_board_confirm_wrap .es_content_area .bs_form_box input {}
.ws_board_confirm_wrap .es_content_area .bs_list_box {margin-bottom:1rem}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - BLOCK SKIN
 *
 * ==================================================================================================== */

/* WEBIS BLOCK DESIGN : BLOCK SKIN > CALENDAR */
.ws_apply_picker_wrap .flatpickr-calendar.inline {min-width:31rem;border-radius:1rem;box-shadow:none;border:1px solid #e5e7eb}
.ws_apply_picker_wrap .flatpickr-months {padding:8px 8px 0}
.ws_apply_picker_wrap .flatpickr-weekdays {padding:0 8px}
.ws_apply_picker_wrap .dayContainer {min-width:100%;max-width:100%;padding:6px 8px 10px}
.ws_apply_picker_wrap .flatpickr-day {max-width:calc(100% / 7 - 4px);border-radius:10px}
.ws_apply_picker_wrap .flatpickr-day.ws_apply_day_available {border-color:#D7E5FF !important;background:#EDF4FF !important;color:#3464B6 !important}
.ws_apply_picker_wrap .flatpickr-day.ws_apply_day_closed {border-color:#ECEFF3 !important;background:#F3F4F6 !important;color:#99A1AB !important}
.ws_apply_picker_wrap .flatpickr-day.ws_apply_day_off {border-color:#F6D4D0 !important;background:#FDECEB !important;color:#C64F43 !important}
.ws_apply_picker_wrap .flatpickr-day.flatpickr-disabled.ws_apply_day_available,
.ws_apply_picker_wrap .flatpickr-day.flatpickr-disabled.ws_apply_day_closed,
.ws_apply_picker_wrap .flatpickr-day.flatpickr-disabled.ws_apply_day_off {opacity:1}
.ws_apply_picker_wrap .flatpickr-day.selected.ws_apply_day_available,
.ws_apply_picker_wrap .flatpickr-day.startRange.ws_apply_day_available,
.ws_apply_picker_wrap .flatpickr-day.endRange.ws_apply_day_available {border-color:#5F7FAF !important;background:#5F7FAF !important;color:#FFF !important}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > LEGEND */
.ws_apply_legend_wrap {display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.ws_apply_legend_wrap .es_item {display:inline-flex;align-items:center;gap:0.6rem;font-size:13px;color:#555}
.ws_apply_legend_wrap .es_item .bs_dot {display:inline-block;width:12px;height:12px;border-radius:50%}
.ws_apply_legend_available {background:#EDF4FF;border-color:#D7E5FF}
.ws_apply_legend_closed {background:#F3F4F6;border-color:#ECEFF3}
.ws_apply_legend_off {background:#FDECEB;border-color:#F6D4D0}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > TIME ALERT */
.ws_apply_time_help_wrap {margin-top:0.8rem;padding:1rem 1.2rem;border-radius:1rem;background-color:#F8FAFC;color:#475467;font-size:1.3rem;line-height:1.6}
.ws_apply_time_help_wrap .es_title {color:#1F2937}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > SCHEDULE ACTION */
.ws_apply_schedule_action {display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}
.ws_apply_schedule_list_wrap {margin-top:1rem}
.ws_apply_schedule_list_wrap .es_list_area {display:flex;flex-direction:column}
.ws_apply_schedule_item {display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:1rem;border:1px solid #E5E7EB;background-color:#FFF}
.ws_apply_schedule_label {color:#374151;font-size:1.4rem}
.ws_apply_schedule_remove {}
.ws_apply_schedule_empty {}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > ALERT */
.ws_apply_form_help {margin-top:1rem;color:#666;font-size:1.4rem;line-height:1.6}
.ws_apply_extra_help {margin-top:1rem;color:#667085;font-size:1.4rem;line-height:1.6;white-space:pre-line}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > FORM REPEAT COMMON */
.ws_apply_form_repeat {padding:1.5rem;border-radius:1rem;border:1px solid #E6E8EC;background-color:#FAFBFC}
.ws_apply_form_repeat_title {display:block;color:#1F2937;font-weight:700;font-size:1.5rem}

/* WEBIS BLOCK DESIGN : BLOCK SKIN > FORM REPEAT */
.ws_apply_repeat_rows {display:flex;flex-direction:column;gap:1rem}
.ws_apply_repeat_row {}
.ws_apply_repeat_row_head {display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}
.ws_apply_repeat_row_grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}
.ws_apply_repeat_field {}
.ws_apply_repeat_field label {margin-bottom:0.5rem;font-size:1.4rem}
.ws_apply_file_rows {}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - BLOCK SKIN : VIEW/CHECK/RESULT 공통 텍스트
 *     결과/확인/상세 스킨이 공용으로 쓰는 인라인 메타 텍스트 스타일입니다.
 *
 * ==================================================================================================== */

.ws_th_title {padding:1.5rem 0 !important;background-color:#FFF !important;text-align:left}
.ws_inline_meta {display:flex;align-items:center;gap:0.4rem;margin:0.3rem 0}
.ws_inline_meta strong {}
.ws_list_text {display:flex;flex-direction:column;gap:0.3rem}
.ws_list_text li {}
.ws_text_small {margin:1rem 0;color:#667085;font-size:1.3rem;line-height:1.6}
.ws_file_download_wrap {margin-top:3rem}
.ws_file_download_wrap .ks_label {display:block;margin-bottom:1rem;color:#111827;font-weight:700}


/* ==================================================================================================== *
 *
 *     WEBIS BLOCK STYLESHEET - BLOCK SKIN : CALENDAR 공통
 *     목록 탭 캘린더와 단독 캘린더 스킨이 같은 FullCalendar 규칙을 공유하도록 통합합니다.
 *
 * ==================================================================================================== */

.ws_item_list_calendar_wrap .fc,
.ws_calendar_list_wrap .fc {margin:1rem 0}
.ws_item_list_calendar_wrap .fc td,
.ws_item_list_calendar_wrap .fc th,
.ws_calendar_list_wrap .fc td,
.ws_calendar_list_wrap .fc th {border-color:#E6E8EC}
.ws_item_list_calendar_wrap .fc .fc-toolbar h2,
.ws_calendar_list_wrap .fc .fc-toolbar h2 {color:#000;font-size:2.5rem !important}
.ws_item_list_calendar_wrap .fc .fc-toolbar .fc-button,
.ws_calendar_list_wrap .fc .fc-toolbar .fc-button {font-size:1.2rem}
.ws_item_list_calendar_wrap .fc .fc-head,
.ws_calendar_list_wrap .fc .fc-head {background-color:#F5F5F5}
.ws_item_list_calendar_wrap .fc .fc-head .fc-day-header,
.ws_calendar_list_wrap .fc .fc-head .fc-day-header {padding:1rem 0}
.ws_item_list_calendar_wrap .fc .fc-head .fc-day-header span,
.ws_calendar_list_wrap .fc .fc-head .fc-day-header span {font-weight:bold;font-size:1.4rem}
.ws_item_list_calendar_wrap .fc .fc-body .fc-day-number,
.ws_calendar_list_wrap .fc .fc-body .fc-day-number {padding:1rem 1rem 0.5rem 0;color:#999;font-size:1.2rem}
.ws_item_list_calendar_wrap .fc .fc-body .fc-sun span,
.ws_item_list_calendar_wrap .fc .fc-body .fc-sun a.fc-day-number,
.ws_calendar_list_wrap .fc .fc-body .fc-sun span,
.ws_calendar_list_wrap .fc .fc-body .fc-sun a.fc-day-number {color:red}
.ws_item_list_calendar_wrap .fc .fc-body .fc-sat span,
.ws_item_list_calendar_wrap .fc .fc-body .fc-sat a.fc-day-number,
.ws_calendar_list_wrap .fc .fc-body .fc-sat span,
.ws_calendar_list_wrap .fc .fc-body .fc-sat a.fc-day-number {color:blue}
.ws_item_list_calendar_wrap .fc .fc-body .fc-sun,
.ws_calendar_list_wrap .fc .fc-body .fc-sun {background-color:#FFFAF8}
.ws_item_list_calendar_wrap .fc .fc-body .fc-sat,
.ws_calendar_list_wrap .fc .fc-body .fc-sat {background-color:#F9FCFF}
.ws_item_list_calendar_wrap .fc .fc-body .fc-content,
.ws_calendar_list_wrap .fc .fc-body .fc-content {padding:0.5rem;font-size:1.2rem}
.ws_item_list_calendar_wrap .fc .fc-body .fc-today,
.ws_calendar_list_wrap .fc .fc-body .fc-today {background-color:#F5F5F5}
.ws_calendar_list_wrap .fc .fc-body .fc-today span {color:#666}
.ws_item_list_calendar_wrap .fc .fc-day-grid-event .fc-content,
.ws_calendar_list_wrap .fc .fc-day-grid-event .fc-content {white-space:normal}
.ws_calendar_list_wrap .fc .ws_cal_closed {opacity:0.5}
.ws_calendar_list_wrap .fc .ws_cal_off {opacity:0.7}


/* ==================================================================================================== *
 *
 *     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) {
    .ws_item_list_horizon_wrap .es_content_area .bs_list_box {width:50%}
}

/* WEBIS MEDIA QUERIES MD (1024px) DOWN (MAX) */
@media all and (max-width:1023.98px) {
	.ws_board_search_wrap .es_option_area {width:100%}
	.ws_board_search_wrap .es_option_area select {width:100%}
	.ws_board_search_wrap .es_keyword_area {display:flex;gap:0 5px;width:100%}
	.ws_board_search_wrap .es_keyword_area input {flex:1}

    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_image_zone {width:100%}
    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone {width:100%;padding:3rem}
    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_button {right:3rem}

	.ws_item_view_wrap .es_title_area .bs_label_box {text-align:center}
	.ws_item_view_wrap .es_title_area .bs_title {text-align:center}
	.ws_item_view_wrap .es_info_area .bs_image_box {width:35rem}
	.ws_item_view_wrap .es_info_area .bs_text_box {width:calc(100% - 35rem)}

    .ws_item_write_wrap .es_content_area .bs_list_box .is_desc .ss_form_group .ws_form_input {width:32.3%}
}

/* WEBIS MEDIA QUERIES SM (768px) DOWN (MAX) */
@media all and (max-width:767.98px) {
	.ws_board_category_1st_wrap .es_content_area .bs_list_box {width:33.333%}

    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_subject {height:3rem;font-size:2rem}
    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list {width:100%}

    .ws_item_list_horizon_wrap .es_content_area {margin:0 -1rem}
    .ws_item_list_horizon_wrap .es_content_area .bs_list_box {margin-bottom:2rem;padding:0 1rem}

	.ws_apply_repeat_row_grid {grid-template-columns:1fr}
}

/* WEBIS MEDIA QUERIES SS (640px) DOWN (MAX) */
@media all and (max-width:639.98px) {
    .ws_button_wrap {text-align:center}

    .ws_item_list_horizon_wrap .es_content_area {margin:0}
    .ws_item_list_horizon_wrap .es_content_area .bs_list_box {width:100%;padding:0}

    .ws_item_view_wrap .es_title_area .bs_title {font-size:2rem}
    .ws_item_view_wrap .es_info_area .bs_image_box {width:100%;text-align:center}
	.ws_item_view_wrap .es_info_area .bs_image_box img {max-width:65%}
    .ws_item_view_wrap .es_info_area .bs_text_box {width:100%;margin-top:3rem;padding-left:0}
}

/* WEBIS MEDIA QUERIES 2SS (480px) DOWN (MAX) */
@media all and (max-width:479.98px) {
    .ws_item_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_button {position:initial;width:100%;margin-top:2rem;padding:0.5rem 0;text-align:center}

    .ws_item_list_horizon_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_button {position:initial;width:100%;margin-top:2rem;padding:0.5rem 0;text-align:center}

    .ws_item_write_wrap .es_content_area .bs_list_box .is_label {width:100%;margin-bottom:1rem;line-height:normal}
    .ws_item_write_wrap .es_content_area .bs_list_box .is_desc {width:100%}
    .ws_item_write_wrap .es_content_area .bs_list_box .is_desc .ss_datetime_zone {justify-content:space-between;gap:0;width:100%}
}

/* 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) {

}


/* ==================================================================================================== *
 *
 *     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) {

}

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

}

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

}

/* WEBIS MEDIA QUERIES SS (640px) UP (MIN) */
@media all and (min-width:640px) {
	.ws_item_view_wrap .es_program_info_area .bs_text_box {padding-left:7rem}
}

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

}

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

}

/* 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) {

}
