@import url("../../../../event/skin/basic/css/style.css");

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

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

/* WEBIS BLOCK DESIGN : FORM > LIST */
.ws_form_list_wrap {}

/* WEBIS BLOCK DESIGN : FORM > LIST > VERTICAL */
.ws_form_list_vertical_wrap {}
.ws_form_list_vertical_wrap .es_content_area {}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box {margin-bottom:2rem}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field {display:block;border-radius:1rem;border:1px solid #E6E8EC;transition:all .3s}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box a.is_link_field:hover {border-color:#CBD5E1}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone {position:relative;padding:3rem}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box div.is_link_field .ss_text_zone {opacity:0.5}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title {}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label {margin-bottom:1rem}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_label .rs_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_form_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_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_title .os_desc {margin-top:1rem}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info {display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #E6E8EC}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list {display:flex;gap:1rem 2rem;width:100%}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_label {width:9rem;color:#667085;font-weight:500}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list .rs_desc {flex:1;overflow:hidden;display:-webkit-box;height:2.4rem;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_button {display:block;position:absolute;top:3rem;right:3rem;min-height:3rem;padding:0 1.5rem;border-radius:3px;border:1px solid #000;color:#000;font-size:1.4rem;line-height:3rem}


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

/* WEBIS BLOCK DESIGN : FORM > VIEW */
.ws_form_view_wrap {}
.ws_form_view_wrap .es_info_area {margin-bottom:5rem;padding:3rem;border-radius:1rem;border:1px solid #E6E8EC;background-color:#FFF}
.ws_form_view_wrap .es_info_area .bs_text_box {}
.ws_form_view_wrap .es_info_area .bs_text_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_form_view_wrap .es_info_area .bs_text_box .is_title {color:#000;font-size:2.5rem}
.ws_form_view_wrap .es_info_area .bs_text_box .is_desc {margin-top:1rem}
.ws_form_view_wrap .es_info_area .bs_text_box .is_info_field {display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #E6E8EC}
.ws_form_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone {display:flex;gap:1rem 2rem;width:100%}
.ws_form_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_label {width:9rem;color:#667085;font-weight:500}
.ws_form_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone .ks_desc {flex:1}
.ws_form_view_wrap .es_section_area {margin-top:3rem;padding:3rem;border-radius:1rem;border:1px solid #E6E8EC}
.ws_form_view_wrap .es_section_area .bs_title {margin-bottom:2rem;color:#000;font-size:1.8rem}
.ws_form_view_wrap .es_section_area .bs_info_box {}

/* WEBIS BLOCK DESIGN : FORM > LAYOUT */
.ws_form_layout_area {display:flex;flex-direction:column}
.ws_form_layout_row {display:grid;gap:0 2rem}
.ws_form_layout_cols_1 {grid-template-columns:minmax(0,1fr)}
.ws_form_layout_cols_2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.ws_form_layout_cols_3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.ws_form_layout_cols_4 {grid-template-columns:repeat(4,minmax(0,1fr))}
.ws_item_write_wrap .es_content_area .bs_list_box {padding:1.5rem 0}
.ws_form_layout_col {min-width:0}
.ws_form_layout_col .bs_list_box {display:flex;flex-wrap:wrap;align-items:flex-start;height:100%;margin-bottom:0}
.ws_form_layout_col .bs_list_box .is_label {display:flex;align-items:center;flex:0 0 12rem;width:12rem;min-height:5rem}
.ws_form_layout_col .bs_list_box .is_desc {flex:1 1 calc(100% - 12rem);width:calc(100% - 12rem);min-width:0}
.ws_form_layout_col .ws_form_field_type_radio .is_desc,
.ws_form_layout_col .ws_form_field_type_checkbox .is_desc {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;min-height:5rem}
.ws_form_layout_col .ws_form_field_type_radio .is_desc .ws_form_check_label,
.ws_form_layout_col .ws_form_field_type_checkbox .is_desc .ws_form_check_label {display:inline-flex;align-items:center;margin-right:0}
.ws_form_layout_col .ws_form_field_type_radio .is_desc .ws_apply_extra_help,
.ws_form_layout_col .ws_form_field_type_checkbox .is_desc .ws_apply_extra_help {width:100%}


/* ==================================================================================================== *
 *
 *     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_form_layout_cols_3 {grid-template-columns:repeat(2,minmax(0,1fr))}
    .ws_form_layout_cols_4 {grid-template-columns:repeat(2,minmax(0,1fr))}

}

/* WEBIS MEDIA QUERIES SM (768px) DOWN (MAX) */
@media all and (max-width:767.98px) {
    .ws_form_layout_row {grid-template-columns:minmax(0,1fr)}
    .ws_form_layout_col .bs_list_box .is_label {width:100%;flex-basis:100%;min-height:0;margin-bottom:1rem}
    .ws_form_layout_col .bs_list_box .is_desc {width:100%;flex-basis:100%}

}

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

}

/* WEBIS MEDIA QUERIES 2SS (480px) DOWN (MAX) */
@media all and (max-width:479.98px) {

}

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

}

/* WEBIS MEDIA QUERIES SM (768px) UP (MIN) */
@media all and (min-width:768px) {
	.ws_form_list_vertical_wrap .es_content_area .bs_list_box .is_link_field .ss_text_zone .ks_info .os_list {width:calc(100% / 2 - (1 * 2rem / 2))}

	.ws_form_view_wrap .es_info_area .bs_text_box .is_info_field .ss_list_zone {width:calc(100% / 2 - (1 * 2rem / 2))}
}

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

}